Testimonial Card

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

Testimonial

Author Sophia Baker

Tailwind v3.4 11.5k 12

Fork Fullscreen

<div class="p-6">
    <blockquote class="p-6 bg-gray-100 rounded-lg">
        <p class="text-xl md:text-2xl">
            A beautifully crafted package of components for TailwindCSS.
            <b class="px-2 font-semibold rounded-lg bg-gradient-to-tr from-cyan-100 to-cyan-50 text-cyan-900">A big win</b>
            if you
            want to build your application fast and
            <b class="px-2 font-semibold rounded-lg bg-gradient-to-tr from-cyan-100 to-cyan-50 text-cyan-900">good-looking!</b>
        </p>
        <a class="inline-flex items-center mt-6 space-x-3" href="#" rel="noopener" target="_blank">
            <img loading="lazy" class="object-cover w-10 h-10 bg-gray-100 rounded-full shadow-inner ring-1 ring-gray-200" src="https://picsum.photos/200" >
            <div class="leading-none">
                <p class="text-lg font-semibold tracking-tight font-brand">John Doe</p>
                <p class="font-medium text-gray-500">Founder of xyz</p>
            </div>
        </a>
    </blockquote>
</div>

Related Examples

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.5k
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
basichtml
this is basic html

Anonymous

1 year ago

930
The future ai
The is technology

ORGIN_DREAMS

1 year ago

1.5k
Simple testimonial

Samuel Dawson

3 years ago

12.4k
masonary grids effect for cards using columns
As part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).

rohit whyphy

1 year ago

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

zobaidul kaziex

2 years ago

3.2k
Customer testimonies grid

Sameer Sultana

3 years ago

21.4k
Testimonial for dark theme

Sophia Baker

3 years ago

10.9k
Testimonial cards
each card contains a customer quote, an image of the customer, and their name.

Komal Jain

2 years ago

11.6k
Testimonials section

Bunny

3 years ago

10.7k
Testimonial

Leon Bachmann

4 years ago

10.4k