Merge pull request apu52#1621 from Zubaida0113/AboutUs-Redirection

fix: Fixed all the broken links on navbar
saras-69 · Nov 3, 2024 · 7680cdf · 7680cdf
2 parents a04e7b5 + 73f4836
commit 7680cdf
Show file tree

Hide file tree

Showing 9 changed files with 78 additions and 86 deletions.
diff --git a/Loader_Animation_1.gif b/Loader_Animation_1.gif
diff --git a/about.html b/about.html
@@ -27,22 +27,22 @@
             <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
             <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
             <li class="link" data-aos=""><a href="./index.html">Home</a></li>
-            <li class="link" data-aos=""><a href="./about.html">About</a></li>
+            <li class="link" data-aos=""><a href="about.html">About</a></li>
             <li class="link dropdown" data-aos="">
                 <a href="#Services" class="dropdown">Services</a>
                 <ul class="dropdown-menu">
-                    <li><a href="/trending.html">Destination</a></li>
-                    <li><a href="/packages.html">Prices</a></li>
-                    <li><a href="/index.html">Trip Gallery</a></li>
-                    <li><a href="/index.html">Tourist Guide</a></li>
-                    <li><a href="/hotel.html">Hotel & Resort</a></li>
+                    <li><a href="index.html#Destinations">Destination</a></li>
+                    <li><a href="index.html#trip">Prices</a></li>
+                    <li><a href="index.html#ReviewGallery">Trip Gallery</a></li>
+                    <li><a href="index.html#tourist">Tourist Guide</a></li>
+                    <li><a href="index.html#hotel">Hotel & Resort</a></li>
                 </ul>
             </li>
             <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
             <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
-            <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
+            <li class="link" data-aos=""><a href="index.html#testimo">Testimonial</a></li>
             <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
-            <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
+            <li class="link" data-aos=""><a href="index.html#cnt-form">Contact Us</a></li>
         </ul>
 
           <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"

diff --git a/feedback.html b/feedback.html
@@ -133,13 +133,13 @@
         <ul class="navLinks">
 
           <li class="link" data-aos="fade-down"><a href="./index.html" >Home</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#AboutUs" >AboutUs</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#Destinations" >Destinations</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#trip" >Pricing</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery" >Trip Gallery</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#testimonials" >Testimonials</a></li>
+          <li class="link" data-aos="fade-down"><a href="about.html" >AboutUs</a></li>
+          <li class="link" data-aos="fade-down"><a href="index.html#Destinations" >Destinations</a></li>
+          <li class="link" data-aos="fade-down"><a href="index.html#trip" >Pricing</a></li>
+          <li class="link" data-aos="fade-down"><a href="index.html#ReviewGallery" >Trip Gallery</a></li>
+          <li class="link" data-aos="fade-down"><a href="index.html#testimo" >Testimonials</a></li>
           <li class="link" data-aos="fade-down"><a href="#">Rate Us?</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#cnt-form" >Contact Us</a></li>
+          <li class="link" data-aos="fade-down"><a href="index.html#cnt-form" >Contact Us</a></li>
 
         </ul>
         <a href="./newLogin.html" class="contact-btn"><button class="btn" id="btn-style"

diff --git a/index.html b/index.html
@@ -543,7 +543,7 @@ <h1>TourGuide . . .</h1>
     </div>
     <nav class="newNav">
       <div style="display: flex; align-items: center;">
-        <img src="/favicon.ico" class="sitelogo">
+        <img src="favicon.ico" class="sitelogo">
         <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
     </div>
 
@@ -564,7 +564,7 @@ <h1>TourGuide . . .</h1>
         </li>
         <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
         <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
-        <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
+        <li class="link" data-aos=""><a href="#testimo">Testimonial</a></li>
         <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
         <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
       </ul>
@@ -1237,7 +1237,7 @@ <h3>MALDIVES</h3>
 
     <!-- Destination Section -->
     <div class="section__container destination__container" id="Destinations" data-aos="fade-up">
-      <div class="section__header">
+      <div class="section__header" id="destination_text">
         <div>
           <h2 class="section__title" data-aos="fade-in">Explore Top Destinations</h2>
           <p class="section__subtitle" data-aos="fade-in">
@@ -1331,13 +1331,14 @@ <h1 class="card-title">Times Square</h1>
 
       <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
       <script src="explore.js"></script>
-      </section>
+    </section>
       <!-- End Destination Section -->
 
+      <!-- Start Prices Section -->
       <section class="trip" id="trip" data-aos="zoom-in" data-aos-offset="100">
         <div class="section__container trip__container">
           <h2 class="section__title">Best trip packages</h2>
-          <p class="section__subtitle" style="margin-left: 280px;">
+          <p class="section__subtitle">
             Top trip deals curated for you. Get the best package for your adventure and save more.
           </p>
           <div class="trip__grid">
@@ -1389,7 +1390,7 @@ <h2 class="section__title">Best trip packages</h2>
                 Trending</button></a>
           </div>
         </div>
-      </section>
+      </section> 
       <div class="hero">
         <div class="carousel">
           <ul>

diff --git a/membership.html b/membership.html
@@ -39,18 +39,18 @@
       <li class="link aos-init aos-animate" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
       <li class="link aos-init aos-animate" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
       <li class="link aos-init aos-animate" data-aos=""><a href="index.html">Home</a></li>
-      <li class="link aos-init aos-animate" data-aos=""><a href="index.html#AboutUs">About</a></li>
+      <li class="link aos-init aos-animate" data-aos=""><a href="about.html">About</a></li>
       <li class="link dropdown aos-init aos-animate" data-aos="">
           <a href="#Services" class="dropdown">Services</a>
           <ul class="dropdown-menu">
-              <li><a href="index.html#Destinations">Destination</a></li>
-              <li><a href="index.html#trip">Prices</a></li>
-              <li><a href="index.html#ReviewGallery">Trip Gallery</a></li>
-              <li><a href="index.html#tourist">Tourist Guide</a></li>
-              <li><a href="index.html#hotel">Hotel &amp; Resort</a></li>
+              <li><a href="index.html#Destinations" style="color:black;">Destination</a></li>
+              <li><a href="index.html#trip" style="color:black;">Prices</a></li>
+              <li><a href="index.html#ReviewGallery" style="color:black;">Trip Gallery</a></li>
+              <li><a href="index.html#tourist" style="color:black;">Tourist Guide</a></li>
+              <li><a href="index.html#hotel" style="color:black;">Hotel &amp; Resort</a></li>
           </ul>
       </li>
-      <li class="link aos-init aos-animate" data-aos=""><a href="index.html#testimonials">Testimonial</a></li>
+      <li class="link aos-init aos-animate" data-aos=""><a href="index.html#testimo">Testimonial</a></li>
       <li class="link aos-init aos-animate" data-aos=""><a href="feedback.html">Rate Us?</a></li>
       <li class="link aos-init aos-animate" data-aos=""><a href="index.html#cnt-form">Contact Us</a></li>
   </ul>

diff --git a/packages.html b/packages.html
@@ -420,25 +420,23 @@
               <ul class="navLinks">
                 <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
                 <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
-                <li class="link" data-aos=""><a href="./index.html">Home</a></li>
-                <li class="link" data-aos=""><a href="./about.html">About</a></li>
+                <li class="link" data-aos=""><a href="index.html">Home</a></li>
+                <li class="link" data-aos=""><a href="about.html">About</a></li>
                 <li class="link dropdown" data-aos="">
                     <a href="#Services" class="dropdown">Services</a>
                     <ul class="dropdown-menu">
-                        <ul class="dropdown-menu">
-                            <li><a href="/trending.html">Destination</a></li>
-                    <li><a href="/packages.html">Prices</a></li>
-                    <li><a href="/index.html">Trip Gallery</a></li>
-                    <li><a href="/index.html">Tourist Guide</a></li>
-                    <li><a href="/hotel.html">Hotel & Resort</a></li>
-                        </ul>
+                        <li><a href="index.html#Destinations">Destination</a></li>
+                        <li><a href="index.html#trip">Prices</a></li>
+                        <li><a href="index.html#ReviewGallery">Trip Gallery</a></li>
+                        <li><a href="index.html#tourist">Tourist Guide</a></li>
+                        <li><a href="index.html#hotel">Hotel & Resort</a></li>
                     </ul>
                 </li>
                 <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
                 <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
-                <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
+                <li class="link" data-aos=""><a href="index.html#testimo">Testimonial</a></li>
                 <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
-                <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
+                <li class="link" data-aos=""><a href="index.html#cnt-form">Contact Us</a></li>
             </ul>
 
               <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"

diff --git a/payment.html b/payment.html
@@ -39,29 +39,26 @@
       <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
     </div>
 
-    <ul class="navLinks">
-      <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
-      <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
-      <li class="link" data-aos=""><a href="./index.html">Home</a></li>
-      <li class="link" data-aos=""><a href="./about.html">About</a></li>
-      <li class="link dropdown" data-aos="">
-          <a href="#Services" class="dropdown">Services</a>
-          <ul class="dropdown-menu">
-              <ul class="dropdown-menu">
-                  <li><a href="/trending.html">Destination</a></li>
-          <li><a href="/packages.html">Prices</a></li>
-          <li><a href="/index.html">Trip Gallery</a></li>
-          <li><a href="/index.html">Tourist Guide</a></li>
-          <li><a href="/hotel.html">Hotel & Resort</a></li>
-              </ul>
-          </ul>
-      </li>
-      <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
-      <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
-      <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
-      <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
-      <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
-  </ul>
+      <ul class="navLinks">
+        <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
+        <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
+        <li class="link" data-aos=""><a href="index.html">Home</a></li>
+        <li class="link" data-aos=""><a href="about.html">About</a></li>
+        <li class="link dropdown" data-aos="">
+            <a href="#Services" class="dropdown">Services</a>
+            <ul class="dropdown-menu">
+                <li><a href="index.html#Destinations">Destination</a></li>
+                <li><a href="index.html#trip">Prices</a></li>
+                <li><a href="index.html#ReviewGallery">Trip Gallery</a></li>
+                <li><a href="index.html#tourist">Tourist Guide</a></li>
+                <li><a href="index.html#hotel">Hotel & Resort</a></li>
+            </ul>
+        </li>
+        <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
+        <li class="link" data-aos=""><a href="index.html#testimo">Testimonial</a></li>
+        <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
+        <li class="link" data-aos=""><a href="index.html#cnt-form">Contact Us</a></li>
+    </ul>
 
     <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"
         data-aos="fade-down">Login/SignUp</button></a>

diff --git a/plantrip.html b/plantrip.html
@@ -217,19 +217,19 @@
       <li class="link aos-init aos-animate" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
       <li class="link aos-init aos-animate" data-aos=""><a href="index.html">Home</a></li>
       <li class="link aos-init aos-animate" data-aos=""><a href="about.html">About</a></li>
-      <!-- <li class="link dropdown aos-init aos-animate" data-aos="">
+      <li class="link dropdown aos-init aos-animate" data-aos="">
           <a href="#Services" class="dropdown">Services</a>
           <ul class="dropdown-menu">
-              <li><a href="#Destinations">Destination</a></li>
+              <li><a href="index.html#Destinations">Destination</a></li>
               <li><a href="#trip">Prices</a></li>
               <li><a href="#ReviewGallery">Trip Gallery</a></li>
               <li><a href="#tourist">Tourist Guide</a></li>
               <li><a href="#hotel">Hotel &amp; Resort</a></li>
           </ul>
-      </li> -->
-      <li class="link aos-init aos-animate" data-aos=""><a href="#testimonials">Testimonial</a></li>
+      </li>
+      <li class="link aos-init aos-animate" data-aos=""><a href="index.html#testimo">Testimonial</a></li>
       <li class="link aos-init aos-animate" data-aos=""><a href="feedback.html">Rate Us?</a></li>
-      <li class="link aos-init aos-animate" data-aos=""><a href="#cnt-form">Contact Us</a></li>
+      <li class="link aos-init aos-animate" data-aos=""><a href="index.html#cnt-form">Contact Us</a></li>
   </ul>
 
     <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login aos-init aos-animate" id="btn-style" data-aos="fade-down" style="display: block;">Login/SignUp</button></a>

diff --git a/topdeals/topdeals.html b/topdeals/topdeals.html
@@ -358,35 +358,31 @@
             <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
             <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
             <li class="link" data-aos=""><a href="../index.html">Home</a></li>
-            <li class="link" data-aos=""><a href="/about.html">About</a></li>
+            <li class="link" data-aos=""><a href="../about.html">About</a></li>
             <li class="link dropdown" data-aos="">
                 <a href="#Services" class="dropdown">Services</a>
                 <ul class="dropdown-menu">
-                    <li><a href="/trending.html">Destination</a></li>
-                    <li><a href="/packages.html">Prices</a></li>
-                    <li><a href="/index.html">Trip Gallery</a></li>
-                    <li><a href="/index.html">Tourist Guide</a></li>
-                    <li><a href="/hotel.html">Hotel & Resort</a></li>
+                    <li><a href="../index.html#Destinations" onclick="console.log('Destinations clicked')">Destination</a></li>
+                    <li><a href="../index.html#trip" onclick="console.log('Prices clicked')">Prices</a></li>
+                    <li><a href="../index.html#ReviewGallery" onclick="console.log('Gallery clicked')">Trip Gallery</a></li>
+                    <li><a href="../index.html#tourist" onclick="console.log('Tourist clicked')">Tourist Guide</a></li>
+                    <li><a href="../index.html#hotel" onclick="console.log('Hotel clicked')">Hotel & Resort</a></li>
                 </ul>
             </li>
             <li class="link" data-aos=""><a href="../topdeals/topdeals.html">Top Deals</a></li>
             <li class="link" data-aos=""><a href="../packages.html">Packages</a></li>
-            <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
+            <li class="link" data-aos=""><a href="../index.html#testimo">Testimonial</a></li>
             <li class="link" data-aos=""><a href="../feedback.html">Rate Us?</a></li>
-            <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
+            <li class="link" data-aos=""><a href="../index.html#cnt-form">Contact Us</a></li>
         </ul>
 
-        <a href="/newLogin.html" class="contact-btn" id="nav-login-btn">
-            <button class="btn login" id="btn-style" data-aos="fade-down">Login/SignUp</button>
-        </a>
-        <a href="/mapa.html" class="contact-btn" id="nav-view-btn">
-            <button class="btn" id="btn-style" style="margin: 0;" data-aos="fade-down">view <map name=""></map></button>
-        </a>
-        <a href="/loginPage.html" class="contact-btn">
-            <button class="btn" id="logout-btn" style="margin: 0; display: none;" data-aos="fade-down" disabled>Log Out</button>
-        </a>
-
-
+          <a href="../newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"
+              data-aos="fade-down">Login/SignUp</button></a>
+          <a href="../mapa.html" class="contact-btn" id="nav-view-btn"><button class="btn" id="btn-style" style="margin: 0;"
+              data-aos="fade-down">view <map name=""></map></button></a>
+
+          <a href="loginPage.html" class="contact-btn"><button class="btn" id="logout-btn"
+              style="margin: 0; display: none;" data-aos="fade-down" disabled>Log Out</button></a>
 
           <!-- <a href="login-modified.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> -->
@@ -408,7 +404,7 @@
     <div class="container" style="margin-top: 8rem;">
         <div class="header">
             <br><br><br><br>
-           <p style="color: #ffffff;">"Don’t miss out on our exclusive top deals of the season! Whether you’re looking to upgrade your tech, refresh your wardrobe, or find the perfect gift, we’ve got you covered with unbeatable discounts across all categories. "</p>
+           <p style="color: #0c0c0c;font-weight: bold;">"Don’t miss out on our exclusive top deals of the season! Whether you’re looking to upgrade your tech, refresh your wardrobe, or find the perfect gift, we’ve got you covered with unbeatable discounts across all categories. "</p>
         </div>
         <div class="deals">
             <div class="card">