{%- 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 %}