<!--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>Photography Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery-1.11.1.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<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>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href="./css/mmenu.css" rel="stylesheet" type="text/css" media="all" />
<script src="./js/jquery.mmenu.min.js"></script>
<script type="text/javascript">
$(function() {
$('nav#menu').mmenu();
});
</script>
<!------ Light Box ------>
<link rel="stylesheet" href="./css/swipebox.css">
<script src="./js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
</head>
<body>
<div class="header">
<div class="container">
<div id="page">
<div id="header_nav">
<a href="#menu"></a>
</div>
<nav id="menu">
<ul>
<li class="Selected"><a href="index.html">Home</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#blog" class="scroll">Blog</a></li>
<li><a href="#about" class="scroll">About Me</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
<p class="design">(912)444-1234<br><a href="#">cn.design.what@gmail.com</a></p>
<div class="nav_social">
<h3>I am Social</h3>
<a href="#"><i class="fb"> </i></a>
<a href="#"><i class="tw"> </i></a>
<a href="#"><i class="googleplus"> </i></a>
<a href="#"><i class="flicker"> </i></a>
<a href="#"><i class="pin"> </i></a>
<a href="#"><i class="vimeo"> </i></a>
<div class="clearfix"> </div>
</div>
</ul>
</nav>
</div>
<div class="index-banner">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<a href="index.html"><img src="./images/logo.png" alt=""/></a>
<h1>Lorem ipsum dolor sit amet, <br>consectetuer adipiscing</h1>
<menu class="cl-effect-8" id="cl-effect-8">
<a href="#cl-effect-8">Portfolio</a>
</menu>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<a href="index.html"><img src="./images/logo.png" alt=""/></a>
<h1>Mirum est notare quam litter<br>quam nunc putamus</h1>
<menu class="cl-effect-8" id="cl-effect-8">
<a href="#cl-effect-8">Portfolio</a>
</menu>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<a href="index.html"><img src="./images/logo.png" alt=""/></a>
<h1>Ut wisi enim ad minim veniam,<br> quis nostrud</h1>
<menu class="cl-effect-8" id="cl-effect-8">
<a href="#cl-effect-8">Portfolio</a>
</menu>
</div>
</article>
</div>
<ul class="wmuSliderPagination">
<li><a href="#" class="">0</a></li>
<li><a href="#" class="">1</a></li>
<li><a href="#" class="wmuActive">2</a></li>
</ul>
</div>
<script src="./js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
</div>
</div>
</div>
<div class="portfolio_wrap" id="portfolio">
<div class="col-md-9 grid_box">
<div class="portfolio_left_top">
<div class="col-md-8 portfolio_left">
<ul class="grid_box1">
<li class="grid_img"><a href="./images/pic1.jpg" class="swipebox" title="Image Title"> <img src="./images/pic1.jpg" class="img-responsive" alt=""/><ul class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</ul> </a></li>
<li><a href="./images/pic2.jpg" class="swipebox" title="Image Title"> <img src="./images/pic2.jpg" class="img-responsive" alt=""/></a></li>
<div class="clearfix"> </div>
</ul>
<ul class="grid_box2">
<li><a href="./images/pic4.jpg" class="swipebox" title="Image Title"> <img src="./images/pic4.jpg" class="img-responsive" alt=""/>
<ul class="portfolio_head1">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</ul>
</a></li>
</ul>
</div>
<div class="col-md-4 grid_box2">
<a href="./images/pic3.jpg" class="swipebox" title="Image Title"> <img src="./images/pic3.jpg" class="img-responsive" alt=""/>
<ul class="portfolio_head2">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</ul>
</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="portfolio_grid_box">
<div class="lsidebar span_1_of_about">
<a href="./images/pic6.jpg" class="swipebox" title="Image Title"> <img src="./images/pic6.jpg" class="img-responsive" alt=""/>
<ul class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</ul>
</a>
</div>
<div class="cont span_2_of_about">
<a href="./images/pic7.jpg" class="swipebox" title="Image Title"> <img src="./images/pic7.jpg" class="img-responsive" alt=""/>
<ul class="portfolio_head1">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</ul>
</a>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-3 portfolio">
<div class="portfolio_top">
<h2>Portfolio</h2>
</div>
<div class="portfolio_bottm">
<a href="./images/pic1.jpg" class="swipebox" title="Image Title"> <img src="./images/pic5.jpg" class="img-responsive" alt=""/></a>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="services" id="services">
<div class="service_right">
<h2>Services</h2>
</div>
<div class='clearfix'> </div>
<div class="service_top">
<div class="c
作品展示&图片展示HTML源码-摄影照片展示单页面响应式网页模板-适配移动端.zip
版权申诉
132 浏览量
2024-03-26
09:51:53
上传
评论
收藏 1.1MB ZIP 举报
作品展示&图片展示HTML源码-摄影照片展示单页面响应式网页模板-适配移动端.zip （77个子文件） 
作品展示&图片展示HTML源码-摄影照片展示单页面响应式网页模板-适配移动端 html mobile css 
style.css 7KB
index.html 7KB images 
pic5.jpg 4KB pic6.jpg 2KB services.jpg 4KB Thumbs.db 275KB
3.png 4KB about.jpg 2KB banner.jpg 4KB logo.png 16KB pic4.jpg 5KB 1.png 3KB pic2.jpg 2KB pic3.jpg 11KB pic1.jpg 3KB 6.png 3KB 5.png 3KB 4.png 3KB pic7.jpg 3KB nav_icon.png 3KB 2.png 3KB contact.jpg 6KB smartphone js jquery.wmuSlider.js 12KB jquery.swipebox.min.js 7KB jquery.mmenu.min.js 16KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB css style.css 23KB mmenu.css 10KB swipebox.css 4KB index.html 16KB images pic5.jpg 14KB pic6.jpg 2KB services.jpg 6KB Thumbs.db 275KB about.jpg 3KB banner.jpg 9KB logo.png 22KB pic4.jpg 7KB pic2.jpg 3KB pic3.jpg 16KB pic1.jpg 4KB
icons.svg 1KB img-sprite.png 8KB top.png 4KB camera.png 4KB pic7.jpg 3KB nav_icon.png 3KB web js jquery.wmuSlider.js 12KB jquery.swipebox.min.js 7KB jquery.mmenu.min.js 16KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB css style.css 26KB mmenu.css 10KB bootstrap.css 118KB swipebox.css 4KB index.html 20KB images pic5.jpg 27KB pic6.jpg 10KB services.jpg 33KB Thumbs.db 275KB about.jpg 24KB banner.jpg 95KB logo.png 25KB pic4.jpg 32KB pic2.jpg 15KB pic3.jpg 27KB pic1.jpg 19KB icons.svg 1KB img-sprite.png 8KB top.png 4KB camera.png 4KB pic7.jpg 14KB nav_icon.png 3KB资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4704
