There are several types of available Testimonials.
Sidebar Widget
HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<div class="ct-testimonial-sidebar ct-u-autoAlignment--center"> <h3 class="ct-u-hrLeft ct-u-autoAlignment--center">Testimonials</h3> <div class="ct-testimonial-sidebar-item ct-u-hrLeft"> <h5>Dana Kevins</h5> <p>You installed new sinks, installed water heater, fixed leaks in the shower, and also installed pipes.If you are going to face with repair tasks, and don't have the time or the ability to deal with it, I give my highest recommendation. </p> <div class="ct-socialIcon-wrapper ct-u-autoAlignment--center"> <a href="https://www.facebook.com/createITpl" class="ct-socialIcon ct-socialIcon-circle"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/createitpl" class="ct-socialIcon ct-socialIcon-circle"><i class="fa fa-twitter"></i></a> </div> </div> ... </div> |
IMAGE TESTIMONIAL
HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<div class="ct-testimonial"> <h3 class="ct-u-hrLeft ct-u-autoAlignment--center">Directly From Their House</h3> <div class="ct-testimonial-item"> <div class="ct-u-displayTable"> <div class="ct-u-displayTableCell"> <a href="#"><img src="../assets/images/cleaning/BathRoomTestimonialsBig.png"></a> </div> <div class="ct-u-displayTableCell ct-testimonial-item--inner"> <h3>They were Great!</h3> <h3>They're the Best!</h3> <p class="ct-u-paddingTop20"> There are many good contractors but found a great one in Zappy Plumbing Service! Responsive, Competitive, and offers Quality Service... Thanks Big! </p> <span>Karen Ferguson</span> </div> </div> </div> ... </div> |
PERSON BOXES TESTIMONIAL
HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<div class="ct-personBox ct-personBox--testimonial"> <img class="ct-u-paddingBottom30" src="../assets/images/cleaning/PersonBox01Blonde.png" alt="Team Member 1"> <p class="ct-u-hrLeft text-justify"> Great company to be trade partners with. Everyone in the organization is top notch, including upper management, office personel and field technhcian. I am very happy with their level of service. </p> <p>Jessica Nickolsons</p> </div> |
Available CSS classes:
.ct-testimonial: Indicates testimonial’s display properties.
.ct-testimonial-item: Testimonial’s element;
.ct-testimonial-item–inner: Inner content of Testimonial’s element.
.ct-testimonial-sidebar: Indicates testimonial’s display properties for sidebar.
.ct-testimonial-sidebar-item: Testimonial’s sidebar item.
.ct-personBox–testimonial: person box for testimonials.