From cde6c0dbb182d5b29a2104227f33822761730585 Mon Sep 17 00:00:00 2001
From: RohithChitrada <rohitchitrada@gmail.com>
Date: Sat, 1 Jun 2024 15:06:28 +0530
Subject: [PATCH] navbar fixed

---
 index.html | 29 +++++++++++++++--------------
 styles.css |  5 +++--
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/index.html b/index.html
index cada6f26..e82d1fda 100644
--- a/index.html
+++ b/index.html
@@ -46,10 +46,10 @@
       window.location.href = 'plantrip.html';
     }
     // const menuButton = document.getElementsByClassName('link');
-    function closeNav() {
-      let list = document.querySelector('.navLinks');
-      list.classList.toggle('activeHamburger');
-    }
+    //function closeNav() {
+    //  let list = document.querySelector('.navLinks');
+    //  list.classList.toggle('activeHamburger');
+    //}
     // menuButton.forEach((button) => (button.onclick = () => closeNav()));
 
 
@@ -110,19 +110,20 @@ <h1>TourGuide . . .</h1>
         <ul class="navLinks">
 
 
-          <li onclick="closeNav()" class="link" data-aos=""><a href="#Home">Home</a></li>
-          <li onclick="closeNav()" class="link" data-aos=""><a href="#AboutUs"> AboutUs</a></li>
-          <li onclick="closeNav()" class="link" data-aos=""><a href="#Destinations">Destinations</a></li>
-          <li onclick="closeNav()" class="link" data-aos=""><a href="#trip">Pricing</a></li>
-          <li onclick="closeNav()" class="link" data-aos=""><a href="#ReviewGallery">Trip Gallery</a></li>
-          <li onclick="closeNav()" class="link" data-aos=""><a href="#testimonials">Testimonials</a></li>
-          <li onclick="closeNav()" class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
-          <li onclick="closeNav()" class="link" data-aos=""><a href="#contact">Contact Us</a></li>
+          <li class="link" data-aos=""><a href="#Home">Home</a></li>
+          <li class="link" data-aos=""><a href="#AboutUs"> AboutUs</a></li>
+          <li class="link" data-aos=""><a href="#Destinations">Destinations</a></li>
+          <li class="link" data-aos=""><a href="#trip">Pricing</a></li>
+          <li class="link" data-aos=""><a href="#ReviewGallery">Trip Gallery</a></li>
+          <li class="link" data-aos=""><a href="#testimonials">Testimonials</a></li>
+          <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
+          <li class="link" data-aos=""><a href="#contact">Contact Us</a></li>
 
 
         </ul>
         <a href="newLogin.html" class="contact-btn"><button class="btn" id="btn-style"
             style="margin: 0; box-shadow:1.5px 1.5px 6px red;" data-aos="fade-down">Login</button></a>
+       
         <div class="toggle-container" data-aos="fade-down">
           <input id="themeToggle" class="toggle" type="checkbox">
         </div>
@@ -350,7 +351,7 @@ <h3 style="font-weight: 600;font-size: 24px;">Get Flat 15% OFF</h3>
       </div>
     </div>
 
-    <!-- <section class="section__container destination__container" id="Destinations" data-aos="fade-up"> -->
+    <section class="section__container destination__container" id="Destinations" data-aos="fade-up">
     <div class="section__header">
       <div>
         <h2 class="section__title" data-aos="fade-in">Explore top destinations</h2>
@@ -452,7 +453,7 @@ <h3>MALDIVES</h3>
       </div>
     </div>
     <script src="explore.js"></script>
-    <!-- </section> -->
+    </section>
 
     <section class="trip" id="trip" data-aos="zoom-in" data-aos-offset="100">
       <div class="section__container trip__container">
diff --git a/styles.css b/styles.css
index 09d18036..529e5aa6 100644
--- a/styles.css
+++ b/styles.css
@@ -1796,7 +1796,9 @@ body {
     display: flex;
     cursor: pointer;
   }
-
+  .nav__logo{
+    margin-left:-80px;
+  }
   .navLinks {
     position: absolute;
     top: 70px;
@@ -1828,7 +1830,6 @@ body {
 
 .navLinks.activeHamburger {
   width: 100%;
-  padding-top: 100px;
 }
 
 /* New NAvbar CSS Ends Here*/