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

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

Designing a Responsive Activity Feed with Tailwind CSS
Enhance your web application by building a sleek and responsive activity feed using Tailwind CSS. This comprehensive guide walks you through creating an interactive feed section featuring customizable icons, links, and timestamps. Learn how to implement a visually appealing and accessible timeline that adapts seamlessly to any device, improving user engagement and overall experience

Author:
zobaidul kaziex

1 year ago

2.4k
Testimonial Card with Gradient Background

Author:
Quentin Rivers

1 year ago

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

Author:
INGRIDE MUZIRANENGE

6 months ago

414
Enhanced Student Testimonials Section
A modern, interactive testimonials section featuring glassmorphism design, floating animations, and social proof elements. Includes star ratings, course badges, user profiles with online status indicators, and a stats section. Built with Tailwind CSS and features gradient backgrounds, hover effects, and responsive design optimized for showcasing student success stories and building credibility.

Author:
Muhammad Umair Arshad

3 months ago

455
Minimal Testimonial Card

Author:
Amit Pachange

2 years ago

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

Author:
Carla Hoffman

1 year ago

2.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

3.9k
Testimonial card

Author:
Leon Bachmann

2 years ago

11.9k
Twitter testimonial card

Author:
Nishant Trivedi

2 years ago

8.3k
Testimonial

Author:
Steven Kuhn

2 years ago

14.1k
Tailwind CSS Testimonial Slider
Descriptive background image with Testimonial Slider .

Author:
Bernard Omuse

1 year ago

2.5k
Animated Testimonial Carousel
with highligted features

Author:
Paul Intay

11 months ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components