##
title = "Contact Us"
url = "/contact"
layout = "default"
meta_title = "Get in touch!"

[resources]
less[] = "pages/contact.less"
vars[activeNavLink] = 'contact'
vars[blueFooterStyle] = 1
==
<div class="page-contact">
    <div class="container my-5 py-4">
        <div class="row">
            <div class="col-lg-4">
                <h1>Ready for something new? Get in touch!</h1>
                <p class="py-4">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>

                <div class="contact-options">
                    <div class="option mb-2 d-flex">
                        <div class="pe-3">
                            <img src="{{ 'assets/images/icons/icon-address.png'|theme }}" width="42" alt="" />
                        </div>
                        <div>
                            <h3 class="my-1">Address</h3>
                            <p>Cupertino, California, United States</p>
                        </div>
                    </div>
                    <div class="option mb-2 d-flex">
                        <div class="pe-3">
                            <img src="{{ 'assets/images/icons/icon-email.png'|theme }}" width="42" alt="" />
                        </div>
                        <div>
                            <h3 class="my-1">Email</h3>
                            <p><a href="mailto:example@example.tld">example@example.tld</a></p>
                        </div>
                    </div>
                    <div class="option mb-2 d-flex">
                        <div class="pe-3">
                            <img src="{{ 'assets/images/icons/icon-phone.png'|theme }}" width="42" alt="" />
                        </div>
                        <div>
                            <h3 class="my-1">Phone</h3>
                            <p>0 (123) 456 7890</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7 offset-lg-1">
                <img src="{{ 'assets/images/contact/team.png'|theme }}" class="img-fluid" alt="Team Shot" />
            </div>
        </div>
    </div>

    <div class="contactform">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    {% ajaxPartial 'about/contact-form' %}
                    <div class="contactform-decoration-1"></div>
                    <div class="contactform-decoration-2"></div>
                </div>
            </div>
        </div>
    </div>
</div>
