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

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="date"></p>

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

</footer>

More Examples

Training Certificate using Bootstrap modal

Author:
Tanvir fahad

2 months ago

330

v.4.6
About me section
je copy korbe she chor

Author:
Anonymous

2 months ago

962

v.4.6
existing client section
do noy copy

Author:
Fitar Ahmed

2 months ago

280

v.4.6
test

Author:
Anonymous

5 months ago

331

v.5.3
final about me section
do not copy

Author:
Fitar Ahmed

2 months ago

229

v.4.6
certifications

Author:
Gana JNsksk

2 months ago

584

v.4.6
Pricing Page with Bootstrap and Icons
HTML: Navbar: Provides navigation links, including a link to the Pricing page. Pricing Section: Contains three columns, each representing a pricing plan with a card layout. Icons: Font Awesome icons are used for visual representation (e.g., stars and check circles). CSS: Card Styling: Adds border, shadow, and hover effects to the pricing cards. Plan-Specific Styles: Different border colors for each pricing plan (Free, Gold, Platinum). Button Styles: Different button colors to match the card styles. JavaScript: No custom JavaScript is required for this static pricing page, but you can add interactivity if needed. How to Use: Customize Content: Update the plan names, prices, features, and button actions as needed. Replace Icons: Choose different Font Awesome icons if desired by updating the <i> elements.

Author:
zobaidul kaziex

1 year ago

2k

v.4.6
skill info

Author:
Gana JNsksk

2 months ago

281

v.4.6
News Portal Full Website

Author:
Code Bro io

15 hours ago

12

v.5.3
contact us page
do not copy

Author:
Fitar Ahmed

2 months ago

750

v.4.6
Client feedback part

Author:
istiakahmedchowdhury10

4 hours ago

18

v.4.6
Carrousel banner product
It's a carousel; clicking on its categories opens a banner with the product.

Author:
Juan Antonio González Hernández

4 months ago

1k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent