HTML MARKUP
There are two available variations of testimonial box. With picture on the left or right side, each type has a corresponding CSS class, which needs to be added in compoenent markup:
— ct-testimonials–left
— ct-testimonials–right
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<div class="ct-testimonials ct-testimonials--left ct-u-marginTop70"> <div class="ct-testimonials-image"> <img src="../assets/images/demo-content/testimonials1.jpg" alt="Testimonial 1"> </div> <div class="ct-testimonials-content"> <div class="ct-testimonials-content-name ct-u-paddingBottom20"> <span class="ct-u-size18">Karen Donalds</span> </div> <p class="ct-testimonials-content-description text-justify"> I am extremely pleased with my decision to have my daughter take dance classes from you guys. The environment, the teachers and overall experience has been wonderful! I would highly recommend others to look into having their children take classes here! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum tempus magna eu gravida. Cum sociis natoque penatibus et magnis dis parturient montes. </p> </div> <div class="clearfix"></div> </div> |
Screenshot’s