Home
Laurits
Simple testimonial card

Simple testimonial card

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

Testimonial

Author Laurits

9.8k

7

Fork Fullscreen

<div class="flex justify-center items-center lg:px-10 mt-20 px-4">
    <div class="w-full md:w-1/2 lg:w-1/3 hover:shadow-indigo-300 hover:shadow-lg rounded-lg border">
        <div class="flex justify-center items-start flex-col p-5 ">

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" stroke="currentColor"
                stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                class="icon icon-tabler icon-tabler-quote rotate-180 text-sky-500" viewBox="0 0 24 24">
                <path stroke="none" d="M0 0h24v24H0z"></path>
                <path
                    d="M10 11H6a1 1 0 01-1-1V7a1 1 0 011-1h3a1 1 0 011 1v6c0 2.667-1.333 4.333-4 5M19 11h-4a1 1 0 01-1-1V7a1 1 0 011-1h3a1 1 0 011 1v6c0 2.667-1.333 4.333-4 5">
                </path>
            </svg>

<div class="flex justify-center items-start flex-col text-left gap-5">
                <p class="italic text-sm md:text-base">
                    Here goes the review submitted by user,
                    Here goes the review submitted by user
                </p>
                <div>
                    <h3 class="text-xl md:text-2xl font-semibold">Jon Doe</h3>
                    <p class="text-xs md:text-sm">Founder of XYZ</p>
                </div>
            </div>

</div>
        <div class="bg-sky-500 p-0.5 rounded-b-lg"></div>
    </div>
</div>

Related Examples

Testimonial

Author:
Steven Kuhn

1 year ago

12.9k
User review cards
Resposive testemonial cards

Author:
Erik Hyatt

1 year ago

12.5k
Testimonial full width

Author:
Piet Vriend

1 year ago

11.8k
Customer testimonies grid

Author:
Sameer Sultana

1 year ago

16.4k
tailwind testimonial card

Author:
Ron Hicks

1 year ago

8.9k
Testimonials

Author:
Lîmåã M

1 year ago

10.6k
Testimonial card with image

Author:
Simon Scheffer

1 year ago

10.1k
Minimal Testimonial Card

Author:
Amit Pachange

1 year ago

7.6k
Testimonial Card

Author:
Anonymous

4 days ago

14
Testimonial card

Author:
Leon Bachmann

1 year ago

10.5k
Twitter testimonial card

Author:
Nishant Trivedi

1 year ago

7.4k
Simple testimonial

Author:
Samuel Dawson

1 year ago

9.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 1800+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components

© 2024 TailwindFlex. All Rights Reserved.

v1.9