Merge branch 'PriyaGhosal:main' into main

Peart-Guy · Oct 21, 2024 · fd02ddb · fd02ddb
2 parents 43adc96 + cbbbd01
commit fd02ddb
Show file tree

Hide file tree

Showing 14 changed files with 2,206 additions and 775 deletions.
diff --git a/F&Q.html b/F&Q.html
diff --git a/README.md b/README.md
@@ -1461,4 +1461,4 @@ If you find this project helpful, please consider giving it a ⭐ on GitHub! You
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
 
-# Thanks for reading!!!
+# Thanks for reading!!!
diff --git a/auth.html b/auth.html
@@ -26,10 +26,10 @@ <h2 class="title">Sign in</h2>
             <div class="login">
               <input type="submit" value="Login" class="btn solid" />
             </div>
-            <p class="social-text">OR</p>
-            <p class="social-text">Sign in with social platforms</p>
+            <a href="/forgot_password.html" style="text-decoration: none; color: black;"><p>Forgot Password?</p></a>
+            <p class="social-text">OR<br>Sign in with social platforms</p>
 
-            <div class="social-media"> 
+            <div class="social-media">
               <button class="social-icon" id="googleSignInBtn">
 
             <div class="social-media">
@@ -99,7 +99,7 @@ <h3>One of us ?</h3>
       <i class="fas fa-home"></i>
     </a>
     <div id="toast-container"></div>
-    
+
     <script src="https://www.gstatic.com/firebasejs/9.18.0/firebase-app-compat.js"></script>
     <script src="https://www.gstatic.com/firebasejs/9.18.0/firebase-auth-compat.js"></script>
     <script src="firebase.js"></script>
@@ -145,7 +145,7 @@ <h3>One of us ?</h3>
 
   </script>
 
-  <script 
+  <script
     src="https://cdn.gtranslate.net/widgets/latest/float.js"
     defer
   ></script>

diff --git a/blog.html b/blog.html
@@ -332,68 +332,91 @@
         }
 
         footer {
-            background-color: var(--header-bg);
-            color: var(--header-text);
-            padding: 2rem 0;
-            margin-top: 2rem;
-        }
+    background-color: var(--header-bg);
+    color: var(--header-text);
+    padding: 3rem 0; /* Increased padding for more space */
+    margin-top: 2rem;
+}
 
-        .footer-container {
-            display: flex;
-            justify-content: space-between;
-            flex-wrap: wrap;
-        }
+.footer-container {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    gap: 2rem; /* Added gap for better spacing between columns */
+}
 
-        .footer-column {
-            flex: 1;
-            margin-bottom: 1rem;
-            min-width: 200px;
-        }
+.footer-column {
+    flex: 1;
+    margin-bottom: 2rem; /* Increased margin for better spacing */
+    min-width: 250px; /* Increased min-width for more balance */
+}
 
-        .footer-column h3 {
-            margin-bottom: 1rem;
-            font-family: 'Playfair Display', serif;
-        }
+.footer-column h3 {
+    margin-bottom: 1.5rem; /* Increased spacing for better layout */
+    font-family: 'Playfair Display', serif;
+    font-size: 1.5rem; /* Increased font size for headings */
+    color: var(--secondary-color); /* Color added for contrast */
+}
 
-        .footer-column ul {
-            list-style-type: none;
-        }
+.footer-column ul {
+    list-style-type: none;
+    padding-left: 0;
+}
 
-        .footer-column ul li {
-            margin-bottom: 0.5rem;
-        }
+.footer-column ul li {
+    margin-bottom: 0.8rem; /* Increased spacing for a cleaner look */
+}
 
-        .footer-column a {
-            color: var(--header-text);
-            text-decoration: none;
-            transition: color 0.3s ease;
-        }
+.footer-column a {
+    color: var(--header-text);
+    text-decoration: none;
+    font-size: 1.1rem; /* Increased font size for better readability */
+    transition: color 0.3s ease, transform 0.3s ease; /* Added hover effect */
+}
 
-        .footer-column a:hover {
-            color: var(--secondary-color);
-        }
+.footer-column a:hover {
+    color: var(--secondary-color); /* Smooth color transition */
+    transform: translateX(5px); /* Slight movement on hover */
+}
 
-        .social-icons {
-            display: flex;
-            gap: 1rem;
-        }
+.social-icons {
+    display: flex;
+    gap: 1.5rem; /* Increased gap between social icons */
+    margin-top: 1.5rem;
+}
 
-        .social-icons a {
-            color: var(--header-text);
-            font-size: 1.5rem;
-            transition: color 0.3s ease;
-        }
+.social-icons a {
+    color: var(--header-text);
+    font-size: 1.8rem; /* Increased size for icons */
+    transition: color 0.3s ease, transform 0.3s ease;
+}
 
-        .social-icons a:hover {
-            color: var(--secondary-color);
-        }
+.social-icons a:hover {
+    color: var(--secondary-color);
+    transform: scale(1.1); /* Scale effect on hover */
+}
 
-        .footer-bottom {
-            text-align: center;
-            padding-top: 2rem;
-            margin-top: 2rem;
-            border-top: 1px solid rgba(255,255,255,0.1);
-        }
+.footer-bottom {
+    text-align: center;
+    padding-top: 2rem;
+    margin-top: 2rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.2); /* Softer border color */
+    font-size: 1rem;
+    color: rgba(255, 255, 255, 0.8); /* Softer footer text color */
+}
+
+@media (max-width: 768px) {
+    .footer-container {
+        flex-direction: column;
+        align-items: center; /* Center align items on mobile */
+        gap: 1.5rem; /* Adjusted gap for mobile layout */
+    }
+
+    .footer-column {
+        min-width: unset; /* Remove min-width on smaller screens */
+        text-align: center; /* Center align text on mobile */
+    }
+}
 
         @media (max-width: 768px) {
             .hamburger {
@@ -1283,4 +1306,4 @@ <h2>Manage Tags</h2>
   ></script>
 
 </body>
-</html>
+</html>
diff --git a/book.html b/book.html
@@ -88,7 +88,7 @@
         align-items: center;
       }
 
-      .locations h2 {
+      .locations_ h2 {
         font-size: 4rem; /* Font size for location headings */
         color: black; /* Color for location headings */
       }
@@ -109,12 +109,11 @@
       }
 
       .footer-bottom {
-        margin-top: 20px; /* Margin at the top of footer bottom section */
+        margin-top: 20px; 
       }
     </style>
   </head>
   <body>
-    <!-- Header starts  -->
     <header class="main-head">
       <nav>
         <div class="logo">
@@ -123,12 +122,17 @@ <h1 id="logo"><a href="index.html">BuddyTrail</a></h1>
         </div>
 
         <ul id="nav-list">
-          <!-- Close button for dropdown -->
           <span class="dropdown-close-btn" id="closeBtn">×</span>
-          <li><a href="#locations" class="navhover">Location</a></li>
+
+          <li><a href="./index.html" class="navhover">Home</a></li>
+          <li><a href="./team.html" class="navhover">Team</a></li>
+          <li><a href="./blog.html" class="navhover">Blog</a></li>
+          <li><a href="./F&Q.html" class="navhover">F&Q</a></li>
+          <li><a href="#locations_" class="navhover">Location</a></li>
           <li><a href="#benefits" class="navhover">Benefits</a></li>
           <li><a href="contact.html" class="navhover">Contact</a></li>
           <li><a href="#booking-form" class="navhover">Book Now</a></li>
+          <li><a href="./auth.html" class="navhover">SignIn</a></li>
         </ul>
       </nav>
 
@@ -199,7 +203,7 @@ <h1 id="logo"><a href="index.html">BuddyTrail</a></h1>
         <h2>Welcome to BuddyTrail</h2>
       </section>
 
-      <section id="locations" class="locations">
+      <section id="locations_" class="locations_">
         <h2>Popular Destinations</h2>
         <div class="location-cards">
           <div
@@ -210,7 +214,7 @@ <h2>Popular Destinations</h2>
           >
             <h3>Dubai</h3>
             <ul>
-              <li>Flight to Dubai</li>
+              <li>Flight To Dubai</li>
               <li>
                 Save 20% on round-trip flights to Dubai. Limited time offer!
               </li>
@@ -408,6 +412,8 @@ <h3>Quick Links</h3>
             <li><a href="about.html">About</a></li>
             <li><a href="service.html">Services</a></li>
             <li><a href="contact.html">Contact</a></li>
+            <li><a href="./book.html">Book</a></li>
+            <li><a href="./F&Q.html">F&Q</a></li>
           </ul>
         </div>
         <div class="footer-column">