→ Anonymous
→ Bootstrap Footer example

Bootstrap Footer example

dark footer

This bootstrap css example is contributed by Anonymous, on 05-Apr-2024. Component is made with bootstrap css v.3.4. It is responsive.

Tags: Footer

Author Anonymous

335

v.3.4

Fork Fullscreen

<div class="col-xs-6 col-md-3">
        <h6>Categories</h6>
        <ul class="footer-links">
          <li><a href="http://yourwebsite.com/category/html/">HTML</a></li>
          <li><a href="http://yourwebsite.com/category/css/">CSS</a></li>
          <li><a href="http://yourwebsite.com/category/javascript/">JavaScript</a></li>
          <li><a href="http://yourwebsite.com/category/php/">PHP</a></li>
          <li><a href="http://yourwebsite.com/category/python/">Python</a></li>
          <li><a href="http://yourwebsite.com/category/frameworks/">Frameworks</a></li>
        </ul>
      </div>

<div class="col-xs-6 col-md-3">
        <h6>Quick Links</h6>
        <ul class="footer-links">
          <li><a href="http://yourwebsite.com/about/">About Us</a></li>
          <li><a href="http://yourwebsite.com/contact/">Contact Us</a></li>
          <li><a href="http://yourwebsite.com/contribute/">Contribute</a></li>
          <li><a href="http://yourwebsite.com/privacy-policy/">Privacy Policy</a></li>
          <li><a href="http://yourwebsite.com/sitemap/">Sitemap</a></li>
        </ul>
      </div>
    </div>
    <hr>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-md-8 col-sm-6 col-xs-12">
        <p class="copyright-text">Copyright &copy; 2024 All Rights Reserved by
          <a href="#">YourWebsite</a>.
        </p>
      </div>

More Examples

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 months ago

181

v.4.6
Footer
Simple footer with social icons

Author:
Prajwal Hallale

8 months ago

377

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

2 weeks ago

59

v.5.3
Simple Footer

Author:
Anonymous

7 months ago

257

v.4.6
Bootstrap copyright footer

Author:
Anonymous

3 months ago

256

v.5.3
Footer with social media icons

Author:
Omar Khaled

2 months ago

222

v.5.3
Footer
Bootstrap CSS footer example

Author:
Prajwal Hallale

7 months ago

227

v.5.3
Custom buttons

Author:
Anonymous

7 months ago

389

v.5.3
Mobile App Landing Page with Bootstrap 5

Author:
Ankit khedkar

1 month ago

218

v.5.3
Pricing cards

Author:
Prajwal Hallale

8 months ago

247

v.5.3
Simple portfolio card

Author:
Maria Garcia

4 months ago

219

v.5.3
User Avatar Example

Author:
Anonymous

8 months ago

941

v.4.6

Didn't find component you were looking for?

Search from 200+ componenent