Testimonials

Forked from @limaa-m/simple-landing-page

This tailwind example is contributed by Lîmåã M, on 17-Jun-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are endorsement,review

Testimonial

Author Lîmåã M

Tailwind v3.4 12.5k 11

Fork Fullscreen

<section id="testimonials" class="py-10 lg:py-20">
    <div class="container mx-auto">
        <p class="uppercase tracking-wider mb-8 text-gray-600 text-center">What customers are saying
        </p>
        <div class="flex flex-col md:flex-row md:-mx-3">
            <div class="flex-1 px-3">
                <div class="p-12 rounded-lg border border-solid border-gray-200 mb-8"
                    style="box-shadow:0 10px 28px rgba(0,0,0,.08)">
                    <p class="text-xl font-semibold">Lorem ipsum dolor sit amet, consectetur adipiscing

</p>
                    <p class="mt-6">Eu lobortis elementum nibh tellus molestie nunc non blandit massa.
                        Sit amet consectetur adipiscing elit duis.
                    </p>
                    <div class="flex items-center mt-8"><img class="w-12 h-12 mr-4 rounded-full"
                                    src="https://placeimg.com/150/150/people" alt="Jane Doe">
                        <div>
                            <p>Jane Doe
                            </p>
                            <p class="text-sm text-gray-600">Director of Research and Data
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-1 px-3">
                <div class="p-12 rounded-lg border border-solid border-gray-200 mb-8"
                    style="box-shadow:0 10px 28px rgba(0,0,0,.08)">
                    <p class="text-xl font-semibold">Lorem ipsum dolor sit amet, consectetur adipiscing

</p>
                    <p class="mt-6">Eu lobortis elementum nibh tellus molestie nunc non blandit massa.
                        Sit amet consectetur adipiscing elit duis.
                    </p>
                    <div class="flex items-center mt-8"><img class="w-12 h-12 mr-4 rounded-full"
                                    src="https://placeimg.com/150/150/people" alt="John Doe">
                        <div>
                            <p>John Doe
                            </p>
                            <p class="text-sm text-gray-600">Director of Research and Data
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-1 px-3">
                <div class="p-12 rounded-lg border border-solid border-gray-200 mb-8"
                    style="box-shadow:0 10px 28px rgba(0,0,0,.08)">
                    <p class="text-xl font-semibold">Lorem ipsum dolor sit amet, consectetur adipiscing

</p>
                    <p class="mt-6">Eu lobortis elementum nibh tellus molestie nunc non blandit massa.
                        Sit amet consectetur adipiscing elit duis.
                    </p>
                    <div class="flex items-center mt-8"><img class="w-12 h-12 mr-4 rounded-full"
                                    src="https://placeimg.com/150/150/people" alt="Jane Smith">
                        <div>
                            <p>Jane Smith
                            </p>
                            <p class="text-sm text-gray-600">Director of Research and Data
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Related Examples

Testimonial cards
each card contains a customer quote, an image of the customer, and their name.

Komal Jain

2 years ago

11.6k
Testimonial

Steven Kuhn

3 years ago

15.3k
User testimonials

Conan Hilton

4 years ago

13.6k
User testimonial/review section

Sophia Baker

3 years ago

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

Hyun-woo Cho

3 years ago

9k
Testimonials
Testimonial Card for landing pages.

Prashant

4 years ago

11.9k
Testimonial card with image

Simon Scheffer

3 years ago

12.8k
Tailwind Card Components
A collection of 20+ copy-paste ready card components built with pure HTML and Tailwind CSS. Includes product cards, profile cards, article cards, pricing cards, testimonials, and notifications.

Ijila Itunu

1 year ago

1.5k
Testimonial Card

Anonymous

1 year ago

1.4k
Testimonial Card

Anja Müller

3 years ago

7.3k
Testimonials section

Bunny

3 years ago

10.7k
Customer testimonies grid

Sameer Sultana

3 years ago

21.4k