index.html

้<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Chalupas</title>
      <link rel="stylesheet" href="./Asset/css/App.css">
      <style>
         .logo {
         max-width: 150px;  /* Set the maximum width of the logo */
         height:  auto;     /* Keep the aspect ratio */
         }
      </style>
   </head>
   <body>
      <div class="navbar">
         <div class="container">
            <img class="logo" src="./Asset/Image/Logo.png" alt="Company Logo"/>
            <!-- <a href="#" class="brand">Chalupas</a> -->
            <ul class="nav-links">
               <li class="active"><a href="#">Home</a></li>
               <li ><a href="#">New Arrivals</a></li>
               <li ><a href="#">All Products</a></li>
               <li ><a href="#">Our Journey</a></li>
               <li ><a href="#">Contact Us</a></li>
            </ul>
            <div class="hamburger ">
               <span></span>
               <span></span>
            </div>
         </div>
      </div>
      <!-- //Nvbar -->
      <div style="padding-top: 1000px"></div>
      </div>
      <!-- <section>
         <div class="container">
         <h1 class="heading-1">Chalupas1</h1>
         <h2 class="heading-2">Chalupas2</h2>
         <h3 class="heading-3">Chalupas3</h3>
         <a href="#">Link</a>
         <button class="btn">Get Started</button>
         </div>
         </section> -->
      <script src="./Asset/js/App.js"></script>
   </body>
</html>