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

172

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