<!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.htmldivcss.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>
</di
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
1228_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip (44个子文件)
1228
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
1.jpg 113KB
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
共 44 条
- 1
资源评论
2301_76429513
- 粉丝: 9
- 资源: 6730
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功