index.html

<!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>Football Quiz</title>
    <link rel="icon" type="image/x-icon" href="assets/images/HFQ.png" />
    <link rel="stylesheet" href="assets/css/styles.css" />
    <script src="assets/js/script.js" defer></script>
  </head>
  <body>
    <header>
      <nav>
        <ul>
          <li id="highscores">Your High Scores</li>
        </ul>
      </nav>
    </header>
    <main>
      <section>
        <h1 class="title">HARDEST FOOTBALL QUIZ</h1>
        <h3 class="subtitle">For true football lovers</h3>
        <button id="start-quiz-button">Start Quiz</button>
      </section>
    </main>
    <footer></footer>
  </body>
</html>