<form method=“post” id=“{{ include.form_id | default: 'contact-form' }}” action=“javascript:void(0);” onsubmit=“{{ include.onsubmit_callback | default: 'processContactRequest' }}()” onreset=“{{ include.onreset_callback | default: 'resetContactForm' }}()” >

<div class="fields">
    <div class="field half">
        <label for="name">Name</label>
        <input type="text" name="{{ include.name_input_id | default: 'contact-name' }}" id="{{ include.name_input_id | default: 'contact-name' }}" placeholder="John Doe" required minlength="4" maxlength="64" onfocusout="{{ include.onfocusout_callback | default: 'toggleSubmitInputElement' }}()" />
    </div>
    <div class="field half">
        <label for="email">Email</label>
        <input type="email" name="{{ include.email_input_id | default: 'contact-email' }}" id="{{ include.email_input_id | default: 'contact-email' }}" placeholder="john.doe@example.com" required minlength="8" maxlength="64" onfocusout="{{ include.onfocusout_callback | default: 'toggleSubmitInputElement' }}()" />
    </div>
    <div class="field">
        <label for="message">Message</label>
        <textarea name="{{ include.message_input_id | default: 'contact-message' }}" id="{{ include.message_input_id | default: 'contact-message' }}" placeholder="Please reach out!" rows="4" required minlength="16" maxlength="256" onfocusout="{{ include.onfocusout_callback | default: 'toggleSubmitInputElement' }}()" ></textarea>
    </div>
</div>
<ul class="actions">
    <li><input type="submit" id="{{ include.submit_input_id | default: 'contact-submit-button' }}" value="Send Message" class="button primary fa-envelope" disabled /></li>
    <li><input type="reset" id="{{ include.reset_input_id | default: 'contact-reset-button' }}" value="Reset" class="icon button fa-undo" /></li>
</ul>
<div id="modal-recaptcha-window" class="modal" tabIndex="-1">
    <div class="inner">
        <div id="{{ include.recaptcha_widget_id | default: 'recaptcha-checkbox' }}" ></div>
    </div>
</div>

</form>