Home
Piet Vriend
Testimonial full width

Testimonial full width

This tailwind example is contributed by Piet Vriend, on 25-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are endorsement,review

Testimonial

Author Piet Vriend

13.5k

Fork Fullscreen

<section class="bg-gray-50 dark:bg-gray-800">
        <div class="max-w-screen-xl px-4 py-8 mx-auto text-center lg:py-24 lg:px-6">
            <figure class="max-w-screen-md mx-auto">
                <svg class="h-12 mx-auto mb-3 text-gray-400 dark:text-gray-600" viewBox="0 0 24 27" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M14.017 18L14.017 10.609C14.017 4.905 17.748 1.039 23 0L23.995 2.151C21.563 3.068 20 5.789 20 8H24V18H14.017ZM0 18V10.609C0 4.905 3.748 1.038 9 0L9.996 2.151C7.563 3.068 6 5.789 6 8H9.983L9.983 18L0 18Z"
                        fill="currentColor"></path>
                </svg>
                <blockquote>
                    <p class="text-xl font-medium text-gray-900 md:text-2xl dark:text-white">
                        "Landwind is just awesome. It
                        contains tons of predesigned components and pages starting from login screen to complex
                        dashboard.
                        Perfect choice for your next SaaS application."</p>
                </blockquote>
                <figcaption class="flex items-center justify-center mt-6 space-x-3">
                    <img class="w-6 h-6 rounded-full" src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/michael-gouch.png" alt="profile picture">
                    <div class="flex items-center divide-x-2 divide-gray-500 dark:divide-gray-700">
                        <div class="pr-3 font-medium text-gray-900 dark:text-white">Micheal Gough</div>
                        <div class="pl-3 text-sm font-light text-gray-500 dark:text-gray-400">CEO at Google</div>
                    </div>
                </figcaption>
            </figure>
        </div>
    </section>

</div>

Related Examples

Testimonial

Author:
Steven Kuhn

3 years ago

14.8k
Testimonials
Testimonial Card for landing pages.

Author:
Prashant

3 years ago

11.5k
User Review Card
With the like/dislike button, start raking and share button

Author:
Akshay

3 years ago

12.7k
User testimonial/review section

Author:
Sophia Baker

3 years ago

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

Author:
Hyun-woo Cho

2 years ago

8.6k
Testimonial Section with Gradient Background
The section includes a company logo at the top, a customer testimonial in the center, and the author's name and position at the bottom.

Author:
Elsabe Fourie

2 years ago

8.8k
Simple testimonial

Author:
Samuel Dawson

3 years ago

11.8k
Simple testimonial card

Author:
Laurits

3 years ago

11.9k
Testimonials

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

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

Author:
zobaidul kaziex

1 year ago

2.8k
Testimonial that What Client Says

Author:
Abdul Baset Bappy

10 months ago

1.4k
Profile, Team or Testimonial
Profile, Team or Testimonial

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

3.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components