<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>VELODAY. Bike shopping Online</title>
<link media="all" rel="stylesheet" href="css/all.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery.main.js"></script>
<!--[if IE 8]><link media="all" rel="stylesheet" href="css/ie.css"><![endif]-->
<!--[if IE]><script type="text/javascript" src="js/ie.js"></script><![endif]-->
</head>
<body>
<div class="wrapper">
<header id="header">
<div class="holder">
<div class="w1">
<strong class="logo"><a href="#">VELODAY. Bike shopping Online</a></strong>
<form class="search-form" action="#">
<fieldset>
<input type="search" placeholder="Search">
<input type="submit" value="Search">
</fieldset>
</form>
<a class="basket" href="#">Your Cart <span>(2)</span></a>
</div>
</div>
<nav id="navigation">
<ul>
<li><a href="#">bikes</a></li>
<li><a href="#">apparel</a></li>
<li><a href="#">support</a></li>
<li><a href="#">news&events</a></li>
<li><a href="#">contact us</a></li>
</ul>
</nav>
<div class="panel">
<div class="w1">
<ul>
<li><span class="phone">call 123 456 7890</span></li>
<li><a href="#">Payment and Delivery</a></li>
<li><a href="#">Faq</a></li>
</ul>
<ul class="top-menu">
<li><a href="#">Favorites</a></li>
<li><a href="#">My Account</a></li>
</ul>
</div>
</div>
</header>
<main id="main" role="main">
<section class="promo">
<div class="holder">
<div class="text">
<h1><strong>only now $3900</strong> Cube Aim Disc 26</h1>
<a class="more" href="#">shop now</a>
</div>
</div>
<div class="info">
<ul>
<li class="programs">Customer Loyalty Programs</li>
<li class="shipping">Worldwide Shipping</li>
<li class="support">24/7 Technical Support</li>
</ul>
</div>
<div class="bg-stretch"><img src="images/img01.jpg" alt="image description"></div>
</section>
<div class="w1">
<section class="items">
<h1>Hot Deals</h1>
<ul class="items-list">
<li>
<a href="#"><img src="images/img02.jpg" alt="Jekyll Carbon Team"></a>
<div class="details">
<span class="price">$7580</span>
<strong class="title">Jekyll Carbon Team</strong>
<a class="add" href="#">Add to cart</a>
</div>
</li>
<li>
<a href="#"><img src="images/img03.jpg" alt="Jekyll Carbon 2"></a>
<div class="details">
<span class="price sale"><em class="old-price">$5799</em> $6170</span>
<strong class="title">Jekyll Carbon 2</strong>
<a class="add" href="#">Add to cart</a>
</div>
</li>
<li>
<a href="#"><img src="images/img04.jpg" alt="Trigger Carbon black Inc."></a>
<div class="details">
<span class="price">$10830</span>
<strong class="title">Trigger Carbon black Inc.</strong>
<a class="add" href="#">Add to cart</a>
</div>
</li>
<li>
<a href="#"><img src="images/img05.jpg" alt="Trigger Carbon Team"></a>
<div class="details">
<span class="price">$4300</span>
<strong class="title">Trigger Carbon Team</strong>
<a class="add" href="#">Add to cart</a>
</div>
</li>
</ul>
</section>
<section class="info-section">
<div class="banner">
<div class="text">
<div class="holder">
<strong class="title">sale</strong>
<p>get up to 20% off</p>
<a class="more" href="#">shop now</a>
</div>
</div>
<img src="images/img06.jpg" alt="Sale">
</div>
<div class="holder">
<h1>About Shopping</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
</section>
</div>
</main>
</div>
<footer id="footer">
<div class="holder">
<div class="box">
<strong class="title">Order Support</strong>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Hot Deals</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Faq</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="box">
<strong class="title">Product Support</strong>
<ul>
<li><a href="#">Order Status</a></li>
<li><a href="#">Shipping & Store Pickup</a></li>
<li><a href="#">International Orders</a></li>
<li><a href="#">Store Pickup</a></li>
<li><a href="#">Returns & Refunds</a></li>
</ul>
</div>
<div class="box">
<strong class="title">Support</strong>
<ul>
<li><a href="#">Order Status</a></li>
<li><a href="#">Shipping & Store Pickup</a></li>
<li><a href="#">International Orders</a></li>
<li><a href="#">Store Pickup</a></li>
</ul>
</div>
<div class="box">
<strong class="title">veloday&VISA®</strong>
<ul>
<li><a href="#">Learn More</a></li>
<li><a href="#">Manage Account</a></li>
</ul>
</div>
<div class="footer-box">
<div class="holder">
<strong class="title">Notify me about discounts</strong>
<form class="subscribe-form" action="#">
<fieldset>
<input type="email" placeholder="Enter E-mail">
<input type="submit" value="SEND">
</fieldset>
</form>
</div>
<div class="holder">
<strong class="title">follow us</strong>
<ul class="social-networks">
<li class="facebook"><a href="#">Facebook</a></li>
<li class="twitter"><a href="#">Twitter</a></li>
<li class="google"><a href="#">Google+</a></li>
</ul>
</div>
</div>
</div>
<p>© 2014 <a href="#">Veloday Inc.</a> All rights reserved.</p>
</footer>
</body>
</html>