Home
Kofi Osei
Tailwind testimonials section

Tailwind testimonials section

This tailwind example is contributed by Kofi Osei, on 07-Feb-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are endorsement,review

Testimonial

Author Kofi Osei

12.5k

Fork Fullscreen

<section class="bg-gray-900 text-white py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-4xl font-bold mb-8">What our users are saying</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            <div class="bg-white shadow rounded-lg p-8">
                <p class="text-gray-700 mb-4">"This app has been a game changer for me! I highly recommend it to anyone
                    looking to streamline their workflow."</p>
                <p class="text-gray-700 font-medium">- John Doe, CEO</p>
            </div>
            <div class="bg-white shadow rounded-lg p-8">
                <p class="text-gray-700 mb-4">"I've tried a lot of different apps, but this one really stands out. It's
                    so easy to use, and the features are exactly what I need."</p>
                <p class="text-gray-700 font-medium">- Jane Smith, Designer</p>
            </div>
            <div class="bg-white shadow rounded-lg p-8">
                <p class="text-gray-700 mb-4">"I love how customizable this app is. I can really make it work for me, no
                    matter what project I'm working on."</p>
                <p class="text-gray-700 font-medium">- Bob Johnson, Developer</p>
            </div>
        </div>
    </div>
</section>

Related Examples

Testimonial

Author:
Steven Kuhn

2 years ago

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

Author:
Hyun-woo Cho

2 years ago

8k
Testimonial slide gradient

Author:
Freja Jensen

2 years ago

10.3k
Testimonials
Testimonial Card for landing pages.

Author:
Prashant

3 years ago

11.1k
Testimonial card

Author:
Mr Robot

3 years ago

10.9k
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.3k
Twitter testimonial card

Author:
Nishant Trivedi

2 years ago

8.2k
basichtml
this is basic html

Author:
Anonymous

4 months ago

370
Profile, Team or Testimonial
Profile, Team or Testimonial

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

1 year ago

3.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.1k
beautifull web page
I create a web page using cloude ai its amazing.

Author:
Akram Khan

1 year ago

2.8k
Testimonial wall

Author:
yousef

1 year ago

3.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components