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

11.4k

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

9.9k
Testimonial

Author:
Steven Kuhn

2 years ago

13.6k
User testimonials

Author:
Conan Hilton

2 years ago

12.3k
User testimonial/review section

Author:
Sophia Baker

2 years ago

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

Author:
Hyun-woo Cho

1 year ago

7.4k
Testimonials
Testimonial Card for landing pages.

Author:
Prashant

2 years ago

10.5k
Medlife Hospital
To provide exceptional, compassionate healthcare through innovative medicine, cutting-edge technology, and a commitment to patient-centered service

Author:
INGRIDE MUZIRANENGE

1 week ago

39
Testimonial card

Author:
Mr Robot

2 years ago

10.4k
Customer testimonial card
Responsive user testimonial card with image

Author:
Arya

2 years ago

11.4k
How to create a carousel with Tailwind CSS and Alpinejs
How to create a carousel with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

3k
beautifull web page
I create a web page using cloude ai its amazing.

Author:
Akram Khan

10 months ago

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

Author:
Akshay

2 years ago

11.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components