Footer

This bootstrap css example is contributed by Tanvir fahad, on 15-May-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Footer

Author Tanvir fahad

477

v.4.6

Fork Fullscreen

<div class="container"> 
  <footer class="py-5"> 
    <div class="row"> 
      <div class="col-6 col-md-2 mb-3"> 
        <h5>Section</h5> 
        <ul class="nav flex-column"> 
          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> 
          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> 
          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> 
          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> 
          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> 
        </ul> 
      </div>

<div class="col-6 col-md-2 mb-3"> 
        <h5>Section</h5> 
        <ul class="nav flex-column"> 
          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li> 
          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li> 
          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li> 
          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li> 
          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> 
        </ul> 
      </div>

<div class="col-md-3 mb-3"> 
        <h5>Current Time</h5> 
        <div class="p-2 bg-light border rounded text-center small" id="simple-timer">
          Loading...
        </div>
      </div>

<div class="col-md-4 offset-md-1 mb-3"> 
        <form> 
          <h5>Subscribe to our newsletter</h5> 
          <p>Monthly digest of what's new and exciting from us.</p> 
          <div class="d-flex flex-column flex-sm-row w-100 gap-2"> 
            <label for="newsletter1" class="visually-hidden">Email address</label> 
            <input id="newsletter1" type="email" class="form-control" placeholder="Email address"> 
            <button class="btn btn-primary" type="submit">Subscribe</button> 
          </div> 
        </form> 
      </div> 
    </div>

<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top"> 
      <p>© 2026 Company, Inc. All rights reserved.</p> 
      <ul class="list-unstyled d-flex"> 
        <li class="ms-3"><a class="link-body-emphasis" href="#" aria-label="Instagram"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"></use></svg></a></li> 
        <li class="ms-3"><a class="link-body-emphasis" href="#" aria-label="Facebook"><svg class="bi" width="24" height="24" aria-hidden="true"><use xlink:href="#facebook"></use></svg></a></li> 
      </ul> 
    </div> 
  </footer> 
</div>

More Examples

Personal Portfolio Contact Section

Author:
Creative Araf

2 months ago

243

v.5.3
Personal Portfolio Index

Author:
Creative Araf

2 months ago

222

v.5.3
responsive footer
responsive footer with date and time

Author:
SHOURAV ISLAM

4 months ago

290

v.4.6
E-com Home Page

Author:
Creative Araf

1 month ago

86

v.5.3
Form validation by donald trump
form validation

Author:
Faysal

1 month ago

194

v.4.6
Parsonal PortFolio Full WebSite

Author:
Zahid Hasan Riyad

1 month ago

323

v.5.3
Home Page of portfolio (WDD)

Author:
sajid taz

3 months ago

581

v.4.6
fitar footer
do not copy

Author:
Fitar Ahmed

4 months ago

814

v.4.6
E-Commerce Contact Section

Author:
Creative Araf

2 months ago

222

v.5.3
about page

Author:
lamiajahan

1 month ago

139

v.4.6
E-Commarce

Author:
Anonymous

1 month ago

247

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

Didn't find component you were looking for?

Search from 300+ componenent