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 it 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
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.
Sample Image
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.
Sample Image
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.

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?

Newsletter

You can unsubscribe at any time. For information about our privacy practices, please check the privacy policy.
Made with ❤ and Mame in the European Union.
Copyright (C) 2019 - 2021 mame.app. All Rights reserved.