<!DOCTYPE html>
<html>
<head>
<title>Home</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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/swipebox.css">
<!-- //Custom Theme files -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- //js -->
<!-- web-fonts -->
<link href='#css?family=Cinzel+Decorative:400,700,900' rel='stylesheet' type='text/css'>
<link href='#css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- //web-fonts -->
<!-- start-smooth-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},1000);
});
});
</script>
<!-- //end-smooth-scrolling -->
</head>
<body>
<!-- banner -->
<div class="banner">
<div class="header"><!-- header -->
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" 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>
<h1><a href="index.html">Grilling</a></h1>
</div>
<!-- navbar-header -->
<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" class="scroll">About</a></li>
<li><a href="#menu" class="scroll">Menu</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#gallery" class="scroll">Gallery</a></li>
<li><a href="#contact" class="scroll">Contact Us</a></li>
</ul>
<div class="clearfix"> </div>
</div>
</nav>
</div>
</div>
<!-- //header -->
<!-- banner-text -->
<div class="banner-text">
<div class="flexslider">
<ul class="slides">
<li>
<h2>AMAZING </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipi est Itaque earum rerum hic tenetur a sapiente delectus reiciendis maiores alias phasellus mattis tellus .</p>
<a href="#" class="more" data-toggle="modal" data-target="#myModal">Book a Table</a>
</li>
<li>
<h3>GRILLING</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipi est Itaque earum rerum hic tenetur a sapiente delectus reiciendis maiores alias phasellus mattis tellus .</p>
<a href="#" class="more" data-toggle="modal" data-target="#myModal">Book a Table</a>
</li>
<li>
<h3>RECIPES </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipi est Itaque earum rerum hic tenetur a sapiente delectus reiciendis maiores alias phasellus mattis tellus .</p>
<a href="#" class="more" data-toggle="modal" data-target="#myModal">Book a Table</a>
</li>
</ul>
</div>
<!-- modal -->
<div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Make Your Reservation Now</h4>
</div>
<div class="modal-body book-form">
<form action="#" method="post">
<div class="phone_email">
<label>Full Name : </label>
<div class="form-text">
<span class="fa fa-user" aria-hidden="true"></span>
<input type="text" name="Name" placeholder="Name" required="">
</div>
</div>
<div class="phone_email phone_email1">
<label>Email : </label>
<div class="form-text">
<span class="fa fa-envelope" aria-hidden="true"></span>
<input type="text" name="email" placeholder="Email" required="">
</div>
</div>
<div class="phone_email">
<label>Phone Number : </label>
<div class="form-text">
<span class="fa fa-phone" aria-hidden="true"></span>
<input type="text" name="Phone no" placeholder="Phone no" required="">
</div>
</div>
<div class="phone_email phone_email1">
<label>Address : </label>
<div class="form-text">
<span class="fa fa-map-marker" aria-hidden="true"></span>
<input type="text" name="address" placeholder="Your Address" required="">
</div>
</div>
<div class="clearfix"></div>
<div class="agileits_reservation_grid">
<div class="span1_of_1">
<label>Date : </label>
<div class="book_date">
<span class="fa fa-calendar" aria-hidden="true"></span>
<input class="date" id="datepicker" type="text" name="date" placeholder="mm/dd/yyyy" required="">
</div>
</div>
<div class="span1_of_1">
<!-- start_section_room -->
<label>Time : </label>
<div class="section_room">
<span class="fa fa-clock-o" aria-hidden="true"></span>
<select id="country" onchange="change_country(this.value)" class="frm-field required">
<option value="null">Lunch</option>
<option value="null">Dinner</option>
<option value="AX">Break Fast</option>
</select>
</div>
</div>
<div class="span1_of_1">
<label>No.of People : </label>
<!-- start_section_room -->
<div class="section_room">
<span class="fa fa-users" aria-hidden="true"></span>
<select id="country1" onchange="change_country(this.value)" class="frm-field required sect">
<option value="null">1 People</option>
<option value="null">2 People</option>
<option value="null">3 People</option>
<option value="AX">4 People</option>
<option value="AX">More</option>
</select>
</div>
</div>
<div class="clearfix"></div>
</div>
<input type="submit" value="Book Now" />
</form>
</div>
<!-- Calendar -->
<link rel="stylesheet" href="css/jquery-ui.css" />
<script src="js/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
<!-- //Calendar -->
</div>
</div>
</div>
<!-- //modal -->
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlsContainer: $(".custom-controls-container"),
customDirectionNav: $(".custom-navigation a")
});
自助烧烤美食网站模板是一款高端酒店自助餐烧烤官网网站模板下载。.rar （43个子文件） 
自助烧烤美食网站模板是一款高端酒店自助餐烧烤官网网站模板下载。 moban1488 js 
bootstrap.js 66KB jquery.swipebox.min.js 11KB jquery.flexslider.js 54KB jquery-2.2.3.min.js 84KB easing.js 5KB move-top.js 1KB jquery-ui.js 79KB css style.css 39KB flexslider.css 6KB font-awesome.css 22KB jquery-ui.css 32KB bootstrap.css 138KB swipebox.css 6KB
index.html 23KB images 
g3.jpg 56KB g2.jpg 75KB m4.jpg 49KB 2.jpg 154KB m1.jpg 60KB img2.jpg 45KB t3.jpg 18KB bg1.jpg 68KB m2.jpg 60KB
move-up.png 805B m5.jpg 43KB g6.jpg 43KB t1.jpg 13KB img1.jpg 37KB
icons.svg 1KB t4.jpg 12KB g5.jpg 62KB img3.jpg 50KB m3.jpg 65KB t2.jpg 18KB g4.jpg 58KB g1.jpg 45KB fonts FontAwesome.otf 61KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 37KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 43KB fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
半抹灯芯
- 粉丝: 90
- 资源: 1075
最新资源
- 光耦自动组装线设备sw16全套技术资料100%好用.zip
- 蜂巢式存储料仓sw18可编辑全套技术资料100%好用.zip
- 基于ssm的医院打卡挂号系统源码（java毕业设计完整源码+LW）.zip
- 锅炉设备sw16全套技术资料100%好用.zip
- 基于ssm的医院预约挂号系统源码（java毕业设计完整源码+LW）.zip
- 基于ssm的医院远程诊断系统源码（java毕业设计完整源码+LW）.zip
- 基于ssm的宜佰丰超市进销存管理系统源码（java毕业设计完整源码+LW）.zip
- 基于ssm的艺诚美业管理系统源码（java毕业设计完整源码+LW）.zip
- 基于ssm的疫情居家办公OA系统源码（java毕业设计完整源码+LW）.zip
- 基于ssm的智能停车场管理系统源码（java毕业设计完整源码+LW）.zip
- 基于ssm的足球赛会管理系统源码（java毕业设计完整源码+LW）.zip
- 光通信128G卡自动组装线sw16全套技术资料100%好用.zip
- 海洋垃圾收集机sw18可编辑全套技术资料100%好用.zip
- 用C#开发一个ToDoList系统
- 混合搅拌机sw16全套技术资料100%好用.zip
- 核桃破壳机sw17可编辑全套技术资料100%好用.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
