<!--A Design by W3layouts
Author: W3layout
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Eatery an Hotels and Restaurants Category Flat Bootstarp responsive Website Template| Home :: w3layouts</title>
<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="Eatery 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="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' />
<!-- Custom Theme files -->
</head>
<body>
<!--banner-->
<div class="banner">
<!--header-->
<div class="headder">
<div class="container">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"> <img src="images/logo.png" alt=""/> </a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="typography.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</nav>
</div>
</div>
<!--//header-->
<!-- banner-text Slider starts Here -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 3
$("#slider3").responsiveSlides({
auto: true,
pager:true,
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 class="banner-title">
<div id="top" class="callbacks_container">
<div class="container">
<ul class="rslides" id="slider3">
<li>
<div class="slide_text">
<h3 class="head_1">Welcome</h3>
<h3 class="head_2">to the</h3>
<h3 class="head_3">Eatery</h3>
<h3 class="head_4">At vero eos</h3>
</div>
</li>
<li>
<div class="slide_text">
<h1>Vestibulum</h1>
<a class="hvr-bounce-to-top btn_1" href="#">Order now</a>
</div>
</li>
<li>
<div class="slide_text">
<h1>Established</h1>
<a class="hvr-bounce-to-top btn_1" href="#">Order now</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--//banner-->
<div class="grid_1">
<div class="col-md-6 image-container1">
<img src="images/pic1.jpg" class="img-responsive" alt=""/>
</div>
<div class="col-md-6 content-wrap1">
<h2>Our chef recommends</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis in ipsum eu pretium. Sed auctor augue at vestibulum euismod. Integer feugiat nisi id lectus rhoncus euismod ac vel urna. Nunc non venenatis magna, quis congue justo. Cras rhoncus arcu dolor, vitae semper elit tincidunt vel..</p>
<p>Morbi mi massa, condimentum in imperdiet vel, pretium at nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat. Curabitur nec est quis eros rhoncus molestie. Pellentesque at placerat mass.</p>
<a class="hvr-bounce-to-top" href="#">Check our Offer</a>
</div><!-- /.col-md-6 -->
<div class="clearfix"> </div>
</div>
<div class="grid_2">
<div class="col-md-6 content-wrap">
<h2>Our chef recommends</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis in ipsum eu pretium. Sed auctor augue at vestibulum euismod. Integer feugiat nisi id lectus rhoncus euismod ac vel urna. Nunc non venenatis magna, quis congue justo. Cras rhoncus arcu dolor, vitae semper elit tincidunt vel..</p>
<p>Morbi mi massa, condimentum in imperdiet vel, pretium at nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat. Curabitur nec est quis eros rhoncus molestie. Pellentesque at placerat mass.</p>
<a class="hvr-bounce-to-top" href="#">Check our Offer</a>
</div><!-- /.col-md-6 -->
<div class="col-md-6 image-container">
<img src="images/pic8.jpg" class="img-responsive" alt=""/>
</div>
<div class="clearfix"> </div>
</div>
<div id="owl-demo3" class="owl-carousel owl-carousel2">
<div class="item">
<img class="lazyOwl" data-src="images/pic4.jpg" alt="Lazy Owl Image">
<a href="images/pic4.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3><img src="images/link.png" alt=""/></h3>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic3.jpg" alt="Lazy Owl Image">
<a href="images/pic3.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3><img src="images/link.png" alt=""/></h3>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic2.jpg" alt="Lazy Owl Image">
<a href="images/pic2.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3><img src="images/link.png" alt=""/></h3>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic5.jpg" alt="Lazy Owl Image">
<a href="images/pic5.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3><img src="images/link.png" alt=""/></h3>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic6.jpg" alt="Lazy Owl Image">
<a href="images/pic6.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3><img src="images/link.png" alt=""/></h3>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic7.jpg" alt="Lazy Owl Image">
<a href="images/pic7.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3><img src="images/link.png" alt=""/></h3>
</div></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="menu">
<div class="container">
<div class="image-right-top"><img src="images/2.png" alt=""/></div>
<div class="menu_box">
<!--Column-->
<div class="col-md-4 col_1">
<!--Block-->
<div class="title-icon"><span class="icon_2">1</span></div>
<div class="title"><h3>− Breakfast −</h3></div>
毕设&课设&大作业-酒店精致美食响应式网站模板-适配移动端-HTML网站源码.zip （33个子文件） 
毕设&课设&大作业-酒店精致美食响应式网站模板-适配移动端-HTML网站源码 html js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB bootstrap.min.js 28KB owl.carousel.js 37KB jquery.min.js 94KB
typography.html 9KB css style.css 23KB owl.carousel.css 9KB bootstrap.css 118KB swipebox.css 4KB services.html 7KB index.html 12KB contact.html 6KB about.html 8KB images 
pic5.jpg 24KB pic6.jpg 19KB pic8.jpg 69KB about.jpg 34KB
logo.png 9KB pic4.jpg 21KB blockquote.png 1KB pic2.jpg 18KB pic3.jpg 22KB pic1.jpg 60KB link.png 3KB
icons.svg 1KB banner1.jpg 201KB pic7.jpg 17KB divider-1.png 3KB 3.jpg 97KB 2.png 68KB fonts Comfortaa-Light.ttf 125KB Comfortaa-Regular.ttf 96KB资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 旅游景点导游平台系统源代码.zip
- 美发门店管理系统项目源代码.zip
- 智能插座，个人学习整理，仅供参考
- 医院管理系统源代码.zip
- 西门子-大型堆垛机程序 真实运行案例 物流仓储 涵盖通信，算法，运动控制 实际项目程序 西门子S7-300＋G120+ET200S 博途编程 采用用STL和SCL高级编程语言 无加密 仿
- 校园资源库系统源代码.zip
- 洗衣店管理系统项目源代码.zip
- 医院网站源代码.zip
- MPC5634 Bootloader
- 前后端分离的在线办公系统，项目采用 SpringBoot+Uniapp 开发,前端采用微信小程序展示.zip
- GitHub 搜索技巧与高级用法详解
- 威纶通触摸屏与三菱变频器modbus rtu通讯程序 触摸屏型号mt6103ip，变频器型号FR-D720(E700系列也可以用)
- HFSS创建SG模型的端口设置
- 微信小程序源码养老院管理系统（小程序）pf-毕业设计.zip
- 胶钉机程序 用国产三菱3U和威纶触摸屏编写 此程序已经实际设备上批量应用，程序成熟可靠，借鉴价值高，程序有注释
- 微机原理试卷及答案.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
