{%- assign form_id=“contact-form” -%} {%- assign name_input_id=“contact-name” -%} {%- assign email_input_id=“contact-email” -%} {%- assign message_input_id=“contact-message” -%} {%- assign submit_input_id=“contact-submit-button” -%} {%- assign reset_input_id=“contact-reset-button” -%} {%- assign recaptcha_widget_id=“recaptcha-checkbox” -%} {%- assign onsubmit_callback=“processContactRequest” -%} {%- assign onreset_callback=“resetContactForm” -%} {%- assign onfocusout_callback=“toggleSubmitInputElement” -%} <div class=“intro {{ include.style.header.color | default: 'color4' }}”>

<h2 class="major">{{ include.header.title | default: 'Contact'}}</h2>
<p>{{ include.header.description }}</p>

</div> <div class=“inner columns divided”>

<div class="span-3-25">
    {% include contact_form.html form_id=form_id name_input_id=name_input_id email_input_id=email_input_id message_input_id=message_input_id submit_input_id=submit_input_id reset_input_id=reset_input_id recaptcha_widget_id=recaptcha_widget_id onsubmit_callback=onsubmit_callback onreset_callback=onreset_callback onfocusout_callback=onfocusout_callback %}
</div>
<div class="span-1-5">
    {% include social.html color=include.style.icons.color %}
</div>

</div> {% include contact_script.html form_id=form_id name_input_id=name_input_id email_input_id=email_input_id message_input_id=message_input_id submit_input_id=submit_input_id reset_input_id=reset_input_id recaptcha_widget_id=recaptcha_widget_id onsubmit_callback=onsubmit_callback onreset_callback=onreset_callback onfocusout_callback=onfocusout_callback %}