HTML网站源码-西式快餐餐厅响应式网页模板-适配移动端&PC端.zip

共49个文件

jpg：27个

js：7个

png：6个

版权申诉

html

源码

JavaScript

124 浏览量 2024-03-30 11:52:11 上传评论收藏 1.96MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-西式快餐餐厅响应式网页模板-适配移动端&PC端.zip （49个子文件）

HTML网站源码-西式快餐餐厅响应式网页模板-适配移动端&PC端

html

menu.html 10KB

jquery.swipebox.min.js 7KB

jquery-1.8.3.min.js 91KB

responsiveslides.min.js 3KB

easing.js 5KB

move-top.js 1KB

wow.min.js 5KB

scripts.js 4KB

css

style.css 30KB

classic-camera-photographer-model-photo-hd-wallpaper.jpg 327KB

animate.css 67KB

bootstrap.css 124KB

style4.css 3KB

swipebox.css 4KB

index.html 17KB

images

2.jpg 151KB

up-arrow.png 2KB

img6.jpg 31KB

p9.jpg 19KB

icon1.png 3KB

img2.jpg 85KB

1.jpg 123KB

img5.jpg 34KB

p8.jpg 22KB

pattern.png 29KB

p4.jpg 61KB

p6.jpg 58KB

img10.jpg 19KB

themes.gif 359B

nav.png 3KB

img4.jpg 26KB

img1.jpg 83KB

banner1.jpg 99KB

img7.jpg 21KB

img-sprite.png 11KB

img3.jpg 82KB

img8.jpg 32KB

p7.jpg 68KB

p2.jpg 23KB

p3.jpg 78KB

p5.jpg 52KB

3.jpg 171KB

banner2.jpg 35KB

p10.jpg 122KB

p1.jpg 25KB

4.jpg 118KB

img9.jpg 24KB

icon2.png 2KB

event.html 11KB

<!DOCTYPE HTML> <html> <head> <title>Fast Food a Food and restaurant Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> <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="Fastfood 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=Roboto+Slab' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,700,800' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet' type='text/css'> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/scripts.js" type="text/javascript"></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>   <link rel="stylesheet" href="css/swipebox.css"> <script src="js/jquery.swipebox.min.js"></script> <script type="text/javascript"> jQuery(function($) { $(".swipebox").swipebox(); }); </script>  <script src="js/responsiveslides.min.js"></script> <script> $(function () { $("#slider").responsiveSlides({ auto: true, nav: true, speed: 500, namespace: "callbacks", pager: true, }); }); </script> <link rel="stylesheet" type="text/css" href="css/style4.css" /> <script type="text/javascript"> // Don't use this code on your site var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7243260-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </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-banner" id="head"> <div class="slider"> <div class="callbacks_container"> <ul class="rslides" id="slider"> <li> <img src="images/1.jpg" alt=""> <div class="caption wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> <div class="logo"> <a href="index.html">fast food</a> </div> <h3>Restaurant</h3> </div> </li> <li> <img src="images/2.jpg" alt=""> <div class="caption wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> <div class="logo"> <a href="index.html">fast food</a> </div> <h3>Restaurant</h3> </li> <li> <img src="images/3.jpg" alt=""> <div class="caption wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> <div class="logo"> <a href="index.html">fast food</a> </div> <h3>Restaurant</h3> </div> </li> <li> <img src="images/4.jpg" alt=""> <div class="caption wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> <div class="logo"> <a href="index.html-">fast food</a> </div> <h3>Restaurant</h3> </div> </li> </ul> </div> </div> <div class="header-bottom"> <div class="fixed-header"> <div class="container"> <div class="top-menu"> <span class="menu"><img src="images/nav.png" alt=""/> </span> <ul> <nav class="cl-effect-5"> <li><a href="index.html"><span data-hover="Home">home</span></a></li> <li><a class="scroll" href="#service"><span data-hover="service">service</span></a></li> <li><a class="scroll" href="#about"><span data-hover="about">about</span></a></li> <li><a href="menu.html"><span data-hover="menus">menus</span></a></li> <li><a href="event.html"><span data-hover="event">event</span></a></li> <li><a class="scroll" href="#tests"><span data-hover="Tests">tests</span></a></li> <li><a class="scroll" href="#location"><span data-hover="location">location</span></a></li> </nav> </ul>   <script> $("span.menu").click(function(){ $(".top-menu ul").slideToggle("slow" , function(){ }); }); </script>   <script> $(document).ready(function() { var navoffeset=$(".header-bottom").offset().top; $(window).scroll(function(){ var scrollpos=$(window).scrollTop(); if(scrollpos >=navoffeset){ $(".header-bottom").addClass("fixed"); }else{ $(".header-bottom").removeClass("fixed"); } }); }); </script>  </div> </div> </div> </div> <div class="content"> <div class="service-section" id="service"> <div class="container"> <h2>RECEIVE GREAT FOOD AND HIGH QUALITY SERVICE</h2> <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p> <a href="#" class="button1">learn more</a> </div> </div> <div class="video"> <iframe src="https://player.vimeo.com/video/33132310" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </div> <div class="about-section" id="about"> <div class="container"> <h3>about us </h3> <div class="main wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> <div class="view view-fourth "> <img src="images/p1.jpg" /> <div class="mask"> <h2>Break Fast</h2> <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p> </div> </div> <div class="view view-fourth view1"> <img src="images/p2.jpg" /> <div class="mask"> <h2>Lunch</h2>

评论收藏

内容反馈

版权申诉