Our Clients

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

Tags: Card

Author Shahriar Noyon

467

v.4.6

Fork Fullscreen

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">

<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

Interactive Team Member Card with Flip Effect

Author:
Reza Farhadi

1 year ago

5k

v.5.3
contact from
do not copy

Author:
Fitar Ahmed

3 months ago

781

v.4.6
scroll animation image with title

Author:
Juan Antonio González Hernández

6 months ago

935

v.4.6
Education Information Section

Author:
Shahriar Noyon

3 months ago

422

v.4.6
Home Page of portfolio (WDD)

Author:
sajid taz

2 months ago

532

v.4.6
User Profile Card with Social Icons using Bootstrap 5

Author:
Anonymous

1 year ago

8.1k

v.5.3
Mission & Vision

Author:
istiakahmedchowdhury10

1 month ago

71

v.4.6
Expanding Cards
Expanding Cards

Author:
Rami AlAjo

1 year ago

5.1k

v.4.6
Sound Board
Sound Board

Author:
Rami AlAjo

1 year ago

1.9k

v.4.6
Portfolio page

Author:
sajid taz

2 months ago

858

v.4.6
certifications

Author:
Gana JNsksk

3 months ago

642

v.4.6
vulgh

Author:
Anonymous

3 weeks ago

95

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent