File size: 6.96Kb
<!--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>Creation a industrial bootstrap 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/bootstrap.css" media="all" rel="stylesheet" type="text/css" />
<link href="mobile/css/style.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header_bg"><!-- start header -->
<div class="container-fluid">
<div class="header">
<div class="logo pull-left">
<a href="index.html"><img src="mobile/images/logo.png" alt="" class="img-responsive"/></a>
</div>
<div class="drp-dwn pull-right">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="index.html">Home</option>
<option value="feature.html">features</option>
<option value="blog.html">blog</option>
<option value="about.html">about</option>
<option value="contact.html">Contact</option>
</select>
</div>
<div class="clearfix"></div>
</div>
<ol class="breadcrumb">
<li><a href="index.html">Home</a></li>
<li class="active">Blog</li>
</ol>
</div>
</div>
<div class="main"><!-- start main -->
<div class="container-fluid">
<div class="blog"><!-- start blog -->
<div class="row">
<div class="col-md-8 blog_left">
<a href="single-page.html"><img src="mobile/images/blog_pic1.jpg" alt="" class="blog_img img-responsive"/></a>
<h4><a href="single-page.html">Lorem Ipsum is simply</a></h4>
<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</p>
<div class="read_more">
<a href="single-page.html"><button class="btn_style">view more</button></a>
</div>
<a href="single-page.html"><img src="mobile/images/blog_pic1.jpg" alt="" class="blog_img1 img-responsive"/></a>
<h4><a href="single-page.html">Lorem Ipsum is simply</a></h4>
<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</p>
<div class="read_more">
<a href="single-page.html"><button class="btn_style">view more</button></a>
</div>
</div>
<div class="col-md-4 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><a href="#">art</a></li>
<li><a href="#">awesome</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>
</div><!-- end blog -->
</div>
</div>
<div class="footer_bg"><!-- start footre -->
<div class="container-fluid">
<div class="row footer">
<div class="col-md-3 span1_of_4">
<h4>about us</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry .....</p>
<h5>Address</h5>
<p class="top">500 Lorem Ipsum Dolor Sit,</p>
<p>22-56-2-9 Sit Amet,</p>
<p>USA</p>
<p>Phone:(00) 222 666 444</p>
<p>Fax: (000) 000 00 00 0</p>
</div>
<div class="col-md-3 span1_of_4">
<h4>latest posts</h4>
<span><a href="#"> Fusce scelerisque massa vitae </a></span>
<p>25 april 2013</p>
<span><a href="#">Pellentesque bibendum ante </a></span>
<p>15 march 2013</p>
<span><a href="#">Maecenas quis ipsum sed magna </a></span>
<p>25 april 2013</p>
</div>
<div class="col-md-3 span1_of_4">
<h4>latest comments</h4>
<span><a href="#">It is a long established fact that a reader will looking layout.</a></span>
<span><a href="#">There are many variations of passages of Lorem Ipsum available words.</a></span>
<span><a href="#">It is a long established fact that a reader will looking layout.</a></span>
</div>
<div class="col-md-3 span1_of_4">
<h4>photostream</h4>
<ul class="f_nav list-unstyled">
<li><a href="#"><img src="mobile/images/f_pic1.jpg" alt="" class="img-responsive"/></a></li>
<li><a href="#"><img src="mobile/images/f_pic3.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="mobile/images/f_pic4.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="mobile/images/f_pic5.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="mobile/images/f_pic7.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="mobile/images/f_pic1.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="mobile/images/f_pic6.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="mobile/images/f_pic8.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="mobile/images/f_pic2.jpg" alt="" class="img-responsive"/> </a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="footer_btm"><!-- start footer_btm -->
<div class="container-fluid">
<div class="row footer1">
<div class="col-md-5">
<div class="soc_icons text-center">
<ul class="list-unstyled">
<li><a class="icon1" href="#"></a></li>
<li><a class="icon2" href="#"></a></li>
<li><a class="icon3" href="#"></a></li>
<li><a class="icon4" href="#"></a></li>
<li><a class="icon5" href="#"></a></li>
<div class="clearfix"></div>
</ul>
</div>
</div>
<div class="col-md-7 copy text-center">
<p class="link"><span>© All rights reserved | Design by <a href="http://w3layouts.com/"> W3Layouts</a></span></p>
</div>
</div>
</div>
</div>
</body>
</html>