→ 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

5.5k

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

footer

Author:
Huryra

2 months ago

195

v.4.6
E-com Home Page

Author:
Creative Araf

2 months ago

150

v.5.3
E-Commerce Contact Section

Author:
Creative Araf

3 months ago

320

v.5.3
PlantStore full website

Author:
Zahid Hasan Riyad

2 months ago

461

v.5.3
from validation
do not copy

Author:
Fitar Ahmed

5 months ago

922

v.4.6
E-com Product Page

Author:
Creative Araf

2 months ago

138

v.5.3
footer
tui copy korle guru chor

Author:
rimon majumder

5 months ago

304

v.4.6
siam footer
footer

Author:
MD Siam Miya

5 months ago

394

v.4.6
home page

Author:
lamiajahan

2 months ago

202

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

v.4.6
3213
gg

Author:
L-1485

6 months ago

382

v.4.6
E-Commerce Product Page

Author:
Creative Araf

3 months ago

389

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent