<!--
Au<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!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>
<!---- 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},1200);
});
});
</script>
<!---End-smoth-scrolling---->
<!------ Light Box ------>
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
<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>
<!--Animation-->
<script src="js/wow.min.js"></script>
<link href="css/animate.css" rel='stylesheet' type='text/css' />
<script>
new WOW().init();
</script>
<!---/End-Animation---->
</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 for menu -->
<!--script-nav-->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- //script for menu -->
<!-- script-for sticky-nav -->
<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>
<!-- //script-for sticky-nav -->
</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>
HTML网站源码-西式快餐餐厅响应式网页模板-适配移动端&PC端.zip
版权申诉
34 浏览量
2024-03-30
11:52:11
上传
评论
收藏 1.96MB ZIP 举报
HTML网站源码-西式快餐餐厅响应式网页模板-适配移动端&PC端.zip （49个子文件） 
HTML网站源码-西式快餐餐厅响应式网页模板-适配移动端&PC端 html 
menu.html 10KB js 
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资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4767
最新资源
- 基于C51单片机设计四位数字频率计数码管显示实验Proteus仿真及软件实例源码.zip
- 基于C51单片机设计MAX7221数码管动态显示程序Proteus仿真及软件实例源码.zip
- DS18B20温度传感器实战应用与源码解析.zip
- python-leetcode面试题解之第384题打乱数组.zip
- python-leetcode面试题解之第383题赎金信.zip
- python-leetcode面试题解之第380题O1插入删除和获取随机元素.zip
- python-leetcode面试题解之第375题猜数字大小II.zip
- python-leetcode面试题解之第374题猜数字大小.zip
- python-leetcode面试题解之第373题查找和最小的K对数字.zip
- python-leetcode面试题解之第372题超级次方.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
