View file modus_versus-pack/mobile/feature.html

File size: 7.27Kb
<!--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>Modus-Versus webtemplate for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | Portfolio :: 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="header_bg">
<div class="container">
	<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="about.html">about</option>
				<option value="service.html">services</option>
				<option value="portfolio.html">portfolio</option>
				<option value="blog.html">blog</option>
				<option value="feature.html">features</option>
				<option value="contact.html">contact</option>
			</select>
		</div>
		<div class="clear"></div>
	</div>
</div>
</div>
<div class="main_bg"><!-- start main -->
<div class="container">
	<div class="main_grid1">
		<h3 class="style pull-left">features</h3>
		<ol class="breadcrumb pull-right">
		  <li><a href="index.html">Home</a></li>
		  <li class="active">feature</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
</div>
<div class="main_btm1"><!-- start main_btm -->
<div class="container">
	<div class="technology">
		<div class="technology_main">
			<div class="technology_list col-md-6">
				<h4>1. There are many variations of passages of available?</h4>
				<div class="tech_para">
					<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				</div>
				<div class="images_1_of_4 bg1 pull-right">
					<span><img src="mobile/images/f_icon1.png" alt=""/></span>
				</div>
				<div class="clearfix"></div>
				<div class="read_btn">
					<a href="single-page.html" class="btn">read more</a>
				</div>	
			</div>
			<div class="technology_list col-md-6">
				<h4>2. Lorem Ipsum is simply dummy text of the printing and  industry?</h4>
				<div class="tech_para">
					<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				</div>
				<div class="images_1_of_4 bg1">
					<span><img src="mobile/images/f_icon2.png" alt=""/></span>
				</div>
				<div class="clearfix"></div>
				<div class="read_btn">
					<a href="single-page.html" class="btn">read more</a>
				</div>	
			</div>
			<div class="clearfix"></div>	
		</div>
		<div class="technology_main">
			<div class="technology_list col-md-6">
				<h4>3. Lorem Ipsum is simply dummy text of the printing and  industry?</h4>
				<div class="tech_para">
					<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				</div>
				<div class="images_1_of_4 bg1">
					<span><img src="mobile/images/f_icon1.png" alt=""/></span>
				</div>
				<div class="clearfix"></div>
				<div class="read_btn">
					<a href="single-page.html" class="btn">read more</a>
				</div>	
			</div>
			<div class="technology_list col-md-6">
			<div class="clearfix"></div>
		</div>
			<ul class="pagination">
			  <li><a href="#">&laquo;</a></li>
			  <li><a href="#">1</a></li>
			  <li><a href="#">2</a></li>
			  <li><a href="#">3</a></li>
			  <li><a href="#">&raquo;</a></li>
			</ul>
		</div>
	</div>
</div>
<div class="footer_bg"><!-- start footer -->
<div class="container">
	<div class="footer">
		<div class="col-md-4 footer1_of_3">
			<div class="f_logo">
				<a href="index.html"><img src="mobile/images/logo.png" alt=""/></a>
			</div>		
			<p class="f_para">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. It has survived not only five centuries, but also the leap into electronic typesetting</p>
			<p>Phone:&nbsp;<span>(00) 222 666 444</span></p>
			<span class="">Email:&nbsp;<a href="mailto:info@mycompany.com">info(at)mycompany.com</a></span>
		</div>
		<div class="col-md-2 footer1_of_3">
			<h4>company</h4>
			<ul class="list-unstyled f_list">
				<li><a href="#">Lorem ipsum dolor sit amet</a></li>
				<li><a href="#">Nullam nec sapien eget</a></li>
				<li><a href="#">Curabitur pellentesque</a></li>
				<li><a href="#">Mauris dictum neque</a></li>
				<li><a href="#">Lorem ipsum dolor sit</a></li>
				<li><a href="#">Nullam nec sapien</a></li>
				<li><a href="#">Curabitur mauris tempor </a></li>
			</ul>
		</div>
		<div class="col-md-2 footer1_of_3">
			<h4>community</h4>
			<ul class="list-unstyled f_list">
				<li><a href="#">Lorem ipsum dolor sit amet</a></li>
				<li><a href="#">Nullam nec sapien eget</a></li>
				<li><a href="#">Curabitur pellentesque</a></li>
				<li><a href="#">Mauris dictum neque</a></li>
				<li><a href="#">Lorem ipsum dolor sit</a></li>
				<li><a href="#">Nullam nec sapien</a></li>
				<li><a href="#">Curabitur mauris tempor </a></li>
			</ul>
		</div>
		<div class="col-md-4 footer_of_3">
			<h4>from the <span>blog</span></h4>
			<div class="blog_list">
				<div class="col-md-3 f_pic">
				    <a href="blog.html"><img src="mobile/images/blog_pic1.jpg" alt="" class="img-responsive"/></a>	
				</div>
				<div class="col-md-9 f_text">
					<a href="blog.html"><p>Lorem Ipsum is simply dummy text of the this printing and typesetting industry.</p></a>
					<span>26, may 2014</span>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="blog_list">
				<div class="col-md-3 f_pic">
					<a href="blog.html"><img src="mobile/images/blog_pic2.jpg" alt="" class="img-responsive"/></a>
				</div>
				<div class="col-md-9 f_text">
					<a href="blog.html"><p>Lorem Ipsum is simply dummy text of the this printing and typesetting industry.</p></a>
					<span>17, June 2014</span>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
</div>
<div class="footer1_bg"><!-- start footer1 -->
<div class="container">
	<div class="footer1">
		<div class="copy pull-left">
			<p class="link"><span>&#169; All rights reserved | Template by&nbsp;<a href="http://w3layouts.com/"> W3Layouts</a></span></p>
		</div>
		<div class="soc_icons pull-right">
			<ul class="list-unstyled text-center">
				<li><a href="#"><img src="mobile/images/facebook.png" alt=""/></a></li>
				<li><a href="#"><img src="mobile/images/twitter.png" alt=""/></a></li>
				<li><a href="#"><img src="mobile/images/gplus.png" alt=""/></a></li>
				<li><a href="#"><img src="mobile/images/pinterest.png" alt=""/></a></li>
				<li><a href="#"><img src="mobile/images/dribble.png" alt=""/></a></li>
			</ul>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
</div>
</body>
</html>