From d205fb5e921e777b2bfdcfc53f20142790cb26f9 Mon Sep 17 00:00:00 2001
From: Aryan Singh <Aryannaruka7@gmail.com>
Date: Thu, 27 Jun 2024 18:41:16 +0530
Subject: [PATCH 1/4] fix/social-media-icons

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index c071d5a9..87f45db0 100644
--- a/index.html
+++ b/index.html
@@ -1054,7 +1054,7 @@ <h4 class="footer__subtitle">Support</h4>
         </div>
         <div class="footer__col">
           <p>Social Media</p>
-          <section class="social-icon">
+          <section class="social-icon d-flex ">
             <a href="#" class="fa-brands fa-facebook fa-2xl"></a>
             <a href="#" class="fa-brands fa-instagram fa-2xl"></a>
             <a href="#" class="fa-brands fa-twitter fa-2xl"></a>

From d7881719d2f481a137db829914e13dcdc6f2435a Mon Sep 17 00:00:00 2001
From: Aryan Singh <Aryannaruka7@gmail.com>
Date: Thu, 27 Jun 2024 19:35:52 +0530
Subject: [PATCH 2/4] fix/aligned-reachout

---
 index.html | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 87f45db0..e92d7623 100644
--- a/index.html
+++ b/index.html
@@ -1088,10 +1088,17 @@ <h4>Address</h4>
         </div>
         <div class="footer__col">
           <div class="footer__area">
-          <h4>Reach Out To Us</h4>
-          <p><span>Email:</span><a href="mailto:tour@tourguide.com">tour@tourguide.com</a></p>
-          <p><span>Phone:</span><a href="tel:8562145852">+91 8562145852</a></p>
-        </div>
+            <h4>Reach Out To Us</h4>
+            <div class="d-flex align-items-center mb-2">
+              <span class="mr-2">Email :</span>
+              <a href="mailto:tour@tourguide.com" class="text-nowrap">tour@tourguide.com</a>
+            </div>
+            <div class="d-flex align-items-center">
+              <span class="mr-2">Phone :</span>
+              <a href="tel:8562145852" class="text-nowrap">+91 8562145852</a>
+            </div>
+          </div>
+        
         </div>
         <div class="footer__col">
           <div id="google_element"></div>

From f9c94c21ad09bafcfc483fa85867ab06f9561641 Mon Sep 17 00:00:00 2001
From: Aryan Singh <Aryannaruka7@gmail.com>
Date: Thu, 27 Jun 2024 20:04:11 +0530
Subject: [PATCH 3/4] fix : Footer Section alignment issue

---
 index.html | 490 ++++++++++++++++++++++++++++-------------------------
 1 file changed, 262 insertions(+), 228 deletions(-)

diff --git a/index.html b/index.html
index e92d7623..840ef891 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
   <link rel="stylesheet" href="explore.css">
   <title>Tourguide</title>
   <!-- adding a fav-icon -->
-  <link rel="icon" type="image/x-icon" href="favicon.ico"/>
+  <link rel="icon" type="image/x-icon" href="favicon.ico" />
 
   <script src="index.js" defer></script>
   <script src="mouseEffect.js"></script>
@@ -64,74 +64,86 @@
     .active {
       color: red !important;
     }
-    @media screen and (max-width:390px){
-      .nav__logo{
+
+    @media screen and (max-width:390px) {
+      .nav__logo {
         position: relative;
         right: 1.9rem;
       }
-      .contact-btn{
+
+      .contact-btn {
         position: relative;
         right: 2.5rem;
       }
-      .toggle-container{
+
+      .toggle-container {
         position: relative;
         right: 2.5rem;
 
       }
-      .toggle{
+
+      .toggle {
         width: 130%;
-      } 
-      .line{
+      }
+
+      .line {
         width: 130%;
       }
-      .hamburger{
+
+      .hamburger {
         position: relative;
         right: 1rem;
       }
     }
+
     @media screen and (max-width:364px) {
-      .toggle{
-        width:190%;
+      .toggle {
+        width: 190%;
       }
-      .line{
+
+      .line {
         width: 190%;
       }
     }
+
     .gallery-rotate-image .image-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px; /* Adjust the gap between images */
-}
-
-.gallery-rotate-image .image-container span {
-  display: inline-block;
-}
-
-.trip-gallery-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px; /* Adjust the gap between images */
-}
-
-.trip-gallery-container .image-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.trip-gallery-container .image-container img {
-  max-width: 100%;
-  height: auto;
-}
-
-.btn-container {
-  display: flex;
-  justify-content: center;
-  gap: 8px; /* Adjust the gap between buttons */
-}
+      display: flex;
+      flex-wrap: wrap;
+      gap: 16px;
+      /* Adjust the gap between images */
+    }
+
+    .gallery-rotate-image .image-container span {
+      display: inline-block;
+    }
+
+    .trip-gallery-container {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 16px;
+      /* Adjust the gap between images */
+    }
+
+    .trip-gallery-container .image-container {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+
+    .trip-gallery-container .image-container img {
+      max-width: 100%;
+      height: auto;
+    }
+
+    .btn-container {
+      display: flex;
+      justify-content: center;
+      gap: 8px;
+      /* Adjust the gap between buttons */
+    }
   </style>
-<link rel="stylesheet" href="imstyle.css">
-<link rel="stylesheet" href="jquery.flipster.min.css">
+  <link rel="stylesheet" href="imstyle.css">
+  <link rel="stylesheet" href="jquery.flipster.min.css">
 
 </head>
 
@@ -170,8 +182,10 @@ <h1>TourGuide . . .</h1>
   </nav> -->
     <div class="nav-container" id="top">
       <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%;">
-        
+        <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">
@@ -191,11 +205,11 @@ <h1>TourGuide . . .</h1>
 
         <a href="newLogin.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
             data-aos="fade-down">Login/SignUp</button></a>
-            <a href="mapa.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
-              data-aos="fade-down">view <map name=""></map></button></a>
+        <a href="mapa.html" class="contact-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="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> -->
@@ -218,8 +232,9 @@ <h1>TourGuide . . .</h1>
         </div>
         <div class="header__content">
           <div>
-            <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best Kept   <div> <span
-                class="auto-typed" style="color: var(--head-text);"></span></div></h1>
+            <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best Kept <div> <span
+                  class="auto-typed" style="color: var(--head-text);"></span></div>
+            </h1>
             <p class="section__subtitle" data-aos="fade-in">
               Make your travel more enjoyable with us. We are the best travel
               agency and we are providing the best travel services for our
@@ -234,7 +249,7 @@ <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best
                   style="box-shadow: 2px 2px 8px red;">Book Now</button></a>
             </div>
 
-              
+
             <br>
             <div class="story">
               <div class="video">
@@ -244,7 +259,7 @@ <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best
                 <a href="story.html" class="btn_video">
                   <span><i class="ri-play-fill"></i></span>
               </div>
-               
+
             </div>
             <span data-aos="fade-in">Watch our story</span>
           </div>
@@ -428,26 +443,26 @@ <h3 style="font-weight: 600;font-size: 24px;">Get Flat 15% OFF</h3>
     </div>
 
     <section class="section__container destination__container" id="Destinations" data-aos="fade-up">
-    <div class="section__header">
-      <div>
-        <h2 class="section__title" data-aos="fade-in">Explore top destinations</h2>
-        <p class="section__subtitle" data-aos="fade-in">
-          Explore your dream places around the world. Here you can find your perfect destination.
-        </p>
+      <div class="section__header">
+        <div>
+          <h2 class="section__title" data-aos="fade-in">Explore top destinations</h2>
+          <p class="section__subtitle" data-aos="fade-in">
+            Explore your dream places around the world. Here you can find your perfect destination.
+          </p>
+        </div>
       </div>
-    </div>
 
-    <!-- slideshow -->
-<!-- <div class="slideshow-container" data-aos="fade-up"> -->
+      <!-- slideshow -->
+      <!-- <div class="slideshow-container" data-aos="fade-up"> -->
 
-<!-- Next and previous buttons -->
-<!-- <div class="destination__nav">
+      <!-- Next and previous buttons -->
+      <!-- <div class="destination__nav">
       <span onclick="pullSlide(-1)"><i class="ri-arrow-left-s-line"></i></span>
       <span onclick="pullSlide(1)"><i class="ri-arrow-right-s-line"></i></span>
     </div> -->
 
-<!-- Full-width images with number and caption text -->
-<!-- <div class="mySlides">
+      <!-- Full-width images with number and caption text -->
+      <!-- <div class="mySlides">
       <img src="./img/eiffelTower.webp" style="width:100%">
     </div>
 
@@ -469,59 +484,59 @@ <h2 class="section__title" data-aos="fade-in">Explore top destinations</h2>
           <span></span>
         </div>
       </div> -->
-    <div class="outer-box">
-      <div class="containers">
-            
+      <div class="outer-box">
+        <div class="containers">
+
           <div class="card active" style="
             background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
               url('/img/paris.jpg')
           ">
-          <div class="info">
+            <div class="info">
 
-            <p>
-              ||Eiffel Tower||
-            </p>
-            <h3>PARIS</h3>
+              <p>
+                ||Eiffel Tower||
+              </p>
+              <h3>PARIS</h3>
+            </div>
           </div>
-        </div>
 
-    <div class="card" style="
+          <div class="card" style="
       background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
         url('./img/london.jpg')
     ">
-      <div class="info">
-        <img src="./img/london.jpg" alt="Giant Wheel" style="width:100%">
-        <p>||Giant Wheel||</p>
-        <h3>LONDON</h3>
-      </div>
-    </div>
+            <div class="info">
+              <img src="./img/london.jpg" alt="Giant Wheel" style="width:100%">
+              <p>||Giant Wheel||</p>
+              <h3>LONDON</h3>
+            </div>
+          </div>
 
-    <div class="card" style="
+          <div class="card" style="
       background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
         url('./img/goa.jpg')
     ">
-      <div class="info">
-        <img src="./img/goa.jpg" alt="Goa Beach" style="width:100%">
-        <p>||Goa Beach||</p>
-        <h3>GOA</h3>
-      </div>
-    </div>
+            <div class="info">
+              <img src="./img/goa.jpg" alt="Goa Beach" style="width:100%">
+              <p>||Goa Beach||</p>
+              <h3>GOA</h3>
+            </div>
+          </div>
 
-    <div class="card" style="
+          <div class="card" style="
       background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
         url('./img/maldives.jpg')
     ">
-      <div class="info">
-        <img src="./img/maldives.jpg" alt="Male Beach" style="width:100%">
-        <p>||Male Beach||</p>
-        <h3>MALDIVES</h3>
-      </div>
-    </div>
+            <div class="info">
+              <img src="./img/maldives.jpg" alt="Male Beach" style="width:100%">
+              <p>||Male Beach||</p>
+              <h3>MALDIVES</h3>
+            </div>
+          </div>
 
-  </div>
-</div>
+        </div>
+      </div>
 
-    <script src="explore.js"></script>
+      <script src="explore.js"></script>
     </section>
 
     <section class="trip" id="trip" data-aos="zoom-in" data-aos-offset="100">
@@ -579,53 +594,59 @@ <h2 class="section__title">Best trip packages</h2>
     <div class="hero">
       <div class="carousel">
         <ul>
-            <li><img src="https://i.ibb.co/ZYDJ6vv/pexels-spencer-davis-4356144.jpg"></li>
-            <li><img src="https://i.ibb.co/W3HTbYG/pexels-zakaria-boumliha-2827374.jpg"></li>
-            <li><img src="https://i.ibb.co/KwHd8PQ/pexels-stijn-dijkstra-2499699.jpg"></li>
-            <li><img src="https://www.shutterstock.com/image-photo/attractive-young-female-tourist-exploring-260nw-2206967581.jpg"></li>
-            <li><img src="https://thumbs.dreamstime.com/b/young-man-tourist-sail-long-tail-thailand-boat-ocean-sea-vacation-travel-trip-beautiful-nature-87331931.jpg"></li>
-            <li><img src="https://www.tourmyindia.com/blog//wp-content/uploads/2020/11/Feature-Akshardham-Temple.jpg"></li>
-            <li><img src="https://etimg.etb2bimg.com/photo/106124800.cms"></li>
-            <li><img src="https://i.insider.com/5dcc2f02e94e860aff271137?width=700"></li>
-            <li><img src="https://static01.nyt.com/images/2022/03/23/multimedia/23-virus-briefing-capitol/23-virus-briefing-capitol-articleLarge.jpg?quality=75&auto=webp&disable=upscale"></li>
-            <li><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTWh9aGHycWhRya4V6ZiJFL26LyIHheiu-EoQ&s"></li>
-        
+          <li><img src="https://i.ibb.co/ZYDJ6vv/pexels-spencer-davis-4356144.jpg"></li>
+          <li><img src="https://i.ibb.co/W3HTbYG/pexels-zakaria-boumliha-2827374.jpg"></li>
+          <li><img src="https://i.ibb.co/KwHd8PQ/pexels-stijn-dijkstra-2499699.jpg"></li>
+          <li><img
+              src="https://www.shutterstock.com/image-photo/attractive-young-female-tourist-exploring-260nw-2206967581.jpg">
+          </li>
+          <li><img
+              src="https://thumbs.dreamstime.com/b/young-man-tourist-sail-long-tail-thailand-boat-ocean-sea-vacation-travel-trip-beautiful-nature-87331931.jpg">
+          </li>
+          <li><img src="https://www.tourmyindia.com/blog//wp-content/uploads/2020/11/Feature-Akshardham-Temple.jpg">
+          </li>
+          <li><img src="https://etimg.etb2bimg.com/photo/106124800.cms"></li>
+          <li><img src="https://i.insider.com/5dcc2f02e94e860aff271137?width=700"></li>
+          <li><img
+              src="https://static01.nyt.com/images/2022/03/23/multimedia/23-virus-briefing-capitol/23-virus-briefing-capitol-articleLarge.jpg?quality=75&auto=webp&disable=upscale">
+          </li>
+          <li><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTWh9aGHycWhRya4V6ZiJFL26LyIHheiu-EoQ&s">
+          </li>
+
         </ul>
       </div>
-    
-     
 
-</div>
 
-    <script
-    src="https://code.jquery.com/jquery-3.7.1.min.js"
-    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
-    crossorigin="anonymous"></script>
+
+    </div>
+
+    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
+      integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
     <script src="jquery.flipster.min.js"></script>
-<script>
-$('.carousel').flipster({
-    style:'carousel',
-    spacing: -0.3,
-});
-</script>
-<section class="gallary" id="ReviewGallery">
-  <div class="section__container gallary__container">
-    <div class="section__container gallary__container" id="originalDiv">
-      <div class="gallary__content">
-        <div>
-          <h2 class="section__title" data-aos="zoom-in">
-            Our trip gallery that will inspire you
-          </h2>
-          <p class="section__subtitle" data-aos="zoom-in">
-            Visual Stories of Adventure to Spark Your Imagination.<br>
-            Get inspired for your next journey.
-          </p>
-          <button class="btn btn-style" id="btn-page" onclick="replaceDivs()" data-aos="zoom-in"
-            style="box-shadow: 2px 2px 8px rgb(0, 191, 255);">View All</button>
+    <script>
+      $('.carousel').flipster({
+        style: 'carousel',
+        spacing: -0.3,
+      });
+    </script>
+    <section class="gallary" id="ReviewGallery">
+      <div class="section__container gallary__container">
+        <div class="section__container gallary__container" id="originalDiv">
+          <div class="gallary__content">
+            <div>
+              <h2 class="section__title" data-aos="zoom-in">
+                Our trip gallery that will inspire you
+              </h2>
+              <p class="section__subtitle" data-aos="zoom-in">
+                Visual Stories of Adventure to Spark Your Imagination.<br>
+                Get inspired for your next journey.
+              </p>
+              <button class="btn btn-style" id="btn-page" onclick="replaceDivs()" data-aos="zoom-in"
+                style="box-shadow: 2px 2px 8px rgb(0, 191, 255);">View All</button>
+            </div>
+          </div>
         </div>
       </div>
-    </div>
-  </div>
       <br><br>
       <!-- New div components (hidden initially) -->
       <div id="newDiv" style="display: none;" data-aos="zoom-in">
@@ -736,10 +757,10 @@ <h2 class="section__title" data-aos="zoom-in">
     </section>
     <script>
       function replaceDivs() {
-    document.querySelector('.hero').style.display = 'none';
-    document.getElementById('originalDiv').style.display = 'none';
-    document.getElementById('newDiv').style.display = 'block';
-  }
+        document.querySelector('.hero').style.display = 'none';
+        document.getElementById('originalDiv').style.display = 'none';
+        document.getElementById('newDiv').style.display = 'block';
+      }
     </script>
     <br /><br /><br /><br /><br /><br />
 
@@ -755,20 +776,24 @@ <h2 class="testimonial-heading section__title" align-items="center" data-aos="fa
                 <img class="testi-img" src="./img/testimonial1.jpg" alt="">
                 <div>
                   <p><sup><i class="fas fa-quote-left"></i></sup>TourGuide made our dream vacation a reality! From the
-                    breathtaking landscapes to the seamless logistics, every moment was a new adventure. The personalized
-                    itinerary and expert guides added a special touch to our journey. We can't wait to book our next trip with
+                    breathtaking landscapes to the seamless logistics, every moment was a new adventure. The
+                    personalized
+                    itinerary and expert guides added a special touch to our journey. We can't wait to book our next
+                    trip with
                     TourGuide!<sup><i class="fas fa-quote-right"></i></sup></p>
                   <div class="user-info">
                     <h3>Joseph</h3>
                   </div>
                 </div>
               </div>
-              <div class="testimonial-user" >
+              <div class="testimonial-user">
                 <img class="testi-img" src="./img/Abhisek Tamang.jpg" alt="">
                 <div>
-                  <p><sup><i class="fas fa-quote-left"></i></sup>Our cultural tour with TourGuide exceeded all expectations.
+                  <p><sup><i class="fas fa-quote-left"></i></sup>Our cultural tour with TourGuide exceeded all
+                    expectations.
                     The
-                    immersive experiences, knowledgeable guides, and carefully curated activities allowed us to connect with
+                    immersive experiences, knowledgeable guides, and carefully curated activities allowed us to connect
+                    with
                     the
                     local culture in a way we never thought possible. Thanks to TourGuide.<sup><i
                         class="fas fa-quote-right"></i></sup></p>
@@ -777,12 +802,14 @@ <h3>Charles</h3>
                   </div>
                 </div>
               </div>
-              <div class="testimonial-user" >
+              <div class="testimonial-user">
                 <img class="testi-img" src="./img/testimonial2.jpg" alt="">
                 <div>
-                  <p><sup><i class="fas fa-quote-left"></i></sup>Traveling with the family has never been easier! TourGuide
+                  <p><sup><i class="fas fa-quote-left"></i></sup>Traveling with the family has never been easier!
+                    TourGuide
                     took
-                    care of every detail, ensuring a stress-free and enjoyable vacation for all. The kid-friendly activities
+                    care of every detail, ensuring a stress-free and enjoyable vacation for all. The kid-friendly
+                    activities
                     and
                     family-oriented guides made our trip unforgettable.<sup><i class="fas fa-quote-right"></i></sup></p>
                   <div class="user-info">
@@ -794,20 +821,24 @@ <h3>Katie</h3>
                 <img class="testi-img" src="./img/testimonial1.jpg" alt="">
                 <div>
                   <p><sup><i class="fas fa-quote-left"></i></sup>TourGuide made our dream vacation a reality! From the
-                    breathtaking landscapes to the seamless logistics, every moment was a new adventure. The personalized
-                    itinerary and expert guides added a special touch to our journey. We can't wait to book our next trip with
+                    breathtaking landscapes to the seamless logistics, every moment was a new adventure. The
+                    personalized
+                    itinerary and expert guides added a special touch to our journey. We can't wait to book our next
+                    trip with
                     TourGuide!<sup><i class="fas fa-quote-right"></i></sup></p>
                   <div class="user-info">
                     <h3>Joseph</h3>
                   </div>
                 </div>
               </div>
-              <div class="testimonial-user" >
+              <div class="testimonial-user">
                 <img class="testi-img" src="./img/Abhisek Tamang.jpg" alt="">
                 <div>
-                  <p><sup><i class="fas fa-quote-left"></i></sup>Our cultural tour with TourGuide exceeded all expectations.
+                  <p><sup><i class="fas fa-quote-left"></i></sup>Our cultural tour with TourGuide exceeded all
+                    expectations.
                     The
-                    immersive experiences, knowledgeable guides, and carefully curated activities allowed us to connect with
+                    immersive experiences, knowledgeable guides, and carefully curated activities allowed us to connect
+                    with
                     the
                     local culture in a way we never thought possible. Thanks to TourGuide.<sup><i
                         class="fas fa-quote-right"></i></sup></p>
@@ -816,12 +847,14 @@ <h3>Charles</h3>
                   </div>
                 </div>
               </div>
-              <div class="testimonial-user" >
+              <div class="testimonial-user">
                 <img class="testi-img" src="./img/testimonial2.jpg" alt="">
                 <div>
-                  <p><sup><i class="fas fa-quote-left"></i></sup>Traveling with the family has never been easier! TourGuide
+                  <p><sup><i class="fas fa-quote-left"></i></sup>Traveling with the family has never been easier!
+                    TourGuide
                     took
-                    care of every detail, ensuring a stress-free and enjoyable vacation for all. The kid-friendly activities
+                    care of every detail, ensuring a stress-free and enjoyable vacation for all. The kid-friendly
+                    activities
                     and
                     family-oriented guides made our trip unforgettable.<sup><i class="fas fa-quote-right"></i></sup></p>
                   <div class="user-info">
@@ -834,7 +867,7 @@ <h3>Katie</h3>
           </div>
         </div>
       </div>
-      
+
     </section>
 
 
@@ -842,12 +875,12 @@ <h3>Katie</h3>
 
 
 
-   
 
 
 
 
-    
+
+
 
     <!----------------------------------------------------- FAQ section ---------------------- -->
 
@@ -894,7 +927,7 @@ <h3 class="faq-title">Can I make changes to my booking or cancel it if needed?</
             <i class="fas fa-times"></i>
           </button>
         </div>
-        
+
 
       </div>
     </section>
@@ -980,18 +1013,19 @@ <h1>Contact Us</h1>
             <form id="contact-form" name="CalcDiverse Contact" autocomplete="off">
               <div class="one" style="position: relative;">
                 <i class="icon1 fa-solid fa-user"></i>
-                <input type="text" id="Name" placeholder="Name"  style="padding-left: 6%;">
+                <input type="text" id="Name" placeholder="Name" style="padding-left: 6%;">
               </div>
               <div style="position: relative;">
-                <i class="icon2 fa-solid fa-envelope" ></i>
-                <input type="email" id="email" placeholder="Email"style="padding-left:6%;" required>
+                <i class="icon2 fa-solid fa-envelope"></i>
+                <input type="email" id="email" placeholder="Email" style="padding-left:6%;" required>
               </div>
               <div style="position: relative;">
                 <i class="icon3 fa-solid fa-message"></i>
-                <textarea id="message" placeholder="Type your message here.." style="padding-left:6%;" required></textarea><br>
+                <textarea id="message" placeholder="Type your message here.." style="padding-left:6%;"
+                  required></textarea><br>
               </div>
               <button type="submit" class="btn btn-style" data-aos="fade-in" id="btn-style"
-              style="margin-right: 40px;box-shadow: 2px 2px 8px red;">Send</button>
+                style="margin-right: 40px;box-shadow: 2px 2px 8px red;">Send</button>
               <button onclick="window.location.href='feed.html'" class="btn  btn-style" data-aos="fade-in"
                 id="btn-style" style="box-shadow: 2px 2px 8px red;">Feedback</button>
             </form>
@@ -1024,14 +1058,14 @@ <h2 class="section__title" data-aos="fade-up">Subscribe to get special prize</h2
       <div class="section__container footer__container">
         <div class="footer__col">
           <h3 class="footer__title">Places You May Want to Visit<span>.</span></h3>
-          <p class="footer__text"> 
-           <ul class="interested  " >
+          <p class="footer__text">
+          <ul class="interested  ">
             <li><a href="Cultural_Exp.html">Cultural Experiences</a></li>
-           
+
             <li><a href="HoneyMoon.html">Honeymoon Places</a></li>
             <li><a href="Adventure.html">Adventure travel</a></li>
-           
-           </ul>
+
+          </ul>
           </p>
         </div>
         <div class="footer__col">
@@ -1046,10 +1080,10 @@ <h3 class="footer__title">Tourguide<span>.</span></h3>
         <div class="footer__col">
           <div class="footer__area">
             <h4 class="footer__subtitle">Support</h4>
-          <p><a href="./faq.html" class="footer__link">FAQs</a></p>
-          <p><a href="./tnc.html" class="footer__link">Terms & Conditions</a></p>
-          <p><a href="./privacy.html" class="footer__link">Privacy Policy</a></p>
-          <p><a href="#cnt-form" class="footer__link">Contact Us</a></p>
+            <p><a href="./faq.html" class="footer__link">FAQs</a></p>
+            <p><a href="./tnc.html" class="footer__link">Terms & Conditions</a></p>
+            <p><a href="./privacy.html" class="footer__link">Privacy Policy</a></p>
+            <p><a href="#cnt-form" class="footer__link">Contact Us</a></p>
           </div>
         </div>
         <div class="footer__col">
@@ -1058,7 +1092,7 @@ <h4 class="footer__subtitle">Support</h4>
             <a href="#" class="fa-brands fa-facebook fa-2xl"></a>
             <a href="#" class="fa-brands fa-instagram fa-2xl"></a>
             <a href="#" class="fa-brands fa-twitter fa-2xl"></a>
-        </section>
+          </section>
         </div>
         <div class="footer__col">
           <h4>Address</h4>
@@ -1098,7 +1132,7 @@ <h4>Reach Out To Us</h4>
               <a href="tel:8562145852" class="text-nowrap">+91 8562145852</a>
             </div>
           </div>
-        
+
         </div>
         <div class="footer__col">
           <div id="google_element"></div>
@@ -1110,17 +1144,17 @@ <h4>Reach Out To Us</h4>
               }, 'google_element');
             }
           </script>
-      </div>
+        </div>
 
 
-      <!--  New copyright code to make it dynamic and display current year -->
-      <div class="footer__bar">
-        <div>
-          <li>Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </li>
+        <!--  New copyright code to make it dynamic and display current year -->
+        <div class="footer__bar">
+          <div>
+            <li>Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </li>
+          </div>
         </div>
-      </div>
 
-      <!--   Previous copyright code
+        <!--   Previous copyright code
 <!--  <div class="footer__bar">
         Copyright © 2023 Arpan Chowdhury. All rights reserved.
       </div> -->
@@ -1129,27 +1163,27 @@ <h4>Reach Out To Us</h4>
 
     <a class="goupbtn" href="#" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
 
-<script>
-  // Get the button
-  var mybutton = document.querySelector(".goupbtn");
+    <script>
+      // Get the button
+      var mybutton = document.querySelector(".goupbtn");
+
+      // When the user scrolls, check if the button should be displayed
+      window.addEventListener("scroll", function () {
+        if (window.scrollY > 20) {
+          mybutton.style.display = "block";
+        } else {
+          mybutton.style.display = "none";
+        }
+      });
 
-  // When the user scrolls, check if the button should be displayed
-  window.addEventListener("scroll", function() {
-    if (window.scrollY > 20) {
-      mybutton.style.display = "block";
-    } else {
-      mybutton.style.display = "none";
-    }
-  });
+      // When the user clicks on the button, scroll to the top of the document
+      function goToTop() {
+        document.body.scrollTop = 0; // For Safari
+        document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+      }
+    </script>
 
-  // When the user clicks on the button, scroll to the top of the document
-  function goToTop() {
-    document.body.scrollTop = 0; // For Safari
-    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
-  }
-</script>
 
-    
 
 
 
@@ -1600,14 +1634,14 @@ <h4>Reach Out To Us</h4>
   <script src="faq-website.js"></script>
 
   <script>
-    window.onload = function() {
-        var link = top.document.createElement("link");
-        link.type = "image/x-icon";
-        link.rel = "icon";
-        link.href = "favicon.ico?v=1";
-        top.document.getElementsByTagName("head")[0].appendChild(link);
+    window.onload = function () {
+      var link = top.document.createElement("link");
+      link.type = "image/x-icon";
+      link.rel = "icon";
+      link.href = "favicon.ico?v=1";
+      top.document.getElementsByTagName("head")[0].appendChild(link);
     }
-</script>
+  </script>
   =======
 
   <!--  Adding copyright javascript code to make it dynamic and display current year -->
@@ -1616,28 +1650,28 @@ <h4>Reach Out To Us</h4>
   </script>
 
   <script>
-        // Logout Button
+    // Logout Button
 
-      document.addEventListener('DOMContentLoaded', function () {
+    document.addEventListener('DOMContentLoaded', function () {
       var isLoggedIn = localStorage.getItem('isLoggedIn');
       var loginButton = document.getElementById('btn-style');
       var logoutButton = document.getElementById('logout-btn');
 
       if (isLoggedIn === 'true') {
-          loginButton.style.display = 'none';
-          logoutButton.style.display = 'block';
-          loginButton.disabled = true ;
-          logoutButton.disabled = false;
-          logoutButton.style.cursor = 'pointer';
-          logoutButton.addEventListener('click', function() {
-              localStorage.setItem('isLoggedIn', 'false');
-              window.location.href = './index.html';
-          });
+        loginButton.style.display = 'none';
+        logoutButton.style.display = 'block';
+        loginButton.disabled = true;
+        logoutButton.disabled = false;
+        logoutButton.style.cursor = 'pointer';
+        logoutButton.addEventListener('click', function () {
+          localStorage.setItem('isLoggedIn', 'false');
+          window.location.href = './index.html';
+        });
       } else {
-          loginButton.style.display = 'block';
-          logoutButton.disabled = true;
+        loginButton.style.display = 'block';
+        logoutButton.disabled = true;
       }
-  });
+    });
   </script>
 
 
@@ -1674,4 +1708,4 @@ <h4>Reach Out To Us</h4>
 
 
 </div>
-<!-- New bubble background end -->
+<!-- New bubble background end -->
\ No newline at end of file

From 300ab19344aa7cb66aba51e2168d752d7f3a2e10 Mon Sep 17 00:00:00 2001
From: Aryan Singh <Aryannaruka7@gmail.com>
Date: Thu, 27 Jun 2024 20:06:40 +0530
Subject: [PATCH 4/4] Revert "fix : Footer Section alignment issue"

This reverts commit f9c94c21ad09bafcfc483fa85867ab06f9561641.
---
 index.html | 490 +++++++++++++++++++++++++----------------------------
 1 file changed, 228 insertions(+), 262 deletions(-)

diff --git a/index.html b/index.html
index 840ef891..e92d7623 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
   <link rel="stylesheet" href="explore.css">
   <title>Tourguide</title>
   <!-- adding a fav-icon -->
-  <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="favicon.ico"/>
 
   <script src="index.js" defer></script>
   <script src="mouseEffect.js"></script>
@@ -64,86 +64,74 @@
     .active {
       color: red !important;
     }
-
-    @media screen and (max-width:390px) {
-      .nav__logo {
+    @media screen and (max-width:390px){
+      .nav__logo{
         position: relative;
         right: 1.9rem;
       }
-
-      .contact-btn {
+      .contact-btn{
         position: relative;
         right: 2.5rem;
       }
-
-      .toggle-container {
+      .toggle-container{
         position: relative;
         right: 2.5rem;
 
       }
-
-      .toggle {
+      .toggle{
         width: 130%;
-      }
-
-      .line {
+      } 
+      .line{
         width: 130%;
       }
-
-      .hamburger {
+      .hamburger{
         position: relative;
         right: 1rem;
       }
     }
-
     @media screen and (max-width:364px) {
-      .toggle {
-        width: 190%;
+      .toggle{
+        width:190%;
       }
-
-      .line {
+      .line{
         width: 190%;
       }
     }
-
     .gallery-rotate-image .image-container {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 16px;
-      /* Adjust the gap between images */
-    }
-
-    .gallery-rotate-image .image-container span {
-      display: inline-block;
-    }
-
-    .trip-gallery-container {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 16px;
-      /* Adjust the gap between images */
-    }
-
-    .trip-gallery-container .image-container {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-    }
-
-    .trip-gallery-container .image-container img {
-      max-width: 100%;
-      height: auto;
-    }
-
-    .btn-container {
-      display: flex;
-      justify-content: center;
-      gap: 8px;
-      /* Adjust the gap between buttons */
-    }
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px; /* Adjust the gap between images */
+}
+
+.gallery-rotate-image .image-container span {
+  display: inline-block;
+}
+
+.trip-gallery-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px; /* Adjust the gap between images */
+}
+
+.trip-gallery-container .image-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.trip-gallery-container .image-container img {
+  max-width: 100%;
+  height: auto;
+}
+
+.btn-container {
+  display: flex;
+  justify-content: center;
+  gap: 8px; /* Adjust the gap between buttons */
+}
   </style>
-  <link rel="stylesheet" href="imstyle.css">
-  <link rel="stylesheet" href="jquery.flipster.min.css">
+<link rel="stylesheet" href="imstyle.css">
+<link rel="stylesheet" href="jquery.flipster.min.css">
 
 </head>
 
@@ -182,10 +170,8 @@ <h1>TourGuide . . .</h1>
   </nav> -->
     <div class="nav-container" id="top">
       <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%;">
-
+        <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">
@@ -205,11 +191,11 @@ <h1>TourGuide . . .</h1>
 
         <a href="newLogin.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
             data-aos="fade-down">Login/SignUp</button></a>
-        <a href="mapa.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
-            data-aos="fade-down">view <map name=""></map></button></a>
+            <a href="mapa.html" class="contact-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="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> -->
@@ -232,9 +218,8 @@ <h1>TourGuide . . .</h1>
         </div>
         <div class="header__content">
           <div>
-            <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best Kept <div> <span
-                  class="auto-typed" style="color: var(--head-text);"></span></div>
-            </h1>
+            <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best Kept   <div> <span
+                class="auto-typed" style="color: var(--head-text);"></span></div></h1>
             <p class="section__subtitle" data-aos="fade-in">
               Make your travel more enjoyable with us. We are the best travel
               agency and we are providing the best travel services for our
@@ -249,7 +234,7 @@ <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best
                   style="box-shadow: 2px 2px 8px red;">Book Now</button></a>
             </div>
 
-
+              
             <br>
             <div class="story">
               <div class="video">
@@ -259,7 +244,7 @@ <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best
                 <a href="story.html" class="btn_video">
                   <span><i class="ri-play-fill"></i></span>
               </div>
-
+               
             </div>
             <span data-aos="fade-in">Watch our story</span>
           </div>
@@ -443,26 +428,26 @@ <h3 style="font-weight: 600;font-size: 24px;">Get Flat 15% OFF</h3>
     </div>
 
     <section class="section__container destination__container" id="Destinations" data-aos="fade-up">
-      <div class="section__header">
-        <div>
-          <h2 class="section__title" data-aos="fade-in">Explore top destinations</h2>
-          <p class="section__subtitle" data-aos="fade-in">
-            Explore your dream places around the world. Here you can find your perfect destination.
-          </p>
-        </div>
+    <div class="section__header">
+      <div>
+        <h2 class="section__title" data-aos="fade-in">Explore top destinations</h2>
+        <p class="section__subtitle" data-aos="fade-in">
+          Explore your dream places around the world. Here you can find your perfect destination.
+        </p>
       </div>
+    </div>
 
-      <!-- slideshow -->
-      <!-- <div class="slideshow-container" data-aos="fade-up"> -->
+    <!-- slideshow -->
+<!-- <div class="slideshow-container" data-aos="fade-up"> -->
 
-      <!-- Next and previous buttons -->
-      <!-- <div class="destination__nav">
+<!-- Next and previous buttons -->
+<!-- <div class="destination__nav">
       <span onclick="pullSlide(-1)"><i class="ri-arrow-left-s-line"></i></span>
       <span onclick="pullSlide(1)"><i class="ri-arrow-right-s-line"></i></span>
     </div> -->
 
-      <!-- Full-width images with number and caption text -->
-      <!-- <div class="mySlides">
+<!-- Full-width images with number and caption text -->
+<!-- <div class="mySlides">
       <img src="./img/eiffelTower.webp" style="width:100%">
     </div>
 
@@ -484,59 +469,59 @@ <h2 class="section__title" data-aos="fade-in">Explore top destinations</h2>
           <span></span>
         </div>
       </div> -->
-      <div class="outer-box">
-        <div class="containers">
-
+    <div class="outer-box">
+      <div class="containers">
+            
           <div class="card active" style="
             background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
               url('/img/paris.jpg')
           ">
-            <div class="info">
+          <div class="info">
 
-              <p>
-                ||Eiffel Tower||
-              </p>
-              <h3>PARIS</h3>
-            </div>
+            <p>
+              ||Eiffel Tower||
+            </p>
+            <h3>PARIS</h3>
           </div>
+        </div>
 
-          <div class="card" style="
+    <div class="card" style="
       background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
         url('./img/london.jpg')
     ">
-            <div class="info">
-              <img src="./img/london.jpg" alt="Giant Wheel" style="width:100%">
-              <p>||Giant Wheel||</p>
-              <h3>LONDON</h3>
-            </div>
-          </div>
+      <div class="info">
+        <img src="./img/london.jpg" alt="Giant Wheel" style="width:100%">
+        <p>||Giant Wheel||</p>
+        <h3>LONDON</h3>
+      </div>
+    </div>
 
-          <div class="card" style="
+    <div class="card" style="
       background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
         url('./img/goa.jpg')
     ">
-            <div class="info">
-              <img src="./img/goa.jpg" alt="Goa Beach" style="width:100%">
-              <p>||Goa Beach||</p>
-              <h3>GOA</h3>
-            </div>
-          </div>
+      <div class="info">
+        <img src="./img/goa.jpg" alt="Goa Beach" style="width:100%">
+        <p>||Goa Beach||</p>
+        <h3>GOA</h3>
+      </div>
+    </div>
 
-          <div class="card" style="
+    <div class="card" style="
       background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
         url('./img/maldives.jpg')
     ">
-            <div class="info">
-              <img src="./img/maldives.jpg" alt="Male Beach" style="width:100%">
-              <p>||Male Beach||</p>
-              <h3>MALDIVES</h3>
-            </div>
-          </div>
-
-        </div>
+      <div class="info">
+        <img src="./img/maldives.jpg" alt="Male Beach" style="width:100%">
+        <p>||Male Beach||</p>
+        <h3>MALDIVES</h3>
       </div>
+    </div>
+
+  </div>
+</div>
 
-      <script src="explore.js"></script>
+    <script src="explore.js"></script>
     </section>
 
     <section class="trip" id="trip" data-aos="zoom-in" data-aos-offset="100">
@@ -594,59 +579,53 @@ <h2 class="section__title">Best trip packages</h2>
     <div class="hero">
       <div class="carousel">
         <ul>
-          <li><img src="https://i.ibb.co/ZYDJ6vv/pexels-spencer-davis-4356144.jpg"></li>
-          <li><img src="https://i.ibb.co/W3HTbYG/pexels-zakaria-boumliha-2827374.jpg"></li>
-          <li><img src="https://i.ibb.co/KwHd8PQ/pexels-stijn-dijkstra-2499699.jpg"></li>
-          <li><img
-              src="https://www.shutterstock.com/image-photo/attractive-young-female-tourist-exploring-260nw-2206967581.jpg">
-          </li>
-          <li><img
-              src="https://thumbs.dreamstime.com/b/young-man-tourist-sail-long-tail-thailand-boat-ocean-sea-vacation-travel-trip-beautiful-nature-87331931.jpg">
-          </li>
-          <li><img src="https://www.tourmyindia.com/blog//wp-content/uploads/2020/11/Feature-Akshardham-Temple.jpg">
-          </li>
-          <li><img src="https://etimg.etb2bimg.com/photo/106124800.cms"></li>
-          <li><img src="https://i.insider.com/5dcc2f02e94e860aff271137?width=700"></li>
-          <li><img
-              src="https://static01.nyt.com/images/2022/03/23/multimedia/23-virus-briefing-capitol/23-virus-briefing-capitol-articleLarge.jpg?quality=75&auto=webp&disable=upscale">
-          </li>
-          <li><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTWh9aGHycWhRya4V6ZiJFL26LyIHheiu-EoQ&s">
-          </li>
-
+            <li><img src="https://i.ibb.co/ZYDJ6vv/pexels-spencer-davis-4356144.jpg"></li>
+            <li><img src="https://i.ibb.co/W3HTbYG/pexels-zakaria-boumliha-2827374.jpg"></li>
+            <li><img src="https://i.ibb.co/KwHd8PQ/pexels-stijn-dijkstra-2499699.jpg"></li>
+            <li><img src="https://www.shutterstock.com/image-photo/attractive-young-female-tourist-exploring-260nw-2206967581.jpg"></li>
+            <li><img src="https://thumbs.dreamstime.com/b/young-man-tourist-sail-long-tail-thailand-boat-ocean-sea-vacation-travel-trip-beautiful-nature-87331931.jpg"></li>
+            <li><img src="https://www.tourmyindia.com/blog//wp-content/uploads/2020/11/Feature-Akshardham-Temple.jpg"></li>
+            <li><img src="https://etimg.etb2bimg.com/photo/106124800.cms"></li>
+            <li><img src="https://i.insider.com/5dcc2f02e94e860aff271137?width=700"></li>
+            <li><img src="https://static01.nyt.com/images/2022/03/23/multimedia/23-virus-briefing-capitol/23-virus-briefing-capitol-articleLarge.jpg?quality=75&auto=webp&disable=upscale"></li>
+            <li><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTWh9aGHycWhRya4V6ZiJFL26LyIHheiu-EoQ&s"></li>
+        
         </ul>
       </div>
+    
+     
 
+</div>
 
-
-    </div>
-
-    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
-      integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
+    <script
+    src="https://code.jquery.com/jquery-3.7.1.min.js"
+    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
+    crossorigin="anonymous"></script>
     <script src="jquery.flipster.min.js"></script>
-    <script>
-      $('.carousel').flipster({
-        style: 'carousel',
-        spacing: -0.3,
-      });
-    </script>
-    <section class="gallary" id="ReviewGallery">
-      <div class="section__container gallary__container">
-        <div class="section__container gallary__container" id="originalDiv">
-          <div class="gallary__content">
-            <div>
-              <h2 class="section__title" data-aos="zoom-in">
-                Our trip gallery that will inspire you
-              </h2>
-              <p class="section__subtitle" data-aos="zoom-in">
-                Visual Stories of Adventure to Spark Your Imagination.<br>
-                Get inspired for your next journey.
-              </p>
-              <button class="btn btn-style" id="btn-page" onclick="replaceDivs()" data-aos="zoom-in"
-                style="box-shadow: 2px 2px 8px rgb(0, 191, 255);">View All</button>
-            </div>
-          </div>
+<script>
+$('.carousel').flipster({
+    style:'carousel',
+    spacing: -0.3,
+});
+</script>
+<section class="gallary" id="ReviewGallery">
+  <div class="section__container gallary__container">
+    <div class="section__container gallary__container" id="originalDiv">
+      <div class="gallary__content">
+        <div>
+          <h2 class="section__title" data-aos="zoom-in">
+            Our trip gallery that will inspire you
+          </h2>
+          <p class="section__subtitle" data-aos="zoom-in">
+            Visual Stories of Adventure to Spark Your Imagination.<br>
+            Get inspired for your next journey.
+          </p>
+          <button class="btn btn-style" id="btn-page" onclick="replaceDivs()" data-aos="zoom-in"
+            style="box-shadow: 2px 2px 8px rgb(0, 191, 255);">View All</button>
         </div>
       </div>
+    </div>
+  </div>
       <br><br>
       <!-- New div components (hidden initially) -->
       <div id="newDiv" style="display: none;" data-aos="zoom-in">
@@ -757,10 +736,10 @@ <h2 class="section__title" data-aos="zoom-in">
     </section>
     <script>
       function replaceDivs() {
-        document.querySelector('.hero').style.display = 'none';
-        document.getElementById('originalDiv').style.display = 'none';
-        document.getElementById('newDiv').style.display = 'block';
-      }
+    document.querySelector('.hero').style.display = 'none';
+    document.getElementById('originalDiv').style.display = 'none';
+    document.getElementById('newDiv').style.display = 'block';
+  }
     </script>
     <br /><br /><br /><br /><br /><br />
 
@@ -776,24 +755,20 @@ <h2 class="testimonial-heading section__title" align-items="center" data-aos="fa
                 <img class="testi-img" src="./img/testimonial1.jpg" alt="">
                 <div>
                   <p><sup><i class="fas fa-quote-left"></i></sup>TourGuide made our dream vacation a reality! From the
-                    breathtaking landscapes to the seamless logistics, every moment was a new adventure. The
-                    personalized
-                    itinerary and expert guides added a special touch to our journey. We can't wait to book our next
-                    trip with
+                    breathtaking landscapes to the seamless logistics, every moment was a new adventure. The personalized
+                    itinerary and expert guides added a special touch to our journey. We can't wait to book our next trip with
                     TourGuide!<sup><i class="fas fa-quote-right"></i></sup></p>
                   <div class="user-info">
                     <h3>Joseph</h3>
                   </div>
                 </div>
               </div>
-              <div class="testimonial-user">
+              <div class="testimonial-user" >
                 <img class="testi-img" src="./img/Abhisek Tamang.jpg" alt="">
                 <div>
-                  <p><sup><i class="fas fa-quote-left"></i></sup>Our cultural tour with TourGuide exceeded all
-                    expectations.
+                  <p><sup><i class="fas fa-quote-left"></i></sup>Our cultural tour with TourGuide exceeded all expectations.
                     The
-                    immersive experiences, knowledgeable guides, and carefully curated activities allowed us to connect
-                    with
+                    immersive experiences, knowledgeable guides, and carefully curated activities allowed us to connect with
                     the
                     local culture in a way we never thought possible. Thanks to TourGuide.<sup><i
                         class="fas fa-quote-right"></i></sup></p>
@@ -802,14 +777,12 @@ <h3>Charles</h3>
                   </div>
                 </div>
               </div>
-              <div class="testimonial-user">
+              <div class="testimonial-user" >
                 <img class="testi-img" src="./img/testimonial2.jpg" alt="">
                 <div>
-                  <p><sup><i class="fas fa-quote-left"></i></sup>Traveling with the family has never been easier!
-                    TourGuide
+                  <p><sup><i class="fas fa-quote-left"></i></sup>Traveling with the family has never been easier! TourGuide
                     took
-                    care of every detail, ensuring a stress-free and enjoyable vacation for all. The kid-friendly
-                    activities
+                    care of every detail, ensuring a stress-free and enjoyable vacation for all. The kid-friendly activities
                     and
                     family-oriented guides made our trip unforgettable.<sup><i class="fas fa-quote-right"></i></sup></p>
                   <div class="user-info">
@@ -821,24 +794,20 @@ <h3>Katie</h3>
                 <img class="testi-img" src="./img/testimonial1.jpg" alt="">
                 <div>
                   <p><sup><i class="fas fa-quote-left"></i></sup>TourGuide made our dream vacation a reality! From the
-                    breathtaking landscapes to the seamless logistics, every moment was a new adventure. The
-                    personalized
-                    itinerary and expert guides added a special touch to our journey. We can't wait to book our next
-                    trip with
+                    breathtaking landscapes to the seamless logistics, every moment was a new adventure. The personalized
+                    itinerary and expert guides added a special touch to our journey. We can't wait to book our next trip with
                     TourGuide!<sup><i class="fas fa-quote-right"></i></sup></p>
                   <div class="user-info">
                     <h3>Joseph</h3>
                   </div>
                 </div>
               </div>
-              <div class="testimonial-user">
+              <div class="testimonial-user" >
                 <img class="testi-img" src="./img/Abhisek Tamang.jpg" alt="">
                 <div>
-                  <p><sup><i class="fas fa-quote-left"></i></sup>Our cultural tour with TourGuide exceeded all
-                    expectations.
+                  <p><sup><i class="fas fa-quote-left"></i></sup>Our cultural tour with TourGuide exceeded all expectations.
                     The
-                    immersive experiences, knowledgeable guides, and carefully curated activities allowed us to connect
-                    with
+                    immersive experiences, knowledgeable guides, and carefully curated activities allowed us to connect with
                     the
                     local culture in a way we never thought possible. Thanks to TourGuide.<sup><i
                         class="fas fa-quote-right"></i></sup></p>
@@ -847,14 +816,12 @@ <h3>Charles</h3>
                   </div>
                 </div>
               </div>
-              <div class="testimonial-user">
+              <div class="testimonial-user" >
                 <img class="testi-img" src="./img/testimonial2.jpg" alt="">
                 <div>
-                  <p><sup><i class="fas fa-quote-left"></i></sup>Traveling with the family has never been easier!
-                    TourGuide
+                  <p><sup><i class="fas fa-quote-left"></i></sup>Traveling with the family has never been easier! TourGuide
                     took
-                    care of every detail, ensuring a stress-free and enjoyable vacation for all. The kid-friendly
-                    activities
+                    care of every detail, ensuring a stress-free and enjoyable vacation for all. The kid-friendly activities
                     and
                     family-oriented guides made our trip unforgettable.<sup><i class="fas fa-quote-right"></i></sup></p>
                   <div class="user-info">
@@ -867,7 +834,7 @@ <h3>Katie</h3>
           </div>
         </div>
       </div>
-
+      
     </section>
 
 
@@ -875,12 +842,12 @@ <h3>Katie</h3>
 
 
 
+   
 
 
 
 
-
-
+    
 
     <!----------------------------------------------------- FAQ section ---------------------- -->
 
@@ -927,7 +894,7 @@ <h3 class="faq-title">Can I make changes to my booking or cancel it if needed?</
             <i class="fas fa-times"></i>
           </button>
         </div>
-
+        
 
       </div>
     </section>
@@ -1013,19 +980,18 @@ <h1>Contact Us</h1>
             <form id="contact-form" name="CalcDiverse Contact" autocomplete="off">
               <div class="one" style="position: relative;">
                 <i class="icon1 fa-solid fa-user"></i>
-                <input type="text" id="Name" placeholder="Name" style="padding-left: 6%;">
+                <input type="text" id="Name" placeholder="Name"  style="padding-left: 6%;">
               </div>
               <div style="position: relative;">
-                <i class="icon2 fa-solid fa-envelope"></i>
-                <input type="email" id="email" placeholder="Email" style="padding-left:6%;" required>
+                <i class="icon2 fa-solid fa-envelope" ></i>
+                <input type="email" id="email" placeholder="Email"style="padding-left:6%;" required>
               </div>
               <div style="position: relative;">
                 <i class="icon3 fa-solid fa-message"></i>
-                <textarea id="message" placeholder="Type your message here.." style="padding-left:6%;"
-                  required></textarea><br>
+                <textarea id="message" placeholder="Type your message here.." style="padding-left:6%;" required></textarea><br>
               </div>
               <button type="submit" class="btn btn-style" data-aos="fade-in" id="btn-style"
-                style="margin-right: 40px;box-shadow: 2px 2px 8px red;">Send</button>
+              style="margin-right: 40px;box-shadow: 2px 2px 8px red;">Send</button>
               <button onclick="window.location.href='feed.html'" class="btn  btn-style" data-aos="fade-in"
                 id="btn-style" style="box-shadow: 2px 2px 8px red;">Feedback</button>
             </form>
@@ -1058,14 +1024,14 @@ <h2 class="section__title" data-aos="fade-up">Subscribe to get special prize</h2
       <div class="section__container footer__container">
         <div class="footer__col">
           <h3 class="footer__title">Places You May Want to Visit<span>.</span></h3>
-          <p class="footer__text">
-          <ul class="interested  ">
+          <p class="footer__text"> 
+           <ul class="interested  " >
             <li><a href="Cultural_Exp.html">Cultural Experiences</a></li>
-
+           
             <li><a href="HoneyMoon.html">Honeymoon Places</a></li>
             <li><a href="Adventure.html">Adventure travel</a></li>
-
-          </ul>
+           
+           </ul>
           </p>
         </div>
         <div class="footer__col">
@@ -1080,10 +1046,10 @@ <h3 class="footer__title">Tourguide<span>.</span></h3>
         <div class="footer__col">
           <div class="footer__area">
             <h4 class="footer__subtitle">Support</h4>
-            <p><a href="./faq.html" class="footer__link">FAQs</a></p>
-            <p><a href="./tnc.html" class="footer__link">Terms & Conditions</a></p>
-            <p><a href="./privacy.html" class="footer__link">Privacy Policy</a></p>
-            <p><a href="#cnt-form" class="footer__link">Contact Us</a></p>
+          <p><a href="./faq.html" class="footer__link">FAQs</a></p>
+          <p><a href="./tnc.html" class="footer__link">Terms & Conditions</a></p>
+          <p><a href="./privacy.html" class="footer__link">Privacy Policy</a></p>
+          <p><a href="#cnt-form" class="footer__link">Contact Us</a></p>
           </div>
         </div>
         <div class="footer__col">
@@ -1092,7 +1058,7 @@ <h4 class="footer__subtitle">Support</h4>
             <a href="#" class="fa-brands fa-facebook fa-2xl"></a>
             <a href="#" class="fa-brands fa-instagram fa-2xl"></a>
             <a href="#" class="fa-brands fa-twitter fa-2xl"></a>
-          </section>
+        </section>
         </div>
         <div class="footer__col">
           <h4>Address</h4>
@@ -1132,7 +1098,7 @@ <h4>Reach Out To Us</h4>
               <a href="tel:8562145852" class="text-nowrap">+91 8562145852</a>
             </div>
           </div>
-
+        
         </div>
         <div class="footer__col">
           <div id="google_element"></div>
@@ -1144,17 +1110,17 @@ <h4>Reach Out To Us</h4>
               }, 'google_element');
             }
           </script>
-        </div>
+      </div>
 
 
-        <!--  New copyright code to make it dynamic and display current year -->
-        <div class="footer__bar">
-          <div>
-            <li>Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </li>
-          </div>
+      <!--  New copyright code to make it dynamic and display current year -->
+      <div class="footer__bar">
+        <div>
+          <li>Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </li>
         </div>
+      </div>
 
-        <!--   Previous copyright code
+      <!--   Previous copyright code
 <!--  <div class="footer__bar">
         Copyright © 2023 Arpan Chowdhury. All rights reserved.
       </div> -->
@@ -1163,27 +1129,27 @@ <h4>Reach Out To Us</h4>
 
     <a class="goupbtn" href="#" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
 
-    <script>
-      // Get the button
-      var mybutton = document.querySelector(".goupbtn");
-
-      // When the user scrolls, check if the button should be displayed
-      window.addEventListener("scroll", function () {
-        if (window.scrollY > 20) {
-          mybutton.style.display = "block";
-        } else {
-          mybutton.style.display = "none";
-        }
-      });
+<script>
+  // Get the button
+  var mybutton = document.querySelector(".goupbtn");
 
-      // When the user clicks on the button, scroll to the top of the document
-      function goToTop() {
-        document.body.scrollTop = 0; // For Safari
-        document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
-      }
-    </script>
+  // When the user scrolls, check if the button should be displayed
+  window.addEventListener("scroll", function() {
+    if (window.scrollY > 20) {
+      mybutton.style.display = "block";
+    } else {
+      mybutton.style.display = "none";
+    }
+  });
 
+  // When the user clicks on the button, scroll to the top of the document
+  function goToTop() {
+    document.body.scrollTop = 0; // For Safari
+    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+  }
+</script>
 
+    
 
 
 
@@ -1634,14 +1600,14 @@ <h4>Reach Out To Us</h4>
   <script src="faq-website.js"></script>
 
   <script>
-    window.onload = function () {
-      var link = top.document.createElement("link");
-      link.type = "image/x-icon";
-      link.rel = "icon";
-      link.href = "favicon.ico?v=1";
-      top.document.getElementsByTagName("head")[0].appendChild(link);
+    window.onload = function() {
+        var link = top.document.createElement("link");
+        link.type = "image/x-icon";
+        link.rel = "icon";
+        link.href = "favicon.ico?v=1";
+        top.document.getElementsByTagName("head")[0].appendChild(link);
     }
-  </script>
+</script>
   =======
 
   <!--  Adding copyright javascript code to make it dynamic and display current year -->
@@ -1650,28 +1616,28 @@ <h4>Reach Out To Us</h4>
   </script>
 
   <script>
-    // Logout Button
+        // Logout Button
 
-    document.addEventListener('DOMContentLoaded', function () {
+      document.addEventListener('DOMContentLoaded', function () {
       var isLoggedIn = localStorage.getItem('isLoggedIn');
       var loginButton = document.getElementById('btn-style');
       var logoutButton = document.getElementById('logout-btn');
 
       if (isLoggedIn === 'true') {
-        loginButton.style.display = 'none';
-        logoutButton.style.display = 'block';
-        loginButton.disabled = true;
-        logoutButton.disabled = false;
-        logoutButton.style.cursor = 'pointer';
-        logoutButton.addEventListener('click', function () {
-          localStorage.setItem('isLoggedIn', 'false');
-          window.location.href = './index.html';
-        });
+          loginButton.style.display = 'none';
+          logoutButton.style.display = 'block';
+          loginButton.disabled = true ;
+          logoutButton.disabled = false;
+          logoutButton.style.cursor = 'pointer';
+          logoutButton.addEventListener('click', function() {
+              localStorage.setItem('isLoggedIn', 'false');
+              window.location.href = './index.html';
+          });
       } else {
-        loginButton.style.display = 'block';
-        logoutButton.disabled = true;
+          loginButton.style.display = 'block';
+          logoutButton.disabled = true;
       }
-    });
+  });
   </script>
 
 
@@ -1708,4 +1674,4 @@ <h4>Reach Out To Us</h4>
 
 
 </div>
-<!-- New bubble background end -->
\ No newline at end of file
+<!-- New bubble background end -->