→ 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

186

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

E- Commarce full website

Author:
Zahid Hasan Riyad

2 months ago

450

v.5.3
Restaurant Menu Page

Author:
Creative Araf

2 months ago

194

v.5.3
E-Commerce Cart Section

Author:
Creative Araf

3 months ago

309

v.5.3
Restrurant Website
Only for me

Author:
Zahid Hasan Riyad

3 months ago

306

v.5.3
E-Commerce Product Detail Page

Author:
Creative Araf

3 months ago

428

v.5.3
Fancy Arrow Breadcrumb

Author:
Mateo Rojas

1 year ago

1.4k

v.5.3
E-Commarce

Author:
Anonymous

2 months ago

535

v.5.3
E-Commerce Checkout Section

Author:
Creative Araf

3 months ago

271

v.5.3
Restaurant About Page

Author:
Creative Araf

2 months ago

224

v.5.3
E-Commerce Product Page

Author:
Creative Araf

3 months ago

388

v.5.3
NewsPortal Full Website

Author:
Zahid Hasan Riyad

2 months ago

703

v.5.3
vulgh

Author:
Anonymous

2 months ago

382

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent