Merge pull request #582 from shriyadindi/about-footer

Added footer to the about us page
ankit071105 · Oct 24, 2024 · 7e15861 · 7e15861
2 parents b48060f + ab7b4fb
commit 7e15861
Showing 1 changed file with 118 additions and 6 deletions.
diff --git a/about.html b/about.html
@@ -123,11 +123,12 @@ <h1>About Us</h1>
             <p style="color: #b5fdf4;" >Affordable adventures, unforgettable memories—explore with ease.</p>
             <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
             <div class="social-icons">
-              <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-              <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-              <a href="https://www.twitter.com" ><i class="fa-brands fa-x-twitter"></i></a>
-              <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-              <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
+<a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
+<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
+<a href="https://www.twitter.com" ><i class="fa-brands fa-x-twitter"></i></a>
+<a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
+<a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
+
             </div>
           </div>
 
@@ -149,7 +150,8 @@ <h4>ABOUT US</h4>
                 <li><a href="#">Media Center</a></li>
                 <li><a href="#">Investors</a></li>
                 <li><a href="#">Modern Slavery Act</a></li>
-                <li><a href="terms.html">Terms Of Use</a></li>
+<li><a href="terms.html">Terms Of Use</a></li>
+
               </ul>
             </div>
 
@@ -186,7 +188,117 @@ <h4>FIND US</h4>
           </ul>
         </div>
       </footer>
+<style>
+  /* General Footer Styling */
+  .footer-container {
+    background-color: #1f2937;
+    color: #ffffff;
+    padding: 40px 0;
+    font-family: Arial, sans-serif;
+  }
+
+  /* Logo and Tagline */
+  .footer-logo-section {
+    text-align: center;
+    margin-bottom: 30px;
+  }
+  .footer-logo {
+    max-width: 150px;
+    margin-bottom: 10px;
+    border-radius: 50px;
+  }
+  .footer-logo-section p {
+    margin: 5px 0;
+    font-size: 0.95rem;
+  }
+  .follow-us {
+    margin-top: 10px;
+    font-weight: bold;
+  }
+
+  /* Social Media Icons */
+  .social-icons a {
+    display: inline-block;
+    margin: 0 10px;
+    color: #12e9cc;
+    font-size: 1.5rem;
+    text-decoration: none;
+  }
+  .social-icons a:hover {
+    color: #76b2ab;
+  }
+
+  /* Footer Link Sections */
+  .footer-links {
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    margin: 20px 100px;
+  }
+  .footer-column {
+    flex-basis: 20%;
+    margin-bottom: 10px;
+  }
+  .footer-column h4 {
+    font-size: 1rem;
+    margin-bottom: 10px;
+    color: #12e9cc;
+  }
+  .footer-column ul {
+    list-style: none;
+    padding: 0;
+  }
+  .footer-column ul li {
+    margin-bottom: 8px;
+  }
+  .footer-column ul li a {
+    color: #ffffff;
+    text-decoration: none;
+    font-size: 0.95rem;
+  }
+  .footer-column ul li a:hover {
+    text-decoration: underline;
+  }
+
+  /* Footer Bottom Links */
+  .footer-bottom {
+    text-align: center;
+    border-top: 1px solid #ddd;
+    padding-top: 20px;
+  }
+  .footer-bottom ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  .footer-bottom ul li {
+    display: inline-block;
+    margin: 0 15px;
+  }
+  .footer-bottom ul li a {
+    color: #12e9cc;
+    text-decoration: none;
+    font-size: 0.95rem;
+  }
+  .footer-bottom ul li a:hover {
+    text-decoration: underline;
+  }
+
+  /* Responsive Adjustments */
+  @media (max-width: 768px) {
+    .footer-links {
+      flex-direction: column;
+      align-items: center;
+    }
+    .footer-column {
+      flex-basis: 100%;
+      text-align: center;
+    }
+  }
+</style>
+
 </body>
+
 </html>
 <style>
     * {