File size: 7.31Kb
<!--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 | Home :: 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>
<div class="slider text-center">
<div class="slider_text">
<h2>Lorem Ipsum is ipsum industry</h2>
<h3>simple text place here</h3>
</div>
<div class="slider_img">
<img src="mobile/images/pic1.png" alt="" class="img-responsive"/>
</div>
</div>
</div>
</div>
<div class="main"><!-- start main -->
<div class="container-fluid main">
<div class="row grids_of_3">
<div class="col-md-4 grid1_of_3">
<h2>user Profiles</h2>
<img src="mobile/images/icon1.png" class="img-responsive"/>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore magna aliqua.</p>
<div class="rd_more1">
<a href="single-page.html"><button class="btn_style">view more</button></a>
</div>
</div>
<div class="col-md-4 grid1_of_3">
<h2>services</h2>
<img src="mobile/images/icon2.png" class="img-responsive"/>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</p>
<div class="rd_more1">
<a href="single-page.html"><button class="btn_style">view more</button></a>
</div>
</div>
<div class="col-md-4 grid1_of_3">
<h2>Get in Touch</h2>
<img src="mobile/images/icon3.png" class="img-responsive"/>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</p>
<div class="rd_more1">
<a href="single-page.html"><button class="btn_style">view more</button></a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="row grids_btm top">
<div class="col-md-6">
<div class="grid_list">
<div class="images_1_of_1">
<p>27</p>
</div>
<div class="grid_1_of_1">
<h3>Lorem Ipsum </h3>
<p>Lorem ipsum dolor sit</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6">
<div class="grid_list">
<div class="images_1_of_1">
<p>0$</p>
</div>
<div class="grid_1_of_1">
<h3>Lorem Ipsum </h3>
<p>Lorem ipsum dolor sit</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="row grids_btm top">
<div class="col-md-6">
<div class="grid_list">
<div class="images_1_of_1">
<p>0$</p>
</div>
<div class="grid_1_of_1">
<h3>Lorem Ipsum </h3>
<p>Lorem ipsum dolor sit</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6">
<div class="grid_list">
<div class="images_1_of_1">
<p>35</p>
</div>
<div class="grid_1_of_1">
<h3>Lorem Ipsum </h3>
<p>Lorem ipsum dolor sit</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</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>