<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TV Series</title>
<link rel="icon" type="image/x-icon" href="https://img.icons8.com/external-icongeek26-linear-colour-icongeek26/50/000000/external-tv-monitor-devices-icongeek26-linear-colour-icongeek26.png">
<meta name="title" content="tv series">
<meta name="description" content="Just a little web app that shows the most popular TV series of the week extracted from the MovieDB API. For true fans of TV series!">
<meta name="keywords" content="tv series, best tv series, netflix, amazon prime, disney+">
<meta name="author" content="Francesca Belfiore">
<meta name="copyright" content="2021">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="creation_Date" content="12/02/2021">
<meta name="revisit-after" content="7 days">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/index.js" type="module"></script>
</head>
<body>
<div class="hero">
<header>
<a href="index.html" id="back"><img id="logo" src="https://fontmeme.com/permalink/211201/523366db6f339a7e579ec30cff9de11f.png" alt="tv-series logo"></a>
<div class="changeLanguage">
<select name="language" id="language">
<option value="" selected disabled hidden>Ita/Eng</option>
<option value="it">Italiano</option>
<option value="en">English</option>
</select>
</div>
</header>
</div>
<main>
<button id="slideBack" class="arrows">‹</button>
<div id="container"></div>
<button id="slide" class="arrows">›</button>
</main>
<footer>
</footer>
<div class="modal">
<p class="modalMessage"></p>
<button class="modalBtn">okay</button>
</div>
</body>
</html>