index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>🌍 World Times</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="header.css">
  </head>
  <body>
  <!-- Header Bar -->
  <div id="header"></div>
  
  <!-- Main Content -->

    <div class="time-container" id="before-london"></div>

    <h1>🏴󠁧󠁢󠁥󠁮󠁧󠁿 London: <span id="london-time"></span></h1>

    <div class="time-container" id="after-london"></div>

    <footer>
        <p>
          Made by 
          <a href="https://linktr.ee/kaywhocreates" class="footer-link" target="_blank" rel="noopener noreferrer">
            Kay 🧡
          </a>
        </p>
      </footer>
  
      <script src="script.js" defer></script>
      <script src="header.js" defer></script>  
      </body>
</html>