→ Shahriar Noyon
→ Client Feedback

Client Feedback

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

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 class="feedback-section">
        <div class="container">
            
            <div class="text-center mb-5">
                <h6 class="text-primary fw-bold text-uppercase">Testimonials</h6>
                <h2 class="display-6 fw-bold">Client Feedback</h2>
                <p class="text-muted">What our partners and clients say about our collaboration.</p>
            </div>

<div class="row g-4">
                
                <div class="col-lg-4">
                    <div class="card feedback-card h-100 shadow-sm">
                        <div class="card-body">
                            <i class="bi bi-quote quote-icon"></i>
                            <p class="card-text text-muted mb-4">
                                "The project was delivered ahead of schedule with exceptional attention to detail. The
                                frontend implementation was pixel-perfect and highly responsive."
                            </p>
                            <div class="d-flex align-items-center">
                                <img src="https://images.pexels.com/photos/8801041/pexels-photo-8801041.jpeg" alt="Client" class="client-img me-3">
                                <div>
                                    <h6 class="mb-0 fw-bold">Alex Johnson</h6>
                                    <small class="text-muted">Tech Lead, InnovateCo</small>
                                    <div class="star-rating mt-1">
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

<div class="col-lg-4">
                    <div class="card feedback-card h-100 shadow-sm">
                        <div class="card-body">
                            <i class="bi bi-quote quote-icon"></i>
                            <p class="card-text text-muted mb-4">
                                "Highly impressed with the security protocols and privacy measures integrated into our
                                platform. A true professional in secure web development."
                            </p>
                            <div class="d-flex align-items-center">
                                <img src="https://images.pexels.com/photos/36514932/pexels-photo-36514932.jpeg" alt="Client" class="client-img me-3">
                                <div>
                                    <h6 class="mb-0 fw-bold">Sarah Williams</h6>
                                    <small class="text-muted">Product Manager</small>
                                    <div class="star-rating mt-1">
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

<div class="col-lg-4">
                    <div class="card feedback-card h-100 shadow-sm">
                        <div class="card-body">
                            <i class="bi bi-quote quote-icon"></i>
                            <p class="card-text text-muted mb-4">
                                "The communication was seamless throughout the development process. Technical problems
                                were handled with logic and efficiency."
                            </p>
                            <div class="d-flex align-items-center">
                                <img src="https://images.pexels.com/photos/5191346/pexels-photo-5191346.jpeg" alt="Client" class="client-img me-3">
                                <div>
                                    <h6 class="mb-0 fw-bold">Michael Chen</h6>
                                    <small class="text-muted">Founder, StartupX</small>
                                    <div class="star-rating mt-1">
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-fill"></i>
                                        <i class="bi bi-star-half"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

More Examples

Our Clients

Author:
Shahriar Noyon

3 weeks ago

91

v.4.6
mission and vission
je copy korbe se chor

Author:
Fitar Ahmed

3 weeks ago

63

v.4.6
Product Modal with JS

Author:
java stories story

8 months ago

1.3k

v.5.3
Music speakers status

Author:
Jonathan

1 year ago

1k

v.5.3
bootstrap-dashboard

Author:
Joey "Manny" Torres

1 year ago

1.2k

v.5.3
my purpose

Author:
Gana JNsksk

3 weeks ago

65

v.4.6
contact us page
do not copy

Author:
Fitar Ahmed

3 weeks ago

52

v.4.6
Cart Hero Pro

Author:
Juan Antonio González Hernández

2 months ago

519

v.5.3
contact from
do not copy

Author:
Fitar Ahmed

3 weeks ago

54

v.4.6
ss skill

Author:
Gana JNsksk

3 weeks ago

42

v.4.6
Hero slider

Author:
Juan Antonio González Hernández

2 months ago

1.1k

v.5.3
working

Author:
Gana JNsksk

3 weeks ago

61

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent