→ Prajwal Hallale
→ Footer

Footer

Simple footer with social icons

This bootstrap css example is contributed by Prajwal Hallale, on 18-Mar-2024. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Footer

Author Prajwal Hallale

20.1k

v.5.3

Fork Fullscreen

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<footer class="mt-auto">
  <div class="container">
    <div class="row">
      <div class="col-md-4 mb-3">
        <h5>About Us</h5>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ante mollis quam tristique convallis.</p>
      </div>
      <div class="col-md-4 mb-3">
        <h5>Quick Links</h5>
        <ul class="list-unstyled">
          <li><a href="#" class="text-decoration-none text-white">Home</a></li>
          <li><a href="#" class="text-decoration-none text-white">Services</a></li>
          <li><a href="#" class="text-decoration-none text-white">Contact</a></li>
        </ul>
      </div>
      <div class="col-md-4 mb-3">
        <h5>Follow Us</h5>
        <ul class="list-inline social-icons">
          <li class="list-inline-item"><a href="#" class="text-white"><i class="bi bi-facebook"></i></a></li>
          <li class="list-inline-item"><a href="#" class="text-white"><i class="bi bi-twitter"></i></a></li>
          <li class="list-inline-item"><a href="#" class="text-white"><i class="bi bi-instagram"></i></a></li>
        </ul>
      </div>
    </div>
    <hr class="mb-4">
    <div class="row">
      <div class="col-md-12 text-center">
        <p>&copy; 2023 Your Company. All rights reserved.</p>
      </div>
    </div>
  </div>
</footer>

More Examples

E-Commerce Product Page

Author:
Creative Araf

2 months ago

255

v.5.3
E-com Product Detail Page

Author:
Creative Araf

1 month ago

98

v.5.3
footer(date-time)
footer(date-time)

Author:
Mustaq hussin

1 month ago

185

v.4.6
portfolio

Author:
lamiajahan

1 month ago

125

v.4.6
Restaurant Home Page

Author:
Creative Araf

1 month ago

117

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

1 year ago

4.4k

v.5.3
contact

Author:
lamiajahan

1 month ago

97

v.4.6
Bootstrap Footer example
dark footer

Author:
Anonymous

2 years ago

5.2k

v.3.4
about page

Author:
lamiajahan

1 month ago

121

v.4.6
Home Page of portfolio (WDD)

Author:
sajid taz

2 months ago

547

v.4.6
Form validation by donald trump
form validation

Author:
Faysal

1 month ago

157

v.4.6
vulgh

Author:
Anonymous

1 month ago

133

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent

BootstrapExamples From the makers of tailwindflex.com

BootstrapExamples is a free library offering a diverse range of Bootstrap CSS components. Developed by the community, it's open for anyone to use.

Contacts

Email:

[email protected]

Links

Search

Resources

Free Tailwind CSS Components Free CSS Components

© 2026 BootstrapExamples. All Rights Reserved.

v1.3