→ 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

5.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

Simple Footer

Author:
Anonymous

2 years ago

3.9k

v.4.6
Footer
Simple footer with social icons

Author:
Anonymous

11 months ago

2.8k

v.5.3
from validation
do not copy

Author:
Fitar Ahmed

1 month ago

737

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

Author:
Isaac Winslow

1 year ago

6.4k

v.5.3
Footer

Author:
Tanvir fahad

1 month ago

328

v.4.6
fitar footer
do not copy

Author:
Fitar Ahmed

1 month ago

701

v.4.6
3213
gg

Author:
L-1485

3 months ago

231

v.4.6
Contact_All_Contanet

Author:
Sahin Miah

1 month ago

214

v.4.6
Footer
Simple footer with social icons

Author:
Prajwal Hallale

2 years ago

17k

v.5.3
Footer example made with Bootstrap 5.3
Dark theme

Author:
Sahadat hossine

5 months ago

1k

v.5.3
Elon Musk
nav and footer

Author:
RAHAT RAHMAN OFICIAL

1 month ago

270

v.4.6
Footer
Bootstrap CSS footer example

Author:
Prajwal Hallale

2 years ago

3.1k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent