Home
Sophia Baker
Testimonial Card

Testimonial Card

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

Testimonial

Author Sophia Baker

9.1k

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