<!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资源评论
