→ Gana JNsksk
→ Our Clients

Our Clients

This bootstrap css example is contributed by Gana JNsksk, on 15-May-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Card

Author Gana JNsksk

587

v.4.6

Fork Fullscreen

<section>
        <div class="container py-5">
            
            <div class="text-center mb-5">
                <h2 class="section-title d-inline-block">Our Clients</h2>
                <p class="text-muted mt-2">Trusted by leading companies and organizations</p>
            </div>

<div class="row g-4">

<div class="col-6 col-md-4 col-lg-3">
                    <div class="card client-card text-center p-4">
                        <i class="bi bi-building client-icon"></i>
                        <h6 class="client-name mt-3">TechVision Ltd</h6>
                    </div>
                </div>

<div class="col-6 col-md-4 col-lg-3">
                    <div class="card client-card text-center p-4">
                        <i class="bi bi-bank client-icon"></i>
                        <h6 class="client-name mt-3">City Bank</h6>
                    </div>
                </div>

<div class="col-6 col-md-4 col-lg-3">
                    <div class="card client-card text-center p-4">
                        <i class="bi bi-hospital client-icon"></i>
                        <h6 class="client-name mt-3">MediCare Hospital</h6>
                    </div>
                </div>

<div class="col-6 col-md-4 col-lg-3">
                    <div class="card client-card text-center p-4">
                        <i class="bi bi-shop client-icon"></i>
                        <h6 class="client-name mt-3">GreenMart</h6>
                    </div>
                </div>

<div class="col-6 col-md-4 col-lg-3">
                    <div class="card client-card text-center p-4">
                        <i class="bi bi-airplane client-icon"></i>
                        <h6 class="client-name mt-3">SkyTravel</h6>
                    </div>
                </div>

<div class="col-6 col-md-4 col-lg-3">
                    <div class="card client-card text-center p-4">
                        <i class="bi bi-briefcase client-icon"></i>
                        <h6 class="client-name mt-3">Prime Solutions</h6>
                    </div>
                </div>

<div class="col-6 col-md-4 col-lg-3">
                    <div class="card client-card text-center p-4">
                        <i class="bi bi-mortarboard client-icon"></i>
                        <h6 class="client-name mt-3">EduBright</h6>
                    </div>
                </div>

<div class="col-6 col-md-4 col-lg-3">
                    <div class="card client-card text-center p-4">
                        <i class="bi bi-truck client-icon"></i>
                        <h6 class="client-name mt-3">Fast Logistics</h6>
                    </div>
                </div>

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

More Examples

NewsPortal Full Website

Author:
Zahid Hasan Riyad

2 weeks ago

254

v.5.3
Elon Musk 4
Service Page 4

Author:
RAHAT RAHMAN OFICIAL

3 months ago

275

v.4.6
existing client section
do noy copy

Author:
Fitar Ahmed

3 months ago

319

v.4.6
test

Author:
Anonymous

6 months ago

353

v.5.3
Card w/ gradient background
A modern and visually appealing card component with a gradient background and hover effect.

Author:
Prajwal Hallale

2 years ago

5.5k

v.5.3
Client

Author:
Gana JNsksk

3 months ago

681

v.4.6
home page

Author:
lamiajahan

1 month ago

102

v.4.6
Restaurant Reservation section

Author:
Creative Araf

1 month ago

100

v.5.3
Portfolio

Author:
DOLA AKTER

3 months ago

282

v.4.6
Restaurant About Page

Author:
Creative Araf

1 month ago

113

v.5.3
service list
do not copy

Author:
Fitar Ahmed

3 months ago

799

v.4.6
contact from
do not copy

Author:
Fitar Ahmed

3 months ago

781

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent