<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Site under construction</title>
<link rel="stylesheet" type="text/css" href="countdown/css/style.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript" src="countdown/js/jquery.countdown.js"></script>
<script type="text/javascript" src="countdown/js/jcarousellite1.0.1_min.js"></script>
<!-- jquery countdown-->
<script type="text/javascript">
$(function () {
var austDay = new Date();
austDay = new Date("[[+date]]");
$('#defaultCountdown').countdown({until: austDay, layout: '{dn} {dl}, {hn} {hl}, {mn} {ml}, and {sn} {sl}'});
$('#year').text(austDay.getFullYear());
});
</script>
<!-- jquery slider -->
<script type="text/javascript">
$(function() {
$("#slidertext").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev"
});
});
</script>
<!--script for IE6-image transparency recover-->
<!--[if IE 6]>
<script type="text/javascript" src="countdown/js/DD_belatedPNG_0.0.7a-min.js"></script>
<script>
/* EXAMPLE */
DD_belatedPNG.fix('#logo img,#main,.counter,.twitter,.flickr,.facebook,.delicious,#submit_button,.prev img,.next img,#email_input');
</script>
<![endif]-->
</head>
<body>
<div class="container">
<div id="header">
<div id="logo">
<a href="[[++site_url]]"><img src="[[++site_logo]]" alt="logo"/></a>
</div><!--end logo-->
<div id="contact_details">
<p><a href="#">[email protected]</a></p>
<p><a href="#">phone : 555-534-231</a></p>
</div><!--end contact details-->
</div><!--end header-->
<div style="clear:both"></div>
<div id="main">
<div id="content">
<div class="text">
<h2>[[+message]]</h2>
</div><!--end text-->
<div class="counter">
<h3>[[+description]]</h3>
<div id="defaultCountdown"></div>
</div><!--end counter-->
<div class="details">
<!--slider prev button-->
<a class="prev" href="#"><img src="countdown/images/prev.png" alt="" />
</a>
<div id="sliderwrap">
<div id="slidertext"><!-- The slider -->
<ul>
<li>
<h3>You may find us below:</h3>
<div class="social">
<a href="#" class="twitter"></a>
<a href="#" class="flickr"></a>
<a href="#" class="facebook"></a>
<a href="#" class="delicious"></a>
</div>
</li><!-- Slider item -->
<li>
<h3>Type your email id to get the updates!</h3>
<!-- <form action="emailhandler.php" method="post" id="email">
<div id="submitwrapper">
<div ><input type="text" name="email" size="30" value="Enter Your E-mail" onfocus="if(this.value=='Enter Your E-mail'){this.value=''};" onblur="if(this.value==''){this.value='Enter Your E-mail'};" id="email_input" />
</div>
<div ><input type="submit" name="Submit" value="Submit" border="none" id="submit_button"/>
</div>
</div>
</form> -->
<form method="post" id="subscribeform" action="emailform.php">
<p>
<div id="email_input"><input name="email" type="text" size="30" value="Enter Your E-mail" onfocus="if(this.value=='Enter Your E-mail'){this.value=''};" onblur="if(this.value==''){this.value='Enter Your E-mail'};" id="email" />
<input type="submit" id="submit_button" value="Submit" size="80" />
</div>
<br />
</p>
</form>
</li><!-- Slider item -->
<li>
<h3>Some words about us</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.</p>
</li><!-- Slider item -->
</ul>
</div><!-- End of slidertext -->
</div><!-- End of sliderwrap -->
<!--slider next button-->
<a class="next" href="#"><img src="countdown/images/next.png" alt=""/></a>
</div><!--end details-->
</div><!--end content-->
</div><!--end main-->
</div><!--end class container-->
</body>
</html>
http://github.com/bwente/Countdown-Template