home page

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Dhawan Computers</title>
  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      display: flex;
      height: 100vh;
    }

    /* Sidebar */
    .sidebar {
      width: 220px;
      background-color: #1e2a38;
      color: white;
      padding: 20px;
      overflow-y: auto;
    }

    .sidebar h2 {
      text-align: center;
      margin-bottom: 30px;
    }

    .sidebar a {
      display: block;
      color: white;
      padding: 10px;
      text-decoration: none;
      margin-bottom: 10px;
      border-radius: 4px;
    }

    .sidebar a:hover {
      background-color: #34495e;
    }

    /* Main content */
    .main {
      flex-grow: 1;
      background-color: #f4f6f8;
    }

    .header {
      text-align: center;
      background-color: #ffffff;
      padding: 20px 0;
      font-size: 24px;
      font-weight: bold;
      box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
    }

    .content {
      padding: 30px;
    }
  </style>
</head>
<body>

  <div class="sidebar">
    <h2>Menu</h2>
    <a href="#">Accessories</a>
    <a href="#">Networking Products</a>
    <a href="#">Printing Supplies</a>
    <a href="#">Computer Cables</a>
    <a href="#">Storage Devices</a>
    <a href="#">Peripherals</a>
    <a href="#">Laptops</a>
    <a href="#">Miscellaneous</a>
    <a href="#">Cc Tv</a>
    <a href="#">Printers</a>
    <a href="#">ANTIVIRUS KEYS</a>
    <a href="#">All Items</a>
    <a href="#">Mantra MFS 110 L1</a>
   
  </div>

  <div class="main">
    <div class="header">Dhawan Computers</div>
    <div class="content">
      <!-- Your homepage content here -->
      <p>Welcome to our computer store. Explore the categories from the left menu.</p>
    </div>
  </div>

</body>
</html>