Footer
Mon May 01 2023 18:28:01 GMT+0000 (Coordinated Universal Time)
Saved by @prachi
<!DOCTYPE html> <html> <head> <title>EXAM</title> </head> <body> <style> .footer{ background-color: #2f033c; color: #fff; padding: 2px 0; } .footer-container { margin: 0 auto; display: flex; justify-content: center; align-items: center; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-column { flex: 1; margin: 10px; } .footer-column h3 { font-size: 24px; margin-bottom: 20px; } .footer-column p { font-size: 16px; line-height: 24px; } .footer-social { display: flex; list-style: none; margin: 0; padding: 0; } .footer-social li { margin-right: 20px; } .footer-social a { font-size: 24px; color: #91f1f1; } @media screen and (max-width: 768px) { .footer-column { flex-basis: 100%; } } </style> <div id="footer"> <footer class="footer"> <div class="footer-container"> <div class="footer-row"> <div class="footer-column"> <h3>Contact</h3> <p>For general enquiry: dsjh@fgh.vhg <br> phone: 765456789908 <br> admission: djh@fgh.vhg <br> phone: 765456789908 </p> </div> <div class="footer-column"> <h3>ACADEMICS</h3> <p> UG<br> PG<br> PHD<br> law<br> design<br> </div> </div> </div> </footer> </div> </div> </body> </html>
Comments