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

12k

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

2 years ago

10.8k
Testimonial

Author:
Steven Kuhn

3 years ago

14.2k
User testimonials

Author:
Conan Hilton

3 years ago

12.9k
User testimonial/review section

Author:
Sophia Baker

3 years ago

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

Author:
Hyun-woo Cho

2 years ago

8.4k
Testimonials
Testimonial Card for landing pages.

Author:
Prashant

3 years ago

11.4k
Responsive Testimonial Card with stars ratings

Author:
Quentin Rivers

1 year ago

2.2k
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

1 year ago

1.7k
Testimonial full width

Author:
Piet Vriend

3 years ago

13.1k
User Review Card
With the like/dislike button, start raking and share button

Author:
Akshay

3 years ago

12.5k
Testimonials

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

9 months ago

1.7k
Tailwind testimonials section

Author:
Kofi Osei

2 years ago

12.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components