Testimonial Element

Showcase your skill.

Overview

With Testimonials you showcase the feedback from your clients and build up trust for your visitors.

Usage Examples

  • Showcase feedback from Customers and Clients

Testimonial Properties

  1. Testimonial Style: Choose a style for the testimonial.
  2. Name: From whom is the testimonial. 
  3. Sub Title: Optional sub title for the .
  4. Testimonial Text: Edit the formatted text directly on the testimonial element.
  5. Image: The image of testimonial giver.
  6. Image Alt: Alternate text for the image. Should be set for accessibility and search engines.
Everything else can be configured with the common general properties.
Testimonial Properties / Description

See it in action

Sample Image for Testimonial
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.
John Doe
Massive Dynamic
Sample Image for Testimonial
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.
Jane Doe
Massive Dynamic
Sample Image for Testimonial
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.
Denise Doe
Massive Dynamic

Generated HTML (Outline)


<div class="mame-element mame-testimonial" style="..">
   <div class="testimonial__head">
     <img src="..." alt="..." /
   </div>
   <div class="testimonial__body">
     The testimonial Text 
   </div>
   <div class="testimonial__footer">
     <b>John Doe</b>
     <br>
     <small>Massive Dynamic</small>
   </div>
</div>

Style / CSS Selectors


.mame-testimonial {
  /* All Testimonials */
}

.testimonial__head {
  /* The header with the image */
} 

.testimonial__body {
  /* The testimonial content */
}

.testimonial__footer {
  /* The testimonial footer */
}

JavaScript

Testimonials are implemented in plain HTML 5 and CSS 3. They don't need any JavaScript to work properly.

Was this article helpful?