→ Huryra
→ client feedback

client feedback

This bootstrap css example is contributed by Huryra, on 22-Jul-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Hero

Author Huryra

107

v.4.6

Fork Fullscreen

<section class="py-5 bg-light">
    <div class="container">
        
        <div class="text-center mb-5">
            <h2 class="fw-bold">What Our Clients Say</h2>
            <p class="text-muted">
                Hear from our satisfied clients about their experience.
            </p>
        </div>

<div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body">
                        <div class="mb-3 text-warning">
                            ★★★★★
                        </div>
                        <p class="card-text">
                            "Excellent service and great communication throughout the project. Highly recommended!"
                        </p>
                    </div>
                    <div class="card-footer bg-white border-0 d-flex align-items-center">
                        <img src="https://via.placeholder.com/50"
                             class="rounded-circle me-3"
                             alt="Client">
                        <div>
                            <h6 class="mb-0">John Smith</h6>
                            <small class="text-muted">CEO, Tech Solutions</small>
                        </div>
                    </div>
                </div>
            </div>

<div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body">
                        <div class="mb-3 text-warning">
                            ★★★★★
                        </div>
                        <p class="card-text">
                            "The team exceeded our expectations and delivered the project on time."
                        </p>
                    </div>
                    <div class="card-footer bg-white border-0 d-flex align-items-center">
                        <img src="https://via.placeholder.com/50"
                             class="rounded-circle me-3"
                             alt="Client">
                        <div>
                            <h6 class="mb-0">Sarah Johnson</h6>
                            <small class="text-muted">Marketing Manager</small>
                        </div>
                    </div>
                </div>
            </div>

<div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body">
                        <div class="mb-3 text-warning">
                            ★★★★★
                        </div>
                        <p class="card-text">
                            "Professional, reliable, and easy to work with. Great experience overall."
                        </p>
                    </div>
                    <div class="card-footer bg-white border-0 d-flex align-items-center">
                        <img src="https://via.placeholder.com/50"
                             class="rounded-circle me-3"
                             alt="Client">
                        <div>
                            <h6 class="mb-0">Michael Brown</h6>
                            <small class="text-muted">Business Owner</small>
                        </div>
                    </div>
                </div>
            </div>

</div>

</div>
</section>

More Examples