You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.0 KiB
66 lines
2.0 KiB
---
|
|
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>
|