Below is the code for Adding Testimonial : 

  var content = ['Content 1','Content 2','Content 3'];
var name= ['Name 1','Name 2','Name 3']; 

var n = content.length;
var lis = [];
for (var i = 0; i < n; i++) {

lis.push('<div class="test_1"> <p>"'+content[i]+'"</p><div class="cd-author"> <img src="//" alt="Author image" draggable="false"> <div class="cd-author-info"> <div>"'+name[i]+'"</div> </div></div></div>');  

jQuery('section.featured').after('<div class="testimonials col-centered"> <h4 class="text-center">Testimonials</h4><div class="test_cont"> '+lis+'</div></div>');


Steps to add Testimonials : -

1. Add the Content by replacing the Content 1 , Content 2 , Content 3 and so on separated by commas and placed inside single inverted commas as shown in the above code and similarly do for Names.

2.After replacing the Names and the Content copy the whole code and paste it in  Third Party JavaScript Box which you will find in Zepo Dashboard (Manage > Settings > Third Party JavaScript Box[Second Box] )

3.Add the below css code to the Third party meta tag(First Box):

  .test_cont .owl-buttons > div {
    text-indent: 0px !important;
    color: black;
    font-size: 40px;
    background-image: none !important;
width: 80%;
    float: none;
    margin: 0 auto;
    margin: 30px;
.read_test {
    font-size: 22px;
    text-align: center;
.cd-author img {
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 5px;
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
.test_1>p {
    font-size: 20px;
    font-family: "Georgia", serif;
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 1em;
    padding: 0 14px;

.test_1 {
    text-align: center;
.cd-author-info {
    font-size: 21px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;

.slick-prev:before, .slick-next:before {
  font-size: 30px;
  color: black;

4.Now save settings and refresh the website, the Testimonial will get reflected below the featured images.