Testimonial card

This tailwind example is contributed by Amit Pachange, on 21-Jan-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are endorsement,review

Testimonial

Author Amit Pachange

Tailwind v3.4 12.5k 16

Fork Fullscreen

<div class="p-10">
    <div class="bg-white border px-10 py-8 shadow-lg overflow-hidden rounded-lg flex flex-col justify-between">
        <div class="text-base leading-6 text-gray-500 relative z-0">
            <span class="absolute top-0 left-0 -mt-12 -ml-8"><span class="text-gray-100 relative leading-none" style="font-size: 20rem; z-index: -1;">“</span></span>
            <p class="relative z-10">
                Texas Mutual · Accident Fund Insurance Company of America · American International Group
            </p>
        </div>
        <div class="mt-6 flex items-center z-20">
            <div class="flex-shrink-0">
                <img src="https://picsum.photos/200"  class="h-12 w-12 rounded-full">
            </div>
            <div class="ml-3">
                <p class="text-sm leading-5 font-medium text-gray-900">
                    <a href="">
                        John Doe
                    </a>
                </p>
                <div class="text-sm leading-5 text-gray-500">
                    Developer at
                    <a href="" class="text-blue-500 hover:text-blue-600 font-medium">US Insurance firm</a>
                </div>
            </div>
        </div>
    </div>
</div>

Related Examples

Testimonial slide gradient

Freja Jensen

3 years ago

11.1k
Testimonial card

Mr Robot

4 years ago

11.9k
Twitter testimonial card

wtfbrh

2 years ago

2.1k
Testimonials

Lîmåã M

3 years ago

12.5k
Testimonial examples in Tailwind CSS
Here are some testimonial section examples using Tailwind CSS:

zobaidul kaziex

2 years ago

1.8k
Testimonial full width

Piet Vriend

3 years ago

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

INGRIDE MUZIRANENGE

1 year ago

837
Twitter testimonial card

Nishant Trivedi

3 years ago

9.1k
Modern Testimonial
A simple and easy to use component for reviews and testimonials.

Coastal UI

1 year ago

1.5k
Testimonial Card with Gradient Background

Quentin Rivers

2 years ago

2.4k
Fashion Landing Page with Hero Slider, GSAP Animations
fashion/eCommerce landing page built using HTML, CSS, GSAP, Swiper.js, and Lenis Smooth Scroll.

JUGENDRA GANGWAR

4 months ago

411
Testimonials
Testimonial Card for landing pages.

Prashant

4 years ago

11.9k