GET IN TOUCH

<div class="page-width">
<div class="grid">
<div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
<div class="section-header text-center">
<h1>{{ page.title }}</h1>
</div>

{% if page.content.size > 0 %}
<div class="rte">
{{ page.content }}
{% form 'contact' %}

{% if form.posted_successfully? %}
<div class="successForm feedback">
{{ 'contact.form.post_success' | t }}
</div>
{% endif %}

{% if form.errors %}
<div class="errorForm feedback">
<!-- {{ form.errors.size }} or {{ form.errors | size }} -->
<p>Your contact form has {{ form.errors | size | pluralize: "an error", "a few errors" }}. To submit your form, make the following changes and try again:</p>
{% for field in form.errors %}
<p>The {{ field | capitalize | replace: 'Body', 'Message' }} field {{ form.errors.messages[field] }}.</p>
{% endfor %}
</div>
{% endif %}

<div id="contactFormWrapper">
<p>
<label>{{ 'contact.form.name' | t }}</label>
<input type="text" required id="contactFormName" name="contact[name]">
</p>
<p>
<label>{{ 'contact.form.email' | t }}</label>
<input type="email" required id="contactFormEmail" name="contact[email]">
</p>
<p>
<label>{{ 'contact.form.phone' | t }}</label>
<input type="telephone" id="contactFormTelephone" name="contact[phone]">
</p>
<p>
<label>{{ 'contact.form.message' | t }}</label>
<textarea required rows="10" id="contactFormMessage" name="contact[body]"></textarea>
</p>
<p>
<input type="submit" id="contactFormSubmit" value="{{ 'contact.form.send' | t }}" />
</p>
</div>

{% endform %}

<style>
.contact-form {margin:1em 0}
.feedback {padding:0.5em 0.7em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.feedback p {padding:0.5em 0 !important;margin:0 !important}
.successForm {background:#bde0a8;color:green}
.errorForm {background:#eebdbd;color:red}
</style>
</div>
{% endif %}

<div class="contact-form form-vertical">
{% form 'contact' %}

{% if form.posted_successfully? %}
<p class="note form-success">
{{ 'contact.form.post_success' | t }}
</p>
{% endif %}

{{ form.errors | default_errors }}

<div class="grid grid--half-gutters">
<div class="grid__item medium-up--one-half">
<label for="ContactFormName">{{ 'contact.form.name' | t }}</label>
<input type="text" id="ContactFormName" name="contact[name]" value="{% if form[name] %}{{ form[name] }}{% elsif customer %}{{ customer.name }}{% endif %}">
</div>
<div class="grid__item medium-up--one-half">
<label for="ContactFormEmail" class="{% if form.errors contains 'email' %}label--error{% endif %}">{{ 'contact.form.email' | t }}</label>
<input type="email" id="ContactFormEmail" name="contact[email]" autocorrect="off" autocapitalize="off" value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}" class="{% if form.errors contains 'email' %}input--error{% endif %}">
</div>
</div>

<label for="ContactFormPhone">{{ 'contact.form.phone' | t }}</label>
<input type="tel" id="ContactFormPhone" name="contact[phone]" pattern="[0-9\-]*" value="{% if form[phone] %}{{ form[phone] }}{% elsif customer %}{{ customer.phone }}{% endif %}">

<label for="ContactFormMessage">{{ 'contact.form.message' | t }}</label>
<textarea rows="10" id="ContactFormMessage" name="contact[body]">{% if form.body %}{{ form.body }}{% endif %}</textarea>

<input type="submit" class="btn" value="{{ 'contact.form.submit' | t }}">

{% endform %}
</div>
</div>
</div>
</div>

This is an email link: info@mcgbglobal.com

Mobile: +61 428 767 617