Tailwind testimonials section

This tailwind example is contributed by Kofi Osei, on 07-Feb-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are endorsement,review

Testimonial

Author Kofi Osei

Tailwind v3.4 13.6k 15

Fork Fullscreen

<section class="bg-gray-900 text-white py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-4xl font-bold mb-8">What our users are saying</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            <div class="bg-white shadow rounded-lg p-8">
                <p class="text-gray-700 mb-4">"This app has been a game changer for me! I highly recommend it to anyone
                    looking to streamline their workflow."</p>
                <p class="text-gray-700 font-medium">- John Doe, CEO</p>
            </div>
            <div class="bg-white shadow rounded-lg p-8">
                <p class="text-gray-700 mb-4">"I've tried a lot of different apps, but this one really stands out. It's
                    so easy to use, and the features are exactly what I need."</p>
                <p class="text-gray-700 font-medium">- Jane Smith, Designer</p>
            </div>
            <div class="bg-white shadow rounded-lg p-8">
                <p class="text-gray-700 mb-4">"I love how customizable this app is. I can really make it work for me, no
                    matter what project I'm working on."</p>
                <p class="text-gray-700 font-medium">- Bob Johnson, Developer</p>
            </div>
        </div>
    </div>
</section>

Related Examples

Testimonial

Steven Kuhn

3 years ago

15.2k
Review Cards
Multiple rounded cards with user names, comments, and star ratings.

Hyun-woo Cho

3 years ago

8.9k
Testimonial slide gradient

Freja Jensen

3 years ago

11.1k
Testimonials
Testimonial Card for landing pages.

Prashant

4 years ago

11.9k
Testimonial card

Mr Robot

4 years ago

11.8k
Testimonial Card with stars ratings

Quentin Rivers

1 year ago

2.4k
Customer testimonies grid

Sameer Sultana

3 years ago

21.3k
basichtml
this is basic html

Anonymous

1 year ago

925
Simple Testimonial
Responsive and supports dark mode

Orson Kincaid

1 year ago

2.9k
Testimonial - Htmlwind
Single centered testimonial

Htmlwind

1 year ago

1.5k
Twitter testimonial card

wtfbrh

2 years ago

2.1k
Skyhaven International
This is a responsive, modern airport website built with Tailwind CSS (a utility-first CSS framework) and Font Awesome for icons. It includes key sections that an airport website would typically have, such as flight information, services, parking, terminal maps, and contact details

INGRIDE MUZIRANENGE

1 year ago

1.1k