Shortcode “Testimonials”
Shortcode text for example below:
<div class="sc_testimonials sc_testimonials_style_1 sc_testimonials_padding sc_testimonials_controls_top"> <h2 class="sc_testimonials_title">Style 1</h2> <div class="sc_slider sc_slider_swiper sc_slider_controls sc_slider_controls_top sc_slider_nopagination sc_slider_autoheight swiper-slider-container"> <ul class="sc_testimonials_items slides swiper-wrapper"> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">A friend recommended M2, and I couldn’t be happier…it was fast, easy, and most importantly, it allowed me to focus on my business while leaving the construction matters to the professionals.</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="01.jpg" src="images/01-50x50.jpg"> </div> <div class="sc_testimonials_item_name">John Doe</div> <div class="sc_testimonials_item_position">SEO, Some Co.</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Best purchase i made on ThemeForest. Great Theme!</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="02.jpg" src="images/02-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Anna Smith</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Hi! I’ve just check and it works perfectly! Thank you very much for your kindness and for all the work you’ve done to solve all issues. I’ll write about your fantastic support wherever I can. Thanks again.</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="3.jpg" src="images/3-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Anna Black</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Hello All, Firstly, thank you so much for the great template! I have spent around 10hrs looking for a good template and yours was the best!</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="2.jpg" src="images/2-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Mike Doe</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Great theme & fast Support.</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="1.jpg" src="images/1-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Nicole Smith</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> </ul> </div> <ul class="flex-direction-nav"> <li> <a class="flex-prev" href="#"> </a> </li> <li> <a class="flex-next" href="#"> </a> </li> </ul> </div>
Testimonials
Style 2
Shortcode “Testimonials”
Shortcode text for example below:
<div class="sc_testimonials sc_testimonials_style_2 sc_testimonials_padding sc_testimonials_controls_top"> <div class="sc_slider sc_slider_swiper sc_slider_controls sc_slider_controls_top sc_slider_nopagination sc_slider_autoheight swiper-slider-container"> <ul class="sc_testimonials_items slides swiper-wrapper"> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">A friend recommended M2, and I couldn’t be happier…it was fast, easy, and most importantly, it allowed me to focus on my business while leaving the construction matters to the professionals.</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="01.jpg" src="images/01-50x50.jpg"> </div> <div class="sc_testimonials_item_name">John Doe</div> <div class="sc_testimonials_item_position">SEO, Some Co.</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Best purchase i made on ThemeForest. Great Theme!</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="02.jpg" src="images/02-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Anna Smith</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Hi! I’ve just check and it works perfectly! Thank you very much for your kindness and for all the work you’ve done to solve all issues. I’ll write about your fantastic support wherever I can. Thanks again.</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="3.jpg" src="images/3-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Anna Black</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Hello All, Firstly, thank you so much for the great template! I have spent around 10hrs looking for a good template and yours was the best!</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="2.jpg" src="images/2-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Mike Doe</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Great theme & fast Support.</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="1.jpg" src="images/1-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Nicole Smith</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> </ul> </div> <ul class="flex-direction-nav"> <li> <a class="flex-prev" href="#"> </a> </li> <li> <a class="flex-next" href="#"> </a> </li> </ul> </div>
Style 3
Shortcode “Testimonials”
Shortcode text for example below:
<div class="sc_testimonials sc_testimonials_style_3 sc_testimonials_padding sc_testimonials_controls_top"> <div class="sc_slider sc_slider_swiper sc_slider_controls sc_slider_controls_top sc_slider_nopagination sc_slider_autoheight swiper-slider-container"> <ul class="sc_testimonials_items slides swiper-wrapper"> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">A friend recommended M2, and I couldn’t be happier…it was fast, easy, and most importantly, it allowed me to focus on my business while leaving the construction matters to the professionals.</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="01.jpg" src="images/01-50x50.jpg"> </div> <div class="sc_testimonials_item_name">John Doe</div> <div class="sc_testimonials_item_position">SEO, Some Co.</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Best purchase i made on ThemeForest. Great Theme!</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="02.jpg" src="images/02-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Anna Smith</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Hi! I’ve just check and it works perfectly! Thank you very much for your kindness and for all the work you’ve done to solve all issues. I’ll write about your fantastic support wherever I can. Thanks again.</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="3.jpg" src="images/3-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Anna Black</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Hello All, Firstly, thank you so much for the great template! I have spent around 10hrs looking for a good template and yours was the best!</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="2.jpg" src="images/2-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Mike Doe</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> <li class="sc_testimonials_item swiper-slide"> <div class="sc_testimonials_item_content"> <div class="sc_testimonials_item_quote"> <div class="sc_testimonials_item_text">Great theme & fast Support.</div> </div> <div class="sc_testimonials_item_author"> <div class="sc_testimonials_item_avatar"> <img alt="1.jpg" src="images/1-50x50.jpg"> </div> <div class="sc_testimonials_item_name">Nicole Smith</div> <div class="sc_testimonials_item_position">Purchaser</div> </div> </div> </li> </ul> </div> <ul class="flex-direction-nav"> <li> <a class="flex-prev" href="#"> </a> </li> <li> <a class="flex-next" href="#"> </a> </li> </ul> </div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, quos, autem placeat velit tempora error in commodi praesentium ipsum rem sequi saepe facilis nulla et excepturi est quam incidunt accusamus quidem voluptatem? Dignissimos, eaque, facere, enim rem a perferendis eum nemo molestias odit incidunt dolorum omnis voluptatum reiciendis consequatur sunt impedit quia distinctio ut illum inventore ex esse aliquid laborum natus veniam nostrum doloremque velit quas commodi ducimus ratione culpa fugiat officia cumque dolor consectetur eligendi ab asperiores expedita porro! Pariatur, architecto, nesciunt, amet est nisi veritatis minima esse beatae explicabo quod ipsam repudiandae natus reprehenderit facere ratione nulla laborum placeat omnis aliquid maxime eos quia incidunt fugiat doloribus vel. Nam, facilis libero nobis fugiat! Impedit, inventore, aut animi modi totam officia ratione dignissimos perspiciatis nobis repudiandae cupiditate fugit facilis rerum quos ex iure asperiores aliquid iste vitae culpa debitis vel atque iusto aspernatur doloremque dolore officiis dolorem ullam temporibus libero blanditiis eligendi quisquam sit autem eos in dolor sequi fuga veniam ad qui quam. Consequuntur, eum enim! Omnis, eligendi, rerum, ad, error assumenda consequatur neque quas esse amet magni asperiores repellat fugit inventore vitae magnam praesentium saepe optio ducimus sapiente minus quis autem suscipit fuga. Ipsum, reprehenderit placeat et.