index.html

<!DOCTYPE html>
<html>

<head>
  <title>TfL Arrival Times</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link
    href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body>

  <!-- Header Section -->
  <header>
    <h1>
      TfL Arrival Times
    </h1>
    <p class="status">
      <a href="https://github.com/Spectre0100/Spectre0100.github.io">
        By Spectre0100
      </a>
    </p>
  </header>

  <!-- Body section -->
  <main>
    <div id="disruptions-container">
      <span id='disruptions-container-title'>⚠️ Disruptions</span>
      <br>
      <span class='subtext'>(click to expand)</span>
      <br><br>
    </div>
  </main>

  <script src="script.js"></script>

</body>

</html>