<!--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>
<html>
<head>
<title>The TeamGear for Iphone, Android & Smartphone Mobile Website Template | Single :: w3layouts</title>
<link href="smartphone/css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="TeamGear Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(
hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="smartphone/js/jquery-1.11.1.min.js"></script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="smartphone/css/etalage.css">
<script src="smartphone/js/jquery.etalage.min.js"></script>
<script>
jQuery(document).ready(function($){
$('#etalage').etalage({
thumb_image_width: 300,
thumb_image_height: 400,
source_image_width: 900,
source_image_height: 1200,
show_hint: true,
click_callback: function(image_anchor, instance_id){
alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
}
});
});
</script>
</head>
<body>
<div class="product_banner" id="home">
<!-- start search-->
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!----search-scripts---->
<script src="smartphone/js/classie.js"></script>
<script src="smartphone/js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!----//search-scripts---->
<div class="header_bottom">
<div class="container">
<div class="logo">
<a href="index.html"><img src="smartphone/images/logo.png" alt=""></a>
</div>
<div class="menu">
<ul>
<li class="current"><a href="product.html">Shop by Product</a></li>
<li><a href="product.html">Shop by Sport</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="main">
<div class="product_wrapper">
<div class="container">
<div class="dreamcrub">
<ul class="breadcrumbs">
<li class="home">
<a href="index.html" title="Go to Home Page">Home</a>
<span>></span>
</li>
<li class="home">
Product
<span>></span>
</li>
<li class="home">
nulla facilisis
</li>
</ul>
</div>
<div class="row">
<div class="col-md-9">
<div class="singel_right">
<div class="labout span_1_of_a1">
<!-- start product_slider -->
<ul id="etalage" style="width:95% !important;">
<li>
<a href="optionallink.html">
<img class="etalage_thumb_image" src="smartphone/images/single1.jpg" />
<img class="etalage_source_image" src="smartphone/images/single1.jpg" title="" />
</a>
</li>
<li>
<img class="etalage_thumb_image" src="smartphone/images/single2.jpg" />
<img class="etalage_source_image" src="smartphone/images/single2.jpg" title="" />
</li>
<li>
<img class="etalage_thumb_image" src="smartphone/images/single3.jpg" />
<img class="etalage_source_image" src="smartphone/images/single3.jpg" />
</li>
<li>
<img class="etalage_thumb_image" src="smartphone/images/single1.jpg" />
<img class="etalage_source_image" src="smartphone/images/single1.jpg" />
</li>
</ul>
<!-- end product_slider -->
</div>
<div class="cont1 span_2_of_a1">
<h1>nulla facilisis</h1>
<p class="availability in-stock">Availability: <span>In stock</span></p>
<p class="single_price">$149.95</p>
<p class="single_desc">Lorem ipsum dolor</p>
<div class="quantity">
<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>
<div class="cart_btn">
<a href="#">Add to Cart</a>
</div>
<div class="clear"></div>
</div>
<div class="wish-list">
<ul>
<li class="wish"><a href="#">Add to Wishlist</a></li>
<li class="compare"><a href="#">Add to Compare</a></li>
</ul>
</div>
<ul class="social_single">
<li><a href=""> <i class="fb1"> </i> </a></li>
<li><a href=""><i class="tw1"> </i> </a></li>
<li><a href=""><i class="g1"> </i> </a></li>
<li><a href=""><i class="rss"> </i> </a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="toogle">
<h3>Product Details</h3>
<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, quis nostrud exerci tation ullamco.</p>
</div>
<div class="toogle product_tag">
<h3>Product Tags</h3>
<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, quis nostrud exerci tation ullamcorpe.</p>
<h4>Add Your Tags:</h4>
<div class="input-box">
<input type="text" value="">
</div>
<div class="button"><span><a href="#">Add Tags</a></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="footer-grid">
<h3>Customer Service</h3>
<ul class="list1">
<li><a href="#">Help & Contact</a></li>
<li><a href="#">Shipping & taxes</a></li>
<li><a href="#">Return policy</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Legal Notice</a></li>
</ul>
</div>
<div class="footer-grid">
<h3>Information</h3>
<ul class="list1">
<li><a href="#">New products</a></li>
<li><a href="#">Top sellers</a></li>
<li><a href="#">Specials products</a></li>
<li><a href="#">Manufacurers</a></li>
<li><a href="#">Suppliers</a></li>
<li><a href="#">Our Stores</a></li>
</ul>
</div>
<div class="footer-grid">
<h3>My Account</h3>
<ul class="list1">
<li><a href="#">My account</a></li>
<li><a href="#">Personal Information</a></li>
<li><a href="#">Addresses</a></li>
<li><a href="#">Discount</a></li>
<li><a href="#">Orders history</a></li>
<li><a href="#">Your vouchers</a></li>
</ul>
</div>
<div class="footer-grid">
<h3>Follow Us</h3>
<ul class="social">
<li><a href=""> <i class="tw"> </i> </a></li>
<li><a href=""><i class="fb"> </i> </a></li>
<li><a href=""><i class="vimeo"> </i> </a></li>
<li><a href=""><i class="tumblr"> </i> </a></li>
<li><a href=""><i class="dribble"> </i> </a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</p>
</div>
<div class="footer-grid last_grid">
<h4>Subscribe to our Newsletter</h4>
<form>
<input type="text" value="Your Email Address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Email Address';}">
<input type="submit" value="Go">
</form>
<h5>Call Team<br>Dragon Motorsports</h5>
<h6>1.800.123.4568</h6>
</div>
</div>
</div>
<div class="footer_bottom">
<div class="container">
<p class="copy">© 2014 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
<div class="cart">
<div class="cssmenu">
<ul>
<li class="active"><a href="login.html">Account</a></li> |
<li><a href="contact.html">Contact</a></li> |
<li><a href="checkout.html">Checkout</a></li> |
<li><a href="login.html">Log In</a></li> |
<li><a href="register.html">Sign Up</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>