View file yolk-pack/mobile/details.html

File size: 3.91Kb
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<title>The Yolk Mobile Template :: w3layouts</title>
		<link href="mobile/css/bootstrap.css" rel='stylesheet' type='text/css' />
		<link href="mobile/css/theme.css" rel='stylesheet' type='text/css' />
		<meta name="keywords" content="Yolk iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		</script>
	</head>
	<body>
		<!----start-container----->
	<div class="header-bg">
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<div class="logo text-center"><a href="index.html"><img src="mobile/images/logo.png" alt=""/></a></div>
					</div>
					<div class="col-md-8">					
	 					<div class="drp-dwn select">
						<select onchange="window.location=this.options[this.selectedIndex].value">
							<option value="index.html" class="scroll">Home</option>
							<option value="about.html" class="scroll">About</option>
							<option value="blog.html" class="scroll">Blog</option>						
							<option value="contact.html"  class="scroll">Contact</option>					
						</select>
					</div>		
					</div>
					<!----start-images-slider---->	
				  <!-- Single button -->
                <div class="clear"></div>
				</div>
			</div>
        </div>	
        <div class="single">
         <div class="container">
		<div class="cont span_2_of_3">
			 <div class="labout span_1_of_a1">
				<!-- start product_slider -->
				     <ul id="etalage" class="list-unstyled">						
							<li>
								<img class="etalage_thumb_image" src="mobile/images/t3.jpg" />								
							</li>						
						</ul>
					
					
			<!-- end product_slider -->
			</div>
			<div class="cont1 span_2_of_a1 pull-right">
				<h3 class="m_3">Lorem ipsum dolor sit amet</h3>
				
				<div class="price_single">
							  <span class="reducedfrom">$66.00</span>
							  <span class="actual">$12.00</span><a href="#">click for offer</a>
							</div>
				<ul class="options list-unstyled">
					<h4 class="m_9">Select a Size</h4>
					<li><a href="#">6</a></li>
					<li><a href="#">7</a></li>
					<li><a href="#">8</a></li>
					<li><a href="#">9</a></li>
					<div class="clearfix"></div>
				</ul>
				<div class="btn_form">
				   <form>
					 <input type="submit" value="buy now" title="">
				  </form>
				</div>
				<ul class="add-to-links list-unstyled">
    			   <li><img src="mobile/images/wish.png" alt=""><a href="#">Add to wishlist</a></li>
    			</ul>
    			<p class="m_desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
    			
                <div class="social_single">	
				   <ul list-unstyled>	
					  <li class="fb"><a href="#"><span> </span></a></li>
					  <li class="tw"><a href="#"><span> </span></a></li>
					  <li class="g_plus"><a href="#"><span> </span></a></li>
					  <li class="rss"><a href="#"><span> </span></a></li>		
				   </ul>
			    </div>
			</div>
			<div class="clear"></div>
         </div>     
	 <div class="toogle">
     	<h3 class="m_3">Product Details</h3>
     	<p class="m_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>
     </div>						
     </div>
    <div class="clear"></div>
	 </div>
<div class="footer">
	<div class="container">	
		 <div class="copy-right text-center">
			<p>©Copyright 2014 All Rights Reserved  Template <a href="http://w3layouts.com/">  w3layouts.com</a></p>	
		</div>
	</div>
</div>
		
</body>
</html>