The Ensemble testimonial block lets you display your best quotes from your clients or users.
Testimonial blocks can also be used inside the Vidall Slider plugin to display a slideshow of multiple quotes.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque dui, eleifend nec nulla eget, ornare tincidunt elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam placerat nunc in sagittis rhoncus. In vestibulum mollis libero, vitae faucibus odio iaculis vitae. Pellentesque a tempus nulla. Maecenas pharetra odio eget suscipit sodales. Mauris gravida, enim et rhoncus luctus, lacus felis vulputate velit, ut convallis nisi purus gravida risus.
Testimonials comprise of the outer wrapper testimonial, a section for your avatar testimonial__avatar, the testimonial itself testimonial__quote, and finally the testimonial meta testimonial__meta.
<div class="testimonial">
<div class="testimonial__avatar">
<img src="img/general/client-example-1.jpg" alt="">
</div>
<div class="testimonial__quote">
<p class="text-italic">
Testimonial text goes here
</p>
<div class="testimonial__meta">
<span class="testimonial__meta-name">John Doe</span>
<span class="testimonial__meta-position"> - Technical director</span>
</div>
</div>
</div>
You can make a simple alteration to the testimonial code to display round avatars.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque dui, eleifend nec nulla eget, ornare tincidunt elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam placerat nunc in sagittis rhoncus. In vestibulum mollis libero, vitae faucibus odio iaculis vitae. Pellentesque a tempus nulla. Maecenas pharetra odio eget suscipit sodales. Mauris gravida, enim et rhoncus luctus, lacus felis vulputate velit, ut convallis nisi purus gravida risus.
By using the testimonial__avatar--round class on the testimonial__avatar class you can present your testimonial with a round avatar.
<div class="testimonial">
<div class="testimonial__avatar testimonial__avatar--round">
<img src="img/general/client-example-1.jpg" alt="">
</div>
<div class="testimonial__quote">
<p class="text-italic">
Testimonial text goes here
</p>
<div class="testimonial__meta">
<span class="testimonial__meta-name">John Doe</span>
<span class="testimonial__meta-position"> - Technical director</span>
</div>
</div>
</div>