From 85280852c50697f8f47a2c6e04d995210d2321ba Mon Sep 17 00:00:00 2001
From: sau-mili <146661411+sau-mili@users.noreply.github.com>
Date: Mon, 29 Jul 2024 16:32:59 +0530
Subject: [PATCH 1/4] NavBar added to all pages

---
 Adventure.html    | 73 +++++++++++++++++++++++++++++--------
 Cultural_Exp.html | 70 ++++++++++++++++++++++++++---------
 HoneyMoon.html    | 71 ++++++++++++++++++++++++++++--------
 faq.css           |  2 +-
 faq.html          | 93 +++++++++++++++++++++++++++--------------------
 feedback.html     | 64 +++++++++++++++++++++++---------
 package.html      | 74 ++++++++++++++++++++++++++++---------
 styles.css        |  2 +-
 8 files changed, 322 insertions(+), 127 deletions(-)

diff --git a/Adventure.html b/Adventure.html
index ec4de8e3..84dec3da 100644
--- a/Adventure.html
+++ b/Adventure.html
@@ -87,6 +87,11 @@
         opacity: 1;
       }
     }
+    .newNav{
+      opacity: 1 !important;
+      transform: none !important;
+    }
+
   </style>
 
   <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
@@ -108,6 +113,13 @@
       emailjs.init("WB9rAyWwwLZube-er");
     })();
   </script>
+     <!-- sticky animation  -->
+ <script type="text/javascript">
+  window.addEventListener("scroll", function () {
+    var header = document.querySelector("nav");
+    header.classList.toggle("sticky", window.scrollY > 50)
+  })
+</script>
 
   <style>
     html {
@@ -132,22 +144,47 @@
       </ul>
       <a href="/index.html"><button class="btn">Contact Us</button></a>
     </nav> -->
-  <div class="nav-container">
-    <nav class="newNav">
-      <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-
-      <ul class="navLinks">
-        <li class="link" data-aos="fade-down"><a href="./index.html#Home">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#testimonials">Testimonials</a></li>
-        <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery">Reviews</a></li>
-        <li class="link" data-aos="fade-down"><a href="./feedback.html">Rate Us?</a></li>
-        <li class="link" data-aos="fade-down"><a href="./login.html">Login</a></li>
-      </ul>
-      <a href="./index.html#contact" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
-          data-aos="fade-down">Contact Us</button></a>
+    <div class="nav-container">
+      <nav class="newNav">
+        <div style="display: flex; flex-direction: row; align-items: center;">
+          <img src="./img/tour1.png" class="sitelogo">
+          
+          <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="index.html#AboutUs">About</a></li>
+            <li class="link dropdown" data-aos="">
+                <a href="index.html#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="index.html#testimonials">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>
+      <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> -->
+  
+      <div class="toggle-container" data-aos="fade-down">
+        <input id="themeToggle" class="toggle" type="checkbox">
+      </div>
       <div class="hamburger" data-aos="fade-down">
         <div class="line"></div>
         <div class="line"></div>
@@ -155,6 +192,9 @@
       </div>
     </nav>
   </div>
+        
+
+
   <section class="trip" id="trip">
 
     <div class="section__container trip__container">
@@ -254,6 +294,7 @@ <h2 id="noResults" style="display: none;" ><b>NO RESULTS FOUND</b> <img src="not
   margin:2px;
   color:cornflowerblue;
 }
+
       </style>
   
        <!--javascript for functionality of search button-->
diff --git a/Cultural_Exp.html b/Cultural_Exp.html
index a076988e..6a6cc7a7 100644
--- a/Cultural_Exp.html
+++ b/Cultural_Exp.html
@@ -88,6 +88,10 @@
         opacity: 1;
       }
     }
+    .newNav{
+      opacity: 1 !important;
+      transform: none !important;
+    }
   </style>
 
   <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
@@ -107,6 +111,13 @@
       emailjs.init("WB9rAyWwwLZube-er");
     })();
   </script>
+      <!-- sticky animation  -->
+ <script type="text/javascript">
+  window.addEventListener("scroll", function () {
+    var header = document.querySelector("nav");
+    header.classList.toggle("sticky", window.scrollY > 50)
+  })
+</script>
 
   <style>
     html {
@@ -131,22 +142,47 @@
       </ul>
       <a href="/index.html"><button class="btn">Contact Us</button></a>
     </nav> -->
-  <div class="nav-container">
-    <nav class="newNav">
-      <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-
-      <ul class="navLinks">
-        <li class="link" data-aos="fade-down"><a href="./index.html#Home">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#testimonials">Testimonials</a></li>
-        <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery">Reviews</a></li>
-        <li class="link" data-aos="fade-down"><a href="./feedback.html">Rate Us?</a></li>
-        <li class="link" data-aos="fade-down"><a href="./login.html">Login</a></li>
-      </ul>
-      <a href="./index.html#contact" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
-          data-aos="fade-down">Contact Us</button></a>
+    <div class="nav-container">
+      <nav class="newNav">
+        <div style="display: flex; flex-direction: row; align-items: center;">
+          <img src="./img/tour1.png" class="sitelogo">
+          
+          <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="index.html#AboutUs">About</a></li>
+            <li class="link dropdown" data-aos="">
+                <a href="index.html#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="index.html#testimonials">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>
+      <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> -->
+  
+      <div class="toggle-container" data-aos="fade-down">
+        <input id="themeToggle" class="toggle" type="checkbox">
+      </div>
       <div class="hamburger" data-aos="fade-down">
         <div class="line"></div>
         <div class="line"></div>
@@ -154,7 +190,7 @@
       </div>
     </nav>
   </div>
-
+        
   
 
 
diff --git a/HoneyMoon.html b/HoneyMoon.html
index 945a60ef..6127ab4a 100644
--- a/HoneyMoon.html
+++ b/HoneyMoon.html
@@ -87,6 +87,11 @@
         opacity: 1;
       }
     }
+    .newNav{
+      opacity: 1 !important;
+      transform: none !important;
+      scale: none !important;
+    }
   </style>
 
   <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
@@ -106,6 +111,13 @@
       emailjs.init("WB9rAyWwwLZube-er");
     })();
   </script>
+   <!-- sticky animation  -->
+ <script type="text/javascript">
+  window.addEventListener("scroll", function () {
+    var header = document.querySelector("nav");
+    header.classList.toggle("sticky", window.scrollY > 50)
+  })
+</script>
 
   <style>
     html {
@@ -130,22 +142,47 @@
       </ul>
       <a href="/index.html"><button class="btn">Contact Us</button></a>
     </nav> -->
-  <div class="nav-container">
-    <nav class="newNav">
-      <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-
-      <ul class="navLinks">
-        <li class="link" data-aos="fade-down"><a href="./index.html#Home">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#testimonials">Testimonials</a></li>
-        <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery">Reviews</a></li>
-        <li class="link" data-aos="fade-down"><a href="./feedback.html">Rate Us?</a></li>
-        <li class="link" data-aos="fade-down"><a href="./login.html">Login</a></li>
-      </ul>
-      <a href="./index.html#contact" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
-          data-aos="fade-down">Contact Us</button></a>
+    <div class="nav-container">
+      <nav class="newNav">
+        <div style="display: flex; flex-direction: row; align-items: center;">
+          <img src="./img/tour1.png" class="sitelogo">
+          
+          <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="index.html#AboutUs">About</a></li>
+            <li class="link dropdown" data-aos="">
+                <a href="index.html#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="index.html#testimonials">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>
+      <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> -->
+  
+      <div class="toggle-container" data-aos="fade-down">
+        <input id="themeToggle" class="toggle" type="checkbox">
+      </div>
       <div class="hamburger" data-aos="fade-down">
         <div class="line"></div>
         <div class="line"></div>
@@ -153,6 +190,8 @@
       </div>
     </nav>
   </div>
+
+
   <section class="trip" id="trip">
     <div class="section__container trip__container">
       <h2 class="section__title">HoneyMoon Travel</h2>
diff --git a/faq.css b/faq.css
index efc4b90e..5b6acd22 100644
--- a/faq.css
+++ b/faq.css
@@ -2,7 +2,7 @@
 
 * {
   box-sizing: border-box;
-  border-radius: 20px;
+  /* border-radius: 20px; */
 }
 
 :root {
diff --git a/faq.html b/faq.html
index 7d2a6dbe..7003f7e0 100644
--- a/faq.html
+++ b/faq.html
@@ -34,6 +34,13 @@
     <script src="path/to/aos.js"></script>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js">
     </script>
+        <!-- sticky animation  -->
+ <script type="text/javascript">
+  window.addEventListener("scroll", function () {
+    var header = document.querySelector("nav");
+    header.classList.toggle("sticky", window.scrollY > 50)
+  })
+</script>
     <script type="text/javascript">
       (function () {
         emailjs.init("WB9rAyWwwLZube-er");
@@ -270,49 +277,55 @@
       </div>
       <div id="progressbar"></div>
       <div id="scrollPath"></div>
-      
-      <div class="nav-container" id="top">
+      <div class="nav-container">
         <nav class="newNav">
-          <img src="./img/A T logo with a white background and a square shape, connected to nature for a travel company.png" style="width:30px;height:30px;border-radius:50%;">
-          
-          <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-  
+          <div style="display: flex; flex-direction: row; align-items: center;">
+            <img src="./img/tour1.png" class="sitelogo">
+            
+            <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+          </div>
+    
           <ul class="navLinks">
-  
-            <li class="link" data-aos=""><a href="index.html#Home">Home</a></li>
-            <li class="link" data-aos=""><a href="index.html#AboutUs"> AboutUs</a></li>
-            <li class="link" data-aos=""><a href="index.html#Destinations">Destinations</a></li>
-            <li class="link" data-aos=""><a href="index.html#trip">Pricing</a></li>
-            <li class="link" data-aos=""><a href="index.html#ReviewGallery">Trip Gallery</a></li>
-            <li class="link" data-aos=""><a href="index.html#testimonials">Testimonials</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>
-  
-  
+              <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="#Home">Home</a></li>
+              <li class="link" data-aos=""><a href="#AboutUs">About</a></li>
+              <li class="link dropdown" data-aos="">
+                  <a href="#Services" class="dropdown">Services</a>
+                  <ul class="dropdown-menu">
+                      <li><a href="#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 & Resort</a></li>
+                  </ul>
+              </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>
-  
-  
-          <a href="newLogin.html" class="contact-btn"><button class="btn but2" id="btn-style" style="margin: 0;"
-              data-aos="fade-down">Login/SignUp</button></a>
-              <a href="mapa.html" class="contact-btn"><button class="btn but" 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> -->
-  
-          <div class="toggle-container" data-aos="fade-down">
-            <input id="themeToggle" class="toggle" type="checkbox">
-          </div>
-          <div class="hamburger" data-aos="fade-down">
-            <div class="line"></div>
-            <div class="line"></div>
-            <div class="line"></div>
-          </div>
-        </nav>
-      </div>
+          <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> -->
+    
+        <div class="toggle-container" data-aos="fade-down">
+          <input id="themeToggle" class="toggle" type="checkbox">
+        </div>
+        <div class="hamburger" data-aos="fade-down">
+          <div class="line"></div>
+          <div class="line"></div>
+          <div class="line"></div>
+        </div>
+      </nav>
+    </div>
+
       <header>
     
 
diff --git a/feedback.html b/feedback.html
index 9a4703be..84da4b44 100644
--- a/feedback.html
+++ b/feedback.html
@@ -86,6 +86,13 @@
     <div class="circle"></div>
     <div class="circle"></div>
   </div>
+   <!-- sticky animation  -->
+ <script type="text/javascript">
+  window.addEventListener("scroll", function () {
+    var header = document.querySelector("nav");
+    header.classList.toggle("sticky", window.scrollY > 50)
+  })
+</script>
   <script>
     document.addEventListener("DOMContentLoaded", function () {
       const coords = { x: 0, y: 0 };
@@ -126,24 +133,44 @@
 
   </script>
     <header class="registration-header">
-    <div class="nav-container" id="top">
-      <nav class="newNav">
-        <a href="../index.html" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-
-        <ul class="navLinks">
-
-          <li class="link" data-aos="fade-down"><a href="./index.html#home" target="_blank">Home</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#AboutUs" target="_blank">AboutUs</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#Destinations" target="_blank">Destinations</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#trip" target="_blank">Pricing</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery" target="_blank">Trip Gallery</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#testimonials" target="_blank">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" target="_blank">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="nav-container">
+        <nav class="newNav">
+          <div style="display: flex; flex-direction: row; align-items: center;">
+            <img src="./img/tour1.png" class="sitelogo">
+            
+            <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="index.html#AboutUs">About</a></li>
+              <li class="link dropdown" data-aos="">
+                  <a href="index.html#Services" class="dropdown">Services</a>
+                  <ul class="dropdown-menu">
+                      <li><a href="index.html#Destinations">Destination</a></li>
+                      <li><a href="#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="index.html#testimonials">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>
+        <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> -->
+    
         <div class="toggle-container" data-aos="fade-down">
           <input id="themeToggle" class="toggle" type="checkbox">
         </div>
@@ -154,6 +181,7 @@
         </div>
       </nav>
     </div>
+          
   </header>
     <div class="sidebyside">
       <div class="image">
diff --git a/package.html b/package.html
index f0da725f..69dddd9b 100644
--- a/package.html
+++ b/package.html
@@ -87,6 +87,10 @@
         opacity: 1;
       }
     }
+    .newNav{
+      opacity: 1 !important;
+      transform: none !important;
+    }
   </style>
 
   <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
@@ -111,6 +115,14 @@
     }
   </style>
 
+    <!-- sticky animation  -->
+ <script type="text/javascript">
+  window.addEventListener("scroll", function () {
+    var header = document.querySelector("nav");
+    header.classList.toggle("sticky", window.scrollY > 50)
+  })
+</script>
+
 </head>
 
 <body>
@@ -130,27 +142,53 @@
     </nav> -->
   <div class="nav-container">
     <nav class="newNav">
-      <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+      <div style="display: flex; flex-direction: row; align-items: center;">
+        <img src="./img/tour1.png" class="sitelogo">
+        
+        <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+      </div>
 
       <ul class="navLinks">
-        <li class="link" data-aos="fade-down"><a href="./index.html#Home">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#testimonials">Testimonials</a></li>
-        <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery">Reviews</a></li>
-        <li class="link" data-aos="fade-down"><a href="./feedback.html">Rate Us?</a></li>
-        <li class="link" data-aos="fade-down"><a href="./index.html#cnt-form">Contact Us</a></li>
+          <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="index.html#AboutUs">About</a></li>
+          <li class="link dropdown" data-aos="">
+              <a href="index.html#Services" class="dropdown">Services</a>
+              <ul class="dropdown-menu">
+                  <li><a href="index.html#Destinations">Destination</a></li>
+                  <li><a href="#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="index.html#testimonials">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="login-modified.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
-          data-aos="fade-down">Login</button></a>
-      <div class="hamburger" data-aos="fade-down">
-        <div class="line"></div>
-        <div class="line"></div>
-        <div class="line"></div>
-      </div>
-    </nav>
-  </div>
+      <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> -->
+
+    <div class="toggle-container" data-aos="fade-down">
+      <input id="themeToggle" class="toggle" type="checkbox">
+    </div>
+    <div class="hamburger" data-aos="fade-down">
+      <div class="line"></div>
+      <div class="line"></div>
+      <div class="line"></div>
+    </div>
+  </nav>
+</div>
+      
 
 
   <section class="trip" id="trip">
diff --git a/styles.css b/styles.css
index 2506999e..6e7ecef9 100644
--- a/styles.css
+++ b/styles.css
@@ -2087,7 +2087,7 @@ body {
   border-radius: 10px;
   margin-top: 0.5rem;
   background: linear-gradient(#002152, #271050);
-  scale:0.99;
+  scale:0.99 !important;
   
   /* padding: 0rem 1rem;
   margin-top: 0.5rem;

From 23c3c49472b2736a0fc03bea75ea349e745530ee Mon Sep 17 00:00:00 2001
From: sau-mili <146661411+sau-mili@users.noreply.github.com>
Date: Tue, 30 Jul 2024 22:09:57 +0530
Subject: [PATCH 2/4] Update plantrip.html

---
 plantrip.html | 505 +++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 479 insertions(+), 26 deletions(-)

diff --git a/plantrip.html b/plantrip.html
index f1abad49..fcee656b 100644
--- a/plantrip.html
+++ b/plantrip.html
@@ -9,15 +9,30 @@
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css"
     />
+    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
+    <link rel="stylesheet" href="styles.css" />
+    <link rel="stylesheet" href="./Image-Gallery/style.css">
+   
+    <!-- adding a fav-icon -->
+    <link rel="icon"
+      href="img/A T logo with a white background and a square shape, connected to nature for a travel company.png"
+      type="image/x-icon" />
+    <script src="index.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+  
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js">
+    </script>
     <style>
       body {
         font-family: "Nunito Sans", sans-serif;
-        background-image: url("https://c8.alamy.com/comp/2C3TB2W/travel-planning-concept-top-view-taking-notes-to-notebook-on-map-background-search-for-best-trip-in-tablet-with-blank-screen-copy-space-for-text-2C3TB2W.jpg");
+        background-image: url("https://i.pinimg.com/736x/e3/7c/a4/e37ca4808f3518f74e23b3734e878715.jpg");
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         margin: 0;
         padding: 0;
+        backdrop-filter: blur(2px);
       }
 
       header {
@@ -31,23 +46,14 @@
         height: 60px;
       }
 
-      .nav__logo {
-        font-size: 1.75rem;
-        font-weight: 600;
-        color: #ffffff;
-        text-decoration: none;
-      }
-
-      .nav__logo span {
-        color: #3685fb;
-      }
-
+      
       h1 {
         padding-right: 690px;
         text-align: center;
       }
 
       form {
+        
         max-width: 550px;
         margin: 80px auto;
         background-color: rgba(236, 248, 222, 0);
@@ -57,18 +63,23 @@
       }
 
       .container {
+        background: linear-gradient(rgb(156, 235, 255), #00fdf0);
         margin-bottom: 50px;
+        padding: 30px;
+        border-radius: 10px;
       }
 
       label {
         display: block;
-        margin-bottom: 8px;
+        margin-bottom: 9px;
         font-weight: bold;
-        text-align: center;
+        max-width: 100%;
+        /* text-align: center; */
       }
 
-      input,
+      .form-group input, .form-group
       select {
+        margin-left: 10px;
         width: 100%;
         padding: 10px;
         margin-bottom: 16px;
@@ -82,7 +93,7 @@
       button {
         display: block;
         margin: 0 auto;
-        background-color: #195253;
+        background-color: #0036c0;
         color: #fff;
         padding: 10px 20px;
         border: none;
@@ -91,14 +102,15 @@
         font-size: 16px;
         font-weight: bold;
         font-family: inherit;
+        width: 100%;
         transition: transform 0.3s ease-in-out,
-          background-color 0.3s ease-in-out;
+        background-color 0.3s ease-in-out;
       }
 
       button:hover {
-        background-color: #aef1b2;
+        background-color: #bef6ff;
         color: black;
-        transform: scale(1.15);
+        transform: scale(1.01);
       }
 
       select {
@@ -150,6 +162,7 @@
         input,
         select,
         button {
+         
           font-size: 14px;
         }
 
@@ -176,6 +189,383 @@
         background-color: #096cf7 !important;
         color: white !important;
       }
+      .form-group {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+      width: 100%;
+    }
+    .row{
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      gap:35px;
+    }
+    /* New NAvbar CSS Starts Here*/
+
+.nav-container {
+  margin-top: 0;
+  height: auto;
+  width: 200%;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  position: fixed;
+  left: 0;
+  z-index: 9999;
+
+}
+
+.newNav {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.5rem;
+  height: auto;
+  width: 100%;
+  padding: 0.4rem 0.5rem;
+  z-index: 10000;
+  transition: all 0.6s;
+}
+/* navbar sticky css  */
+.sticky{
+  /* margin: 10px 5px; */
+  border-radius: 10px;
+  margin-top: 0.5rem;
+  background: linear-gradient(#002152, #271050);
+  scale:0.99 !important;
+  
+  /* padding: 0rem 1rem;
+  margin-top: 0.5rem;
+  margin-left:0.5rem;
+  margin-right: 0.5rem;
+  width: 99%; */
+}
+
+.navLinks {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1.16rem;
+  list-style: none;
+  gap: 0.97rem;
+  position: relative;
+  top: 0.5rem;
+  z-index: 10;
+  right: 24px;
+}
+
+.link {
+  position: relative;
+}
+.link > a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 12px 20px;
+  text-decoration: none;
+  width: 100%;
+  transition: all 0.3s linear;
+}
+.link > a:hover {
+  background-color: #f6ddff;
+  border-radius: 10px;
+  box-shadow: rgb(56, 0, 109) 0px 0px 8px 2px inset;
+}
+.dropdown-menu {
+  display: none;
+  position: absolute;
+  background-color: #123456;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1;
+}
+
+.dropdown-menu > li {
+  float: none;
+}
+
+.dropdown-menu > li > a {
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+  text-align: left;
+}
+
+.dropdown-menu > li > a:hover {
+  background-color: #575757;
+}
+
+.dropdown:hover .dropdown-menu {
+  display: block;
+}
+/* .link a::before {
+  position: absolute;
+  content: "";
+  height: 2px;
+  width: 0%;
+  bottom: -5px;
+  left: 0;
+  background-color: red;
+} */
+
+/* .link a::after {
+  position: absolute;
+  content: "";
+  height: 2px;
+  width: 0%;
+  top: -5px;
+  right: 0;
+  background-color: red;
+  transition: all 0.2s ease-in-out;
+} */
+
+/* .link a:hover::before {
+  width: 100%;
+  transition: all 0.2s ease-in-out;
+} */
+/* 
+.link a:hover::after {
+  width: 100%;
+  transition: all 0.2s ease-in-out;
+} */
+.contact-btn {
+  position: relative;
+  right: 15px;
+  box-sizing: border-box;
+}
+
+#themeToggle {
+  width: inherit;
+}
+
+.hamburger {
+  height: 2rem;
+  width: 1.7rem;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+  display: none;
+  transition: 0.2s;
+}
+
+.line {
+  height: 5px;
+  width: 100%;
+  background-color: white;
+  border-radius: 2px;
+}
+
+@media screen and (max-width: 1220px) {
+  .hamburger {
+    display: flex;
+    cursor: pointer;
+  }
+  .nav__logo {
+    margin-left: 0px;
+  }
+  .navLinks {
+    position: absolute;
+    top: 70px;
+    background-color: #091020;
+    width: 0%;
+    left: 0;
+    height: 100vh;
+    padding: 2rem 0;
+    flex-direction: column;
+    transition: 0.2s;
+    overflow: hidden;
+  }
+
+  .navLinks li {
+    width: 100%;
+    padding: 0.5rem 0;
+    background-color: #1f2532;
+    z-index: 10;
+  }
+
+  #toggle {
+    font-size: 0.6rem;
+  }
+}
+.footer-head {
+  position: relative;
+  display: inline-block;
+  padding: 10px 0;
+}
+
+/* .footer-head::before,
+.footer-head::after {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 2px;
+  background-color: red;
+  transition: width 0.2s ease-in;
+} */
+
+.footer-head::before {
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.footer-head::after {
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+  /* .footer-head:hover::before {
+    width: 100%;
+  }
+  .footer-head:hover::after {
+    width: 100%;
+  } */
+.navLinks:active {
+  color: rgb(169, 35, 252);
+}
+
+.navLinks.activeHamburger {
+  width: 100%;
+}
+
+/* Initially the Login Button and View button are not in Hamburger Menu */
+.navLinks #LogIn-link, .navLinks #View-link {
+  display: none;
+}
+/* @media screen and (max-width: 1146px) {
+  .toggle-container {
+    position: relative;
+    right: 148px;
+  }
+  .hamburger {
+    position: relative;
+    right: 150px;
+  }
+} */
+/* @media only screen and (max-width:957px){
+  .toggle-container{
+    left: 30px;
+  }
+  .hamburger{
+    left: 30px;
+  }
+} */
+/* @media screen and (max-width: 846px) {
+  .toggle-container {
+    position: relative;
+    right: 200px;
+  }
+  .hamburger {
+    position: relative;
+    right: 245px;
+  }
+  .btn {
+    position: relative;
+    right: 57px;
+    top: 1px;
+  }
+} */
+
+/* Move Login from newNav to Hamburger */
+@media screen and (max-width: 690px) {
+  .navLinks #LogIn-link {
+    display: inline;
+  }
+  .newNav #nav-login-btn {
+    display: none;
+  }
+}
+
+/* Move Login from Hamburger to newNav */
+@media screen and (min-width: 690px) {
+  .navLinks #LogIn-link {
+    display: none;
+  }
+  .newNav #nav-login-btn {
+    display: inline;
+  }
+}
+
+/* Move View from newNav to Hamburger */
+@media screen and (max-width: 510px) {
+  .navLinks #View-link {
+    display: inline;
+  }
+  .newNav #nav-view-btn {
+    display: none;
+  }
+  .newNav img{
+    position: relative;
+  }
+}
+
+/* Move View from Hamburger to newNav */
+@media screen and (min-width: 510px) {
+  .navLinks #View-link {
+    display: none;
+  }
+  .newNav #nav-view-btn {
+    display: inline;
+  }
+}
+
+/* TO prevent unnecessary wrapping */
+@media screen and (max-width: 400px) {
+  .newNav {
+    gap: 0;
+  }
+}
+
+/* Hide the logo name */
+@media screen and (max-width: 350px) {
+  .newNav .nav__logo {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 652px) {
+  .toggle {
+    width: 5vw;
+  }
+  .line {
+    width: 5vw;
+  }
+
+}
+@media only screen and (max-width:577px){
+  .but{
+    position: relative;
+    top: -37px;
+    left: 85px;
+  }
+}
+@media only screen and (max-width: 465.5px){
+
+  .but{
+    position: relative;
+    left:17px;
+    top: -4px;
+  }
+  .but2{
+    position: relative;
+    left: 30px;
+    top: -2px;
+  }
+}
+/* @media screen and (max-width: 430px) {
+  .toggle-container {
+    right: 374px;
+  }
+  .newNav img {
+    left: 75px;
+  }
+  .nav__logo {
+    left: 36px;
+  }
+} */
+/* New NAvbar CSS Ends Here*/
     </style>
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
     <script>
@@ -216,35 +606,98 @@
           .addEventListener("submit", handleSubmit);
       });
     </script>
+     <!-- sticky animation  -->
+ <script type="text/javascript">
+  window.addEventListener("scroll", function () {
+    var header = document.querySelector("nav");
+    header.classList.toggle("sticky", window.scrollY > 50)
+  })
+</script>
   </head>
   <body>
-    <header>
-      <a href="index.html" class="nav__logo" data-aos="fade-right"
-        >Tourguide<span>.</span></a
-      >
-      <h1>Trip Planner</h1>
-    </header>
+    <div class="nav-container">
+      <nav class="newNav">
+        <div style="display: flex; flex-direction: row; align-items: center;">
+          <img src="./img/tour1.png" class="sitelogo">
+          
+          <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="index.html#AboutUs">About</a></li>
+            <li class="link dropdown" data-aos="">
+                <a href="index.html#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="index.html#testimonials">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>
+      <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> -->
+  
+      <div class="toggle-container" data-aos="fade-down">
+        <input id="themeToggle" class="toggle" type="checkbox">
+      </div>
+      <div class="hamburger" data-aos="fade-down">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+      </div>
+    </nav>
+  </div>
+        
 
     <form id="tripForm">
       <div class="container">
+        <div class="form-group">
         <label for="destination">Destination:</label>
         <input type="text" id="destination" name="destination" required />
+        </div>
 
+        <div class="row">
+        <div class="form-group">
         <label for="startDate">Start Date:</label>
         <input type="date" id="startDate" name="startDate" required />
-
+      </div>
+    
+      <div class="form-group">
         <label for="endDate">End Date:</label>
         <input type="date" id="endDate" name="endDate" required />
+      </div>
+    </div>
 
+
+      <div class="form-group">
         <label for="budget">Budget:</label>
         <input type="number" id="budget" name="budget" required />
+      </div>
 
+      <div class="form-group">
         <label for="accommodation">Accommodation:</label>
         <select id="accommodation" name="accommodation">
           <option value="hotel">Hotel</option>
           <option value="apartment">Apartment</option>
           <option value="hostel">Hostel</option>
         </select>
+      </div>
 
         <button type="submit">Plan My Trip</button>
       </div>

From 6adacdb9e5929932770d202ee2f9dedf36034cdd Mon Sep 17 00:00:00 2001
From: sau-mili <146661411+sau-mili@users.noreply.github.com>
Date: Tue, 30 Jul 2024 22:20:01 +0530
Subject: [PATCH 3/4] NAVBAR Updated

---
 Adventure.html    | 73 ++++++++-----------------------------
 Cultural_Exp.html | 70 +++++++++--------------------------
 HoneyMoon.html    | 71 ++++++++----------------------------
 faq.css           |  2 +-
 faq.html          | 93 ++++++++++++++++++++---------------------------
 feedback.html     | 64 +++++++++-----------------------
 package.html      | 74 +++++++++----------------------------
 styles.css        |  2 +-
 8 files changed, 127 insertions(+), 322 deletions(-)

diff --git a/Adventure.html b/Adventure.html
index 84dec3da..ec4de8e3 100644
--- a/Adventure.html
+++ b/Adventure.html
@@ -87,11 +87,6 @@
         opacity: 1;
       }
     }
-    .newNav{
-      opacity: 1 !important;
-      transform: none !important;
-    }
-
   </style>
 
   <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
@@ -113,13 +108,6 @@
       emailjs.init("WB9rAyWwwLZube-er");
     })();
   </script>
-     <!-- sticky animation  -->
- <script type="text/javascript">
-  window.addEventListener("scroll", function () {
-    var header = document.querySelector("nav");
-    header.classList.toggle("sticky", window.scrollY > 50)
-  })
-</script>
 
   <style>
     html {
@@ -144,47 +132,22 @@
       </ul>
       <a href="/index.html"><button class="btn">Contact Us</button></a>
     </nav> -->
-    <div class="nav-container">
-      <nav class="newNav">
-        <div style="display: flex; flex-direction: row; align-items: center;">
-          <img src="./img/tour1.png" class="sitelogo">
-          
-          <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="index.html#AboutUs">About</a></li>
-            <li class="link dropdown" data-aos="">
-                <a href="index.html#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="index.html#testimonials">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>
-      <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> -->
-  
-      <div class="toggle-container" data-aos="fade-down">
-        <input id="themeToggle" class="toggle" type="checkbox">
-      </div>
+  <div class="nav-container">
+    <nav class="newNav">
+      <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+
+      <ul class="navLinks">
+        <li class="link" data-aos="fade-down"><a href="./index.html#Home">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#testimonials">Testimonials</a></li>
+        <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery">Reviews</a></li>
+        <li class="link" data-aos="fade-down"><a href="./feedback.html">Rate Us?</a></li>
+        <li class="link" data-aos="fade-down"><a href="./login.html">Login</a></li>
+      </ul>
+      <a href="./index.html#contact" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
+          data-aos="fade-down">Contact Us</button></a>
       <div class="hamburger" data-aos="fade-down">
         <div class="line"></div>
         <div class="line"></div>
@@ -192,9 +155,6 @@
       </div>
     </nav>
   </div>
-        
-
-
   <section class="trip" id="trip">
 
     <div class="section__container trip__container">
@@ -294,7 +254,6 @@ <h2 id="noResults" style="display: none;" ><b>NO RESULTS FOUND</b> <img src="not
   margin:2px;
   color:cornflowerblue;
 }
-
       </style>
   
        <!--javascript for functionality of search button-->
diff --git a/Cultural_Exp.html b/Cultural_Exp.html
index 6a6cc7a7..a076988e 100644
--- a/Cultural_Exp.html
+++ b/Cultural_Exp.html
@@ -88,10 +88,6 @@
         opacity: 1;
       }
     }
-    .newNav{
-      opacity: 1 !important;
-      transform: none !important;
-    }
   </style>
 
   <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
@@ -111,13 +107,6 @@
       emailjs.init("WB9rAyWwwLZube-er");
     })();
   </script>
-      <!-- sticky animation  -->
- <script type="text/javascript">
-  window.addEventListener("scroll", function () {
-    var header = document.querySelector("nav");
-    header.classList.toggle("sticky", window.scrollY > 50)
-  })
-</script>
 
   <style>
     html {
@@ -142,47 +131,22 @@
       </ul>
       <a href="/index.html"><button class="btn">Contact Us</button></a>
     </nav> -->
-    <div class="nav-container">
-      <nav class="newNav">
-        <div style="display: flex; flex-direction: row; align-items: center;">
-          <img src="./img/tour1.png" class="sitelogo">
-          
-          <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="index.html#AboutUs">About</a></li>
-            <li class="link dropdown" data-aos="">
-                <a href="index.html#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="index.html#testimonials">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>
-      <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> -->
-  
-      <div class="toggle-container" data-aos="fade-down">
-        <input id="themeToggle" class="toggle" type="checkbox">
-      </div>
+  <div class="nav-container">
+    <nav class="newNav">
+      <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+
+      <ul class="navLinks">
+        <li class="link" data-aos="fade-down"><a href="./index.html#Home">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#testimonials">Testimonials</a></li>
+        <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery">Reviews</a></li>
+        <li class="link" data-aos="fade-down"><a href="./feedback.html">Rate Us?</a></li>
+        <li class="link" data-aos="fade-down"><a href="./login.html">Login</a></li>
+      </ul>
+      <a href="./index.html#contact" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
+          data-aos="fade-down">Contact Us</button></a>
       <div class="hamburger" data-aos="fade-down">
         <div class="line"></div>
         <div class="line"></div>
@@ -190,7 +154,7 @@
       </div>
     </nav>
   </div>
-        
+
   
 
 
diff --git a/HoneyMoon.html b/HoneyMoon.html
index 6127ab4a..945a60ef 100644
--- a/HoneyMoon.html
+++ b/HoneyMoon.html
@@ -87,11 +87,6 @@
         opacity: 1;
       }
     }
-    .newNav{
-      opacity: 1 !important;
-      transform: none !important;
-      scale: none !important;
-    }
   </style>
 
   <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
@@ -111,13 +106,6 @@
       emailjs.init("WB9rAyWwwLZube-er");
     })();
   </script>
-   <!-- sticky animation  -->
- <script type="text/javascript">
-  window.addEventListener("scroll", function () {
-    var header = document.querySelector("nav");
-    header.classList.toggle("sticky", window.scrollY > 50)
-  })
-</script>
 
   <style>
     html {
@@ -142,47 +130,22 @@
       </ul>
       <a href="/index.html"><button class="btn">Contact Us</button></a>
     </nav> -->
-    <div class="nav-container">
-      <nav class="newNav">
-        <div style="display: flex; flex-direction: row; align-items: center;">
-          <img src="./img/tour1.png" class="sitelogo">
-          
-          <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="index.html#AboutUs">About</a></li>
-            <li class="link dropdown" data-aos="">
-                <a href="index.html#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="index.html#testimonials">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>
-      <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> -->
-  
-      <div class="toggle-container" data-aos="fade-down">
-        <input id="themeToggle" class="toggle" type="checkbox">
-      </div>
+  <div class="nav-container">
+    <nav class="newNav">
+      <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+
+      <ul class="navLinks">
+        <li class="link" data-aos="fade-down"><a href="./index.html#Home">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#testimonials">Testimonials</a></li>
+        <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery">Reviews</a></li>
+        <li class="link" data-aos="fade-down"><a href="./feedback.html">Rate Us?</a></li>
+        <li class="link" data-aos="fade-down"><a href="./login.html">Login</a></li>
+      </ul>
+      <a href="./index.html#contact" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
+          data-aos="fade-down">Contact Us</button></a>
       <div class="hamburger" data-aos="fade-down">
         <div class="line"></div>
         <div class="line"></div>
@@ -190,8 +153,6 @@
       </div>
     </nav>
   </div>
-
-
   <section class="trip" id="trip">
     <div class="section__container trip__container">
       <h2 class="section__title">HoneyMoon Travel</h2>
diff --git a/faq.css b/faq.css
index 5b6acd22..efc4b90e 100644
--- a/faq.css
+++ b/faq.css
@@ -2,7 +2,7 @@
 
 * {
   box-sizing: border-box;
-  /* border-radius: 20px; */
+  border-radius: 20px;
 }
 
 :root {
diff --git a/faq.html b/faq.html
index 7003f7e0..7d2a6dbe 100644
--- a/faq.html
+++ b/faq.html
@@ -34,13 +34,6 @@
     <script src="path/to/aos.js"></script>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js">
     </script>
-        <!-- sticky animation  -->
- <script type="text/javascript">
-  window.addEventListener("scroll", function () {
-    var header = document.querySelector("nav");
-    header.classList.toggle("sticky", window.scrollY > 50)
-  })
-</script>
     <script type="text/javascript">
       (function () {
         emailjs.init("WB9rAyWwwLZube-er");
@@ -277,55 +270,49 @@
       </div>
       <div id="progressbar"></div>
       <div id="scrollPath"></div>
-      <div class="nav-container">
+      
+      <div class="nav-container" id="top">
         <nav class="newNav">
-          <div style="display: flex; flex-direction: row; align-items: center;">
-            <img src="./img/tour1.png" class="sitelogo">
-            
-            <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-          </div>
-    
+          <img src="./img/A T logo with a white background and a square shape, connected to nature for a travel company.png" style="width:30px;height:30px;border-radius:50%;">
+          
+          <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+  
           <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="#Home">Home</a></li>
-              <li class="link" data-aos=""><a href="#AboutUs">About</a></li>
-              <li class="link dropdown" data-aos="">
-                  <a href="#Services" class="dropdown">Services</a>
-                  <ul class="dropdown-menu">
-                      <li><a href="#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 & Resort</a></li>
-                  </ul>
-              </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>
+  
+            <li class="link" data-aos=""><a href="index.html#Home">Home</a></li>
+            <li class="link" data-aos=""><a href="index.html#AboutUs"> AboutUs</a></li>
+            <li class="link" data-aos=""><a href="index.html#Destinations">Destinations</a></li>
+            <li class="link" data-aos=""><a href="index.html#trip">Pricing</a></li>
+            <li class="link" data-aos=""><a href="index.html#ReviewGallery">Trip Gallery</a></li>
+            <li class="link" data-aos=""><a href="index.html#testimonials">Testimonials</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>
-        <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> -->
-    
-        <div class="toggle-container" data-aos="fade-down">
-          <input id="themeToggle" class="toggle" type="checkbox">
-        </div>
-        <div class="hamburger" data-aos="fade-down">
-          <div class="line"></div>
-          <div class="line"></div>
-          <div class="line"></div>
-        </div>
-      </nav>
-    </div>
-
+  
+  
+          <a href="newLogin.html" class="contact-btn"><button class="btn but2" id="btn-style" style="margin: 0;"
+              data-aos="fade-down">Login/SignUp</button></a>
+              <a href="mapa.html" class="contact-btn"><button class="btn but" 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> -->
+  
+          <div class="toggle-container" data-aos="fade-down">
+            <input id="themeToggle" class="toggle" type="checkbox">
+          </div>
+          <div class="hamburger" data-aos="fade-down">
+            <div class="line"></div>
+            <div class="line"></div>
+            <div class="line"></div>
+          </div>
+        </nav>
+      </div>
       <header>
     
 
diff --git a/feedback.html b/feedback.html
index 84da4b44..9a4703be 100644
--- a/feedback.html
+++ b/feedback.html
@@ -86,13 +86,6 @@
     <div class="circle"></div>
     <div class="circle"></div>
   </div>
-   <!-- sticky animation  -->
- <script type="text/javascript">
-  window.addEventListener("scroll", function () {
-    var header = document.querySelector("nav");
-    header.classList.toggle("sticky", window.scrollY > 50)
-  })
-</script>
   <script>
     document.addEventListener("DOMContentLoaded", function () {
       const coords = { x: 0, y: 0 };
@@ -133,44 +126,24 @@
 
   </script>
     <header class="registration-header">
-      <div class="nav-container">
-        <nav class="newNav">
-          <div style="display: flex; flex-direction: row; align-items: center;">
-            <img src="./img/tour1.png" class="sitelogo">
-            
-            <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="index.html#AboutUs">About</a></li>
-              <li class="link dropdown" data-aos="">
-                  <a href="index.html#Services" class="dropdown">Services</a>
-                  <ul class="dropdown-menu">
-                      <li><a href="index.html#Destinations">Destination</a></li>
-                      <li><a href="#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="index.html#testimonials">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>
-        <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> -->
-    
+    <div class="nav-container" id="top">
+      <nav class="newNav">
+        <a href="../index.html" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+
+        <ul class="navLinks">
+
+          <li class="link" data-aos="fade-down"><a href="./index.html#home" target="_blank">Home</a></li>
+          <li class="link" data-aos="fade-down"><a href="./index.html#AboutUs" target="_blank">AboutUs</a></li>
+          <li class="link" data-aos="fade-down"><a href="./index.html#Destinations" target="_blank">Destinations</a></li>
+          <li class="link" data-aos="fade-down"><a href="./index.html#trip" target="_blank">Pricing</a></li>
+          <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery" target="_blank">Trip Gallery</a></li>
+          <li class="link" data-aos="fade-down"><a href="./index.html#testimonials" target="_blank">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" target="_blank">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>
@@ -181,7 +154,6 @@
         </div>
       </nav>
     </div>
-          
   </header>
     <div class="sidebyside">
       <div class="image">
diff --git a/package.html b/package.html
index 69dddd9b..f0da725f 100644
--- a/package.html
+++ b/package.html
@@ -87,10 +87,6 @@
         opacity: 1;
       }
     }
-    .newNav{
-      opacity: 1 !important;
-      transform: none !important;
-    }
   </style>
 
   <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
@@ -115,14 +111,6 @@
     }
   </style>
 
-    <!-- sticky animation  -->
- <script type="text/javascript">
-  window.addEventListener("scroll", function () {
-    var header = document.querySelector("nav");
-    header.classList.toggle("sticky", window.scrollY > 50)
-  })
-</script>
-
 </head>
 
 <body>
@@ -142,53 +130,27 @@
     </nav> -->
   <div class="nav-container">
     <nav class="newNav">
-      <div style="display: flex; flex-direction: row; align-items: center;">
-        <img src="./img/tour1.png" class="sitelogo">
-        
-        <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-      </div>
+      <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
 
       <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="index.html#AboutUs">About</a></li>
-          <li class="link dropdown" data-aos="">
-              <a href="index.html#Services" class="dropdown">Services</a>
-              <ul class="dropdown-menu">
-                  <li><a href="index.html#Destinations">Destination</a></li>
-                  <li><a href="#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="index.html#testimonials">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>
+        <li class="link" data-aos="fade-down"><a href="./index.html#Home">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#testimonials">Testimonials</a></li>
+        <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery">Reviews</a></li>
+        <li class="link" data-aos="fade-down"><a href="./feedback.html">Rate 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" 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> -->
-
-    <div class="toggle-container" data-aos="fade-down">
-      <input id="themeToggle" class="toggle" type="checkbox">
-    </div>
-    <div class="hamburger" data-aos="fade-down">
-      <div class="line"></div>
-      <div class="line"></div>
-      <div class="line"></div>
-    </div>
-  </nav>
-</div>
-      
+      <a href="login-modified.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
+          data-aos="fade-down">Login</button></a>
+      <div class="hamburger" data-aos="fade-down">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+      </div>
+    </nav>
+  </div>
 
 
   <section class="trip" id="trip">
diff --git a/styles.css b/styles.css
index 6e7ecef9..2506999e 100644
--- a/styles.css
+++ b/styles.css
@@ -2087,7 +2087,7 @@ body {
   border-radius: 10px;
   margin-top: 0.5rem;
   background: linear-gradient(#002152, #271050);
-  scale:0.99 !important;
+  scale:0.99;
   
   /* padding: 0rem 1rem;
   margin-top: 0.5rem;

From e4852d86a7494093fad4c37928db21de11bad297 Mon Sep 17 00:00:00 2001
From: sau-mili <146661411+sau-mili@users.noreply.github.com>
Date: Sun, 4 Aug 2024 23:45:37 +0530
Subject: [PATCH 4/4] Fixed the three pages

---
 Adventure.html    | 55 +++++++++++++++++++++++++++++++++++--
 Cultural_Exp.html | 70 ++++++++++++++++++++++++++++++++++-------------
 HoneyMoon.html    | 65 +++++++++++++++++++++++++++++++++----------
 3 files changed, 153 insertions(+), 37 deletions(-)

diff --git a/Adventure.html b/Adventure.html
index 624825dc..248872be 100644
--- a/Adventure.html
+++ b/Adventure.html
@@ -10,6 +10,15 @@
     integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
     crossorigin="anonymous" referrerpolicy="no-referrer" />
   <style>
+     .newNav{
+      opacity:1 !important;
+      translate: none !important;
+      rotate: none !important;
+      scale: none !important;
+      transform: none !important;
+    }
+
+ 
    
     .top-btn {
       display: none;
@@ -91,9 +100,9 @@
   <style>
     /* Toggle button styles */
 .toggle-container {
-  position: fixed; /* Change this as needed for positioning */
-  top: 10px;
-  right: 10px;
+  /* position: fixed; Change this as needed for positioning */
+  /* top: 10px; */
+  /* right: 10px; */
 }
 
 .toggle {
@@ -148,6 +157,38 @@
   background-color: #002152;
   color: #ffffff;
 }
+
+
+@media screen and (max-width:390px) {
+      .nav__logo {
+        position: relative;
+        right: 1.9rem;
+      }
+
+      .contact-btn {
+        position: relative;
+        right: 2.5rem;
+      }
+
+      .toggle-container {
+        position: relative;
+        right: 2.5rem;
+
+      }
+
+      .toggle {
+        width: 130%;
+      }
+
+      .line {
+        width: 150%;
+      }
+
+      .hamburger {
+        position: relative;
+        right: 1rem;
+      }
+    }
   </style>
 
   <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
@@ -176,6 +217,14 @@
     }
   </style>
 
+    <!-- sticky animation  -->
+ <script type="text/javascript">
+  window.addEventListener("scroll", function () {
+    var header = document.querySelector("nav");
+    header.classList.toggle("sticky", window.scrollY > 50)
+  })
+</script>
+
 </head>
 
 <body>
diff --git a/Cultural_Exp.html b/Cultural_Exp.html
index a076988e..4059b1e3 100644
--- a/Cultural_Exp.html
+++ b/Cultural_Exp.html
@@ -11,6 +11,13 @@
     integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
     crossorigin="anonymous" referrerpolicy="no-referrer" />
   <style>
+     .newNav{
+      opacity:1 !important;
+      translate: none !important;
+      rotate: none !important;
+      scale: none !important;
+      transform: none !important;
+    }
    
     .top-btn {
       display: none;
@@ -114,6 +121,14 @@
     }
   </style>
 
+    <!-- sticky animation  -->
+ <script type="text/javascript">
+  window.addEventListener("scroll", function () {
+    var header = document.querySelector("nav");
+    header.classList.toggle("sticky", window.scrollY > 50)
+  })
+</script>
+
 </head>
 
 <body>
@@ -131,33 +146,50 @@
       </ul>
       <a href="/index.html"><button class="btn">Contact Us</button></a>
     </nav> -->
-  <div class="nav-container">
     <nav class="newNav">
-      <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+      <div style="display: flex; flex-direction: row; align-items: center;">
+      <img src="./img/tour1.png" class="sitelogo">
+      
+      <a href="#" class="nav__logo aos-init aos-animate" data-aos="fade-right">Tourguide<span>.</span></a>
+    </div>
 
       <ul class="navLinks">
-        <li class="link" data-aos="fade-down"><a href="./index.html#Home">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#testimonials">Testimonials</a></li>
-        <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery">Reviews</a></li>
-        <li class="link" data-aos="fade-down"><a href="./feedback.html">Rate Us?</a></li>
-        <li class="link" data-aos="fade-down"><a href="./login.html">Login</a></li>
-      </ul>
-      <a href="./index.html#contact" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
-          data-aos="fade-down">Contact Us</button></a>
-      <div class="hamburger" data-aos="fade-down">
+        <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="#Home">Home</a></li>
+        <li class="link aos-init aos-animate" data-aos=""><a href="#AboutUs">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="#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 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>
+    </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>
+      <a href="mapa.html" class="contact-btn" id="nav-view-btn"><button class="btn aos-init aos-animate" 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 aos-init aos-animate" 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> -->
+
+      <div class="toggle-container aos-init aos-animate" data-aos="fade-down">
+        <input id="themeToggle" class="toggle" type="checkbox">
+      </div>
+      <div class="hamburger aos-init aos-animate" data-aos="fade-down">
         <div class="line"></div>
         <div class="line"></div>
         <div class="line"></div>
       </div>
     </nav>
-  </div>
-
-  
-
-
 
   <section class="trip" id="trip">
     <div class="section__container trip__container">
diff --git a/HoneyMoon.html b/HoneyMoon.html
index 945a60ef..83cd48b7 100644
--- a/HoneyMoon.html
+++ b/HoneyMoon.html
@@ -10,6 +10,13 @@
     integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
     crossorigin="anonymous" referrerpolicy="no-referrer" />
   <style>
+    .newNav{
+      opacity:1 !important;
+      translate: none !important;
+      rotate: none !important;
+      scale: none !important;
+      transform: none !important;
+    }
    
     .top-btn {
       display: none;
@@ -106,6 +113,13 @@
       emailjs.init("WB9rAyWwwLZube-er");
     })();
   </script>
+    <!-- sticky animation  -->
+ <script type="text/javascript">
+  window.addEventListener("scroll", function () {
+    var header = document.querySelector("nav");
+    header.classList.toggle("sticky", window.scrollY > 50)
+  })
+</script>
 
   <style>
     html {
@@ -130,29 +144,50 @@
       </ul>
       <a href="/index.html"><button class="btn">Contact Us</button></a>
     </nav> -->
-  <div class="nav-container">
     <nav class="newNav">
-      <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+      <div style="display: flex; flex-direction: row; align-items: center;">
+      <img src="./img/tour1.png" class="sitelogo">
+      
+      <a href="#" class="nav__logo aos-init aos-animate" data-aos="fade-right">Tourguide<span>.</span></a>
+    </div>
 
       <ul class="navLinks">
-        <li class="link" data-aos="fade-down"><a href="./index.html#Home">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#testimonials">Testimonials</a></li>
-        <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery">Reviews</a></li>
-        <li class="link" data-aos="fade-down"><a href="./feedback.html">Rate Us?</a></li>
-        <li class="link" data-aos="fade-down"><a href="./login.html">Login</a></li>
-      </ul>
-      <a href="./index.html#contact" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
-          data-aos="fade-down">Contact Us</button></a>
-      <div class="hamburger" data-aos="fade-down">
+        <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="#Home">Home</a></li>
+        <li class="link aos-init aos-animate" data-aos=""><a href="#AboutUs">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="#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 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>
+    </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>
+      <a href="mapa.html" class="contact-btn" id="nav-view-btn"><button class="btn aos-init aos-animate" 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 aos-init aos-animate" 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> -->
+
+      <div class="toggle-container aos-init aos-animate" data-aos="fade-down">
+        <input id="themeToggle" class="toggle" type="checkbox">
+      </div>
+      <div class="hamburger aos-init aos-animate" data-aos="fade-down">
         <div class="line"></div>
         <div class="line"></div>
         <div class="line"></div>
       </div>
     </nav>
-  </div>
   <section class="trip" id="trip">
     <div class="section__container trip__container">
       <h2 class="section__title">HoneyMoon Travel</h2>