<!--
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 lang="zxx">
<head>
<title>Spicy Bite a Restaurant Category Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- for-mobile-apps -->
<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="Spicy Bite Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript">
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all" />
<!--about-bottom -->
<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />
<!--about-bottom -->
<link href="//fonts.googleapis.com/css?family=Yesteryear" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Rancho" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div class="agile-banner-main" id="home">
<div class="banner-layer">
<div class="header-main">
<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>
</div>
<!-- navbar-header -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="scroll hvr-underline-from-center">
<a href="index.html">Home</a>
</li>
<li>
<a class="scroll hvr-underline-from-center" href="#about">About</a>
</li>
<li>
<a class="scroll hvr-underline-from-center" href="#menu">Menu</a>
</li>
<li>
<a class="scroll hvr-underline-from-center" href="#team">Team</a>
</li>
<li>
<a class="scroll hvr-underline-from-center" href="#testimonials">Testimonials</a>
</li>
<li>
<a class="scroll hvr-underline-from-center" href="#contact">Contact</a>
</li>
</ul>
<ul class="list-right">
<li>
<span class="fa fa-envelope-o list-icon" aria-hidden="true"></span>
<a href="mailto:info@example.com">info@example.com</a>
</li>
<li>
<span class="fa fa-phone list-icon" aria-hidden="true"></span>
<p> 1234 423 23 </p>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</nav>
<div class="clearfix"> </div>
</div>
</div>
<!-- //menu -->
<!-- banner -->
<div class="container">
<div class="banner-top">
<div class="banner-info">
<h1>
<a href="index.html">
<img src="images/logo.png" class="img-responsive" alt="" />Spicy Bite</a>
</h1>
<h2>Tasty experience in every bite!</h2>
<div class="about-p text-center">
<span class="sub-title"></span>
<span class="fa fa-cutlery" aria-hidden="true"></span>
<span class="sub-title"></span>
</div>
<p>make your kinda meal
<p>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<div class="section w3ls-banner-btm-main" id="about">
<div class="container">
<div class="banner-btm">
<div class="col-md-6 banner-btm-g1">
<img src="images/about.jpg" class="img-responsive" alt="" />
</div>
<div class="col-md-6 banner-btm-g2">
<h3 class="title-main">welcome to spicy bite </h3>
<h4 class="sub-title">Feel the flavour, feel the aroma, feel the taste in every bite.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae nunc auctor, malesuada est eu, pellentesque nisi.
Nam in enim lacinia, hendrerit neque non, placerat quam.Mauris eu tortor congue purus congue iaculis sit amet tincidunt
neque. Aliquam suscipit nisi erat, non ultricies ex aliquet a.
</p>
<div class="find-about">
<a href="#" data-toggle="modal" data-target="#myModal">Find out more</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="about-grid">
<div class="col-md-6 about-sub-grid">
<div class="col-md-6 about-right about-right-flex">
<div class="about-bottom-text">
<h4 class="title1">our story </h4>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipi est eligendi scing elit Nam libero tempore cum soluta nobis est eligendi</p>
</div>
<div class="about-bottom-grid about-img1">
</div>
</div>
<div class="col-md-6 about-right about-right-flex">
<div class="about-bottom-grid about-img2">
</div>
<div class="about-bottom-text ab1">
<h4 class="title1">delicious food </h4>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipi est eligendi scing elit Nam libero tempore cum soluta nobis est eligendi</p>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 about-bottom-grid about-bg"></div>
<div class="clearfix"></div>
</div>
<!-- //about -->
<!-- //testimonials -->
<div class="section">
<div class="container">
<h3 class="w3layouts-title">Taste the best !</h3>
<div class="about-bottom">
<div class="row">
<div class="col-md-12">
<div id="Carousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#Carousel" data-slide-to="0" class="active"></li>
<li data-target="#Carousel" data-slide-to="1"></li>
<li data-target="#Carousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active">
<div class="row">
<div class="col-md-3">
<a href="images/g1.jpg" class="thumbnail cm-overlay">
<img src="images/g1.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3">
<a href="images/g2.jpg" class="thumbnail cm-overlay">
<img src="images/g2.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3">
<a href="images/g3.jpg" class="thumbnail cm-overlay">
<img src="images/g3.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3">
<a href="images/g4.jpg" class="thumbnail cm-overlay">
<img src="images/g4.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
</div>
<!--.row-->
</div>
<!--.item-->
<div class="item">
<div class="row">
<div class="col-md-3">
<a href="images/g5.jpg" class="thumbnail cm-overlay">
<img src="images/g5.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3">
<a href="images/g6.jpg" class="
HTML+CSS+JS+JQ+Bootstrap的辣口餐厅展示响应式网页模板.7z （61个子文件） 
[web前端]&[课程设计]&[网站源码]-辣口餐厅展示响应式网页模板 html js 
bootstrap.js 66KB jquery.tools.min.js 17KB jquery.mobile.custom.min.js 9KB SmoothScroll.min.js 13KB jquery-2.2.3.min.js 84KB easing.js 5KB move-top.js 1KB jquery.filterizr.js 40KB jquery.cm-overlay.js 11KB jquery-ui.js 440KB css style.css 50KB cm-overlay.css 3KB font-awesome.css 37KB jquery-ui.css 32KB bootstrap.css 138KB
index.html 49KB images 
g3.jpg 41KB menu-bg.jpg 260KB g2.jpg 51KB
totop.png 3KB m4.jpg 19KB b1.jpg 401KB prev.png 3KB m1.jpg 17KB about.jpg 225KB m7.jpg 16KB icon1.png 3KB icon4.png 3KB reserve.jpg 44KB logo.png 22KB t3.jpg 82KB m2.jpg 16KB next.png 3KB g7.jpg 40KB left.png 3KB mbg.png 743KB m5.jpg 22KB g6.jpg 47KB t1.jpg 53KB m.png 5KB about2.jpg 54KB g5.jpg 56KB close.png 280B m3.jpg 18KB t2.jpg 81KB right.png 3KB sub.jpg 91KB icon3.png 3KB g4.jpg 40KB m6.jpg 21KB f.png 5KB modal.jpg 164KB g1.jpg 40KB menu1.png 21KB icon2.png 3KB fonts FontAwesome.otf 122KB fontawesome-webfont.eot 75KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
