<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<body>
<main>
<section class="navigation">
<div class="back-to-home">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30" version="1.1">
<title>Arrow</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g stroke-width="2" stroke="#42444C">
<polyline class="arrow" points="29.3 4 18.3 15.5 29.3 26"/>
</g></g>
</svg>
</div>
<div class="search">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30" version="1.1">
<title>Search</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g stroke="#40414A" stroke-width="2">
<path class="line" d="M18 19L26.6 27.6" stroke-linecap="square"/>
<path class="circle" d="M10.5 21C15.7 21 20 16.7 20 11.5 20 6.3 15.7 2 10.5 2 5.3 2 1 6.3 1 11.5 1 16.7 5.3 21 10.5 21L10.5 21Z"/>
</g></g>
</svg>
</div>
</section>
<section class="restaurant">
<div></div>
<h1>The Water Club</h1>
</section>