<!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="Culinary 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' />
<script src="js/jquery-1.11.0.min.js"></script>
<link href='#css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<!---- 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-->
<!--start-top-nav-script-->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!--End-top-nav-script-->
</head>
<body>
<!--start-header-->
<div class="header" id="home">
<div class="container">
<div class="header-mian">
<div class="head">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="call">
<ul>
<li><p>CALL 000.123.4567</p></li>
<li><p class="msg"><a href="#"><img src="images/msg.png" alt=""/></a></p></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="navigation">
<span class="menu">MENU</span>
<ul class="navig">
<li><a href="index.html">HOME</a></li>
<li><a href="services.html">SERVICES</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a href="404.html">EVENTS</a></li>
<li><a href="staff.html">ABOUT</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(" ul.navig").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<!--start-menu-->
<div class="portfolio-filter">
<div class="container">
<h3>Gallery</h3>
<div class="gallery">
<div class="gal">
<a href="images/20.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Meat">
<img src="images/20.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/21.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Pizza">
<img src="images/21.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/22.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Papaya-Salad">
<img src="images/22.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="gallery">
<div class="gal">
<a href="images/18.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Breast">
<img src="images/18.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/19.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Gourmet">
<img src="images/19.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/20.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Meat">
<img src="images/20.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="gallery">
<div class="gal">
<a href="images/21.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Pizza">
<img src="images/21.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/22.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Papaya-Salad">
<img src="images/22.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/18.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Breast">
<img src="images/18.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="gallery">
<div class="gal">
<a href="images/19.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Gourmet">
<img src="images/19.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/20.jpg" class=" mask b-link-stripe b-animate-go swipebox" title=
绿色餐饮HTML整站模板是一款深绿色简洁风格的HTML美食餐饮网站模板下载.rar
需积分: 0 107 浏览量
2023-09-09
13:51:51
上传
评论
收藏 1.01MB RAR 举报
绿色餐饮HTML整站模板是一款深绿色简洁风格的HTML美食餐饮网站模板下载.rar （47个子文件） 
style.css 52KB
service-2.jpg 10KB
ph-1.png 5KB jquery.swipebox.min.js 7KB
menu.html 7KB up-arrow.png 3KB header-banner.jpg 526KB service-1.jpg 10KB choose-1.jpg 22KB banner.jpg 48KB 22.jpg 21KB logo.png 4KB footer-banner.png 103KB service-3.jpg 12KB msg-back.png 3KB 21.jpg 20KB pricing.html 12KB offer.png 8KB abt-1.jpg 27KB bootstrap.css 118KB 404.html 5KB team-3.jpg 6KB
icons.svg 1KB banner1.jpg 3KB service-4.jpg 15KB easing.js 5KB services.html 11KB jquery-1.11.0.min.js 94KB swipebox.css 5KB move-top.js 1KB index.html 9KB 20.jpg 17KB 18.jpg 21KB contact.html 6KB arw.png 3KB jquery.mixitup.min.js 14KB 19.jpg 22KB resolve-back.png 4KB team-1.jpg 7KB team-2.jpg 8KB msg.png 3KB test-back.png 5KB get.png 11KB team-4.jpg 13KB aaa.jpg 19KB nav-icon.png 4KB staff.html 9KB资源评论
