<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <div style="display: none;"></div>
  <header class="bg-dark text-white py-3">
  <div class="container d-flex justify-content-between align-items-center">
    <a href="#" class="text-white h4 mb-0">ModernKit</a>
    <nav>
      <ul class="list-unstyled d-flex mb-0">
        <li class="ml-3"><a href="#" class="text-white">Home</a></li>
        <li class="ml-3"><a href="#" class="text-white">About</a></li>
        <li class="ml-3"><a href="#" class="text-white">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>
  <main class="container py-5">
      </main>

  <footer class="bg-dark text-white py-3 mt-5">
  <div class="container text-center">
    <p class="mb-0">&copy; 2025 ModernKit. All rights reserved.</p>
  </div>
</footer>  <script src="js/main.js"></script>
</body>
</html>