<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<title>Responsive Site launch | Coming soon</title>
<meta name="description" content="Responsive Hotel Site template">
<meta name="author" content="">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/switcher.css">
<link rel="stylesheet" href="css/layout.css">
<!-- Favicons-->
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.html">
<!-- Jquery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<!-- JQUERY COUNTDOWN -->
<script type="text/javascript" src="js/countdown/jquery.countdown.js"></script>
<script type="text/javascript">
$(function () {
var austDay = new Date();
austDay = new Date(austDay.getFullYear() + 1, 8-12, 01);
$('#defaultCountdown').countdown({until: austDay});
});
</script>
<!-- start cufon -->
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/font.js" type="text/javascript"></script>
<!-- form first value-->
<script type="text/javascript">
function clickclear(thisfield, defaulttext, color) {
if (thisfield.value == defaulttext) {
thisfield.value = "";
if (!color) {
color = "6D6F71";
}
thisfield.style.color = "#" + color;
}
}
function clickrecall(thisfield, defaulttext, color) {
if (thisfield.value == "") {
thisfield.value = defaulttext;
if (!color) {
color = "6D6F71";
}
thisfield.style.color = "#" + color;
}
}
</script>
<!-- Jquery Validate-->
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#myform").validate();
});
</script>
<!-- STYLE SWITCHER -->
<script type="text/javascript">
$(document).ready(function(){
$(".trigger").click(function(){
$(".panel").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-11097556-8']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<!-- STYLE SWITCHER -->
<div class="panel">
<ul>
<li class="no_link">Default Style</li>
<li ><a href="style_2/index.html">Style two</a></li>
<li><a href="style_3/index.html">Style three</a></li>
<li><a href="style_4/index.html">Style four</a></li>
</ul>
</div>
<a class="trigger" href="#"></a>
<div id="shadow_top">
<div class="container">
<div class=" twelve columns offset-by-two" id="logo">
<img src="img/logo.png" class="scale-with-grid" alt="Logo"><!-- Your logo-->
<h1>We are working on a new site, don't forget to check when launch!</h1>
</div>
<div id="defaultCountdown"></div><!-- Count down-->
<br class="clear">
<div class="sixteen columns" style="margin-top:20px">
<div class="three columns"><div class="msg">your cufon message</div></div>
<!-- Start newsletter form -->
<div class="ten columns" >
<div id="form_bg">
<form method="post" id="myform" action="http://www.ansonika.com/responsive_site_launch/index.php">
<input name="Email" type="text" class="required email" value="enter your email address.." onClick="clickclear(this, 'enter your email address..')" onFocus="clickclear(this, 'enter your email address..')" onBlur="clickrecall(this,'enter your email address..')"/>
<button type="submit" class="send_bt">Send Message</button>
</form>
</div>
<!-- END SEND MAIL SCRIPT -->
</div><!-- End newsletter form -->
</div>
<br class="clear">
<!-- Start footer-->
<div class="sixteen columns" id="footer">
<div class="five columns copy alpha">© 2012 Responsive site launch. All Rights Reserved.More Templates <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a></div>
<div class="eleven columns omega ">
<ul id="follow">
<li><a href="#" id="tw">Twitter</a></li>
<li><a href="#" id="rss">Rss</a></li>
<li><a href="#" id="vimeo">Vimeo</a></li>
<li ><a href="#" id="fb">Facebook</a></li>
</ul>
</div>
<br class="clear">
</div><!-- End footer-->
</div><!-- End shadow top-->
</div><!-- End container-->
<div class="demo-resizeme"></div>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>