<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<main>
<section id="Navver">
<div class="container">
<ul class="nav nav-pills justify-content-end">
<li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#">Hotels</a></li>
<li class="nav-item"><a class="nav-link" href="#">Things to do</a></li>
<li class="nav-item"><a class="nav-link" href="#">Travel to Maldives</a></li>
<li class="nav-item"><a class="nav-link" href="#">Travel Blog</a></li>
</ul>
</div>
</section>
<section id="Featured">
<div class="container">
<h4>Featured Hotels</h4>
<p>The most popular accomodations selected by our guests.</p>
<div class="mt-4"></div>
<div class="card-group">
<div class="card">
<a href="">
<div style="background:#333; height:200px;"></div>
<div class="card-block">
<h5 class="card-title">Sun island resort</h5>
<p class="card-text">A dreamers paradise. Wake up to the cool breeze of Indian ocean.</p>
<p class="card-text"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-o" aria-hidden="true"></i><i class="fa fa-star-o" aria-hidden="true"></i> 5 Stars</p>
</div>
</a>
</div>
<div class="card">
