<html>
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="index.css">
</head>
<body>
<h1>Christmas Gallery</h1>
<p>Use your ⬅️ and ➡️ keys to navigate.</p>
<div class="gallery">
<button id="previous">
<span aria-label="previous" class="material-icons-outlined">navigate_before</span>
</button>
<img id="img" src="imgs/village.jpg" alt="christmas village at night with snow and
christmas tree"/>
<button id="next">
<span aria-label="next" class="material-icons-outlined">navigate_next</span>
</button>
</div>
<script src="index.pack.js"></script>
</body>
</html>
<!-- Village photo by <a href="https://unsplash.com/@rpnickson">Roberto Nickson</a> on <a
href="https://unsplash.com/s/photos/christmas">Unsplash</a> -->
<!-- Present photo by <a href="https://unsplash.com/@freestocks">freestocks</a> on <a
href="https://unsplash.com/s/photos/christmas?">Unsplash</a> -->
<!-- Cute doggies photo by <a href="https://unsplash.com/@lbsnipes">Laura Beth Snipes</a> on <a
href="https://unsplash.com/s/photos/christmas">Unsplash</a> -->