A footer is an essential element of a webpage, typically found at the bottom of every page. It often contains key navigation links, copyright information, social media icons, or contact details.
✔️ Minimalist Layout – Clean and uncluttered design.
✔️ Call-to-Action (CTA) – A Contact Us button placed on the left for easy access.
✔️ Social Media Links – Icons neatly aligned on the right for user engagement.
✔️ Responsive Design – Adapts seamlessly to all screen sizes.
✔️ Consistent Aesthetic – Matches the website’s overall look and feel.
<footer>
<div class="footer-container">
<button class="contact-btn">Contact Us</button>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</footer>
- Use flexbox or grid for alignment.
- Keep the color scheme consistent with your website.
- Ensure accessibility with proper contrast and ARIA labels.
🚀 This footer design is simple, functional, and visually appealing. Perfect for any modern website!