<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en">
<![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en">
<![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<title>Concept HTML5 responsive template</title>
<meta name="keywords" content="concept, responsive bootstrap, green, white, free html5 template, templatemo" />
<meta name="description" content="Concept is free responsive template using bootstrap framework. Gallery is integrated with responsive lightbox." />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700,800' rel='stylesheet' type='text/css'>
<!-- CSS Bootstrap & Custom -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/templatemo_misc.css">
<!-- Main CSS -->
<link rel="stylesheet" href="css/templatemo_style.css">
<!-- Favicons -->
<link rel="shortcut icon" href="images/ico/favicon.ico">
</head>
<body>
<div class="site-header">
<div class="main-navigation">
<div class="responsive_menu">
<ul>
<li><a class="show-1 templatemo_home" href="#">Gallery</a></li>
<li><a class="show-2 templatemo_page2" href="#">Products</a></li>
<li><a class="show-3 templatemo_page3" href="#">Services</a></li>
<li><a class="show-4 templatemo_page4" href="#">About Us</a></li>
<li><a class="show-5 templatemo_page5" href="#">Contact Us</a></li>
</ul>
</div>
<div class="container">
<div class="row">
<div class="col-md-12 responsive-menu">
<a href="#" class="menu-toggle-btn">
<i class="fa fa-bars"></i>
</a>
</div> <!-- /.col-md-12 -->
<div class="col-md-12 main_menu">
<ul>
<li><a class="show-1 templatemo_home" href="#">Gallery</a></li>
<li><a class="show-2 templatemo_page2" href="#">Products</a></li>
<li><a class="show-3 templatemo_page3" href="#">Services</a></li>
<li><a class="show-4 templatemo_page4" href="#">About Us</a></li>
<li><a class="show-5 templatemo_page5" href="#">Contact Us</a></li>
</ul>
</div> <!-- /.col-md-12 -->
</div> <!-- /.row -->
</div>
<a class="navigation-bg" href="#" title="" target="_blank"><img src="images/header.png" alt="" /></a><!-- /.container -->
</div> <!-- /.main-navigation -->
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<a class="templatemo_logo" href="http://www.cssmoban.com/" >
<h1>Concept</h1>
</a> <!-- /.logo -->
</div> <!-- /.col-md-12 -->
</div> <!-- /.row -->
</div> <!-- /.container -->
</div> <!-- /.site-header -->
<div id="menu-container">
<div class="content homepage" id="menu-1">
<div class="container-fluid">
<div class="row">
<div class="col-md-2 col-sm-6 col-md-offset-1">
<div class="gallery-item">
<img src="images/gallery/gallery-item1.jpg" alt="image 1">
<div class="overlay">
<a href="images/gallery/gallery-item1.jpg" data-rel="lightbox" class="fa fa-expand"></a>
</div>
<div class="content-gallery">
<h3>Etiam sed felis</h3>
</div>
</div> <!-- /.gallery-item -->
</div> <!-- /.col-md-2 -->
<div class="col-md-2 col-sm-6">
<div class="gallery-item">
<div class="image">
<div class="overlay">
<a href="images/gallery/gallery-item2.jpg" data-rel="lightbox" class="fa fa-expand"></a>
</div>
<img src="images/gallery/gallery-item2.jpg" alt="image 2">
</div>
<div class="content-gallery">
<h3>Nulla sagittis</h3>
</div>
</div> <!-- /.gallery-item -->
</div> <!-- /.col-md-2 -->
<div class="col-md-2 col-sm-6">
<div class="gallery-item">
<div class="image">
<div class="overlay">
<a href="images/gallery/gallery-item3.jpg" data-rel="lightbox" class="fa fa-expand"></a>
</div>
<img src="images/gallery/gallery-item3.jpg" alt="image 3">
</div>
<div class="content-gallery">
<h3>Quisque lacinia</h3>
</div>
</div> <!-- /.gallery-item -->
</div> <!-- /.col-md-2 -->
<div class="col-md-2 col-sm-6">
<div class="gallery-item">
<div class="image">
<div class="overlay">
<a href="images/gallery/gallery-item4.jpg" data-rel="lightbox" class="fa fa-expand"></a>
</div>
<img src="images/gallery/gallery-item4.jpg" alt="image 4">
</div>
<div class="content-gallery">
<h3>Venenatis</h3>
</div>
</div> <!-- /.gallery-item -->
</div> <!-- /.col-md-2 -->
<div class="col-md-2 col-sm-6">
<div class="gallery-item">
<div class="image">
<div class="overlay">
<a href="images/gallery/gallery-item5.jpg" data-rel="lightbox" class="fa fa-expand"></a>
</div>
<img src="images/gallery/gallery-item5.jpg" alt="image 5">
</div>
<div class="content-gallery">
<h3>Sed sed nisi</h3>
</div>
</div> <!-- /.gallery-item -->
</div> <!-- /.col-md-2 -->
<div class="col-md-2 col-sm-6 col-md-offset-2">
<div class="gallery-item">
<div class="image">
<div class="overlay">
<a href="images/gallery/gallery-item6.jpg" data-rel="lightbox" class="fa fa-expand"></a>
</div>
<img src="images/gallery/gallery-item6.jpg" alt="image 6">
</div>
<div class="content-gallery">
<h3>Modern</h3>
</div>
</div> <!-- /.gallery-item -->
</div> <!-- /.col-md-2 -->
<div class="col-md-2 col-sm-6">
<div class="gallery-item">
<div class="image">
<div class="overlay">
<a href="images/gallery/gallery-item7.jpg" data-rel="lightbox" class="fa fa-expand"></a>
</div>
<img src="images/gallery/gallery-item7.jpg" alt="image 7">
</div>
<div class="content-gallery">
<h3>Elegant</h3>
</div>
</div> <!-- /.gallery-item -->
</div> <!-- /.col-md-2 -->
<div class="col-md-2 col-sm-6">
<div class="gallery-item">
<div class="image">
<div class="overlay">
<a href="images/gallery/gallery-item8.jpg" data-rel="lightbox" class="fa fa-expand"></a>
</div>
<img src="images/gallery/gallery-item8.jpg" alt="image 8">
</div>
<div class="content-gallery">
<h3>HTML5 CSS3</h3>
</div>
</div> <!-- /.gallery-item -->
</div> <!-- /.col-md-2 -->
<div class="col-md-2 col-sm-6">
<div class="gallery-item">
<div class="image">
<div class="overlay">
<a href="images/gallery/gallery-item9.jpg" data-rel="lightbox" class="fa fa-expand"></a>
</div>
<img src="images/gallery/gallery-item9.jpg" alt="image 9">
</div>
<div class="content-gallery">
<h3>New Design</h3>
</div>
</div> <!-- /.gallery-item -->
</div> <!-- /.col-md-2 -->
<div class="col-md-2 col-sm-6 col-md-offset-3">
<div class="gallery-item">
<div class="image">
<div class="overlay">
<a href="images/gallery/gallery-item10.jpg" data-rel="lightbox" class="fa fa-expand"></a>
</div>
<img src="images/gallery/gallery-item10.jpg" alt="image 10">
</div>
<div class="content-gallery">
<h3>Download</h3>
</div>
</div>
红色瀑布流图片站bootstrap网站模板_html5 bootstrap 响应式模板UI前端源码.rar （43个子文件） 
tpmo_397_concept js 
bootstrap.js 54KB tabs.js 1KB templatemo_custom.js 5KB modernizr.js 9KB jquery.lightbox.js 8KB logging.js 158B jquery-1.10.2.min.js 91KB jquery-migrate-1.2.1.min.js 7KB css bootstrap.min.css 98KB animate.css 57KB font-awesome.min.css 17KB templatemo_misc.css 13KB templatemo_style.css 9KB
index.html 25KB images 
previous.png 726B products 
product5.jpg 13KB product6.jpg 24KB product4.jpg 21KB product3.jpg 29KB product1.jpg 35KB product2.jpg 20KB
loading.gif 10KB next.png 724B gallery gallery-item3.jpg 97KB gallery-item10.jpg 98KB gallery-item6.jpg 78KB gallery-item5.jpg 89KB gallery-item9.jpg 95KB gallery-item2.jpg 89KB gallery-item1.jpg 47KB gallery-item11.jpg 91KB gallery-item12.jpg 72KB gallery-item8.jpg 124KB gallery-item4.jpg 65KB gallery-item7.jpg 71KB bx_loader.gif 8KB header.png 136B close.png 835B fonts FontAwesome.otf 61KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
