→ Mustaq hussin
→ footer(date-time)

footer(date-time)

This bootstrap css example is contributed by Mustaq hussin, on 24-Jul-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Footer

Author Mustaq hussin

360

v.4.6

Fork Fullscreen

<footer class="mt-auto">
    <div class="container">
      <div class="row">
        <div class="col-md-4 mb-3">
          <h5>About Us</h5>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ante mollis quam tristique
            convallis.</p>
        </div>
        <div class="col-md-4 mb-3">
          <h5>Quick Links</h5>
          <ul class="list-unstyled">
            <li><a href="#" class="text-decoration-none text-white">Home</a></li>
            <li><a href="/about.html" class="text-decoration-none text-white">About</a></li>
            <li><a href="/portfolio.html" class="text-decoration-none text-white">Portfolio</a></li>
            <li><a href="/service.html" class="text-decoration-none text-white">Service</a></li>
            <li><a href="/contact.html" class="text-decoration-none text-white">Contact</a></li>
          </ul>
        </div>
        <div class="col-md-4 mb-3">
          <h5>Follow Us</h5>
          <ul class="list-inline social-icons">
            <li class="list-inline-item"><a href="#" class="text-white"><i class="bi bi-facebook"></i></a>
            </li>
            <li class="list-inline-item"><a href="#" class="text-white"><i class="bi bi-twitter"></i></a>
            </li>
            <li class="list-inline-item"><a href="#" class="text-white"><i class="bi bi-instagram"></i></a>
            </li>
          </ul>
          <h5 id="demo1"></h5>
          <h5 id="demo2"></h5>
        </div>
      </div>
      <hr class="mb-4">
      <div class="row">
        <div class="col-md-12 text-center">
          <p>&copy; 2023 Your Company. All rights reserved.</p>
        </div>
      </div>
    </div>
  </footer>

More Examples

E-com Product Detail Page

Author:
Creative Araf

2 months ago

121

v.5.3
portfolio

Author:
lamiajahan

2 months ago

151

v.4.6
Parsonal PortFolio Full WebSite

Author:
Zahid Hasan Riyad

1 month ago

378

v.5.3
Footer example made with Bootstrap 5.3
Dark theme

Author:
Sahadat hossine

8 months ago

1.2k

v.5.3
footer

Author:
Huryra

2 months ago

162

v.4.6
Personal Portfolio Contact Section

Author:
Creative Araf

2 months ago

260

v.5.3
Personal Portfolio --Portfolio Section

Author:
Creative Araf

2 months ago

295

v.5.3
Footer
Simple footer with social icons

Author:
Anonymous

1 year ago

3.2k

v.5.3
Home Page of portfolio (WDD)

Author:
sajid taz

3 months ago

612

v.4.6
service

Author:
lamiajahan

2 months ago

151

v.4.6
E-Commerce Checkout Section

Author:
Creative Araf

2 months ago

212

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

2 years ago

10.6k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent