Explorer
project
images
index.css
index.html
index.js
Dependencies
Bootcamp
Study group
Collaborate with peers in your dedicated #study-group channel.
Code reviews
Submit projects for review using the /review
command in your #code-reviews channel
<html>
<head>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="forest-hero">
<div class="wrapper no-padding">
<header>
<a href="index.html" class="logo">scenic.forests</a>
<nav>
<img src="images/menu.svg" class="menu" id="menu-btn" alt="open menu">
<ul class="nav" id="nav">
<li class="exit" id="exit-btn">
<a href="#"><img src="images/exit.svg"></a>
</li>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="cabins.html">Cabins</a></li>
<li><a href="#">FAQ</a></li>
<li class="res"><a href="#">Reservations</a></li>
</ul>
</nav>
</header>
</div>
<div class="wrapper hero">
<div class="flex">
<div class="left main-copy">
<p class="subtitle">Forest Vacations</p>
<h1>
<span>Scenic</span>
<span>Beauties</span>
<span>Await you</span>
</h1>
<a href="cabins.html" class="cta">All Rentals</a>
</div>
<ul class="featured-cabins">
<li>
<a href="#"><img src="images/cabin1.jpg" class="cabin-img"></a>
<p class="cabin-title">Whispering Willows</p>
<p class="cabin-desc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
<a href="#" class="cabin-cta">
<span>Cabin Info</span>
<img src="images/arrows.svg">
</a>
</li>
</ul>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>