BC-Contact.html

<div class="content__page contact">
    <div class="content__header">
        <h1 class="content__title">{{ page.name }}</h1>
    </div>

    {% if contact.sent %}
    <div class="content__submission--message contact-form-block contact-send">
        <h2 class="content__sub-title">Thank you!</h2>
        <p class="contact-sent centered-message">Your message has been sent and we'll get back to you soon!</p>
    </div>
    {% else %}
    <div class="content__form--wrapper page-content {{ page.category }}-content">
        <form method="post" action="/contact" class="contact__form contact-form">
            <div class="form--field contact-form-block contact-name">
                <label class="form--label contact-label" for="name-input">Your name</label>
                <div class="form--input input-holder">
                    {{ contact | contact_input: 'name', tabindex: 1 }}
                </div>
            </div>
            <div class="form--field contact-form-block contact-email">
                <label class="form--label contact-label" for="email-input">Your email address</label>
                <div class="form--input">
                    {{ contact | contact_input: 'email', tabindex: 2 }}
                </div>
            </div>
            <div class="form--field contact-form-block contact-subject">
                <label class="form--label contact-label" for="subject-input">Subject</label>
                <div class="form--input">
                    {{ contact | contact_input: 'subject', tabindex: 3 }}
                </div>
            </div>
            <div class="form--field contact-form-block contact-message">
                <label class="form--label contact-label" for="message-textarea">Message</label>
                <div class="form--textarea">
                    {{ contact | contact_input: 'message', tabindex: 4 }}
                </div>
            </div>
            <div class="form--field contact-form-block contact-captcha">
                <!--<label class="contact-label" for="captcha-input">Spam check</label>-->
                <div class="form--input captcha input-holder captcha-holder">
                    <label class="form--label captcha__instructions captcha-instructions" for="captcha-input">Enter the characters from the image</label>
                    {{ contact | contact_input: 'captcha', tabindex: 5 }} {{ contact.captcha }}
                </div>
            </div>
            <div class="submission--field contact-form-block contact-send">
                <button class="send-message-button button positive large" type="submit" name="submit" title="Send message" tabindex="6">Send message</button>
            </div>
        </form>
    </div>
    {% endif %}
    <div class="content__additional--contact">
        <h3 class="content__sub-title">Returns & Exchanges</h3>
        <p>If there is an issue with your order let us know!</p>
        <a class="button positive" href="/returns-and-exchanges">View our Return & Exchange policy</a>
        <div class="content__phone--contact">
            <h3 class="content__sub-title">Give us a call</h3>
            <p>304-314-4667</p>
        </div>
    </div>
</div>