<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
<title>Counterpart | UnderConstruction Template</title>
<link rel="stylesheet" type="text/css" media="all" href="content/themes/Counterpart/style.css" />
<link rel="stylesheet" href="content/themes/Counterpart/css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="content/themes/Counterpart/css/960.css" type="text/css" media="screen">
<link rel="stylesheet" href="content/themes/Counterpart/css/supersized.css" type="text/css" media="screen">
<script type='text/javascript' src='includes/js/jquery/jquery.js?ver=1.7.2'></script>
<meta name="generator" content="WordPress 3.4.1" />
<script type="text/javascript" src="content/themes/Counterpart/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="content/themes/Counterpart/js/jquery.countdown.js"></script>
<script type="text/javascript" src="content/themes/Counterpart/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="content/themes/Counterpart/js/supersized.3.2.7.min.js"></script>
<script type="text/javascript" src="content/themes/Counterpart/js/main.js"></script>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($) {
$('div#countdown-timer').countdown("2013/12/16" , function(event) {
var $this = $(this);
switch(event.type) {
case "seconds":
case "minutes":
case "hours":
case "days":
case "weeks":
case "daysLeft":
$this.find('span#'+event.type).html(event.value);
break;
case "finished":
$this.hide();
break;
}
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$.supersized({
// Functionality
slide_interval : 3000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 700, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : 'content/themes/Counterpart/images/slide/1.jpg'},
{image : 'content/themes/Counterpart/images/slide/2.jpg'},
{image : 'content/themes/Counterpart/images/slide/3.jpg'}
]
});
});
</script>
</head>
<body>
<!--TOPBAR START-->
<div id="droptop">
<div class="topbar">
<!-- Contact Section -->
<div class="contact-block">
<div class="container_12 ">
<div class="grid_6">
<h1>Contact us</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />Etiam semper ligula id quam scelerisque a hendrerit mauris vulputate.
</p>
<form action="" id="contact_form">
<fieldset>
<p><label for="name">Name:</label>
<input type="text" name="name" /></p>
<p><label for="email">Email:</label>
<input type="text" name="email"/></p>
<p><label for="message">Message:</label>
<textarea name="message" id="" cols="20" rows="6"></textarea></p>
<input type="submit" name="submit" value="submit" />
</fieldset>
</form>
</div>
<div class="grid_6 contact-details">
<span class="phone">+1800 123 456 78</span>
<span class="fax">+12 345 678</span>
<span class="email">[email protected]</span>
<!-- Map Placeholder -->
<iframe class="map-placeholder" width="100%" height="240" src="http://maps.google.com/maps?f=q&t=m&z=5&output=embed" frameborder="0"></iframe> </div>
</div>
<div class="clear"></div>
</div>
<!-- End of Contact Section -->
</div>
<a href="#" class="topbar-btn"></a>
</div>
<!--TOPBAR END-->
<div id="cover">
<div class="topline"></div>
<!--Header Start-->
<div id="header">
<div class="container_12">
<!--Logo-->
<div class="grid_3 logo"><a href="index.html"> <img src="content/themes/Counterpart/images/Logo.png" alt="Go to homepage"></a></div>
<!--End Logo-->
<!--social section-->
<div class="grid_9 contact">
<ul class="social-networks">
<li class="icon-twitter"><a href="#">Twitter</a></li>
<li class="icon-facebook"><a href="#">Facebook</a></li>
<li class="icon-dribbble"><a href="#">Dribbble</a></li>
<li class="icon-skype"><a href="#">Forrst</a></li>
<li class="icon-forrst"><a href="#">Forrst</a></li>
<li class="icon-rss"><a href="#">Rss</a></li>
<li class="phone">+1800 123 456 78</li>
</ul>
</div><!-- //grid_8 -->
<!--social section-->
</div><!-- //container_12 -->
</div>
<!--Header End-->
<div class="clear"></div>
<!--Welcome Content Start-->
<div class="welcome-content">
<div class="container_12">
<div class="grid_12">
<h3 class="welcome-title">We are currently <span class="highlight">Under Construction</span></h3>
<br />
<p>Will be back soon. Subscribe us through email to stay updated.</p>
</div><!-- //grid_12 -->
</div><!-- //container_12 -->
</div>
<!--Welcome Content End-->
<div class="clear"></div>
<!--BEGIN subscribe -->
<div id="subscribe">
<div id="subscribes">
<form method="post" action="">
<input type="text" id="emailsub" name="email" value="Enter your Email Address" />
<input type="submit" value="subscribe" id="submitButton" />
</form>
</div>
</div>
<!--END subscribe -->
<div class="clear"></div>
<div class="container_12">
<div id="countdown-timer">
<div class="block"><span id="weeks"></span>WEEKS</div>
<div class="space"> </div>
<div class="block"><span id="daysLeft"></span>DAYS</div>
<div class="space"> </div>
<div class="block"><span id="hours"></span>HOURS</div>
<div class="space"> </div>
<div class="block"><span id="minutes"></span>MINUTES</div>
<div class="space"> </div>
<div class="block"><span id="seconds"></span>SECONDS</div>
</div>
</div><!-- //container_12 -->
<div class="clear"></div>
<!--Footer Copyright wrap Start-->
<div id="footer-bottom">
<div class="container_12 ">
<div class="grid_12 copyright">
<p>© Copyright © 2013.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></a></p>
</div>
</div><!-- //container_12 -->
</div>
<!--Footer Copyright wrap End-->
</div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>