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

723

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

Footer with social media icons

Author:
Omar Khaled

7 months ago

1.9k

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

Author:
Mateo Rojas

3 months ago

890

v.5.3
Simple Footer

Author:
Anonymous

1 year ago

698

v.4.6
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

4 months ago

1.4k

v.5.3
Footer example made with Bootstrap 5.3
Dark theme

Author:
Arturo

3 months ago

1.7k

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

4 months ago

1.5k

v.5.3
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 month ago

497

v.4.6
Footer
Simple footer with social icons

Author:
Prajwal Hallale

1 year ago

2.5k

v.5.3
Bootstrap copyright footer

Author:
Anonymous

8 months ago

879

v.5.3
Bootstrap Footer example
dark footer

Author:
Anonymous

11 months ago

925

v.3.4
Basic Footer
Standard footer example with bootstrap 5

Author:
Mateo Rojas

3 months ago

2.5k

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

5 months ago

730

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent