Testimonial Card

About this module

A testimonial card with a five-star rating, quote, avatar and attribution — ideal for social proof sections.

Installation

1. 1

   Create the files

   Create `index.html` and `style.css` in the same folder.

2. 2

   Paste the code

   Copy each file's source into its matching file.

3. 3

   Open in the browser

   Open `index.html` in any modern browser.

Usage

1. 1

   Copy the HTML

   Paste the card markup where you need it.

   <link rel="stylesheet" href="style.css" />
   <figure class="mh-quote">
     <div class="mh-stars" aria-label="Rated 5 out of 5">★★★★★</div>
     <blockquote>"ModuleHarbor cut our component turnaround from days to minutes."</blockquote>
     <figcaption>
       <span class="mh-avatar">JD</span>
       <span class="mh-name">Jordan Diaz</span>
       <span class="mh-role">Frontend Lead, Acme</span>
     </figcaption>
   </figure>