Owl Carousel 2

index.html

<!-- TESTIMONIALS -->
<section class="testimonials">
	<div class="container">

      <div class="row">
        <div class="col-sm-12">
          <div id="customers-testimonials" class="owl-carousel">

            <!--TESTIMONIAL 1 -->
            <div class="item">
              
              <div class="shadow-effect">
                <div class="row">
                  <div class="col-sm-5">
                    <img class="pull-right" src="http://codeboxr.com/themedemo/foodie/html/assets/img/menu/menu1-600x413.jpg" alt="">
                  </div>
                  <div class="col-sm-7 border-right slider-btm-details">
                    <p class="big-title"><a href="#" target="_blank">This is a Link </a> &nbsp; Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate.</p>
                  </div>
                </div>
              </div>
            </div>
            <!--END OF TESTIMONIAL 1 -->
            <!--TESTIMONIAL 2 -->
            <div class="item">
              
              <div class="shadow-effect">
                <div class="row">
                  <div class="col-sm-5">
                    <img class="pull-right" src="http://codeboxr.com/themedemo/foodie/html/assets/img/menu/menu3-600x413.jpg" alt="">
                  </div>
                  <div class="col-sm-7 border-right slider-btm-details">
                    <p class="big-title"><a href="#">Dramatically click here to open a link to nowhere</a>maintain clicks-and-mortar solutions without functional solutions. Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate.</p>
                  </div>
                </div>
              </div>
            </div>
            <!--END OF TESTIMONIAL 2 -->
            <!--TESTIMONIAL 3 -->
            <div class="item">
              
              <div class="shadow-effect">
                <div class="row">
                  <div class="col-sm-5">
                    <img class="pull-right" src="http://codeboxr.com/themedemo/foodie/html/assets/img/menu/menu4-600x413.jpg" alt="">
                  </div>
                  <div class="col-sm-7 border-right slider-btm-details">
                    <p class="big-title">Dramatically maintain clicks-and-mortar solutions without functional solutions. Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate.</p>
                  </div>
                </div>
              </div>
            </div>
            <!--END OF TESTIMONIAL 3 -->
            <!--TESTIMONIAL 4 -->
            <div class="item">
              
              <div class="shadow-effect">
                <div class="row">
                  <div class="col-sm-5">
                    <img class="pull-right" src="http://codeboxr.com/themedemo/foodie/html/assets/img/menu/menu5-600x413.jpg" alt="">
                  </div>
                  <div class="col-sm-7 border-right slider-btm-details">
                    <p class="big-title">Dramatically maintain clicks-and-mortar solutions without functional solutions. Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate.</p>
                  </div>
                </div>
              </div>
            </div>
            <!--END OF TESTIMONIAL 4 -->
          </div>
        </div>
      </div>
      </div>
    </section>
    <!-- END OF TESTIMONIALS -->

owl-carousel-2.markdown

Owl Carousel 2

A Pen by Stan Williams on CodePen.

License.

script.js

jQuery(document).ready(function($) {
"use strict";
//  TESTIMONIALS CAROUSEL HOOK
$('#customers-testimonials').owlCarousel({
    loop: true,
    items: 3,
    margin: 0,
    autoplay: true,
    dots:true,
    nav:true,
    autoplayTimeout: 8500,
    smartSpeed: 450,
  navText: ['<i class="fa fa-angle-left fa-5x"></i>','<i class="fa fa-angle-right fa-5x"></i>'],
    responsive: {
      0: {
        items: 1
      },
      768: {
        items: 1
      },
      1170: {
        items: 1
      }
    }
  });
});

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/owl.carousel.min.js"></script>

style.css

.testimonials{
  background-color: #010101;
}
.border-right{
  border-left: 2px solid #ddd;
}

		#customers-testimonials .item {
		    text-align: center;
		    padding: 50px;
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
.shadow-effect img{
  height: 150px;
}
.big-title{
  color: #fff;
  font-size: 24px;
  text-align: left;
}


.owl-carousel .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}
.owl-carousel .owl-nav [class*='owl-'] {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}
.owl-carousel {
  position: relative;
}
.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 45%;
  color: #fff;
}
.owl-carousel .owl-prev {
  left: 10px;
}
.owl-carousel .owl-next {
  right: 10px;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

Demo:
https://codepen.io/Stanssongs/full/BPKavG/