<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (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="Spicy Cuisine 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='#css?family=Raleway:400,200,100,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='#css?family=Source+Sans+Pro:200,300,400,600,700,900,300italic,400italic,600italic,700italic' rel='stylesheet' type='text/css'>
<!---- start-smoth-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},900);
});
});
</script>
<!---- start-smoth-scrolling---->
<!--animated-css-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--/animated-css-->
</head>
<body>
<!---->
<div class="banner">
<div class="container">
<div class="header">
<div class="logo wow fadeInLeft" data-wow-delay="0.5s">
<a href="index.html"><img src="images/logo2.png" alt=""/></a>
</div>
<div class="top-menu">
<span class="menu"></span>
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a class="scroll" href="#Cusinies">Cuisines</a></li>
<li><a class="scroll" href="#about">About</a></li>
<li><a class="scroll" href="#Gallery">Gallery</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<div class="clearfix"></div>
</div>
<div class="banner-info">
<h1>Exquisite Spicecs and Seasonings.</h1>
<div class="col-md-6 banner-text wow fadeInRight" data-wow-delay="0.5s">
<img src="images/gg.jpg" alt=""/>
<a class="download hvr-shutter-out-horizontal" href="#">ORDER NOW</a>
</div>
<div class="col-md-6 banner-form wow fadeInLeft" data-wow-delay="0.5s">
<form>
<h3>Get in touch</h3>
<p>Please complete the form</p>
<input type="text" placeholder="Name *" required/>
<input type="text" placeholder="E-mail *" required/>
<input type="text" placeholder="Phone *" required/>
<textarea placeholder="Message *"></textarea>
<input type="submit" value="SEND MESSAGE"/>
</form>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!---->
<div id="Cusinies" class="features">
<div class="container">
<div class="features-head">
<h3>Our Quality Cuisines</h3>
<span></span>
</div>
<div class="features-section">
<div class="col-md-6 feature-grid">
<img class="wow bounceIn" data-wow-delay="0.4s" src="images/r1.jpg" alt=""/>
<h3>Mixed Veg Dish</h3>
<p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum lacinia consectetur.
Cras tincidunt semper dui suscipit auctor. Maecenas bibendum risus eget orci condimentum, in lobortis augue luctus. Aenean mauris ex, commodo luctus erat id, fringilla iaculis elit.</p>
</div>
<div class="col-md-6 feature-grid">
<img class="wow bounceIn" data-wow-delay="0.4s" src="images/r2.jpg" alt=""/>
<h3>Mexician Recipes</h3>
<p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum lacinia consectetur.
Cras tincidunt semper dui suscipit auctor. Maecenas bibendum risus eget orci condimentum, in lobortis augue luctus. Aenean mauris ex, commodo luctus erat id, fringilla iaculis elit.</p>
</div>
<div class="clearfix">
<div class="col-md-6 feature-grid">
<img class="wow bounceIn" data-wow-delay="0.4s" src="images/r3.jpg" alt=""/>
<h3>Chicken Dishes</h3>
<p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum lacinia consectetur.
Cras tincidunt semper dui suscipit auctor. Maecenas bibendum risus eget orci condimentum, in lobortis augue luctus. Aenean mauris ex, commodo luctus erat id, fringilla iaculis elit.</p>
</div>
<div class="col-md-6 feature-grid">
<img class="wow bounceIn" data-wow-delay="0.4s" src="images/r4.jpg" alt=""/>
<h3>Kimchi Fried Rice</h3>
<p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum lacinia consectetur.
Cras tincidunt semper dui suscipit auctor. Maecenas bibendum risus eget orci condimentum, in lobortis augue luctus. Aenean mauris ex, commodo luctus erat id, fringilla iaculis elit.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<!---->
<div id="about" class="about">
<div class="container">
<div class="about-top">
<div class="col-md-6 about-device wow fadeInLeft" data-wow-delay="0.5s">
<img src="images/g2.jpg" alt=""/>
</div>
<div class="col-md-6 about-device-info wow fadeInRight" data-wow-delay="0.5s">
<div class="device-text">
<h3>Experience The Taste Of Asia</h3>
<span></span>
<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="#"><span class="abt1"></span>Etiam aliquam velit eu facilisis porttitor.</a></li>
<li><a href="#"><span class="abt2"></span>Aliquam mollis ligula ac erat luctus ornare</a></li>
<li><a href="#"><span class="abt3"></span>Quisque vel lorem eget orci volutpat mattis.</a></li>
<li><a href="#"><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="about-bottom">
<div class="container">
<div class="col-md-6 about-customize wow fadeInRight" data-wow-delay="0.5s">
<div class="device-text-bottom">
<h3>Easy to Mobile App</h3>
<span></span>
<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. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<div class="app-dwnld">
<a class="app" href="#">Download App</a>
<a class="play" href="#"><img src="images/play.png"alt=""/ ></a>
</div>
</div>
</div>
<div class="col-md-6 about-device-bottom wow fadeInLeft" data-wow-delay="0.5s">
<img src="images/phn2.png" alt=""/>
</div>
<div class="clearfix"></div>
</div>
</div>
<!---->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$