Home
Amit Pachange
Testimonial card

Testimonial card

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

Testimonial

Author Amit Pachange

11.3k

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

Author:
Leon Bachmann

2 years ago

9.4k
Testimonial Section with Gradient Background
The section includes a company logo at the top, a customer testimonial in the center, and the author's name and position at the bottom.

Author:
Elsabe Fourie

1 year ago

7.9k
Testimonials

Author:
Lîmåã M

2 years ago

11.6k
Simple testimonial card

Author:
Laurits

2 years ago

10.9k
Review cards with social proof icons

Author:
kishan pc

1 year ago

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

11 months ago

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

Author:
Hyun-woo Cho

2 years ago

7.8k
Testimonials

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

8 months ago

1.1k
basichtml
this is basic html

Author:
Anonymous

3 months ago

130
tailwind testimonial card

Author:
Ron Hicks

2 years ago

9.9k
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.

Author:
Ijila Itunu

21 hours ago

10
Animated Testimonial Carousel
with highligted features

Author:
Paul Intay

9 months ago

1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components