footer

tui copy korle guru chor

This bootstrap css example is contributed by rimon majumder, on 14-May-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Footer

Author rimon majumder

319

v.4.6

Fork Fullscreen

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

<link rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<footer class="footer">

<div class="col-lg-4 mb-4">

<h2 class="logo">MyPortfolio</h2>

<p class="footer-desc">
            Creative Web Developer & UI Designer.
            I build modern and responsive websites.
          </p>

</div>

<div class="col-lg-4 mb-4 text-center">

<h4 class="footer-heading">Quick Links</h4>

<ul class="footer-links">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Projects</a></li>
            <li><a href="#">Contact</a></li>
          </ul>

</div>

<div class="col-lg-4 text-lg-end text-center">

<h4 class="footer-heading">Follow Me</h4>

</div>

<div class="clock-box mt-4">

<p>Current Time</p>

</div>

<div class="footer-bottom text-center">

</div>

</footer>

More Examples

E-com Product Detail Page

Author:
Creative Araf

3 months ago

186

v.5.3
E-Commerce Full

Author:
Zahid Hasan Riyad

2 months ago

741

v.5.3
Footer
Simple footer with social icons

Author:
Anonymous

1 year ago

3.3k

v.5.3
vulgh

Author:
Anonymous

2 months ago

417

v.5.3
Liberation war Archive WDD

Author:
Anonymous

4 months ago

737

v.4.6
Personal Portfolio Contact Section

Author:
Creative Araf

3 months ago

378

v.5.3
portfolio

Author:
lamiajahan

2 months ago

209

v.4.6
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
Footer Template with NewsletterForm
Professional footer component with newsletter signup, social media integration, and responsive design built with Bootstrap 5.3.

Author:
Isaac Winslow

1 year ago

7.6k

v.5.3
Portfolio Full Website

Author:
Zahid Hasan Riyad

2 months ago

561

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

v.4.6
E-Commarce

Author:
Anonymous

2 months ago

602

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent