Home
Lîmåã M
Testimonials

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 CSS v3. It is responsive. similar terms for this example are endorsement,review

Testimonial

Author Lîmåã M

10.6k

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.

Author:
Komal Jain

1 year ago

8.6k
Testimonial

Author:
Steven Kuhn

1 year ago

12.9k
User testimonials

Author:
Conan Hilton

2 years ago

11.8k
User testimonial/review section

Author:
Sophia Baker

1 year ago

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

Author:
Hyun-woo Cho

1 year ago

6.3k
Testimonials
Testimonial Card for landing pages.

Author:
Prashant

2 years ago

9.6k
Testimonial card with image

Author:
Simon Scheffer

1 year ago

10.1k
Designing a Responsive Activity Feed with Tailwind CSS
Enhance your web application by building a sleek and responsive activity feed using Tailwind CSS. This comprehensive guide walks you through creating an interactive feed section featuring customizable icons, links, and timestamps. Learn how to implement a visually appealing and accessible timeline that adapts seamlessly to any device, improving user engagement and overall experience

Author:
zobaidul kaziex

3 months ago

585
Twitter testimonial card

Author:
Nishant Trivedi

1 year ago

7.4k
Testimonial slide gradient

Author:
Freja Jensen

1 year ago

9.2k
Test

Author:
Michael Kernbichler

4 hours ago

2
Testimonial Card with Floating Image and Star Rating
A beautifully designed testimonial card featuring a floating user image, review text, and a 5-star rating. The card uses a rounded layout with a bright yellow border, making it stand out on any page. Ideal for displaying customer feedback or product reviews with a modern look.

Author:
Anum Shahana

2 months ago

311

Explore components by Tags

Didn't find component you were looking for?

Search from 1800+ components