contact.html

---
layout: default
section_id: contact
---

<div class="full light-grey centered-text">
  <div class="four spacing"></div>
  <div class="section-title">
    <div class="row">
      <div class="medium-10 medium-centered columns">
        <h1 class="wow slideInUp">Say Hi</h1>
      </div>
    </div>
  </div>
</div>
<div class="full white flower">
  <div class="two spacing"></div>
  <div class="row">
    <div class="large-4 columns">
      <div class="contact-details">
        <i class='icon-basic-geolocalize-01'></i>
        <h3>Head Office</h3>
        <p>41 Dean Street, London, UK.</p>
      </div>
    </div>
    <div class="large-4 columns">
      <div class="contact-details">
        <i class='icon-basic-headset'></i>
        <h3>Phone</h3>
        <p>+86 (03) 9810 4612</p>
      </div>
    </div>
    <div class="large-4 columns">
      <div class="contact-details">
        <i class='icon-basic-mail'></i>
        <h3>Email</h3>
        <p>info@tato-team.com</p>
      </div>
    </div>
  </div>
  <div class="two spacing"></div>
</div>
<div class="full light-grey">
  <div class="row">
    <div class="large-8 columns">
      <div class='form'>
        <form id='contact_form' method='POST'>
          <p id='thanks' class='hide'>
            Thanks for contacting us, we'll be in touch soon!
          </p>
          <input class='required' name='name' placeholder='NAME' type='text'>
          <input class='required email' name='email' placeholder='EMAIL' type='text'>
          <input class='required' name='subject' placeholder='SUBJECT' type='text'>
          <textarea class='required' name='message' placeholder='MESSAGE'></textarea>
          <div class='spacing'></div>
          <input class='button small boxed brown' type='submit'>
        </form>
      </div>
    </div>
    <div class="large-4 columns">
      <h3>Email Us</h3>
      <p>If you have any queations, advices for my theme or just want to say hi, please don't hesitate to contact us.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, qui.</p>
    </div>
  </div>
</div>