david
faf629fb45
git-svn-id: https://192.168.0.254/svn/Proyectos.Incam_Inselsoft@1 b8459336-5772-e545-a78a-db11218ae9be
95 lines
5.2 KiB
HTML
95 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>Clickr</title>
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
<!--[if IE]>
|
|
<style type="text/css">
|
|
#pager { padding-left: 20px }
|
|
#pager li { float:left }
|
|
</style>
|
|
<![endif]-->
|
|
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
|
|
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
|
|
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
|
|
<script type="text/javascript" src="js/cufon-yui.js"></script>
|
|
<script type="text/javascript" src="js/PT_Sans.font.js"></script>
|
|
<script type="text/javascript" src="js/custom.js"></script>
|
|
<script type="text/javascript">
|
|
Cufon.replace('h2');
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="header1">
|
|
<img src="images/logo.png" alt="clickr">
|
|
</div><!-- .header1 -->
|
|
<div class="featured">
|
|
<div class="half">
|
|
<h2>Your favourite theme is just one click away from you!</h2>
|
|
<p>The offer lasts till 31st of December. Register now, and you will be a part of our freebie giveaway campaign with 20% discount price, which is LIMITED.</p>
|
|
<p><a class="button" href="http://themeforest.net/item/brandnew-10-in-1-businessportfolioblog/144589" target="_blank">Buy Now</a> @ <span class="big">$35</span> only.</p>
|
|
<p class="tiny">We would be glad to let you try, test, bend and explore the product before you actually purchase it. Grab a <a href="#">Trial download</a> or <a href="http://labs.saurabh-sharma.com/themes/brandnew/wp/" target="_blank">Take a Tour</a>.</p>
|
|
</div><!-- .half -->
|
|
<div class="half last">
|
|
<div class="slider_wrap">
|
|
<ul id="slider">
|
|
<li><img src="images/slide1.png" alt="Product Slide"></li>
|
|
<li><img src="images/slide1.png" alt="Product Slide"></li>
|
|
<li><img src="images/slide1.png" alt="Product Slide"></li>
|
|
<li><img src="images/slide1.png" alt="Product Slide"></li>
|
|
</ul>
|
|
</div><!-- .slider_wrap -->
|
|
<ul id="pager"></ul>
|
|
</div><!-- .half last -->
|
|
</div><!-- .featured -->
|
|
<div class="primary1">
|
|
<div class="half">
|
|
<ul class="features">
|
|
<li>
|
|
<img class="alignleft" src="images/icons/star_48.png" alt="star">
|
|
<h3>Quality Services</h3>
|
|
<p>Aenean sodales, augue venenatis posuere fermentum, tellus velit vestibulum libero.</p>
|
|
</li>
|
|
<li>
|
|
<img class="alignleft" src="images/icons/cd_48.png" alt="cd">
|
|
<h3>Clean & Optimized Markup</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet.</p>
|
|
</li>
|
|
<li>
|
|
<img class="alignleft" src="images/icons/thumbs_up_48.png" alt="thumbs">
|
|
<h3>Consistent Support</h3>
|
|
<p>Praesent in dolor eu orci malesuada viverra vitae vel purus. Sed sit amet dui nisl.</p>
|
|
</li>
|
|
</ul>
|
|
</div><!-- .half -->
|
|
<div class="half last">
|
|
<h3>Join our mailing list</h3>
|
|
<p>Stay updated with latest offers and news.</p>
|
|
<form method="get" id="subscribe" action="" >
|
|
<input type="text" value="Enter your email" name="email" onBlur="if (this.value == '')
|
|
{this.value = 'Enter your email';}"
|
|
onfocus="if (this.value == 'Enter your email')
|
|
{this.value = '';}" />
|
|
<input type="submit" id="submit" value="Submit" />
|
|
</form>
|
|
<div class="testimonial">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p>
|
|
<p class="tiny">John Doe, CEO, Company | <a href="#">john@company.com</a></p>
|
|
</div><!-- .testimonials -->
|
|
</div><!-- .half last -->
|
|
</div><!-- .primary1 -->
|
|
<div class="footer">
|
|
<div class="notes">
|
|
© 2010 Clickr. Your footer notes here.
|
|
</div>
|
|
<ul class="social">
|
|
<li><a class="twitter" href="#" title="Twitter"></a></li>
|
|
<li><a class="facebook" href="#" title="Facebook"></a></li>
|
|
<li><a class="skype" href="#" title="Skype"></a></li>
|
|
<li><a class="yahoo" href="#" title="Yahoo!"></a></li>
|
|
<li><a class="blogger" href="#" title="Blogger"></a></li>
|
|
</ul>
|
|
</div><!-- .footer -->
|
|
</body>
|
|
</html> |