→ 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

535

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

main css
do not copy

Author:
Fitar Ahmed

1 month ago

724

v.4.6
HTML and JavaScript for Product Showcase Page
JavaScript: Pagination Handling: The script fetches images based on the current page and updates the pagination controls dynamically. Product Cards: Each product is displayed as a card with an image, title, description, and price

Author:
zobaidul kaziex

1 year ago

2.2k

v.4.6
E-Commerce Contact Section

Author:
Creative Araf

1 week ago

40

v.5.3
existing client section
do noy copy

Author:
Fitar Ahmed

1 month ago

266

v.4.6
Product Card
Card diseñada para mostrar productos de forma atractiva y ordenada, inspirada en Mercado Libre. Incluye imagen fija, título uniforme, precio anterior tachado, precio actual con descuento y etiquetas promocionales como "Envío gratis". Incorpora un efecto hover con sombra acentuada y usa clases CSS para fácil integración y mantenimiento.

Author:
Facundo Banegaz

1 year ago

1.7k

v.4.6
featured product

Author:
Juan Antonio González Hernández

4 months ago

644

v.4.6
E-commarce Product-page

Author:
Zahid Hasan Riyad

1 week ago

62

v.5.3
Our Existing Clients Section

Author:
Shahriar Noyon

1 month ago

433

v.4.6
Map Section

Author:
Tanvir fahad

1 month ago

754

v.4.6
Our Clients

Author:
Shahriar Noyon

1 month ago

357

v.4.6
Personal Portfolio Index

Author:
Creative Araf

1 week ago

37

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.2k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent