Merge pull request #680 from RohithChitrada/navbar

navbar fixed
apu52 · Jun 5, 2024 · e39ba01 · e39ba01
2 parents b76226a + e0019b0
commit e39ba01
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 17 deletions.
diff --git 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()));
 
 
@@ -142,15 +142,14 @@ <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="#cnt-form">Contact Us</a></li>
-          <li onclick="closeNav()" class="link" data-aos=""><a href="feedback.html">Rate 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>
@@ -391,8 +390,8 @@ <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"> -->
-    <div class="section__header" id="Destinations">
+    <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>
         <p class="section__subtitle" data-aos="fade-in">
@@ -493,7 +492,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
@@ -1866,7 +1866,9 @@ body {
     display: flex;
     cursor: pointer;
   }
-
+  .nav__logo{
+    margin-left:-80px;
+  }
   .navLinks {
     position: absolute;
     top: 70px;