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