→ istiakahmedchowdhury10
→ Training and section Section

Training and section Section

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: Breadcrumb

Author istiakahmedchowdhury10

v.4.6

Fork Fullscreen

<section class="my-5 py-5">
        <div class="container">

<h2 class="text-center my-5">My Training & Certifications</h2>

<div class="row">
                <div class="col-4">
                    <div class="card" style="width: 18rem;">
                        <div class="card-body-part">
                            <h5 class="card-title">Creative it Institute</h5>
                            <h6 class="card-subtitle mb-2 text-body-secondary">Front and development</h6>
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk
                                of
                                the card’s content.</p>
                            <button type="button" class="btn btn-primary" data-bs-toggle="modal"
                                data-bs-target="#exampleModal">
                                My Certificate
                            </button>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <div class="card" style="width: 18rem;">
                        <div class="card-body-part">
                            <h5 class="card-title">Creative it Institute</h5>
                            <h6 class="card-subtitle mb-2 text-body-secondary">Front and development</h6>
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk
                                of
                                the card’s content.</p>
                            <button type="button" class="btn btn-primary" data-bs-toggle="modal"
                                data-bs-target="#exampleModal">
                                My Certificate
                            </button>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <div class="card" style="width: 18rem;">
                        <div class="card-body-part">
                            <h5 class="card-title">Creative it Institute</h5>
                            <h6 class="card-subtitle mb-2 text-body-secondary">Front and development</h6>
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk
                                of
                                the card’s content.</p>
                            <button type="button" class="btn btn-primary" data-bs-toggle="modal"
                                data-bs-target="#exampleModal">
                                My Certificate
                            </button>

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                                aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <img src="images/d793fea5-7d9c-4cdf-a438-69ea99c696b3.webp"
                                                alt="">
                                        </div>

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

</section>

More Examples

Restrurant Website
Only for me

Author:
Zahid Hasan Riyad

1 week ago

74

v.5.3
Minimal breadcrumb

Author:
Anonymous

2 years ago

1.7k

v.5.3
Restaurant About Page

Author:
Creative Araf

3 days ago

24

v.5.3
E-Commerce Cart Section

Author:
Creative Araf

2 weeks ago

115

v.5.3
E-commarce Product-page

Author:
Zahid Hasan Riyad

3 weeks ago

92

v.5.3
A Bootstrap Playground
TBD

Author:
Pranjal Adhikari

1 year ago

1k

v.4.6
Restaurant Menu Page

Author:
Creative Araf

3 days ago

18

v.5.3
Restaurant Reservation Table

Author:
Code Bro io

1 day ago

7

v.5.3
E-Commerce Product Detail Page

Author:
Creative Araf

2 weeks ago

111

v.5.3
Basic Breadcrumb

Author:
Mateo Rojas

1 year ago

1.5k

v.5.3
E-Commerce Product Page

Author:
Creative Araf

2 weeks ago

142

v.5.3
Fancy Arrow Breadcrumb

Author:
Mateo Rojas

1 year ago

1.3k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent