updates

index.html

@@ -149,7 +149,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 <span
+            <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best Kept
+              <span
                 class="auto-typed" style="color: var(--head-text);"></span></h1>
             <p class="section__subtitle" data-aos="fade-in">
               Make your travel more enjoyable with us. We are the best travel
@@ -403,7 +404,7 @@ <h2 class="section__title" data-aos="fade-in">Explore top destinations</h2>
       </div> -->
     <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')
@@ -929,7 +930,7 @@ <h4>Reach Out To Us</h4>
     <!-- adding a scrollup btn -->
     <a  class="goupbtn" href="#"><i class="fa-solid fa-arrow-up"></i></a>
 
-      
+
     <script>
       // Get the button
       var mybutton = document.getElementById("goToTopBtn");
@@ -984,7 +985,7 @@ <h4>Reach Out To Us</h4>
 
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
     <script>
-        //initailizing emailjs 
+        //initailizing emailjs
 
         (function () {
           emailjs.init("kHyqhzLTyzP0cw1px");
@@ -1037,7 +1038,7 @@ <h4>Reach Out To Us</h4>
 
 
 
-    <!-- Start of Conferbot Script 
+    <!-- Start of Conferbot Script
 
     <script type="text/javascript">
         (function (d, s, id) {
@@ -1063,7 +1064,7 @@ <h4>Reach Out To Us</h4>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
       integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
       crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <!-- 
+    <!--
     <script>
       (function ($) {
         var isDarkMode = false; // Assuming initially in light mode
@@ -1436,4 +1437,4 @@ <h4>Reach Out To Us</h4>
 
 
 </div>
-<!-- New bubble background end -->
+<!-- New bubble background end -->

styles.css

@@ -1162,6 +1162,7 @@ header {
 
 .footer__container {
   display: flex;
+  flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-evenly;
   align-items: flex-start;
@@ -2253,5 +2254,3 @@ body {
     margin: 0 auto; /* Center the subtitle */
   }
 }
-
-