<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<title>Round - Under Constraction Template</title>
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/media-queries.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />
<style type="text/css">
#top {
background-image: url("images/pattern-a.png");
}
#content .page header {
background-image: url("images/pattern-a.png");
}
</style>
<script type="text/javascript">
//--- Setup vars for JavaScript
var $day = 634;
var $hour = 20;
var $minute = 8;
var $seconds = 20;
var $site = '../round-under-construction-template';
var $tweetCount = 10;
var $tweetUserName = 'envato';
var $sliderDelay = 4000;
</script>
<link rel="stylesheet" type="text/css" href="css/_green.css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/portfolio.js"></script>
<script type="text/javascript" src="js/fullscreen-slider.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/count-down.js"></script>
<script type="text/javascript" src="js/subscribe.js"></script>
<script type="text/javascript" src="js/contact-form.js"></script>
<script type="text/javascript" src="js/start.js"></script>
<!--[if lt IE 9]>
<script>
document.createElement('article');
document.createElement('aside');
document.createElement('figcaption');
document.createElement('figure');
document.createElement('footer');
document.createElement('header');
document.createElement('hgroup');
document.createElement('nav');
document.createElement('section');
document.createElement('time');
</script>
<style type="text/css">
#countdown h1 {
padding: 0 25px 0 15px;
}
#countdown p {
padding: 0 20px 0 15px;
}
#countdown ul li b {
left: -5px;
}
.wrap-input input {
top: 4px;
height: 23px;
line-height: 23px;
background-color: #FFF;
}
.wrap-textarea textarea {
top: 4px;
height: 130px;
background-color: #FFF;
}
</style>
<![endif]-->
</head>
<body>
<!--- BEGIN #fullscreen-slider --->
<section id="fullscreen-slider">
<a href="pictures/1.jpg"></a>
<a href="pictures/2.jpg"></a>
<a href="pictures/3.jpg"></a>
<a href="pictures/4.jpg"></a>
</section>
<!--- END #fullscreen-slider --->
<!--- BEGIN #top --->
<section id="top">
<!--- BEGIN #twitter-top for mobile version --->
<section id="twitter-top">
<article>
<div class="tweet"></div>
</article>
<a href="default.htm" class="button-twitter"></a>
</section>
<!--- END #twitter-top for mobile version --->
<!--- BEGIN #logo --->
<header id="logo"><img src="images/logo.png" title="" /></header>
<!--- END #logo --->
<!--- BEGIN #countdown --->
<section id="countdown">
<h1>Under Construction</h1>
<div>
<p>We'll be back on line in:</p>
</div>
<ul>
<li><img src="images/count-down-bg.png" /><b id="days">634</b><span class="long">days</span><span class="short">D</span></li>
<li><img src="images/count-down-bg.png" /><b id="hours">20</b><span class="long">hours</span><span class="short">H</span></li>
<li><img src="images/count-down-bg.png" /><b id="minutes">8</b><span class="long">minutes</span><span class="short">M</span></li>
<li><img src="images/count-down-bg.png" /><b id="seconds">20</b><span class="long">seconds</span><span class="short">S</span></li>
</ul>
</section>
<!--- END #countdown --->
<!--- BEGIN #subscribe --->
<section id="subscribe">
<form name="subscribe-form" id="subscribe-form">
<div class="subscribe-wrap-input"><input type="text" id="subscribe-email" name="email" value="Enter your email adress" onFocus="if(this.value == 'Enter your email adress') {this.value = '';}" onBlur="if(this.value == '') {this.value = 'Enter your email adress';}" alt="Enter your email adress" /></div>
<span class="message">Error text</span>
<a href="default.htm" class="button-submit">Subscribe</a>
</form>
</section>
<!--- END #subscribe --->
<!--- BEGIN #player for slider --->
<section id="player">
<div class="btn-1" class="prev"><a href="default.htm" class="prev"></a></div>
<div class="btn-2" class="play-pause"><a href="default.htm" class="play-and-pause pause"></a></div>
<div class="btn-3" class="next"><a href="default.htm" class="next"></a></div>
</section>
<!--- END #player for slider --->
<!--- BEGIN menu Bubbles --->
<nav id="menu-style-a">
<ul>
<li><a href="#about-us-block">About Us</a></li>
<li><a href="#portfolio-block">Portfolio</a></li>
<li><a href="#contact-us-block">Contact Us</a></li>
</ul>
</nav>
<!--- END menu Bubbles --->
<!--- BEGIN wrap mobile menu --->
<div id="wrap-menu-style-b">
<div class="buttons"><a href="#menu-style-b" class="menu-tab">Menu</a><a href="#subscribe-bottom" class="subscribe-tab">Subscribe</a></div>
<!--- BEGIN menu for mobile version --->
<nav id="menu-style-b">
<ul class="menu">
<li><a href="#about-us-block">About Us</a></li>
<li><a href="#portfolio-block">Portfolio</a></li>
<li><a href="#contact-us-block">Contact Us</a></li>
<!--- BEGIN #social-icons for mobile version --->
<li class="wrap-social-icons">
<ul class="social-icons">
<li><a href="default.htm" class="twitter" title="twitter"></a></li>
<li><a href="default.htm" class="facebook" title="facebook"></a></li>
<li><a href="default.htm" class="digg" title="Digg"></a></li>
<li><a href="default.htm" class="rss" title="rss"></a></li>
<li><a href="default.htm" class="skype" title="skype"></a></li>
<!--
<li><a href="" class="twitter" title="twitter"></a></li>
<li><a href="" class="facebook" title="facebook"></a></li>
<li><a href="" class="dribbble" title="dribbble"></a></li>
<li><a href="" class="rss" title="rss"></a></li>
<li><a href="" class="skype" title="skype"></a></li>
<li><a href="" class="digg" title="Digg"></a></li>
<li><a href="" class="googlebuzz" title="Google Buzz"></a></li>
<li><a href="" class="delicious" title="Delicious"></a></li>
<li><a href="" class="tumbler" title="Tumbler"></a></li>
<li><a href="" class="plixi" title="Plixi"></a></li>
<li><a href="" class="stubleupon" title="StubleUpon"></a></li>
<li><a href="" class="lastfm" title="LastFM"></a></li>
<li><a href="" class="mobypicture" title="MobyPicture"></a></li>
<li><a href="" class="youtube" title="YouTube"></a></li>
<li><a href="" class="vimeo" title="Vimeo"></a></li>
<li><a href="" class="myspace" title="MySpace"></a></li>
<li><a href="" class="dropbox" title="Dropbox"></a></li>
<li><a href="" class="foursquare" title="Four Square"></a></li>
<li><a href="" class="gowalla" title="Gowalla"></a></li>
<li><a href="" class="ichat" title="iChat"></a></li>
<li><a href="" class="googleplus" title="Google +"></a></li>