<!DOCTYPE html>
<html>
<head>
<title>Gallery</title>
<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="Dream Wedding 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="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href='#css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.11.0.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!---- start-smoth-scrolling---->
<script src="js/modernizr.custom.js"></script>
<link rel="stylesheet" type="text/css" href="css/component.css" />
</head>
<body>
<!----start-header---->
<div class="header" id="home">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/lg-2.png" alt=""></a>
</div>
<div class="navigation">
<span class="menu"></span>
<ul class="navig">
<li><a href="index.html">Home</a><span> </span></li>
<li><a href="about.html">About</a><span> </span></li>
<li><a href="404.html">Services</a><span> </span></li>
<li><a href="blog.html">Blog</a><span> </span></li>
<li><a class="active" href="gallery.html">Gallery</a><span> </span></li>
<li><a href="contact.html">Contact</a><span> </span></li>
</ul>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(" ul.navig").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
</div>
</div>
<!----end-header---->
<!--banner-starts-->
<div class="bnr" id="home">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="banner">
<div class="banner-text">
<h1>Nulla elementum quam lacinia</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eros massa, aliquet id fringilla at, ullamcorper eu diam. </p>
</div>
</div>
</li>
<li>
<div class="banner1">
<div class="banner-text">
<h1>Nulla elementum quam lacinia</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eros massa, aliquet id fringilla at, ullamcorper eu diam. </p>
</div>
</div>
</li>
<li>
<div class="banner">
<div class="banner-text">
<h1>Nulla elementum quam lacinia</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eros massa, aliquet id fringilla at, ullamcorper eu diam. </p>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!--banner-ends-->
<!--Slider-Starts-Here-->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--End-slider-script-->
<!----end-banner---->
<!----start-gallery---->
<div class="gallery">
<div class="container">
<div class="gallery-top heading">
<h3>OUR GALLERY</h3>
</div>
<div class="gallery-bottom">
<ul id="og-grid" class="og-grid">
<li>
<a href="single.html" data-largesrc="images/1.jpg" data-title="Mauris accumsan" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna.">
<img class="img-responsive" src="images/thumbs/1.jpg" alt="img01"/>
</a>
</li>
<li>
<a href="single.html" data-largesrc="images/2.jpg" data-title="Vivamus mauris" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna.">
<img class="img-responsive" src="images/thumbs/2.jpg" alt="img02"/>
</a>
</li>
<li>
<a href="single.html" data-largesrc="images/3.jpg" data-title="Aliquam fringilla" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna.">
<img class="img-responsive" src="images/thumbs/3.jpg" alt="img03"/>
</a>
</li>
<li>
<a href="single.html" data-largesrc="images/4.jpg" data-title="Nam lacinia" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna.">
<img class="img-responsive" src="images/thumbs/4.jpg" alt="img01"/>
</a>
</li>
<li>
<a href="single.html" data-largesrc="images/5.jpg" data-title="Integer laoreet" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna.">
<img class="img-responsive" src="images/thumbs/5.jpg" alt="img01"/>
</a>
</li>
<li>
<a href="single.html" data-largesrc="images/6.jpg" data-title="Quisque feugiat" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque malesuada purus a convallis dictum. Phasellus sodales varius diam, non sagittis lectus. Morbi id magna ultricies ipsum condimentum scelerisque vel quis felis.. Donec et purus nec leo interdum sodales nec sit amet magna. Ut nec suscipit purus, quis viverra urna.">
<img class="img-responsive" src="images/thumbs/6.jpg" alt="img02"/>
</a>
</li>
<li>
<a href="single.html" data-largesr
没有合适的资源?快使用搜索试试~ 我知道了~
90后欧式婚纱摄影网站模板是一款欧美风格的婚摄摄影机构HTML网站模板。.rar
共73个文件
jpg:38个
png:14个
html:7个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 173 浏览量
2023-04-28
08:29:35
上传
评论
收藏 2.53MB RAR 举报
温馨提示
90后欧式婚纱摄影网站模板是一款欧美风格的婚摄摄影机构HTML网站模板。
资源推荐
资源详情
资源评论
收起资源包目录
90后欧式婚纱摄影网站模板是一款欧美风格的婚摄摄影机构HTML网站模板。.rar (73个子文件)
90后欧式婚纱摄影网站模板是一款欧美风格的婚摄摄影机构HTML网站模板。
moban578
js
responsiveslides.min.js 3KB
grid.js 14KB
easing.js 5KB
jquery-1.11.0.min.js 94KB
move-top.js 1KB
modernizr.custom.js 8KB
css
style.css 37KB
component.css 6KB
bootstrap.css 138KB
404.html 6KB
index.html 11KB
contact.html 8KB
about.html 10KB
single.html 10KB
images
about-1.jpg 36KB
co.png 2KB
w-2.png 88KB
custom.jpg 65KB
2.jpg 89KB
test-3.png 37KB
b-3.jpg 15KB
header-banner.jpg 37KB
w-3.jpg 24KB
blog-1.jpg 72KB
w-2.jpg 26KB
male.png 3KB
arrow.png 4KB
b-4.jpg 20KB
w-4.jpg 26KB
6.jpg 72KB
t-1.jpg 19KB
lg-2.png 6KB
1.jpg 87KB
w-4.png 87KB
social-icons.png 5KB
blog-2.jpg 112KB
b-2.jpg 19KB
w-3.png 69KB
t-3.jpg 20KB
bnr.jpg 231KB
b-6.jpg 13KB
test-2.png 40KB
footer-banner.jpg 35KB
5.jpg 70KB
w-1.jpg 16KB
8.jpg 117KB
thumbs
2.jpg 29KB
6.jpg 23KB
1.jpg 31KB
5.jpg 24KB
8.jpg 37KB
3.jpg 26KB
7.jpg 29KB
4.jpg 24KB
blog-3.jpg 83KB
t-4.jpg 21KB
t-2.jpg 16KB
d-7.jpg 20KB
test-1.png 43KB
w-1.png 84KB
3.jpg 80KB
7.jpg 80KB
bnr-6.jpg 97KB
top-arrow.png 4KB
4.jpg 69KB
nav-icon.png 3KB
blog.html 10KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
gallery.html 11KB
共 73 条
- 1
资源评论
紫微前端
- 粉丝: 4304
- 资源: 869
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功