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.3k 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 wall
added light mode support

yousef

2 years ago

3.8k
Testimonial Card

Anja Müller

2 years ago

7.3k
User testimonials

Conan Hilton

4 years ago

13.6k
Review cards with social proof icons

kishan pc

2 years ago

2.4k
basichtml
this is basic html

Anonymous

1 year ago

919
Testimonial section
Gradient background and a testimonial quote with a highlighted phrase. The testimonial includes an image, name, and occupation.

Carla Hoffman

2 years ago

3.5k
basichtml
this is basic html

Anonymous

1 year ago

925
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.4k
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

836
Testimonials
Testimonial Card for landing pages.

Prashant

4 years ago

11.9k
Tailwind Flex Component: Responsive Testimonial Section UI
A clean, modern, and fully responsive Testimonial Section built using Tailwind CSS and Flexbox. Ideal for portfolios, agency websites, SaaS landing pages, or any modern UI project. This reusable component includes user images, job titles, and quotes—perfect for showcasing feedback and adding trust to your UI.

Muhammad Umair Arshad

1 year ago

1.9k
Testimonial

Leon Bachmann

3 years ago

10.4k