File size: 8.74Kb
<!--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 | Blog :: 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">our blog</h3>
<ol class="breadcrumb pull-right">
<li><a href="index.html">Home</a></li>
<li class="active">Blog</li>
</ol>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="main_btm1"><!-- start main_btm -->
<div class="container">
<div class="blog"><!-- start blog -->
<div class="blog_main col-md-9">
<div class="blog_list">
<div class="col-md-2 blog_date">
<span class="date">may <p>24<p></p></span>
<span class="icon_date"><i class="fa fa-laptop"></i> </span>
</div>
<div class="col-md-10 blog_left">
<a href="single-page.html"><img src="mobile/images/s5.jpg" alt="" class="img-responsive"/></a>
<h4><a href="single-page.html">Lorem Ipsum is simply dummy text of the printing and typesetting industry </a></h4>
<span>posted by <a href="#">Admin</a> in <a href="#">Wordpress</a> <a class="left" href="#"><i class="fa fa-comment"></i>Comments</a></span>
<p class="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.</p>
<div class="read_btn">
<a href="single-page.html"><button class="btn">view more</button></a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="blog_list">
<div class="col-md-2 blog_date">
<span class="date">Jun <p>17<p></p></span>
<span class="icon_date"><i class="fa fa-laptop"></i> </span>
</div>
<div class="col-md-10 blog_left">
<a href="single-page.html"><img src="mobile/images/s1.jpg" alt="" class="img-responsive"/></a>
<h4><a href="single-page.html">Lorem Ipsum is simply dummy text of the printing and typesetting industry </a></h4>
<span>posted by <a href="#">Admin</a> in <a href="#">Wordpress</a> <a class="left" href="#"><i class="fa fa-comment"></i>Comments</a> </span>
<p class="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.</p>
<div class="read_btn">
<a href="single-page.html"><button class="btn">view more</button></a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-3 blog_right">
<h4>Ads 125 x 125</h4>
<ul class="ads_nav list-unstyled">
<li><a href="#"><img src="mobile/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="mobile/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="mobile/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="mobile/images/ads_pic.jpg" alt=""> </a></li>
<div class="clearfix"></div>
</ul>
<ul class="tag_nav list-unstyled">
<h4>tags</h4>
<li class="active"><a href="#">awesome</a></li>
<li><a href="#">art</a></li>
<li><a href="#">classic</a></li>
<li><a href="#">photo</a></li>
<li><a href="#">wordpress</a></li>
<li><a href="#">videos</a></li>
<li><a href="#">standard</a></li>
<li><a href="#">gaming</a></li>
<li><a href="#">photo</a></li>
<li><a href="#">music</a></li>
<li><a href="#">data</a></li>
<div class="clearfix"></div>
</ul>
<div class="news_letter">
<h4>news letter</h4>
<form>
<input type="text" placeholder="Your email address">
<input type="submit" value="subscribe">
</form>
</div>
</div>
<div class="clearfix"></div>
</div><!-- end blog -->
</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: <span>(00) 222 666 444</span></p>
<span class="">Email: <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>© All rights reserved | Template by <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>