<form id="form-app">
<fieldset class="row">

<!-- Heading -->
<div class="col-xs-12">
    <h3 class="legend">הצטרפות אונליין</h3>
</div>

<!-- Paragraph Text -->
<div class="col-xs-12">
    <p>This is my form. Please fill it out. Thanks!</p>
</div>

<!-- Heading -->
<div class="col-xs-12">
    <h3 class="legend">הצטרפות אונליין</h3>
</div>

<!-- Text -->
<div class="col-xs-12">
    <div class="form-group required-control">
        <label  class="control-label" for="text_1">שם מלא</label>
        <input type="text" id="text_1" name="text_1" value="" data-alias="" class="form-control" required>
    </div>
</div>

<!-- Signature -->
<div class="col-xs-12">
    <div class="form-group">
        <label  class="control-label" for="signature_1">חתימה</label>
        <div class="signature-pad">
            <canvas id="signature_1" width="400" height="200" data-color="black" ></canvas>
        </div>
        
        <div class="signature-pad-actions">
            <button type="button" id="clear_signature_1" name="clear_signature_1" class="btn btn-sm btn-default btn-clear" data-exclude="true">Clear</button>
            <button type="button" id="undo_signature_1" name="undo_signature_1" class="btn btn-sm btn-default btn-undo" data-exclude="true">Undo</button>
        </div>
        <input type="hidden" name="hidden_signature_1" id="hidden_signature_1" value="" data-alias="" data-label="חתימה"  />
    </div>
</div>

</fieldset>
</form>