【web课设】高级餐厅介绍响应式网页-HTML源码.7z资源-CSDN文库

共61个文件

jpg：34个

png：8个

js：8个

web前端

网站源码

HTML

课程设计

需积分: 5 11 浏览量 2024-06-21 14:33:01 上传评论收藏 750KB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

【web课设】高级餐厅介绍响应式网页-HTML源码.7z （61个子文件）

【web课设】高级餐厅介绍响应式网页-HTML源码

html

menu.html 11KB

jquery.swipebox.min.js 7KB

responsiveslides.min.js 3KB

easing.js 5KB

move-top.js 1KB

jquery.mixitup.min.js 14KB

wow.min.js 5KB

jquery.flexisel.js 8KB

jquery.min.js 92KB

css

style.css 41KB

animate.css 67KB

bootstrap.css 118KB

swipebox.css 4KB

index.html 16KB

contact.html 7KB

about.html 12KB

single.html 10KB

images

pic-4.jpg 10KB

pic-2.jpg 24KB

plus.png 3KB

g2.jpg 28KB

2.jpg 46KB

up-arrow.png 3KB

10.jpg 19KB

icons1.png 4KB

13.jpg 17KB

po3.jpg 11KB

pic-5.jpg 17KB

pic-3.jpg 11KB

14.jpg 13KB

15.jpg 29KB

si1.jpg 5KB

logo.png 5KB

16.jpg 16KB

1.jpg 53KB

pic-1.jpg 16KB

pic-6.jpg 17KB

p4.jpg 10KB

p6.jpg 13KB

1.png 3KB

12.jpg 13KB

nav.png 3KB

si.jpg 7KB

si2.jpg 8KB

icons.svg 1KB

si3.jpg 5KB

img-sprite.png 7KB

sprit-1.png 3KB

11.jpg 21KB

po.jpg 14KB

p2.jpg 9KB

po1.jpg 16KB

p3.jpg 12KB

ab.jpg 17KB

p5.jpg 9KB

3.jpg 71KB

sin.jpg 20KB

tastebg.jpg 27KB

9.jpg 23KB

p1.jpg 9KB

gallery.html 12KB

<!DOCTYPE html> <html> <head> <title>My Recipes a Food Category Flat Bootstarp Responsive WebSite Template | Home :: w3layouts</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery.min.js"></script>  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <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="My Recipes 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='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'> <script src="js/responsiveslides.min.js"></script> <script> $(function () { $("#slider").responsiveSlides({ auto: true, speed: 500, namespace: "callbacks", pager: true, }); }); </script> <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},1200); }); }); </script>  <script src="js/wow.min.js"></script> <link href="css/animate.css" rel='stylesheet' type='text/css' /> <script> new WOW().init(); </script> </head> <body>  <div class="header"> <div class="container"> <div class="logo wow bounceInDown animated" data-wow-delay="0.4s"> <a href="index.html"><img src="images/logo.png" alt="" /></a> </div> <div class="header-right wow fadeInLeft animated" data-wow-delay="0.5s"> <div class="social-icons"> <li><a href="#"><i class="twitter"></i></a></li> <li><a href="#"><i class="facebook"></i></a></li> <li><a href="#"><i class="rss"></i></a></li> <li><div class="facebook"><div id="fb-root"></div> <div id="fb-root"></div> </div></li> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-href="https://www.facebook.com/w3layouts" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div> </div> <div class="search"> <form> <input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}"/> <input type="submit" value=""> </form> </div> </div> <div class="clearfix"></div> </div> </div> <div class="container"> <div class="main-content"> <div class="banner wow fadeInUp animated" data-wow-delay="0.4s">  <div class="slider"> <div class="callbacks_container"> <ul class="rslides" id="slider"> <li> <img src="images/1.jpg" alt=""/> <div class="caption1"> <div class="top-menu wow rollIn animated" data-wow-delay="0.4s"> <span class="menu lft"> </span> <ul> <li><a class="active" href="index.html">HOME</a></li> <li><a href="about.html">ABOUT</a></li> <li><a href="menu.html">MENU</a></li> <li><a href="gallery.html">GALLERY</a></li> <li><a href="contact.html">CONTACTS</a></li> <div class="clearfix"></div> </ul> </div> </div> </li> <li> <img src="images/2.jpg" alt=""/> <div class="caption1"> <div class="top-menu"> <span class="menu lft"> </span> <ul> <li><a class="active" href="index.html">HOME</a></li> <li><a href="about.html">ABOUT</a></li> <li><a href="menu.html">MENU</a></li> <li><a href="gallery.html">GALLERY</a></li> <li><a href="contact.html">CONTACTS</a></li> <div class="clearfix"></div> </ul> </div> </div> </li> <li> <img src="images/3.jpg" alt=""/> <div class="caption1"> <div class="top-menu"> <span class="menu lft"> </span> <ul> <li><a class="active" href="index.html">HOME</a></li> <li><a href="about.html">ABOUT</a></li> <li><a href="menu.html">MENU</a></li> <li><a href="gallery.html">GALLERY</a></li> <li><a href="contact.html">CONTACTS</a></li> <div class="clearfix"></div> </ul> </div>  <script> $("span.menu").click(function(){ $(".top-menu ul").slideToggle("slow" , function(){ }); }); </script>  </div> </li> </ul> </div> </div>  </div> <div class="service text-center"> <h4 class="wow fadeInLeft animated" data-wow-delay="0.4s">Receive great food</h4> <h3 class="wow fadeInLeft animated" data-wow-delay="0.4s">AND HIGH <span>QUALITY</span> SERVICE</h3> <p class="wow fadeInUpBig animated animated" data-wow-delay="0.4s">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit an</p> </div>  <div id="about" class="about"> <div class="about-top"> <div class="col-md-6 about-device wow bounceInLeft animated"> <img src="images/g2.jpg" alt=""/> </div> <div class="col-md-6 about-device-info wow bounceInRight animated"> <div class="device-text"> <h3>Experience The Taste Of Asia</h3> <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. </p> </div> <div class="about-list"> <ul> <li><a href="single.html"><span class="abt1"></span>Etiam aliquam velit eu facilisis porttitor.</a></li> <li><a href="single.html"><span class="abt2"></span>Aliquam mollis ligula ac erat luctus ornare</a></li> <li><a href="single.html"><span class="abt3"></span>Quisque vel lorem eget orci volutpat mattis.</a></li> <li><a href="single.html"><span class="abt4"></span>Donec vel velit id arcu vulputate efficitur</a></li> </ul> </div> </div> <div class="clearfix"></div> </div> </div> </div> <div class="special-offers-section"> <div class="special-offers-section-head text-center wow fadeInRight animated" data-wow-delay="0.4s"> <h4>Special Offers</h4> </div> <div class

评论收藏

内容反馈