Footer

Bootstrap CSS footer example

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

Tags: Footer

Author Prajwal Hallale

3.1k

v.5.3

Fork Fullscreen

<footer class="bg-dark text-white pt-5 pb-4">
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-lg-4 col-xl-3 mb-4">
        <h6 class="text-uppercase font-weight-bold mb-4">About</h6>
        <p class="">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt, nisl eget aliquam tincidunt, nisl nisl
          aliquam nisl, eget aliquam nisl nisl eget aliquam.
        </p>
      </div>
      <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
        <h6 class="text-uppercase font-weight-bold mb-4">Products</h6>
        <p><a href="#" class="text-white">Product 1</a></p>
        <p><a href="#" class="text-white">Product 2</a></p>
        <p><a href="#" class="text-white">Product 3</a></p>
        <p><a href="#" class="text-white">Product 4</a></p>
      </div>
      <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
        <h6 class="text-uppercase font-weight-bold mb-4">Useful links</h6>
        <p><a href="#" class="text-white">Your Account</a></p>
        <p><a href="#" class="text-white">Become an Affiliate</a></p>
        <p><a href="#" class="text-white">Shipping Rates</a></p>
        <p><a href="#" class="text-white">Help</a></p>
      </div>
      <div class="col-md-4 col-lg-3 col-xl-3 mb-md-0 mb-4">
        <h6 class="text-uppercase font-weight-bold mb-4">Contact</h6>
        <p><i class="fas fa-home mr-3"></i> New York, NY 10012, US</p>
        <p><i class="fas fa-envelope mr-3"></i> info@example.com</p>
        <p><i class="fas fa-phone mr-3"></i> + 01 234 567 88</p>
      </div>
    </div>
  </div>
  <div class="footer-copyright text-center py-3">
    © 2023 Copyright:
    <a href="#" class="text-white"> Your Website</a>
  </div>
</footer>

More Examples

Bootstrap copyright footer

Author:
Anonymous

1 year ago

4.9k

v.5.3
Elon Musk
nav and footer

Author:
RAHAT RAHMAN OFICIAL

1 month ago

259

v.4.6
Footer example made with Bootstrap 5.3
Dark theme

Author:
Arturo

1 year ago

9.5k

v.5.3
siam footer
footer

Author:
MD Siam Miya

1 month ago

220

v.4.6
Footer example made with Bootstrap 5.3
Dark theme

Author:
Sahadat hossine

5 months ago

1k

v.5.3
responsive footer
responsive footer with date and time

Author:
SHOURAV ISLAM

1 month ago

159

v.4.6
Footer
Footer de Bootstrap con enlaces rápidos, contacto y redes sociales, usando íconos para mejor navegación. Diseño limpio y responsivo. 🚀

Author:
Anonymous

1 year ago

5.9k

v.4.6
footer
tui copy korle guru chor

Author:
rimon majumder

1 month ago

92

v.4.6
Footer
Simple footer with social icons

Author:
Anonymous

11 months ago

2.8k

v.5.3
Elegant Bootstrap Footer
with social media icons, newsletter forms, and other important links

Author:
Mateo Rojas

1 year ago

5k

v.5.3
Simple Footer

Author:
Anonymous

2 years ago

3.9k

v.4.6
Basic Footer
Standard footer example with bootstrap 5

Author:
Mateo Rojas

1 year ago

11.6k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent