index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="lamp.css" />
    <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>Vue Lamp</title>
  </head>
  <body>
    <div class="hero">
      <nav>
        <img src="images/menu.png" alt="" class="menu-image" />
        <img src="images/logo.png" alt="" class="logo" />
        <ul>
          <li>
            <a href="">Latest</a>
          </li>
          <li>
            <a href="">Modern</a>
          </li>
          <li>
            <a href="">Contemporary</a>
          </li>
          <li>
            <a href="">Affordable</a>
          </li>
        </ul>
        <button type="button" onclick="toggleBtn()" id="btn">
          <span></span>
        </button>
      </nav>
      <div class="lamp-container">
        <img src="images/lamp.png" alt="" class="lamp" />
        <img src="images/light.png" alt="" class="light" id="light" />
      </div>
      <div class="text-container">
        <h1>
          Latest <br />

          in Lighting
        </h1>
        <br />
        <p>
          This is the first lamp from our company . We're making a huge
          collection of modern Lamps in all categories from ho,e use to office
          use.
        </p>
        <a href="">Check All Collections</a>
      </div>
    </div>
    <script src="index.js"></script>
  </body>
</html>