From f8465705da3d207cb90573c3dfc5eda7c32fc251 Mon Sep 17 00:00:00 2001
From: VidhanThakur09 <vidhanthakur2700@gmail.com>
Date: Tue, 29 Oct 2024 02:45:28 +0530
Subject: [PATCH] sitemap added

---
 index.html   |   1 +
 sitemap.css  | 374 +++++++++++++++++++++++++++++++++++++++++++++++++++
 sitemap.html | 275 +++++++++++++++++++++++++++++++++++++
 3 files changed, 650 insertions(+)
 create mode 100644 sitemap.css
 create mode 100644 sitemap.html

diff --git a/index.html b/index.html
index 48699c2f..b61eddc3 100644
--- a/index.html
+++ b/index.html
@@ -1940,6 +1940,7 @@ <h4 class="footer-head" class="footer__subtitle">Support</h4>
             <p><a href="./Licensing.html" class="footer__link">Licensing</a></p>
             <p><a href="#cnt-form" class="footer__link">Contact Us</a></p>
             <p><a href="contributors.html" class="footer__link">Our Contributors</a></p>
+            <p><a href="sitemap.html" class="footer__link">SiteMap</a></p>
           </div>
         </div>
         <div class="footer__col">
diff --git a/sitemap.css b/sitemap.css
new file mode 100644
index 00000000..214376aa
--- /dev/null
+++ b/sitemap.css
@@ -0,0 +1,374 @@
+html {
+    scroll-behavior: smooth;
+  }
+  
+  ::-webkit-scrollbar{
+    width: 15px;
+  }
+  
+  ::-webkit-scrollbar-track{
+    background: #d1e5ff;
+  }
+  ::-webkit-scrollbar-thumb{
+    background: linear-gradient( 90deg,rgb(63, 120, 244),rgb(245, 89, 239) );
+    border-radius: 10px;
+    height:  100px;
+  }
+  .top-btn {
+    display: none;
+    width: 50px;
+    height: 50px;
+    position: fixed;
+    bottom: 10px;
+    right: 0px;
+    background-color: #ab45e7;
+    color: #fff;
+    padding: 2px;
+    border: none;
+    margin-right: 36px;
+    border-radius: 50%;
+    cursor: pointer;
+    z-index: 101;
+  }
+  
+  .top-btn:hover {
+    background-color: #0056b3;
+  }
+  @font-face {
+      font-family: Aller;
+      src: url("../fonts/aller/aller_bd.eot");
+      /* IE9 Compat Modes */
+      src: url("../fonts/aller/aller_bd.eot?#iefix") format("embedded-opentype"), url("../fonts/aller/aller_bd.woff") format("woff"), url("../fonts/aller/aller_bd.ttf") format("truetype"), url("../fonts/aller/aller_bd.svg#svgFontName") format("svg");
+      /* Legacy iOS */
+      font-weight: bold;
+      font-style: normal; }
+    
+    .header-gradient, .header {
+      background: #4a90e2;
+      /* For browsers that do not support gradients */
+      background: -webkit-linear-gradient(left, #4a90e2, #d56fa1);
+      /* For Safari 5.1 to 6.0 */
+      background: -o-linear-gradient(right, #4a90e2, #d56fa1);
+      /* For Opera 11.1 to 12.0 */
+      background: -moz-linear-gradient(right, #4a90e2, #d56fa1);
+      /* For Firefox 3.6 to 15 */
+      background: linear-gradient(to right, #4a90e2, #d56fa1);
+      /* Standard syntax */ }
+    
+    .header {
+      padding: 40px 0;
+      margin-bottom: 40px; }
+      .header .logo {
+        margin: 40px 0; }
+      .header .title {
+        margin-top: 0;
+        font-family: Lato;
+        font-weight: lighter;
+        font-style: italic;
+        color: white; }
+      .header .subtitle {
+        font-family: Lato;
+        font-size: 20px;
+        color: white;
+        margin-bottom: 30px; }
+      .header .store-button {
+        max-width: 45%;
+        height: auto; }
+    
+    @media (min-width: 768px) and (max-width: 991px) {
+      .header .logo {
+        margin-top: 80px; } }
+    
+    .footer-gradient, .footer {
+      background: #4a90e2;
+      /* For browsers that do not support gradients */
+      background: -webkit-linear-gradient(#4a90e2, #6e7fd8);
+      /* For Safari 5.1 to 6.0 */
+      background: -o-linear-gradient(#4a90e2, #6e7fd8);
+      /* For Opera 11.1 to 12.0 */
+      background: -moz-linear-gradient(#4a90e2, #6e7fd8);
+      /* For Firefox 3.6 to 15 */
+      background: linear-gradient(#4a90e2, #6e7fd8);
+      /* Standard syntax */ }
+    
+    .footer {
+      padding: 40px 10px; }
+      .footer .footer-logo-container img {
+        margin-bottom: 30px; }
+      .footer .title {
+        color: white;
+        font-family: Lato;
+        font-style: italic;
+        font-weight: lighter; }
+      .footer .link-container .links {
+        color: white;
+        font-family: Lato;
+        font-size: 20px; }
+        .footer .link-container .links.transparent {
+          opacity: 0.6; }
+      .footer .copyright {
+        margin-top: 20px;
+        color: white;
+        font-family: Lato;
+        font-size: 15px;
+        opacity: 0.6; }
+        .footer .copyright:last-child {
+          margin-top: 0; }
+    
+    @media (max-width: 767px) {
+      .footer {
+        border-radius: 0; } }
+    
+    #sitemap .sitemap-section {
+      margin: 10px 0; }
+      #sitemap .sitemap-section.grey {
+        background-color: #f8f8fb; }
+      #sitemap .sitemap-section {
+        color: #979797; }
+    .sitemap-section a{
+        text-decoration: none;
+    }
+    .sitemap-section ul a{
+        font-size: 2rem;
+        margin-right: 45px;
+        color: white;
+    }
+    .sitemap-section ul li {
+        list-style: none;
+    }
+    #about .about-section {
+      margin: 10px 0; }
+      #about .about-section.grey {
+        background-color: #f8f8fb; }
+    
+    #about .text-section {
+      margin-top: 30px;
+      margin-bottom: 100px; }
+    
+    .how-to-section {
+      margin: 10px 0;
+      padding: 20px 0; }
+      .how-to-section.grey {
+        background-color: #f8f8fb; }
+    
+    .text-wrapper {
+      height: 400px;
+      position: relative; }
+      .text-wrapper .section-text {
+        position: absolute;
+        top: 40%;
+        height: 100px;
+        margin-top: -50px; }
+    
+  
+    .subtext {
+      font-family: Lato;
+      font-size: 18px;
+      color: #919191; }
+    
+    .how-to-image {
+      height: 400px;
+      max-width: 100%; }
+    
+    @media (max-width: 767px) {
+      .text-wrapper {
+        height: auto;
+        position: static; }
+        .text-wrapper .section-text {
+          position: static;
+          height: auto;
+          margin-top: 0; }
+      .how-to-image {
+        height: 200px; } }
+  
+      .container-fluid .logo {
+          width: 130px;
+          border-radius: 6px;
+          margin-top: 20px;
+          margin-left: 20px;
+      }
+      
+      .container.terms-container {
+          max-width: 70%;
+          margin: 0 auto;
+          padding: 20px;
+          background-color: #0e1525;
+          border-radius: 10px;
+          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+      }
+  
+      .video-background {
+        position: fixed;
+        right: 0;
+        bottom: 0;
+        min-width: 100%;
+        min-height: 100%;
+        z-index: -1;
+        opacity: 0.3;
+    }
+  
+      
+      .container-fluid .title {
+          font-size: 4.3em;
+          color: #0d94ba;
+          font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+          margin-bottom: 20px;
+          font-weight: 700;
+  
+      }
+      
+      .container-fluid .section-title a {
+          font-size: 4.5rem;
+          font-weight: 600;
+          color: #0dcaf0;
+          margin-top: 20px;
+      }
+      
+      .container-fluid .content p {
+          font-size: 1.2em;
+          line-height: 1.6;
+          color: #f0f0f0;
+          margin-bottom: 20px;
+      }
+      .text-center hr {
+        width: 50%;
+        color: #d56fa1;
+        opacity: 0.3;
+      }
+      
+      @media (max-width: 768px) {
+          .container-fluid .title {
+              font-size: 2em;
+          }
+      
+          .container-fluid .section-title {
+              font-size: 1.5em;
+          }
+      
+          .container-fluid .content p {
+              font-size: 1em;
+          }
+      }
+  
+      body {
+        font-family: 'Lato', sans-serif;
+        /* background-color: #0e1525; */
+        background: linear-gradient(to top, #080f21, #06255b);
+        color: #ffffff;
+        margin: 0;
+        padding: 0;
+    }
+    .sitemap-section{
+        text-align: center;
+    }
+    .copyright-footer {
+      display: flex;
+      justify-content: center;
+      margin-top: 25px;
+      font-size: 17px;
+      color: rgb(185, 185, 185);
+    }
+  
+    .Lastupdate {
+      margin-bottom: 15px;
+      font-size: 19px !important;
+      font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, serif !important;
+      font-weight: 500;
+      margin-top: 0px;
+      color: rgb(255, 255, 255) !important;
+    }
+  
+    #last-updated-date {
+      font-size: 18px;
+      color: rgb(255, 255, 255) !important;
+      font-weight: 400 !important;
+    }
+  
+     #progress-container {
+          position: fixed ;
+          top: 0px;
+          left: 0;
+          width: 100%;
+          height: 15px;
+          z-index: 99990;
+          /* background: #f3f3f3; */
+      }
+  
+      #progress-bar {
+          position: fixed;
+          top: 0;
+          left: 0;
+          width: 0%;
+          height: 7px;
+          width: 0;
+          background: linear-gradient(90deg, rgb(0, 72, 255) 0%, rgb(153, 187, 255) 50%, rgb(0, 184, 250) 100%);
+          box-shadow: 0 0 4px rgba(0, 166, 255, 0.7), 0 0 10px rgba(255, 255, 255, 0.7);
+          transition: width 0.09s ease-in-out;
+          border-radius: 10px;
+      }
+      .theme-toggle {
+        position: fixed;
+        top: 26px;
+        right: 30px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        background-color: yellow;
+        border-radius: 50%;
+        width: 40px;
+        height: 40px;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        transition: background-color 0.3s, box-shadow 0.3s;
+        z-index: 1000;
+      }
+      
+      .theme-toggle i {
+        font-size: 20px;
+        color: rgb(3, 3, 38);
+      }
+      
+      .theme-toggle .fa-moon {
+        display: none;
+      }
+      
+      /* Dark Theme Styles */
+      body.dark-theme {
+        background-color: #121212;
+        color: #ffffff;
+      }
+      
+      body.dark-theme .header,
+      body.dark-theme .footer,
+      body.dark-theme .navbar {
+        background-color: black;
+        color: #ffffff;
+      }
+      
+      
+      body.dark-theme .theme-toggle {
+        background-color: rgb(3, 3, 38);
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
+      }
+      
+      body.dark-theme .theme-toggle .fa-sun {
+        display: none;
+      }
+      
+      body.dark-theme .theme-toggle .fa-moon {
+        display: inline;
+        color: #f1c40f;
+      }
+      
+      body.dark-theme a {
+        color: #f1c40f;
+      }
+      body.dark-theme .content p{
+        color: #95e9e9;
+      }
+      body.dark-theme .title,
+      body.dark-theme .section-title
+      {
+        color: blue;
+      }
+      
\ No newline at end of file
diff --git a/sitemap.html b/sitemap.html
new file mode 100644
index 00000000..b6413c49
--- /dev/null
+++ b/sitemap.html
@@ -0,0 +1,275 @@
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>SiteMap</title>
+    <meta name="author" content="Xmartlabs" />
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+
+    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+
+    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+
+    <link href="./sitemap.css" rel="stylesheet" type="text/css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+    integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <link rel="icon" type="image/x-icon" href="favicon.ico"/>
+
+<style>
+    .circle {
+      position: absolute;
+      width: 25px;
+      height: 25px;
+      border-radius: 50%;
+      pointer-events: none;
+      background: radial-gradient(circle, rgba(71, 240, 255, 0.3), rgba(0, 119, 255, 0.3));
+      transition: transform 0.1s, left 0.1s, top 0.1s;
+    }
+
+    .circle-container {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      z-index: 9999;
+    }
+
+    @media screen and (max-width: 768px){
+      .circle-container {
+        display: none;
+      }
+
+    }
+
+</style>
+   
+  </head>
+
+  <body id="sitemap">
+
+    <body id="sitemap">
+      <div id="progress-container">
+        <div id="progress-bar"></div>
+      </div>
+      <div class="circle-container">
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+      </div>
+      <a>
+        <div class="theme-toggle">
+          <i class="fas fa-sun"></i>
+          <i class="fas fa-moon"></i>
+        </div>
+       </a>
+      <script>
+        document.addEventListener("DOMContentLoaded", function () {
+          const coords = { x: 0, y: 0 };
+          const circles = document.querySelectorAll(".circle");
+  
+          circles.forEach(function (circle) {
+            circle.x = 0;
+            circle.y = 0;
+          });
+  
+          window.addEventListener("mousemove", function (e) {
+            coords.x = e.pageX;
+            coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
+          });
+  
+          function animateCircles() {
+            let x = coords.x;
+            let y = coords.y;
+  
+            circles.forEach(function (circle, index) {
+              circle.style.left = `${x - 12}px`;
+              circle.style.top = `${y - 12}px`;
+              circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
+  
+              const nextCircle = circles[index + 1] || circles[0];
+              circle.x = x;
+              circle.y = y;
+  
+              x += (nextCircle.x - x) * 0.3;
+              y += (nextCircle.y - y) * 0.3;
+            });
+  
+            requestAnimationFrame(animateCircles);
+          }
+  
+          animateCircles();
+        });
+  
+      </script>
+    
+    <a href="index.html"><img src="./img/Screenshot 2024-01-23 003448.png" style="width: 130px; border-radius: 6px; margin-top: 20px; margin-left: 20px;"></a>
+  
+  <video autoplay muted loop class="video-background">
+    <source src="./img/bg video term2.mp4" type="video/mp4">
+     the video tag.
+  </video>
+    <div class="container-fluid">
+        <div class="row sitemap-section">
+            <div class="col-xs-12 text-center">
+                <h1 class="title">SiteMap</h1>
+                <hr>
+              </div>
+              
+              <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
+
+                    <h2 class="section-title"><a href="./index.html">Home</a></h2>
+                    <ul>
+                        <li><a href="membership.html">Membership</a></li>
+                        <li><a href="plantrip.html">Plan a Trip</a></li>
+                        <li><a href="./payment.html">Book Now</a></li>
+                        <li><a href="./index.html#trip">Best trip packages</a></li>
+                        <li><a href="./index.html#ReviewGallery">Gallery</a></li>
+                        <li><a href="./index.html#hotel">Local Events and Festival</a></li>
+                        <li><a href="./index.html#tourist">Tourist Guide</a></li>
+                        <li><a href="./index.html#hotel">Hotels & Resorts</a></li>
+                        <li><a href="./index.html#hotel">Packaging List</a></li>
+                        <li><a href="./index.html#hotel">Travel Books</a></li>
+                        <li><a href="./index.html#hotel">Health and Safety Alerts</a></li>
+                        <li><a href="./index.html#testimo">Testimonials</a></li>
+                    </ul>
+
+                    <h2 class="section-title"><a href="about.html">About Us</a></h2>
+
+                    <h2 class="section-title"><a href="#Services">Services</a></h2>
+                    <ul >
+                        <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>
+
+                    <h2 class="section-title"><a href="topdeals/topdeals.html">Top Deals</a></h2>
+                    <h2 class="section-title"><a href="packages.html">Packages</a></h2>
+                    <h2 class="section-title"><a href="feedback.html">Rate Us?</a></h2>
+                    <h2 class="section-title"><a href="#cnt-form">Contact Us</a></h2>
+                    <h2 class="section-title"><a href="newLogin.html">Login/SignUp</a></h2>
+                    <h2 class="section-title"><a href="mapa.html">View</a></h2>
+                    <h2 class="section-title"><a href="">Support</a></h2>
+                    <ul >
+                        <li><a href="./blog.html">Our Blogs</a></li>
+                        <li><a href="./tnc.html">Terms & Conditions</a></li>
+                        <li><a href="./privacy.html">Privacy Policy</a></li>
+                        <li><a href="./Licensing.html">Licensing</a></li>
+                        <li><a href="contributors.html">Our Contributors</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+      </div>
+      <button class="top-btn" id="goToTopBtn" onclick="goToTop()"><i class="fa-solid fa-chevron-up"
+        style="color: #ffffff;"></i></button>
+      <script>
+            // Get the button
+        var mybutton = document.getElementById("goToTopBtn");
+    
+    // When the user scrolls down 20px from the top of the document, show the button
+        window.onscroll = function () {
+          scrollFunction();
+        };
+    
+        function scrollFunction() {
+          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 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;
+          document.documentElement.scrollTop = 0;
+        }
+      </script>
+      <script>
+        document.addEventListener("DOMContentLoaded", function () {
+        const themeToggle = document.querySelector(".theme-toggle");
+        const body = document.body;
+
+        // Load the saved theme from local storage and apply it
+        const savedTheme = localStorage.getItem("theme");
+        if (savedTheme && savedTheme === "dark") {
+          body.classList.add("dark-theme");
+        }
+
+        themeToggle.addEventListener("click", function () {
+          body.classList.toggle("dark-theme");
+
+          // Save the current theme in local storage
+          if (body.classList.contains("dark-theme")) {
+            localStorage.setItem("theme", "dark");
+          } else {
+            localStorage.setItem("theme", "light");
+          }
+        });
+      });
+      </script>
+      <script>
+        document.addEventListener("DOMContentLoaded", () => {
+          setTimeout(() => {
+            const loader = document.getElementById("loader");
+            if (loader) {
+              loader.style.display = "none";
+            } else {
+              console.error("Element with ID 'loader' not found.");
+            }
+          }, 500);
+        });
+      </script>
+
+  <script>
+
+  window.addEventListener('scroll', function() {
+      const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
+      const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+      const scrolled = (winScroll / height) * 100;
+      document.getElementById('progress-bar').style.width = scrolled + '%';
+  });
+  </script>
+
+
+      <div>
+       <div  class="copyright-footer"> Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </div>
+      </div>
+    
+  </body>
+</html>
\ No newline at end of file