→ Anika
→ Dark Mode Four Column Footer

Dark Mode Four Column Footer

A dark-themed footer component featuring four columns, sitemap links, brand logo, and social media icons. Ideal for modern websites.

This Example is contributed by Anika, on 26-Feb-2025. It is responsive.

Footer Dark Mode

Author Anika

Fork Fullscreen

<footer class="footer-container">
 <div class="footer-content">
 <div class="footer-section">
 <img src="https://via.placeholder.com/150x50" alt="Brand Logo" class="footer-logo">
 <p>Your brand description goes here. Keep it short and engaging.</p>
 </div>
 <div class="footer-section">
 <h4>Company</h4>
 <ul class="footer-links">
 <li><a href="#">About Us</a></li>
 <li><a href="#">Services</a></li>
 <li><a href="#">Contact</a></li>
 <li><a href="#">Careers</a></li>
 </ul>
 </div>
 <div class="footer-section">
 <h4>Resources</h4>
 <ul class="footer-links">
 <li><a href="#">Blog</a></li>
 <li><a href="#">Support</a></li>
 <li><a href="#">Terms of Service</a></li>
 <li><a href="#">Privacy Policy</a></li>
 </ul>
 </div>
 <div class="footer-section">
 <h4>Follow Us</h4>
 <div class="social-icons">
 <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
 <a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
 <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
 <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
 </div>
 </div>
 </div>
 <div class="footer-bottom">
 <p>&copy; 2024 Your Company. All rights reserved.</p>
 </div>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</footer>

Related Examples

Dark Horizontal Footer with Brand Logo and Social Links
A horizontal footer with dark color scheme featuring a brand logo, navigation links, and social media icons for website completion.

Author:
Anonymous

1 month ago
Footer with App Download Buttons and Branding
A professional website footer featuring app download buttons, brand logo, sitemap links, and social media connections for enhanced user engagement.

Author:
Janna Pineda

3 months ago
Multi-Column Footer with Image Gallery and Social Links

Author:
Aiden Mercer

2 months ago
Responsive Social Media Footer for Websites

Author:
Melissa Chen

1 month ago
Modern Multi-Column Responsive Website Footer
A fully responsive footer component with multi-column layout featuring company information, navigation links, subscription form, and social media integration.

Author:
Bishnu Thapa

3 months ago
Minimalist Modern Footer Design

Author:
Anonymous

3 months ago
Dark Footer with Newsletter Subscription
A sleek dark-themed footer component featuring a newsletter subscription form, brand logo, and essential site links. Perfect for engaging users and capturing leads.

Author:
M. Johnson

4 months ago
Basic Footer with Social media Icons
A clean, light-themed horizontal footer featuring a brand logo, sitemap links, and social media icons. Ideal for any modern website.

Author:
Anonymous

4 months ago
Simple Modern Footer with Call-to-Action Button
A lightweight, responsive footer with a prominent call-to-action button, perfect for enhancing conversion rates on any website.

Author:
Julian Parker

3 months ago
Responsive Footer with Social Media Links
A fully responsive footer design that adapts beautifully to all screen sizes, featuring multiple columns of content, social media links, and a newsletter signup form.

Author:
Morgan Reynolds

2 months ago
Responsive Footer with Multi-Column Layout
A clean, responsive footer design with multiple columns for navigation, contact information, and social media links that adapts beautifully to all screen sizes.

Author:
Bishnu Thapa

3 months ago
Modern eCommerce Footer with Multiple Sections

Author:
Alex Morgan

3 months ago

Explore components by Tags

Didn't find component you were looking for?

Search from 500+ components