display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
rel="stylesheet">
<link rel="stylesheet" href="index.css">
</head>
<body>
<nav class="nav" id="nav">
<ul>
<li class="nav-list-item close-menu">
<span class="material-icons-outlined">arrow_forward</span>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link">About</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link">Dates</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link">Tickets</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link">Reviews</a>
</li>
</ul>
</nav>
<div class="container" id="container">
<div class="open-menu">
<span class="material-icons-outlined">arrow_back</span>
</div>
<h1>Llama Trekking</h1>
<p>Come and trek with totally awesome llamas in the beautiful countryside. Walk
side-byside with these calm and docile animals and learn fun llama facts at the same
time.</p>
<img src="llamas.jpg" alt="llamas on a mountainside"/>
</div>
<script src="index.js"></script>
</body>
</html>
<html>
<head>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,700;1,400&
