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

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

My site Exm code

Author:
Zahid Hasan Riyad

3 months ago

402

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.6k

v.5.3
Simple Footer

Author:
Anonymous

2 years ago

4.4k

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

Author:
Mateo Rojas

1 year ago

5.7k

v.5.3
Personal Portfolio Index

Author:
Creative Araf

3 months ago

337

v.5.3
Restaurant Reservation section

Author:
Creative Araf

3 months ago

240

v.5.3
E-Commerce Full

Author:
Zahid Hasan Riyad

3 months ago

795

v.5.3
3213
gg

Author:
L-1485

7 months ago

405

v.4.6
Contact_All_Contanet

Author:
Sahin Miah

5 months ago

424

v.4.6
Footer

Author:
istiakahmedchowdhury10

3 months ago

240

v.4.6
Home Page of portfolio (WDD)

Author:
sajid taz

4 months ago

748

v.4.6
E-Commerce Product Page

Author:
Creative Araf

3 months ago

440

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent