File: /www/wwwroot/www.hmltw.com/chen/fullsite/index-4.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contacts</title>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no" />
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/form.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.2.1.js"></script>
<script src="js/script.js"></script>
<script src="js/TMForm.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.ui.totop.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script>
$(document).ready(function(){
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<!--==============================header=================================-->
<header>
<div class="container_12">
<div class="grid_12">
<div class="menu_block">
<nav class="horizontal-nav full-width horizontalNav-notprocessed">
<ul class="sf-menu">
<li><a href="index.html">ABOUT</a></li>
<li><a href="index-1.html">HOT TOURS</a></li>
<li><a href="index-2.html">SPECIAL OFFERS</a></li>
<li><a href="index-3.html">BLOG</a></li>
<li class="current"><a href="index-4.html">CONTACTS</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
</div>
<div class="grid_12">
<h1>
<a href="index.html">
<img src="images/logo.png" alt="Your Happy Family">
</a>
</h1>
</div>
</div>
</header>
<!--==============================Content=================================-->
<div class="content"><div class="ic">More Website Templates @ moobnn.com - February 10, 2014!</div>
<div class="container_12">
<div class="grid_5">
<h3>CONTACT INFO</h3>
<div class="map">
<p>TemplateMonster provides 24/7 support for all its <span class="col1"><a href="http://www.moobnn.com/website-templates.php" rel="nofollow">premium products</a></span>. Freebies go without it.</p>
<p>If you have any questions regarding the customization of the chosen free theme, ask <span class="col1"><a href="http://www.templatetuning.com/" rel="nofollow">TemplateTuning</a></span> to help you on a paid basis.</p>
<div class="clear"></div>
<figure class="">
<iframe src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Brooklyn,+New+York,+NY,+United+States&aq=0&sll=37.0625,-95.677068&sspn=61.282355,146.513672&ie=UTF8&hq=&hnear=Brooklyn,+Kings,+New+York&ll=40.649974,-73.950005&spn=0.01628,0.025663&z=14&iwloc=A&output=embed"></iframe>
</figure>
<address>
<dl>
<dt>The Company Name Inc. <br>
8901 Marmora Road,<br>
Glasgow, D04 89GR.
</dt>
<dd><span>Freephone:</span>+1 800 559 6580</dd>
<dd><span>Telephone:</span>+1 800 603 6035</dd>
<dd><span>FAX:</span>+1 800 889 9898</dd>
<dd>E-mail: <a href="#" class="col1">mail@demolink.org</a></dd>
</dl>
</address>
</div>
</div>
<div class="grid_6 prefix_1">
<h3>GET IN TOUCH</h3>
<form id="form">
<div class="success_wrapper">
<div class="success-message">Contact form submitted</div>
</div>
<label class="name">
<input type="text" placeholder="Name:" data-constraints="@Required @JustLetters" />
<span class="empty-message">*This field is required.</span>
<span class="error-message">*This is not a valid name.</span>
</label>
<label class="email">
<input type="text" placeholder="Email:" data-constraints="@Required @Email" />
<span class="empty-message">*This field is required.</span>
<span class="error-message">*This is not a valid email.</span>
</label>
<label class="country">
<input type="text" placeholder="Country:" data-constraints="@Required @JustLetters"/>
<span class="empty-message">*This field is required.</span>
<span class="error-message">*This is not a valid phone.</span>
</label>
<label class="message">
<textarea placeholder="Message:" data-constraints='@Required @Length(min=20,max=999999)'></textarea>
<span class="empty-message">*This field is required.</span>
<span class="error-message">*The message is too short.</span>
</label>
<div>
<div class="clear"></div>
<div class="btns">
<a href="#" data-type="reset" class="btn">Clear</a>
<a href="#" data-type="submit" class="btn">Submit</a>
</div>
</div>
</form>
</div>
</div>
</div>
<!--==============================footer=================================-->
<footer>
<div class="container_12">
<div class="grid_12">
<div class="socials">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google-plus"></a>
</div>
<div class="copy">
Your Trip (c) 2014 | <a href="#">Privacy Policy</a> | Website Template Collect from <a href="http://www.moobnn.com/" rel="nofollow">moobnn.com</a>
</div>
</div>
</div>
</footer>
<script>
$(function (){
$('#bookingForm').bookingForm({
ownerEmail: '#'
});
})
</script>
</body>
</html>