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

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.1k
User review cards
Resposive testemonial cards

Author:
Erik Hyatt

1 year ago

12k
Testimonial full width

Author:
Piet Vriend

1 year ago

11.4k
Testimonial card with image

Author:
Simon Scheffer

1 year ago

9.5k
Responsive Testimonial Card with stars ratings

Author:
Quentin Rivers

1 day ago

5
Simple Testimonial
Responsive and supports dark mode

Author:
Orson Kincaid

3 days ago

9
Review Cards
Multiple rounded cards with user names, comments, and star ratings.

Author:
Hyun-woo Cho

1 year ago

5.7k
Customer testimonial card
Responsive user testimonial card with image

Author:
Arya

1 year ago

10k
beautifull web page
I create a web page using cloude ai its amazing.

Author:
Akram Khan

2 months ago

738
Minimal Testimonial Card

Author:
Amit Pachange

1 year ago

7.4k
Twitter testimonial card

Author:
Nishant Trivedi

1 year ago

7.1k
Testimonial card

Author:
Amit Pachange

1 year ago

9.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 1600+ componenent

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