<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>HELIVANA</title>
<link href='http://fonts.googleapis.com/css?family=Glegoo' rel='stylesheet' type='text/css'>
<link href=' http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Alef:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="./assets/css/general.css">
</head>
<body>
<div class="wrapper" id="top-page">
<!-- Header -->
<header>
<div class="wrap-bg">
<div class="wrap-container">
<div class="container">
<div class="clearfix">
<!-- Logotype -->
<h1 class="logo"><a href="index.html"><img src="./assets/images/logotype.png" alt="HELIVANA"></a></h1>
<!-- Main Menu -->
<nav>
<ul class="clearfix">
<li class="active"><a href="./index.html">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">MENU</a></li>
<li><a href="#">RESERVATION</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</div>
<div class="title-box">
<h2>Welcome</h2>
<h3>HELIVANA</h3>
<h4>LUXURY RESTAURANT</h4>
</div>
</div>
</div>
</div>
</header>
<!-- Content -->
<div id="content">
<div class="bg-img-story">
<div class="wrap-container">
<div class="container clearfix">
<div class="img-area">
<div class="wrap-box clearfix">
<div class="fon"></div>
<div class="box">
<div class="title">
<h3>Learn</h3>
<h4>OUR STORY</h4>
</div>
<p>Vivamus sagittis urna a suscipit ultrices. Donec dapibus, lectus non convallis pulvinar, ante felis ornare arcu, eget tristique massa nisl non nisi. Nulla eu velit dui. Morbi ipsum nibh, semper id augue sed.</p>
<div class="wrap-btn"><a href="#">LEARN MORE</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-img-menu">
<div class="wrap-container">
<div class="container clearfix">
<div class="img-area">
<div class="wrap-box clearfix">
<div class="box">
<div class="title">
<h3>Discover</h3>
<h4>OUR MENU</h4>
</div>
<p>Vivamus sagittis urna a suscipit ultrices. Donec dapibus, lectus non convallis pulvinar, ante felis ornare arcu, eget tristique massa nisl non nisi. Nulla eu velit dui. Morbi ipsum nibh, semper id augue sed.</p>
<div class="wrap-btn"><a href="#">LEARN MORE</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-img-client">
<div class="wrap-container">
<div class="container clearfix">
<div class="img-area">
<div class="wrap-box clearfix">
<div class="box">
<div class="title">
<h3>Become</h3>
<h4>OUR CLIENT</h4>
</div>
<p>Vivamus sagittis urna a suscipit ultrices. Donec dapibus, lectus non convallis pulvinar, ante felis ornare arcu, eget tristique massa nisl non nisi. Nulla eu velit dui. Morbi ipsum nibh, semper id augue sed.</p>
<div class="wrap-btn"><a href="#">LEARN MORE</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="wrap-top-page">
<div class="top-page"><a href="#top-page">TOP</a></div>
</div>
<div class="top-footer">
<div class="wrap-bg">
<div class="wrap-container">
<div class="container clearfix">
<div class="left-box">
<h3>LOCATIONS</h3>
<ul class="clearfix">
<li>
<p>348 Vivamus sagittis St.</p>
<p>Phasellus vitae nibh - 11687</p>
</li>
<li>
<p>348 Vivamus sagittis St.</p>
<p>Phasellus vitae nibh - 11687</p>
</li>
</ul>
</div>
<div class="right-box">
<h3>HOURS</h3>
<ul class="clearfix">
<li>
<p>Monday - Thursday</p>
<p>5:30pm - 10:00pm</p>
</li>
<li>
<p>Monday - Thursday</p>
<p>5:30pm - 10:00pm</p>
</li>
<li>
<p>Monday - Thursday</p>
<p>5:30pm - 10:00pm</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-footer">
<div class="container clearfix">
<p class="copyright">© 2014 Helivana - Luxury Restaurant. All rights reserved.</p>
</div>
</div>
</footer>
</div>
<!--End Footer -->
<script type="text/javascript" src="./assets/js/jquery.js"></script>
<script type="text/javascript" src="./assets/js/general.js"></script>
</body>
</html>