<!DOCTYPE html>
<html>
<head>
<title>美食网站</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="shortcut icon" href="favicon.ico">
<!-- js -->
<script src="./js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- start-smoth-scrolling -->
<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 -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="header-nav">
<nav class="navbar navbar-default">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><img src="images/logo.png"></a>
</div>
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="hvr-bounce-to-bottom active"><a href="index.html">主页</a></li>
<li class="hvr-bounce-to-bottom"><a href="about.html">关于</a></li>
<li class="hvr-bounce-to-bottom"><a href="menu.html">菜谱</a></li>
<li class="hvr-bounce-to-bottom"><a href="blog.html">博客</a></li>
<li class="hvr-bounce-to-bottom"><a href="contact.html">联系我们</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
<!-- Slider-starts-Here -->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function() {
// Slideshow 4
$("#slider3").responsiveSlides({
auto: true,
pager: false,
nav: false,
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 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-info">
<div class="baner-inf">
<h1>你好！</h1>
<p>时间紧迫，赶紧来一顿美味的火锅吧！</p>
</div>
</div>
</li>
<li>
<div class="banner-info1">
<div class="baner-inf">
<h1>立刻</h1>
<p>我们考好了绝美的羊肉串等你！</p>
</div>
</div>
</li>
<li>
<div class="banner-info2">
<div class="baner-inf">
<h1>一个目标</h1>
<p>好好享受一个美妙的夜晚吧！</p>
</div>
</div>
</li>
</ul>
</div>
<div class="banner-bottom-grids">
<div class="container">
<div class="col-md-3 banner-bottom-grid">
<div class="banner-bottom-grd back">
<h4>01</h4>
<p>品味烧烤的<span>魅力</span></p>
<div class="clearfix"> </div>
</div>
<p class="debitis">不闻人间烟火，但食人间美味。尝百味烧烤，品人生百味。</p>
<div class="more">
<a href="./blog.html">了解更多</a>
</div>
</div>
<div class="col-md-3 banner-bottom-grid">
<div class="banner-bottom-grd back1">
<h4>02</h4>
<p>享受火锅的<span>快乐</span></p>
<div class="clearfix"> </div>
</div>
<p class="debitis">把霉运放到火锅里涮一涮，感觉生活一下子变得有滋有味了。</p>
<div class="more">
<a href="./blog.html">了解更多</a>
</div>
</div>
<div class="col-md-3 banner-bottom-grid">
<div class="banner-bottom-grd back2">
<h4>03</h4>
<p>品麻辣烫的<span>滋味</span></p>
<div class="clearfix"> </div>
</div>
<p class="debitis">火锅，是一个人的麻辣烫，麻辣烫，是一群人的火锅。</p>
<div class="more">
<a href="./blog.html">了解更多</a>
</div>
</div>
<div class="col-md-3 banner-bottom-grid">
<div class="banner-bottom-grd back3">
<h4>04</h4>
<p>体验烤肉的<span>乐趣</span></p>
<div class="clearfix"> </div>
</div>
<p class="debitis">拥有烤肉的人生，才是幸福的人生，吧唧一口，吃掉忧愁。</p>
<div class="more">
<a href="./blog.html">了解更多</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //banner -->
<!-- banner-bottom1 -->
<div class="banner-bottom1">
<div class="container">
<h3>欢迎！</h3>
<div class="banner-bottom1-grids">
<div class="col-md-4 banner-bottom1-grid">
<img src="images/7.jpg" alt=" " class="img-responsive" />
</div>
<div class="col-md-8 banner-bottom1-grid">
<h4>大多数人都会从美食中获取快乐，这份快乐会让他们暂时忘记生活中的烦忧！</h4>
<p>生活太苦了，人们在这种生活中久了就会很难找回那份最初的快乐，但其实获取这份快乐的方式有很多，享受美食就是其中最简单的一种，为什么不立刻去试试呢？</p>
<div class="more">
<a href="./about.html">了解详情</a>
</div>
</div>
<div class="clea
大学生静态网页设计大作业HTML+CSS的美食静态网页设计项目源码.zip
版权申诉
5星 · 超过95%的资源 86 浏览量
2022-12-14
20:15:57
上传
评论 8
收藏 19.85MB ZIP 举报 
html+css的美食静态网页.zip （59个子文件） 
food-static-website-master css 
bootstrap.css 138KB .keep 0B style.css 49KB login.css 6KB
menu.html 8KB images 
8.jpg 63KB background.jpg 1.81MB banner.jpg 2.85MB 2.jpg 283KB 1.jpg 1.22MB 6.jpg 452KB 3.jpg 742KB 5.jpg 566KB 4.jpg 3.28MB .keep 0B 10.jpg 1.08MB
update.png 443B banner2.jpg 486KB sp.png 4KB more_o_icon.png 2KB co.png 2KB logo.png 36KB 9.jpg 2.96MB 2.png 3KB 7.jpg 527KB banner1.jpg 3.44MB package.json 140B fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB .keep 0B login.html 5KB index.html 17KB js single.js 2KB jquery-1.11.1.min.js 94KB responsiveslides.min.js 3KB .keep 0B login.js 2KB bootstrap.js 66KB jquery.flexisel.js 8KB package-lock.json 20KB pages menu menuDisplay4.html 7KB menuDisplay1.html 7KB .keep 0B menuDisplay2.html 6KB menuDisplay3.html 6KB menuContent.html 5KB .keep 0B singles single1.html 10KB .keep 0B single2.html 10KB single3.html 10KB blog.html 9KB login.json 64B about.html 10KB favicon.ico 66KB contact.html 5KB
- 1
- 2
- 3
前往页