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

229

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 example made with Bootstrap 5.3
Dark theme

Author:
Arturo

1 year ago

10.6k

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-Commerce index

Author:
Creative Araf

3 months ago

360

v.5.3
Footer
Footer de Bootstrap con enlaces rápidos, contacto y redes sociales, usando íconos para mejor navegación. Diseño limpio y responsivo. 🚀

Author:
Anonymous

1 year ago

7.5k

v.4.6
footer(date-time)
footer(date-time)

Author:
Mustaq hussin

2 months ago

515

v.4.6
home page

Author:
lamiajahan

2 months ago

218

v.4.6
Restaurant About Page

Author:
Creative Araf

3 months ago

253

v.5.3
E-com Cart Page

Author:
Creative Araf

3 months ago

166

v.5.3
siam footer
footer

Author:
MD Siam Miya

5 months ago

407

v.4.6
footer
tui copy korle guru chor

Author:
rimon majumder

5 months ago

318

v.4.6
Restaurant Signup Page

Author:
Creative Araf

3 months ago

150

v.5.3
fitar footer
do not copy

Author:
Fitar Ahmed

5 months ago

866

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent