<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Yrsa" rel="stylesheet">
<header>
<div class="logo"><a href="#"> <img src="http://ec2-54-186-197-92.us-west-2.compute.amazonaws.com:5010/images/indior_transperent_favicon2.df079229.gif"/></a></div>
<nav class="menu">
<ul>
<li> <a class="menu__link" href="#" data-link="link1"><i class="fa fa-info-circle" aria-hidden="true"></i></a></li>
<li> <a class="menu__link" href="#" data-link="link2"><i class="fa fa-list" aria-hidden="true"></i></a></li>
<li> <a class="menu__link" href="#" data-link="link3"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
</ul>
</nav>
</header>
<main>
<aside class="sidebar">
<ul>
<li> <a href="">Home</a></li>
<li> <a href="#">Link 2</a></li>
<li> <a href="#">Link 3</a></li>
<li> <a href="#">Link 4</a></li>
<li> <a href="#">Link 5</a></li>
<li> <a href="#">Link 6</a></li>
</ul>
</aside>
<section class="main-content">
<h1>An travel experience like no other</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, ipsum quidem dolorum aliquam beatae odit non ad temporibus vero quod soluta iusto in nesciunt, repellendus dignissimos eum asperiores ipsam minus animi quam maiores tempora. Corporis ipsum veniam, libero, exercitationem, quod ratione dicta minus tempora aut soluta eveniet nihil voluptas aperiam.</p>
<button class="specials">Today's specials</button>
<section class="link__content" id="link1">