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

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

Modern Testimonial
A simple and easy to use component for reviews and testimonials.

Author:
Coastal UI

3 months ago

534
Tailwind testimonials section

Author:
Kofi Osei

2 years ago

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

1 year ago

7.4k
Testimonial Card with Floating Image and Star Rating
A beautifully designed testimonial card featuring a floating user image, review text, and a 5-star rating. The card uses a rounded layout with a bright yellow border, making it stand out on any page. Ideal for displaying customer feedback or product reviews with a modern look.

Author:
Anum Shahana

7 months ago

1.1k
Profile, Team or Testimonial
Profile, Team or Testimonial

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

1 year ago

3.3k
Testimonials
Testimonial Card for landing pages.

Author:
Prashant

2 years ago

10.5k
Customer testimonial card
Responsive user testimonial card with image

Author:
Arya

2 years ago

11.4k
Twitter testimonial card

Author:
Nishant Trivedi

1 year ago

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

9 months ago

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

Author:
Komal Jain

1 year ago

9.9k
Medlife Hospital
To provide exceptional, compassionate healthcare through innovative medicine, cutting-edge technology, and a commitment to patient-centered service

Author:
INGRIDE MUZIRANENGE

1 week ago

39
Testimonial wall

Author:
yousef

1 year ago

2.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components