{% extends "_layout/main" %}

{% block main %}




<!-- wrapper -->    
<div id="wrapper">

    <div class="container">
      <div class="row">
        <div class="col-md-12">

          <!-- google map -->
          <div id="google-map" style="margin-top: -15px; margin-bottom: 110px;" data-aos="fade" data-aos-delay="0">
            <div id="google-container"></div>
         </div>
         <!-- /google map -->

       </div>

            <div class="col-md-3" data-aos="fade" data-aos-delay="0">

                <h4 style="font-size: 44px;">Contact Us</h4>

                <div class="information-list contact">
                  <ul>
                    <li>
                      <strong style="font-weight:600;">Email:</strong> hellomizio.com
                    </li>
                    <li>
                      <strong style="font-weight:600;">Phone:</strong> +44 987 065 908
                    </li>
                    <li>
                      <strong style="font-weight:600;">Address:</strong> 10111 Santa Monica Boulevard, Los Angeles</li>
                    </ul>
                </div>

            </div>

            <div class="col-md-9" data-aos="fade" data-aos-delay="100">
                 <div class="contact-form" style="padding-left: 110px;" data-aos="fade" data-aos-delay="0">
                 <div id="note"></div>
                    <div id="fields">
                        <form id="ajax-contact-form">
                          <div class="contact-field">
                            <input type="text" name="name" id="name" placeholder="Name" value=""/>
                          </div>
                          <div class="contact-field">
                            <input type="email" name="email" id="email" placeholder="Email" value=""/>
                          </div>
                          <p><input type="text" name="phone" id="phone" placeholder="Phone" value=""/></p>
                          <p><textarea name="msg" id="msg" placeholder="Message"></textarea></p>
                          <button id="submit" class="submit">Send message</button>
                        </form>
                     </div>
                  </div>
        </div>
      </div>
    </div>
</div>
<!-- /wrapper -->  





{% endblock %}