→ Melissa Chen
→ Responsive Social Media Footer for Websi...

Responsive Social Media Footer for Websites

This Example is contributed by Melissa Chen, on 09-May-2025. It is responsive. similar terms for this example is Email campaign

Footer Newsletter Social Media Contact

Author Melissa Chen

Fork Fullscreen

<footer class="footer">
  <div class="footer-content">
    <div class="footer-section about">
      <h2>About Us</h2>
      <p>We are dedicated to providing quality services and products to our customers. Learn more about our mission and values.</p>
    </div>
    
    <div class="footer-section links">
      <h2>Quick Links</h2>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Products</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </div>
    
    <div class="footer-section contact">
      <h2>Contact Us</h2>
      <p><i class="fas fa-map-marker-alt"></i> 123 Business St, City, Country</p>
      <p><i class="fas fa-phone"></i> +1 234 567 8900</p>
      <p><i class="fas fa-envelope"></i> info@company.com</p>
    </div>
    
    <div class="footer-section subscribe">
      <h2>Subscribe to Newsletter</h2>
      <form action="#" method="post">
        <input type="email" name="email" placeholder="Enter your email">
        <button type="submit" class="btn">Subscribe</button>
      </form>
    </div>
  </div>
  
  <div class="footer-bottom">
    <div class="social-media">
      <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
      <a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
      <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
      <a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
      <a href="#" class="social-icon"><i class="fab fa-youtube"></i></a>
    </div>
    <p>&copy; 2023 Company Name. All rights reserved.</p>
  </div>
</footer>

Related Examples

Website Footer with Rich Background Design

Author:
Anonymous

1 month ago
CSS footer

Author:
Anonymous

2 weeks 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

3 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

2 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
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

2 weeks ago
Footer Subscription Form with Contact Details

Author:
Alisha Patel

2 months 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

2 months ago
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.

Author:
Anika

3 months 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

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

Author:
Aiden Mercer

2 months ago
Modern eCommerce Footer with Multiple Sections

Author:
Alex Morgan

2 months ago

Didn't find component you were looking for?

Search from 500+ components