<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="UTF-8"/>
<title>Home</title>
<meta name="description" content="Eat Restaurant Bootstrap Template">
<meta name="author" content="webthemez">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/styles.css">
<link href='#css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!--wrapper start-->
<div class="wrapper">
<!--header-->
<header id="header">
<div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">
<!-- Overlay -->
<div class="overlay"></div>
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
<li data-target="#bs-carousel" data-slide-to="1"></li>
<li data-target="#bs-carousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item slides active">
<div class="slide-1"></div>
<div class="hero">
<hgroup>
<img src="img/logo.png" alt="logo"/>
<h1>We are creative</h1>
<h3>Get start your next awesome project</h3>
</hgroup>
<a class="btn btn-hero btn-lg" href="#service">Eat & Chat</a>
</div>
</div>
<div class="item slides">
<div class="slide-2"></div>
<div class="hero">
<hgroup>
<img src="img/logo.png" alt="logo"/>
<h1>We are smart</h1>
<h3>Get start your next awesome project</h3>
</hgroup>
<a class="btn btn-hero btn-lg" href="#service">Eat & Chat</a>
</div>
</div>
<div class="item slides">
<div class="slide-3"></div>
<div class="hero">
<hgroup>
<img src="img/logo.png" alt="logo"/>
<h1>We are amazing</h1>
<h3>Get start your next awesome project</h3>
</hgroup>
<a class="btn btn-hero btn-lg" href="#service">Eat & Chat</a>
</div>
</div>
</div>
<div class="menu">
<nav class="navbar navbar-wrapper">
<div class="container">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#header" class="scroll-link">Home</a></li>
<li><a href="#service" class="scroll-link">Our Services</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<li><a href="#gallery" class="scroll-link">Gallery</a></li>
<li><a href="#feedback" class="scroll-link">Feedback</a></li>
<li><a href="#contact" class="scroll-link">Contact</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<section class="service page-section" id="service">
<div class="container text-center">
<div class="heading">
<h2>Eat & Chat</h2>
<h3>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</h3>
</div>
<div class="row">
<div class="col-md-4">
<div class="box-area">
<div class="box-area-icon">
<i class="fa fa-heart"></i>
</div>
<h3>Streets Best</h3>
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
</div>
</div>
<div class="col-md-4">
<div class="box-area">
<div class="box-area-icon">
<i class="fa fa-users"></i>
</div>
<h3>Continental</h3>
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
</div>
</div>
<div class="col-md-4">
<div class="box-area">
<div class="box-area-icon">
<i class="fa fa-fire"></i>
</div>
<h3>Daily Dishes</h3>
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
</div>
</div>
<div class="col-md-4">
<div class="box-area">
<div class="box-area-icon">
<i class="fa fa-film"></i>
</div>
<h3>Cookies</h3>
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
</div>
</div>
<div class="col-md-4">
<div class="box-area">
<div class="box-area-icon">
<i class="fa fa-cubes"></i>
</div>
<h3>Cakes</h3>
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
</div>
</div>
<div class="col-md-4">
<div class="box-area">
<div class="box-area-icon">
<i class="fa fa-envelope"></i>
</div>
<h3>Meeting point</h3>
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
</div>
</div>
</div>
</div>
</section>
<!--about us-->
<section class="aboutus page-section" id="aboutUs">
<div class="container">
<div class="heading">
<h2>Who we are</h2>
<h3>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</h3>
</div>
<div class="content">
<p>Then I'll write a little about yourself, your brief biography and why I started doing this and still continue.</p><p>
I love to travel and are constantly taking pictures and doing all the sketches, I'm madly in love because our world is so beautiful;)</p><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare sem sit amet mauris bibendum, ac fringilla quam eleifend. Praesent elit tellus, venenatis in lorem ac, porta accumsan sapien. Cras malesuada feugiat magnum.</p><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare sem sit amet mauris b