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

266

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

footer with js

Author:
Huryra

3 months ago

279

v.4.6
Restaurant Menu Page

Author:
Creative Araf

3 months ago

275

v.5.3
Footer with social media icons

Author:
Omar Khaled

2 years ago

9.8k

v.5.3
E-Commerce Contact Section

Author:
Creative Araf

4 months ago

388

v.5.3
E-Commerce index

Author:
Creative Araf

4 months ago

451

v.5.3
Footer
footer

Author:
Faysal

3 months ago

556

v.4.6
Coffee website
coffee website

Author:
Faysal

3 months ago

291

v.4.6
header_footer

Author:
Sahin Miah

5 months ago

918

v.4.6
siam footer
footer

Author:
MD Siam Miya

5 months ago

442

v.4.6
Personal Portfolio --Portfolio Section

Author:
Creative Araf

4 months ago

473

v.5.3
about page

Author:
lamiajahan

3 months ago

289

v.4.6
Basic Footer
Standard footer example with bootstrap 5

Author:
Mateo Rojas

1 year ago

13.1k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent