File size: 8.59Kb
<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>Snow for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | Single :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="mobile/css/style.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrap">
<div class="header">
<div class="logo">
<a href="index.html"><img src="mobile/images/logo.png" alt=""/></a>
</div>
<div class="drp-dwn">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="index.html">Home</option>
<option value="shop.html">Shop</option>
<option value="team.html">Team</option>
<option value="experiance.html">Experiance</option>
<option value="contact.html">Contact</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="main">
<div class="shop_top">
<div class="row">
<div class="col-md-9 single_left">
<div class="single_image">
<ul id="etalage">
<li>
<a href="optionallink.html">
<img class="etalage_thumb_image" src="mobile/images/3.jpg" />
</a>
</li>
<li>
<img class="etalage_thumb_image" src="mobile/images/4.jpg" />
</li>
<li>
<img class="etalage_thumb_image" src="mobile/images/5.jpg" />
</li>
</ul>
</div>
<!-- end product_slider -->
<div class="single_right">
<h3>vulputate velit </h3>
<p class="m_10">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree</p>
<ul class="options">
<h4 class="m_12">Select a Size(cm)</h4>
<li><a href="#">151</a></li>
<li><a href="#">148</a></li>
<li><a href="#">156</a></li>
<li><a href="#">145</a></li>
<li><a href="#">162(w)</a></li>
<li><a href="#">163</a></li>
</ul>
<ul class="product-colors">
<h3>available Colors</h3>
<li><a class="color1" href="#"><span> </span></a></li>
<li><a class="color2" href="#"><span> </span></a></li>
<li><a class="color3" href="#"><span> </span></a></li>
<li><a class="color4" href="#"><span> </span></a></li>
<li><a class="color5" href="#"><span> </span></a></li>
<li><a class="color6" href="#"><span> </span></a></li>
<div class="clear"> </div>
</ul>
<div class="btn_form">
<form>
<input type="submit" value="buy now" title="">
</form>
</div>
<ul class="add-to-links">
<li><img src="mobile/images/wish.png" alt=""><a href="#">Add to wishlist</a></li>
</ul>
<div class="social_buttons">
<h4>95 Items</h4>
<button type="button" class="btn1 btn1-default1 btn1-twitter" onclick="">
<i class="icon-twitter"></i> Tweet
</button>
<button type="button" class="btn1 btn1-default1 btn1-facebook" onclick="">
<i class="icon-facebook"></i> Share
</button>
<button type="button" class="btn1 btn1-default1 btn1-google" onclick="">
<i class="icon-google"></i> Google+
</button>
<button type="button" class="btn1 btn1-default1 btn1-pinterest" onclick="">
<i class="icon-pinterest"></i> Pinterest
</button>
</div>
</div>
<div class="clear"> </div>
</div>
<div class="col-md-3">
<div class="box-info-product">
<p class="price2">$130.25</p>
<ul class="prosuct-qty">
<span>Quantity:</span>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</ul>
<button type="submit" name="Submit" class="exclusive">
<span>Add to cart</span>
</button>
</div>
</div>
</div>
<div class="desc">
<h4>Description</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
</div>
<div class="row">
<h4 class="m_11">Related Products in the same Category</h4>
<div class="col-md-4 product1">
<img src="mobile/images/s1.jpg" alt=""/>
<div class="shop_desc"><a href="single.html">
</a><h3><a href="single.html"></a><a href="#">aliquam volutp</a></h3>
<p>Lorem ipsum consectetuer</p>
<span class="reducedfrom">$66.00</span>
<span class="actual">$12.00</span><br>
<ul class="buttons">
<li class="cart"><a href="#">Add To Cart</a></li>
<li class="shop_btn"><a href="#">Read More</a></li>
<div class="clear"> </div>
</ul>
</div>
</div>
<div class="col-md-4 product1">
<img src="mobile/images/s2.jpg" alt=""/>
<div class="shop_desc"><a href="single.html">
</a><h3><a href="single.html"></a><a href="#">aliquam volutp</a></h3>
<p>Lorem ipsum consectetuer</p>
<span class="reducedfrom">$66.00</span>
<span class="actual">$12.00</span><br>
<ul class="buttons">
<li class="cart"><a href="#">Add To Cart</a></li>
<li class="shop_btn"><a href="#">Read More</a></li>
<div class="clear"> </div>
</ul>
</div>
</div>
<div class="col-md-4">
<img src="mobile/images/s3.jpg" alt=""/>
<div class="shop_desc"><a href="single.html">
</a><h3><a href="single.html"></a><a href="#">aliquam volutp</a></h3>
<p>Lorem ipsum consectetuer</p>
<span class="reducedfrom">$66.00</span>
<span class="actual">$12.00</span><br>
<ul class="buttons">
<li class="cart"><a href="#">Add To Cart</a></li>
<li class="shop_btn"><a href="#">Read More</a></li>
<div class="clear"> </div>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="row">
<div class="col-md-3">
<ul class="footer_box">
<h4>Products</h4>
<li><a href="#">Mens</a></li>
<li><a href="#">Womens</a></li>
<li><a href="#">Youth</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="footer_box">
<h4>About</h4>
<li><a href="#">Careers and internships</a></li>
<li><a href="#">Sponserships</a></li>
<li><a href="#">team</a></li>
<li><a href="#">Catalog Request/Download</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="footer_box">
<h4>Customer Support</h4>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Shipping and Order Tracking</a></li>
<li><a href="#">Easy Returns</a></li>
<li><a href="#">Warranty</a></li>
<li><a href="#">Replacement Binding Parts</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="footer_box">
<h4>Newsletter</h4>
<div class="footer_search">
<form>
<input type="text" value="Enter your email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your email';}">
<input type="submit" value="Go">
</form>
</div>
<ul class="social">
<li class="facebook"><a href="#"><span> </span></a></li>
<li class="twitter"><a href="#"><span> </span></a></li>
<li class="instagram"><a href="#"><span> </span></a></li>
<li class="pinterest"><a href="#"><span> </span></a></li>
<li class="youtube"><a href="#"><span> </span></a></li>
</ul>
</ul>
</div>
</div>
<div class="row footer_bottom">
<div class="copy">
<p>© 2014 Template by <a href="http://w3layouts.com" target="_blank">w3layouts</a></p>
</div>
</div>
</div>
</div>
</body>
</html>