<!--
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>My Recipes a Food Category Flat Bootstarp Responsive WebSite Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<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>
<!--webfont-->
<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>
<!--Animation-->
<script src="js/wow.min.js"></script>
<link href="css/animate.css" rel='stylesheet' type='text/css' />
<script>
new WOW().init();
</script>
</head>
<body>
<!-- header-section-starts -->
<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-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
</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
【web课设】高级餐厅介绍响应式网页-HTML源码.7z （61个子文件） 
【web课设】高级餐厅介绍响应式网页-HTML源码 html 
menu.html 11KB js 
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资源评论
