File size: 5.63Kb
<!--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 | About :: 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">About</li>
</ol>
</div>
</div>
<div class="main"><!-- start main -->
<div class="container-fluid">
<div class="row about"> <!-- start about -->
<div class="col-md-5 img_style">
<img src="mobile/images/about_pic.jpg" alt="" class="img-responsive"/>
</div>
<div class="col-md-7">
<h4>Lorem Ipsum is simply dummy</h4>
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</p>
<div class="read_more">
<a href="single-page.html"><button class="btn_style">view more</button></a>
</div>
</div>
<div class="clearfix"></div>
<div class="about_p">
<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry., Lorem Ipsum dummy text ever since dummy text of the printing and usings 1500s,Duis aute irure dolor in reprehenderit in voluptate velit esse when an,Lorem Ipsum has been the industry's standard dummy text ever since dummy text of the printing and usings 1500s, </p>
</div>
</div><!-- end about -->
</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>