Home
Orson Kincaid
Simple Testimonial

Simple Testimonial

Responsive and supports dark mode

This tailwind example is contributed by Orson Kincaid, on 03-Oct-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are endorsement,review

Testimonial

Author Orson Kincaid

1.1k

Fork Fullscreen

<div class="h-screen dark:bg-gray-800">
  <section class="py-20 px-4">
    <div class="container mx-auto">
      <h2 class="text-3xl font-bold text-center dark:text-white mb-12">What Our Customers Say</h2>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
        <div class="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md">
          <p class="mb-4 text-gray-800 dark:text-gray-300">"EcoTech has transformed the way we live. Our energy bills
            have dropped significantly, and we feel good about reducing our environmental impact."</p>
          <p class="font-semibold text-gray-800 dark:text-gray-300">- Sarah J., Homeowner</p>
        </div>
        <div class="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md">
          <p class="mb-4 text-gray-800 dark:text-gray-300">"The water conservation system is a game-changer. It's
            amazing how much water we save without even thinking about it."</p>
          <p class="font-semibold text-gray-800 dark:text-gray-300">- Michael T., Apartment Dweller</p>
        </div>
      </div>
    </div>
  </section>

</div>

Related Examples

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

Author:
Hyun-woo Cho

1 year ago

7.2k
Testimonial for dark theme

Author:
Sophia Baker

2 years ago

9.5k
Testimonial Card

Author:
Anonymous

4 months ago

665
Testimonials

Author:
Lîmåã M

1 year ago

11.4k
Testimonial section
Gradient background and a testimonial quote with a highlighted phrase. The testimonial includes an image, name, and occupation.

Author:
Carla Hoffman

1 year ago

1.7k
Testimonial cards
each card contains a customer quote, an image of the customer, and their name.

Author:
Komal Jain

1 year ago

9.7k
Testimonial wall

Author:
yousef

1 year ago

2.3k
masonary grids effect for cards using columns
As part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).

Author:
rohit whyphy

1 month ago

301
How to create a carousel with Tailwind CSS and Alpinejs
How to create a carousel with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

11 months ago

2.7k
Responsive Testimonial Card with stars ratings

Author:
Quentin Rivers

6 months ago

1.3k
interactive testimonial with Tailwind CSS and Alpine.js

Author:
Michael Andreuzza

11 months ago

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

Author:
Akshay

2 years ago

11.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components