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

2.3k

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

3.3k

v.5.3
Footer example made with Bootstrap 5.3
Dark theme

Author:
Arturo

10 months ago

7k

v.5.3
Footer
Simple footer with social icons

Author:
Prajwal Hallale

1 year ago

11.8k

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

2.8k

v.5.3
Bootstrap Footer example
dark footer

Author:
Anonymous

1 year ago

3.7k

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

11 months ago

4.4k

v.5.3
Simple Footer

Author:
Anonymous

1 year ago

2.3k

v.4.6
Footer with social media icons

Author:
Omar Khaled

1 year ago

6.4k

v.5.3
Footer
Simple footer with social icons

Author:
Anonymous

4 months ago

1.5k

v.5.3
Basic Footer
Standard footer example with bootstrap 5

Author:
Mateo Rojas

10 months ago

8.2k

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

Author:
Mateo Rojas

10 months ago

3.6k

v.5.3
Responsive footer using HTML and Bootstrap:
HTML: Error Title: A large, bold number (e.g., 404) to indicate the error type. Error Message: A brief message explaining the error. Button: A button to navigate back to the home page. Adjust the href attribute to point to your actual home page URL. CSS: Background Gradient: Applied to the body to give a stylish look. Error Container: Centered on the page with a semi-transparent background for contrast. Button Styling: Custom colors for the button, including hover effects. How to Use: Create an error.html file and paste the above code into it. Place the error.html file in your web server’s error pages directory or configure your server to serve this file on error.

Author:
zobaidul kaziex

1 year ago

7.6k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent