<!--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>Gridzilla A Entertainment Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!--//fonts-->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="header-top">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="search">
<form>
<input type="text" value="Enter your search..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
<input type="submit" value="">
</form>
</div>
<div class="clearfix"> </div>
</div>
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li class="active"><a href="index.html" > HOME </a></li>
<li><a href="about.html" > ABOUT </a></li>
<li><a href="blog.html" > BLOG</a></li>
<li><a href="contact.html" >CONTACT</a></li>
</ul>
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
</div>
</div>
<!--banner-->
<div class="banner">
<div class="container">
<div class="banner-grid">
<div class="col-md-4 grid-banner">
<a href="#small-dialog" class="popup-with-zoom-anim"><img class="img-responsive" src="images/si.jpg" alt="" />
<div class="simple">
<span class="plus"> </span>
</div></a>
</a>
</div>
<div class="col-md-4 grid-banner">
<a href="#small-dialog" class="popup-with-zoom-anim"><img class="img-responsive" src="images/si1.jpg" alt="" />
<div class="simple">
<span class="plus"> </span>
</div></a>
</div>
<div class="col-md-4 grid-banner">
<a href="#small-dialog" class="popup-with-zoom-anim"><img class="img-responsive" src="images/si2.jpg" alt="" />
<div class="simple">
<span class="plus"> </span>
</div></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="banner-grids">
<div class="container">
<div class="col-md-7 grid-banner-in">
<img class="img-responsive" src="images/si3.jpg" alt="" />
</div>
<div class="col-md-5 grid-banner-in grid-banner-on">
<div class="res-in">
<img class="img-responsive" src="images/si4.jpg" alt="" />
</div>
<div class="res-in">
<a href="news.html" ><img class="img-responsive" src="images/si7.jpg" alt="" /></a>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!---->
<div class="banner-bottom">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="container">
<div class="banner-wrap">
<h1>Top iPhone Apps</h1>
<p>Lorem ipsum dolor sit amet, ne utinam discere blandit vim, at iusto facilisis mel. Cetero audire sea an, has ex quem prima omnium.</p>
<a href="#" class=" more"><span class="plus-on"> </span>MORE</a>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="container">
<div class="banner-wrap">
<h1>Photo Shoot</h1>
<p>Lorem ipsum dolor sit amet, ne utinam discere blandit vim, at iusto facilisis mel. Cetero audire sea an, has ex quem prima omnium.</p>
<a href="#" class=" more"><span class="plus-on"> </span>MORE</a>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="container">
<div class="banner-wrap">
<h1>Big Buck Bunny</h1>
<p>Lorem ipsum dolor sit amet, ne utinam discere blandit vim, at iusto facilisis mel. Cetero audire sea an, has ex quem prima omnium.</p>
<a href="#" class=" more"><span class="plus-on"> </span>MORE</a>
</div>
</div>
</article>
</div>
</div>
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider({
pagination : false,
});
</script>
</div>
</div>
<!---->
<div class="container">
<div class="banner-grid">
<div class="col-md-4 grid-banner">
<a href="news.html" ><img class="img-responsive" src="images/si8.jpg" alt="" />
<div class="simple simple-sit">
<span class="plus"> </span>
</div></a>
</div>
<div class="col-md-4 grid-banner">
<a href="#small-dialog" class="popup-with-zoom-anim"><img class="img-responsive" src="images/si5.jpg" alt="" />
<div class="simple simple-sit">
<span class="plus"> </span>
</div></a>
</div>
<div class="col-md-4 grid-banner">
<a href="#small-dialog" class="popup-with-zoom-anim"><img class="img-responsive" src="images/si6.jpg" alt="" />
<div class="simple simple-sit">
<span class="plus"> </span>
</div></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!-- caption-popup -->
<div class="caption-popup">
<div id="small-dialog" class="mfp-hide innercontent">
<h1>Place content Here</h1>
<img class="img-responsive" src="images/si3.jpg" title="postname" />
<p>elit. Etiam sit amet nunc nec magna accumsan ultricies eget a leo. Praesent nec libero aliquet, malesuada nibh et, tincidunt arcu. Aenean porta faucibus nisl. Fusce ultrices nec purus eget consequat. Phasellus pharetra dignissim lacus id rhoncus. In malesuada et mi non mollis. </p>
<a href="#" class="read-more"><span> </span>MORE</a>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</div>
<!----//fea-video---->
</div>
<!-- /caption-popup -->
</div>
<!---pop-up-box---->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!---//pop-up-box---->
<!---->
<div class="content">
<div class="container">
<div class="portfolio-grid">
<h2>A Theme Unlike Any Other. Simply Fantastic!</h2>
<ul id="filters">
<li class="active"><span class="filter " data-filter="app card icon set web">ALL</span> /</li>
<li><span class="filter" data-filter="app"> News </span> /</li>
<li><span class="filter" data-filter="card"> Design </span> /</li>
<li><span class="filter" data-filter="icon">Print</span> /</li>
<li><span class="fil
作品展示&图片展示HTML源码-作品图片展示响应式网页模板-适配移动端.zip （47个子文件） 
作品展示&图片展示HTML源码-作品图片展示响应式网页模板-适配移动端 html js 
jquery.wmuSlider.js 12KB jquery.magnific-popup.js 45KB jquery.mixitup.min.js 14KB jquery.min.js 94KB css style.css 24KB popuo-box.css 5KB bootstrap.css 118KB
index.html 23KB contact.html 4KB about.html 9KB single.html 7KB images 
po6.jpg 8KB po5.jpg 17KB po9.jpg 11KB si5.jpg 19KB
arrow.png 3KB po3.jpg 9KB menu.png 3KB si1.jpg 5KB logo.png 4KB back.jpg 352KB si6.jpg 16KB bo1.jpg 6KB po2.jpg 6KB qu.png 3KB po7.jpg 13KB si8.jpg 9KB si.jpg 8KB si2.jpg 7KB po8.jpg 9KB si3.jpg 21KB po4.jpg 12KB img-sprite.png 19KB bo.jpg 8KB si4.jpg 16KB po11.jpg 9KB po.jpg 25KB a-left.png 10KB po1.jpg 8KB ab.jpg 35KB po10.jpg 11KB si7.jpg 10KB a-right.png 10KB bl1.jpg 54KB bl.jpg 105KB blog.html 18KB news.html 5KB资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4900
最新资源
- 打包和分发Rust工具.pdf
- SQL中的CREATE LOGFILE GROUP 语句.pdf
- C语言-leetcode题解之第172题阶乘后的零.zip
- C语言-leetcode题解之第171题Excel列表序号.zip
- C语言-leetcode题解之第169题多数元素.zip
- ocr-图像识别资源ocr-图像识别资源
- 图像识别：基于Resnet50 + VGG16模型融合的人体细胞癌症分类模型实现-图像识别资源
- C语言-leetcode题解之第168题Excel列表名称.zip
- C语言-leetcode题解之第167题两数之和II-输入有序数组.zip
- C语言-leetcode题解之第166题分数到小数.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
