<!--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 lang="en">
<head>
<title>Food Club a Hotels and Restaurants Category Bootstrap responsive Website Template | Gallery :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Food Club Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<link href="css/lsb.css" rel="stylesheet" type="text/css">
<!-- font -->
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.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>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- banner -->
<div class="banner jarallax">
<!-- agileinfo-dot -->
<div class="agileinfo-dot">
<div class="w3layouts-header-top">
<div class="w3-header-top-grids">
<div class="w3-header-top-left">
<p><i class="fa fa-volume-control-phone" aria-hidden="true"></i></p>
</div>
<div class="w3-header-top-right">
<div class="agileinfo-social-grids">
</div>
<div class="w3-header-top-right-text">
<p><i class="fa fa-home" aria-hidden="true"></i>食吧</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="head">
<div class="head-nav-grids">
<div class="navbar-top">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">食吧</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand logo ">
<h1><a href="index.html">Food <span>Club</span></a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav link-effect-4">
<li ><a href="index.html" data-hover="Home">主页</a> </li>
<li><a href="about.html" data-hover="About">分享</a></li>
<li class="active"><a href="gallery.html" data-hover="Gallery">好吃的</a></li>
<li><a href="contact.html" data-hover="Contact">联系我们</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
<div class="header-left">
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="w3layouts-banner-slider">
<div class="w3layouts-banner-top-slider">
<div class="slider">
<div class="callbacks_container">
<ul class="rslides callbacks callbacks1" id="slider4">
<li>
<div class="agileits-banner-info">
<h3>所有好吃的东西<span>都在这里</span></h3>
<div class="w3-button">
</div>
</div>
</li>
<li>
<div class="agileits-banner-info">
<h3>识食物者<span>为俊杰</span></h3>
<div class="w3-button">
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager:true,
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>
<!--banner Slider starts Here-->
</div>
</div>
</div>
</div>
<!-- //agileinfo-dot -->
</div>
<!-- //banner -->
<!-- gallery -->
<div class="gallery">
<div class="container">
<div class="inner_w3l_agile_grids">
<div class="col-md-4 w3_tabs_grid">
<div class="grid">
<a href="images/2.jpg" class="lsb-preview" data-lsb-group="header">
<figure class="effect-winston">
<img src="images/2.jpg" class="img-responsive" alt=" " />
<figcaption>
<p>
<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
</p>
</figcaption>
</figure>
</a>
</div>
</div>
<div class="col-md-4 w3_tabs_grid">
<div class="grid">
<a href="images/3.jpg" class="lsb-preview" data-lsb-group="header">
<figure class="effect-winston">
<img src="images/3.jpg" class="img-responsive" alt=" " />
<figcaption>
<p>
<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
</p>
</figcaption>
</figure>
</a>
</div>
</div>
<div class="col-md-4 w3_tabs_grid">
<div class="grid">
<a href="images/5.jpg" class="lsb-preview" data-lsb-group="header">
<figure class="effect-winston">
<img src="images/5.jpg" class="img-responsive" alt=" " />
<figcaption>
<p>
<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
</p>
</figcaption>
</figure>
</a>
</div>
</div>
<div class="col-md-4 w3_tabs_grid w3_tabs_grid_sub">
<div class="grid">
<a href="images/8.jpg" class="lsb-preview" data-lsb-group="header">
<figure class="effect-winston">
<img src="images/8.jpg" class="img-responsive" alt=" " />
<figcaption>
<p>
<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
</p>
</figcaption>
</figure>
</a>
</div>
</div>
<div class="col-md-4 w3_tabs_grid w3_tabs_grid_sub">
<div class="grid">
<a href="image
html美食网站网页设计源码.zip
版权申诉
150 浏览量
2023-07-30
15:14:56
上传
评论
收藏 1.85MB ZIP 举报
html美食网站网页设计源码.zip （50个子文件） 
美食网站 js 
bootstrap.js 66KB responsiveslides.min.js 3KB SmoothScroll.min.js 6KB lsb.min.js 6KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB jarallax.js 14KB css style.css 48KB lsb.css 12KB font-awesome.css 34KB bootstrap.css 138KB
index.html 9KB contact.html 7KB about.html 7KB single.html 8KB images 
2.jpg 61KB s5.jpg 20KB s1.jpg 16KB
prev.png 1KB s2.jpg 18KB arrow.png 4KB s6.jpg 23KB 6.jpg 95KB 1.jpg 482KB t3.jpg 19KB dott.png 213B next.png 1KB 12.jpg 38KB t1.jpg 34KB arrows.png 4KB 5.jpg 36KB bg.jpg 170KB t4.jpg 25KB close.png 280B 8.jpg 38KB 11.jpg 33KB t2.jpg 20KB s3.jpg 23KB 3.jpg 43KB s4.jpg 25KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB gallery.html 12KB资源评论
折竹丶
- 粉丝: 1w+
- 资源: 740
最新资源
- meta-llama-3-8b-instruct 的 model-00004-of-00004.safetensors
- IMG_0006.CR2.cr2
- 幸运红包娱乐微信小程序源码 多玩法安装简单
- packagecom5_QQ浏览器压缩包.zip
- MY3-3WHY-可以刷萤石H6C-V100-2C3WF
- 深度解析木马隐藏技术：核心原理与VMware网络实验指南
- pbootcms百度智能小程序插件
- 指令调度和延迟分支学习资料.rar
- HTML5小游戏【飞得更高跳跃游戏feidegenggao】游戏源码分享下载 - feidegenggao.zip
- 第一讲：单片机STC89C52+RA8889驱动控制彩屏（源码公开）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
