File size: 10.02Kb
<!--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>
<html>
<head>
<title>Creation a industrial bootstrap Website Template | Home :: w3layouts</title>
<!-- Bootstrap -->
<link href="web/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="web/css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.web/js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- webfonts -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<!-- // webfonts -->
<link href="web/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start plugins -->
<script type="text/javascript" src="web/js/jquery.min.js"></script>
<script type="text/javascript" src="web/js/bootstrap.js"></script>
<script>
$(document).ready(function(){
$(".dropdown").hover(
function() {
$('.dropdown-menu', this).stop( true, true ).slideDown("fast");
$(this).toggleClass('open');
},
function() {
$('.dropdown-menu', this).stop( true, true ).slideUp("fast");
$(this).toggleClass('open');
}
);
});
</script>
</head>
<body>
<div class="header_bg"><!-- start header -->
<div class="container">
<div class="row header">
<nav class="navbar" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="web/images/logo.png" alt="" class="img-responsive"/> </a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="menu nav navbar-nav ">
<li class="active"><a href="index.html">home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Features<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="feature.html">Features 1</a></li>
<li><a href="feature.html">Features 2</a></li>
<li><a href="feature.html">Features 3</a></li>
</ul>
</li>
<li><a href="blog.html">blog</a></li>
<li><a href="about.html">about</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
<form class="navbar-form navbar-right" role="search">
<div class="form-group my_search">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Search</button>
</form>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
<div class="row slider text-center">
<div class="col-md-8">
<div class="col-md-10 slider_text">
<h2>Lorem Ipsum is simply dummy text of the printing and industry.</h2>
<h3>simple text place here</h3>
</div>
</div>
<div class="col-md-4">
<div class="slider_img">
<img src="web/images/pic1.png" alt="" class="img-responsive"/>
</div>
</div>
</div>
</div>
</div>
<div class="main"><!-- start main -->
<div class="container main">
<div class="row grids_of_3">
<div class="col-md-4 grid1_of_3">
<h2>user Profiles</h2>
<img src="web/images/icon1.png" class="img-responsive"/>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 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>services</h2>
<img src="web/images/icon2.png" class="img-responsive"/>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 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="web/images/icon3.png" class="img-responsive"/>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 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 is simply text </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,<span class="hide">sed do eiusmod tempor incididunt magna aliqua.</span> </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 is simply text </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,<span class="hide">sed do eiusmod tempor incididunt magna aliqua.</span> </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 is simply text </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,<span class="hide">sed do eiusmod tempor incididunt magna aliqua.</span> </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 is simply text </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,<span class="hide">sed do eiusmod tempor incididunt magna aliqua.</span> </p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="footer_bg"><!-- start footre -->
<div class="container">
<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="web/images/f_pic1.jpg" alt="" class="img-responsive"/></a></li>
<li><a href="#"><img src="web/images/f_pic3.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="web/images/f_pic4.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="web/images/f_pic5.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="web/images/f_pic7.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="web/images/f_pic1.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="web/images/f_pic6.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="web/images/f_pic8.jpg" alt="" class="img-responsive"/> </a></li>
<li><a href="#"><img src="web/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">
<div class="row footer1">
<div class="col-md-5">
<div class="soc_icons">
<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">
<p class="link text-right"><span>© All rights reserved | Design by <a href="http://w3layouts.com/"> W3Layouts</a></span></p>
</div>
</div>
</div>
</div>
</body>
</html>