<!--
Author: W3layouts
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>Bright A Art & Culture Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Bright Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/swipebox.css">
<!------ Light Box ------>
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-3">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="support.html">Support</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"></div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<div class="social">
<ul>
<li><a href="#"><i class="facebok"> </i></a></li>
<li><a href="#"><i class="twiter"> </i></a></li>
<li><a href="#"><i class="drible"> </i></a></li>
<li><a href="#"><i class="behan"> </i></a></li>
<li><a href="#"><i class="goog"> </i></a></li>
<li><a href="#"><i class="in"> </i></a></li>
<div class="clearfix"></div>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- header -->
<!-- welcome -->
<div class="welcome">
<div class="container">
<h1>Welcome! This is<span> Bright</span>, a very clean Wordpress psd file theme That makes it easy to showcase your work</h1>
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon logos web">All</span></li> /
<li><span class="filter" data-filter="app">Painting</span></li> /
<li><span class="filter" data-filter="card">Traditional</span></li> /
<li><span class="filter" data-filter="icon">Vector</span></li> /
<li><span class="filter" data-filter="logos">3D</span></li>
</ul>
<!-- portfolio-section -->
<div class="portfolio" id="portfolio">
<div class="welcome-top">
<div id="portfoliolist">
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<h4>Etiam ullamcorper</h4>
<p>Graphic design</p>
<a href="images/img2.jpg" class="swipebox" title="Image Title"> <img src="images/img2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<h4>Curabitur et ligula</h4>
<p>Graphic design</p>
<a href="images/img3.jpg" class="swipebox" title="Image Title"> <img src="images/img3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<h4>Integer aliquam</h4>
<p>Graphic design</p>
<a href="images/img4.jpg" class="swipebox" title="Image Title"> <img src="images/img4.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<h4>Quisque lorem</h4>
<p>Graphic design</p>
<a href="images/img1.jpg" class="swipebox" title="Image Title"> <img src="images/img1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="welcome-top">
<div class="portfolio" id="portfolio">
<div id="portfoliolist">
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<h4>Etiam ullamcorper</h4>
<p>Painting</p>
<a href="images/img5.jpg" class="swipebox" title="Image Title"> <img src="images/img5.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<h4>Curabitur et ligula</h4>
<p>Painting</p>
<a href="images/img6.jpg" class="swipebox" title="Image Title"> <img src="images/img6.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<h4>Integer aliquam</h4>
<p>Painting</p>
<a href="images/img7.jpg" class="swipebox" title="Image Title"> <img src="images/img7.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<div class="welcome-1">
<h4>Quisque lorem</h4>
<p>Painting</p>
<a href="images/img8.jpg" class="swipebox" title="Image Title"> <img src="images/img8.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
作品展示&图片展示HTML源码-方格背景图片展示响应式网页模板-适配移动端.zip
版权申诉
103 浏览量
2024-03-26
09:50:26
上传
评论
收藏 1.49MB ZIP 举报
作品展示&图片展示HTML源码-方格背景图片展示响应式网页模板-适配移动端.zip （43个子文件） 
作品展示&图片展示HTML源码-方格背景图片展示响应式网页模板-适配移动端 html 
support.html 8KB portfolio.html 13KB js 
jquery.swipebox.min.js 7KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 29KB bootstrap.css 118KB swipebox.css 4KB index.html 14KB contact.html 8KB single.html 10KB images 
list-img.png 3KB
img6.jpg 93KB rightarrow.png 3KB menu.png 3KB logo.png 8KB img2.jpg 43KB zoom.png 5KB img5.jpg 47KB rightarows.png 3KB img13.jpg 25KB img10.jpg 63KB img11.jpg 59KB leftarows.png 3KB img4.jpg 54KB img15.jpg 49KB img1.jpg 54KB
icons.svg 1KB avatar.png 2KB img16.jpg 27KB back.png 22KB img7.jpg 44KB img-sprite.png 12KB img3.jpg 85KB img8.jpg 85KB blog-img2.jpg 283KB img17.jpg 44KB leftarrow.png 3KB img14.jpg 46KB blog-img1.jpg 288KB img12.jpg 94KB img9.jpg 96KB blog.html 10KB资源评论
