<!DOCTYPE HTML>
<html>
<head>
<title>Features</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="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.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- webfonts -->
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<!-- // webfonts -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start plugins -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- start light_box -->
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.2.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("div.fancyDemo a").fancybox();
});
</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="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><a href="index.html">home</a></li>
<li class="active"><a href="feature.html">features</a></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>
<ol class="breadcrumb">
<li><a href="index.html">Home</a></li>
<li class="active">features</li>
</ol>
</div>
</div>
<div class="main"><!-- start main -->
<div class="container">
<div class="features"><!-- start feature -->
<div class="row features_list">
<div class="col-md-3 feature">
<div class="fancyDemo">
<a rel="group" title="" href="images/ser_pic1.jpg"><img src="images/ser_pic1.jpg" alt=""class="img-responsive"/></a>
</div>
<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>
<a href="single-page.html"> consectetur lipsum</a>
</div>
<div class="col-md-3 feature">
<div class="fancyDemo">
<a rel="group" title="" href="images/ser_pic2.jpg"><img src="images/ser_pic2.jpg" alt=""class="img-responsive"/></a>
</div>
<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>
<a href="single-page.html">Lorem Ipsum simply</a>
</div>
<div class="col-md-3 feature">
<div class="fancyDemo">
<a rel="group" title="" href="images/ser_pic3.jpg"><img src="images/ser_pic3.jpg" alt=""class="img-responsive"/></a>
</div>
<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>
<a href="single-page.html"> consectetur lipsum</a>
</div>
<div class="col-md-3 feature">
<div class="fancyDemo">
<a rel="group" title="" href="images/ser_pic4.jpg"><img src="images/ser_pic4.jpg" alt=""class="img-responsive"/></a>
</div>
<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>
<a href="single-page.html">Lorem Ipsum simply</a>
</div>
</div>
<div class="row features_list1"><!-- start feature -->
<div class="col-md-3 feature">
<div class="fancyDemo">
<a rel="group" title="" href="images/ser_pic5.jpg"><img src="images/ser_pic5.jpg" alt=""class="img-responsive"/></a>
</div>
<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>
<a href="single-page.html">Lorem Ipsum simply</a>
</div>
<div class="col-md-3 feature">
<div class="fancyDemo">
<a rel="group" title="" href="images/ser_pic6.jpg"><img src="images/ser_pic6.jpg" alt=""class="img-responsive"/></a>
</div>
<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>
<a href="single-page.html"> consectetur lipsum</a>
</div>
<div class="col-md-3 feature">
<div class="fancyDemo">
<a rel="group" title="" href="images/ser_pic7.jpg"><img src="images/ser_pic7.jpg" alt=""class="img-responsive"/></a>
</div>
<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>
<a href="single-page.html">Lorem Ipsum simply</a>
</div>
<div class="col-md-3 feature">
<div class="fancyDemo">
<a rel="group" title="" href="images/ser_pic8.jpg"><img src="images/ser_pic8.jpg" alt=""class="img-responsive"/></a>
</div>
<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>
<a href="single-page.html"> consectetur lipsum</a>
</div>
</div>
</div><!-- end feature -->
</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
H20国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （46个子文件） 
H20 js 
bootstrap.js 54KB jquery-1.3.2.min.js 56KB bootstrap.min.js 28KB jquery.fancybox-1.2.1.js 15KB jquery.easing.1.3.js 8KB jquery.min.js 94KB
feature.html 10KB css style.css 15KB bootstrap.min.css 98KB bootstrap.css 118KB jquery.fancybox.css 5KB index.html 9KB single-page.html 7KB contact.html 8KB about.html 8KB images 
ser_pic7.jpg 37KB blog_pic1.jpg 39KB f_pic6.jpg 2KB det_pic.jpg 97KB header_bg.jpg 32KB
fancy_right.png 2KB f_pic4.jpg 2KB icon1.png 1KB logo.png 3KB f_pic3.jpg 2KB f_pic1.jpg 2KB fancy_closebox.png 2KB ser_pic2.jpg 32KB ser_pic8.jpg 25KB ser_pic1.jpg 34KB pic1.png 168KB f_pic2.jpg 2KB f_pic8.jpg 2KB ser_pic4.jpg 29KB ser_pic3.jpg 39KB ads_pic.jpg 495B about_pic.jpg 34KB icon3.png 2KB ser_pic5.jpg 26KB icons.png 1KB ser_pic6.jpg 54KB f_pic5.jpg 2KB f_pic7.jpg 1KB fancy_left.png 2KB icon2.png 2KB blog.html 9KB资源评论
