→ Mateo Rojas
→ Elegant Bootstrap Footer

Elegant Bootstrap Footer

with social media icons, newsletter forms, and other important links

This bootstrap css example is contributed by Mateo Rojas, on 21-Dec-2024. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Footer

Author Mateo Rojas

3.1k

v.5.3

Fork Fullscreen

<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 footer-section">
                <div class="footer-logo">CompanyName</div>
                <p class="footer-about">We are dedicated to providing the best service to our customers. Our mission
                    is to create innovative solutions that make a difference in people's lives.</p>
                <div class="social-links">
                    <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>
                </div>
            </div>

<div class="col-lg-2 col-md-6 footer-section">
                <h5>Quick Links</h5>
                <ul class="footer-links">
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Products</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Careers</a></li>
                </ul>
            </div>

<div class="col-lg-2 col-md-6 footer-section">
                <h5>Support</h5>
                <ul class="footer-links">
                    <li><a href="#">FAQ</a></li>
                    <li><a href="#">Help Center</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Terms of Service</a></li>
                    <li><a href="#">Contact Support</a></li>
                </ul>
            </div>

<div class="col-lg-4 footer-section">
                <h5>Newsletter</h5>
                <p class="footer-about">Subscribe to our newsletter for updates, news, and exclusive offers.</p>
                <div class="footer-newsletter">
                    <input type="email" placeholder="Enter your email">
                    <button class="newsletter-btn">
              <i class="fas fa-paper-plane"></i>
            </button>
                </div>
            </div>
        </div>

<div class="footer-bottom">
            <ul class="footer-bottom-links">
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Terms of Service</a></li>
                <li><a href="#">Cookie Policy</a></li>
            </ul>
            <p>© 2024 CompanyName. All rights reserved.</p>
        </div>
    </div>
</footer>

More Examples

Footer
Simple footer with social icons

Author:
Prajwal Hallale

1 year ago

10.4k

v.5.3
Gradient Footer Component
A modern, responsive footer component with a smooth gradient background, social icons, quick links, and newsletter subscription - perfect for contemporary web applications.

Author:
Alaric Sloane

11 months ago

2.4k

v.5.3
Bootstrap Footer example
dark footer

Author:
Anonymous

1 year ago

3.1k

v.3.4
Footer with social media icons

Author:
Omar Khaled

1 year ago

5.9k

v.5.3
Simple Footer

Author:
Anonymous

1 year ago

2k

v.4.6
Basic Footer
Standard footer example with bootstrap 5

Author:
Mateo Rojas

9 months ago

7.4k

v.5.3
Footer example made with Bootstrap 5.3
Dark theme

Author:
Arturo

9 months ago

6.2k

v.5.3
Footer
Bootstrap CSS footer example

Author:
Prajwal Hallale

1 year ago

2k

v.5.3
Footer Template with NewsletterForm
Professional footer component with newsletter signup, social media integration, and responsive design built with Bootstrap 5.3.

Author:
Isaac Winslow

10 months ago

4.1k

v.5.3
Footer
Simple footer with social icons

Author:
Anonymous

3 months ago

1.1k

v.5.3
Bootstrap copyright footer

Author:
Anonymous

1 year ago

2.9k

v.5.3
Clean Modern Footer Design with Social Media
Elegant light-themed footer with interactive elements, newsletter signup, and social media integration built with Bootstrap 5.3.

Author:
Isaac Winslow

10 months ago

3.9k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent