footer

Author: KavyaBS123

index.html

@@ -143,9 +143,51 @@ <h2>Rs.850 | Rs.850 <span>/day</span></h2>
         <section class="about" id="about">
             <div class="heading">
                 <span>About Us</span>
-                <h1>Lorem ipsum dolor sit amet consectetur adi Libe</h1>
+                <h1>Get to know more about our company, our mission, and our commitment to providing the best cab rental services.</h1>
             </div>
         </section>
+        <footer>
+            <div class="footer-container">
+                <div class="call-us">
+                    <p>Questions? Call 000-080-000-000</p>
+                </div>
+                <div class="footer-links">
+                    <div class="footer-column">
+                        <ul>
+                            <li><a href="#">Home</a></li>
+                            <li><a href="#">About Us</a></li>
+                            <li><a href="#">Privacy</a></li>
+                            <li><a href="#">Services</a></li>
+                        </ul>
+                    </div>
+                    <div class="footer-column">
+                        <ul>
+                            <li><a href="#">Help Center</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Cookies Preferences</a></li>
+                            <li><a href="#">Legal Notices</a></li>
+                        </ul>
+                    </div>
+                    <div class="footer-column">
+                        <ul>
+                            <li><a href="#">Account</a></li>
+                            <li><a href="#">Contact Us</a></li>
+                            <li><a href="#">Corporate Information</a></li>
+                            <li><a href="#">Pricing</a></li>
+                        </ul>
+                    </div>
+                    <div class="footer-column">
+                        <ul>
+                            <li><a href="#">Media Center</a></li>
+                            <li><a href="#">Terms of Use</a></li>
+                            <li><a href="#">Contact Us</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </footer>
+
+       
         <!-- Link to JS -->
         <script src="main.js"></script> 
     </body>

style.css

@@ -332,4 +332,97 @@ input[type="submit"] {
     background-color: #4CAF50;
     color: white;
     cursor: pointer;
-}
+}
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+footer {
+    background-color: #141414;
+    color: #999;
+    padding: 40px 20px;
+}
+
+.footer-container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.call-us {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+.call-us p {
+    margin: 0;
+}
+
+.footer-links {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-bottom: 20px;
+}
+
+.footer-column {
+    flex: 1;
+    margin: 10px;
+}
+
+.footer-column ul {
+    list-style: none;
+    padding: 0;
+}
+
+.footer-column ul li {
+    margin-bottom: 10px;
+}
+
+.footer-column ul li a {
+    color: #999;
+    text-decoration: none;
+    transition: color 0.3s;
+}
+
+.footer-column ul li a:hover {
+    color: #fff;
+}
+
+.language-selector {
+    text-align: center;
+}
+
+.language-selector button {
+    background-color: #141414;
+    border: 1px solid #333;
+    color: #999;
+    padding: 10px 20px;
+    cursor: pointer;
+    transition: background-color 0.3s, color 0.3s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.language-selector button img {
+    margin-left: 10px;
+}
+
+.language-selector button:hover {
+    background-color: #333;
+    color: #fff;
+}
+
+@media (max-width: 768px) {
+    .footer-links {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .footer-column {
+        margin: 20px 0;
+        text-align: center;
+    }
+}