View file yolk-pack/mobile/index.html

File size: 4.68Kb
<!--
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/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>
					 <div class="clear"></div>
					<!----start-images-slider---->	
				  <!-- Single button -->
				</div>
			</div>
			 <div class="clear"></div>
        </div>	
        <div class="container-fluid">
    <div class="row">
        <div class="col-md-12"> 
        	<div class="img">  
		    	<img src="mobile/images/img.jpg" alt=""/>	   
		    </div>          
        </div>
    </div>
</div>
<!----//End-container----->
 <div class="container">
 <div class="content">	
 <div class="row">
 	<div class="col-md-12 text-center">
 		<h2>Featured Products</h2>
 	</div>	
 </div>	
<div class="row">
				<div class="col-md-2">
					<div class="grid"> 
						<img src="mobile/images/cont1.jpg" />						
						<p class="text-center">Lether Bag</p>
						<h2 class="text-center">$350.00</h2>
						<p class="text-center"><a href="details.html">Buy</a></p>
                    </div>
				</div>			
				<div class="col-md-2">
					<div class="grid">
						 <img src="mobile/images/cont2.jpg" />						
						<p class="text-center">Big block</p>
						<h2 class="text-center">$350.00</h2>
						<p class="text-center"><a href="details.html">Buy</a></p>
                    </div>
				</div>
				<div class="col-md-2">
					<div class="grid">
						 <img src="mobile/images/cont3.jpg" />					
						<p class="text-center">block Lether</p>
						<h2 class="text-center">$350.00</h2>
						<p class="text-center"><a href="details.html">Buy</a></p>
                    </div>
				</div>
				<div class="col-md-2">
					<div class="grid">
						<img src="mobile/images/cont4.jpg" />					
						<p class="text-center">block Lether</p>
						<h2 class="text-center">$350.00</h2>
						<p class="text-center"><a href="details.html">Buy</a></p>
                    </div>
				</div>
				<div class="col-md-2">
					<div class="grid">
						<img src="mobile/images/cont2.jpg" />									  	
						<p class="text-center">block Lether</p>
						<h2 class="text-center">$350.00</h2>
						<p class="text-center"><a href="details.html">Buy</a></p>
                    </div>
                    <div class="clear"></div>
				</div>
</div>
<div class="clear"></div>
</div>
<div class="row">
				<div class="col-md-4">
					<div class="grid">
						<h2>About Us</h2>
				        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
				</div>
				<div class="col-md-4">
					<div class="grid">
						<h2>Our Blog</h2>
				        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
				</div>
				<div class="col-md-4">
					<div class="grid1 pull-left">
						<h2>Contact</h2>
				        <address>
				        	<p>tryd online service</p>
				        	<p>12345 main street</p>
				        	<p>Newyork</p>
				        	<p><a href="#">info#@mystore.com</a></p>
				        	<p>555-58746-5475</p>
				        </address>
                    </div>
                   
				</div>
				<div class="clear"></div>
</div>
</div>
<div class="footer">
	<div class="container">	
		 <div class="copy-right text-center">
			<p>&#169Copyright 2014 All Rights Reserved  Template <a href="http://w3layouts.com/">  w3layouts.com</a></p>	
		</div>
	</div>
</div>
		
</body>
</html>