FAQ page footer UI enhnaced and also added all items

PriyaGhosal · Nov 9, 2024 · 89f523f · 89f523f
1 parent d3eca41
commit 89f523f
Showing 1 changed file with 75 additions and 7 deletions.
diff --git a/faq.html b/faq.html
@@ -7,6 +7,7 @@
   <title>BuddyTrail</title>
   <link rel="stylesheet" href="styles.css"> <!-- Link to your CSS file -->
   <link rel="stylesheet" href="about.css" />
+
 
   <link rel="icon" href="/icons/airplane.svg" />
   <link rel="icon" href="https://img.icons8.com/?size=100&id=11808&format=png&color=000000">
@@ -136,8 +137,7 @@
 
   </style>
 
-
-main
+
 <style>
           /* circle styles */
           .circle {
@@ -156,7 +156,7 @@
 
 </head>
 
- main
+
 <body>
   <header>
     <div class="container">
@@ -269,18 +269,86 @@ <h1 class="faq-title" data-aos="fade-right">Frequently Asked Questions</h1>
   <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 
 
+<style>
+.footer-column {
+  flex: 1;
+  min-width: 200px;
+  margin: 10px;
+}
+
+.footer-column p {
+  color: white;
+}
+
+.footer-column a {
+  font-size: 16px;
+  line-height: 2;
+}
+#footer-contact-us {
+  display: flex;
+  flex-direction: column;
+}
+
+.footer-column h3 {
+  margin-bottom: 5px;
+  font-size: 18px;
+  color: #f39c12;
+}
+
+.footer-column p,
+.footer-column ul {
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.footer-column ul {
+  list-style: none;
+  padding: 0;
+}
+
+.footer-column ul li a {
+  color: #ffffff;
+  text-decoration: none;
+  transition: color 0.3s;
+}
 
+.footer-column ul li a:hover {
+  color: #f39c12;
+  text-decoration: underline;
+}
+</style>
   <!-- Footer Include -->
 
   <footer>
     <div class="container">
       <div class="footer-content">
-        <div class="footer-column-l">
+        <div class="footer-column">
+          <h3>About Us</h3>
+          <p>
+            Discover and plan affordable trips with BuddyTrail's travel
+            companion tools.
+          </p>
+        </div>
+        <div class="footer-column">
+          <h3>Quick Links</h3>
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="about.html">About</a></li>
+            <li><a href="faq.html" class="faq-link">FAQs</a></li>
+            <li><a href="/#services">Services</a></li>
+            <li><a href="contact.html">Contact</a></li>
+            <li><a href="team.html">Team</a></li>
+            <li>
+              <a href="contributor/contributor.html">Our Contributor</a>
+            </li>
+          </ul>
+        </div>
+        <div class="footer-column">
           <h3>Contact Us</h3>
           <p>Email: [email protected]</p>
           <p>Phone: +123 456 7890</p>
         </div>
-        <div class="footer-column-r">
+        <div class="footer-column">
           <h3>Follow Us</h3>
           <div class="social-icons">
             <a href="https://discord.com/invite/priyaghosal" target="_blank"><i class="fab fa-discord"></i></a>
@@ -295,7 +363,7 @@ <h3>Follow Us</h3>
 
         </div>
       </div>
- main
+
     </footer>
 
 <!-- Circles -->
@@ -370,7 +438,7 @@ <h3>Follow Us</h3>
       <p class="copyright">&copy; 2024 BuddyTrail | All rights reserved.</p>
     </div>
   </footer>
- main
+
 </body>
 
 </html>