Footer

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

Tags: Footer

Author istiakahmedchowdhury10

192

v.4.6

Fork Fullscreen

<footer class="mt-5 pt-5">
        <div class="container">
            <div class="row footer-part">
                <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-black">Home</a></li>
                        <li><a href="#" class="text-decoration-none text-black">About</a></li>
                        <li><a href="#" class="text-decoration-none text-black">Portfolio</a></li>
                        <li><a href="#" class="text-decoration-none text-black">Service</a></li>
                        <li><a href="#" class="text-decoration-none text-black">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="fa-brands fa-facebook"
                                    style="color: rgb(39, 157, 242);"></i></a></li>
                        <li class="list-inline-item"><a href="#" class="text-white"><i class="fa-brands fa-twitter"
                                    style="color: rgb(39, 157, 242);"></i></a></li>
                        <li class="list-inline-item"><a href="#" class="text-white"><i class="fa-brands fa-instagram"
                                    style="color: rgb(39, 152, 242);"></i></a></li>
                        <li class="list-inline-item"><a href="#" class="text-white"><i class="fa-brands fa-linkedin"
                                    style="color: rgb(39, 152, 242);"></i></a></li>
                    </ul>
                </div>
            </div>
            <hr class="mb-4">
            <div class="row">
                <div class="col-md-12 text-center">
                    <p> 2023 Your Company. All rights reserved.</p>
                    <p id="time"></p>
                    <p id="onlydate"></p>

</div>
            </div>
        </div>

</footer>

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

10.6k

v.4.6
E-com Product Detail Page

Author:
Creative Araf

2 months ago

120

v.5.3
vulgh

Author:
Anonymous

1 month ago

276

v.5.3
Clean Modern Footer Design with Social Media
Elegant light-themed footer with interactive elements, newsletter signup, and social media integration built with Bootstrap 5.3.

Author:
Isaac Winslow

1 year ago

6.7k

v.5.3
Personal Portfolio Service Section

Author:
Creative Araf

2 months ago

304

v.5.3
Bootstrap copyright footer

Author:
Anonymous

2 years ago

5.6k

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:
DOLA AKTER

4 months ago

345

v.4.6
Agriculture Website for Live project_WDD

Author:
Anonymous

3 months ago

440

v.4.6
fitar footer
do not copy

Author:
Fitar Ahmed

4 months ago

825

v.4.6
E-Commerce Product Page

Author:
Creative Araf

2 months ago

296

v.5.3
Contact_All_Contanet

Author:
Sahin Miah

4 months ago

370

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent