<div class="testimonial7 py-5 bg-light">
<div class="container">
<div class="owl-carousel owl-theme testi7">
<!-- item -->
<div class="item">
<div class="row">
<div class="col-lg-7 col-md-6">
<img src="https://www.wrappixel.com/demos/ui-kit/wrapkit/assets/images/testimonial/be-af-1.png" alt="wrapkit" class="img-fluid" />
</div>
<div class="col-lg-5 col-md-6">
<h3 class="text-uppercase title">Valuble Reviews</h3>
<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi </p>
<h6 class="mt-4 mb-0 font-weight-normal">Michelle Anderson</h6>
<span>Partner, Brevin</span>
</div>
</div>
</div>
<!-- item -->
<!-- item -->
<div class="item">
<div class="row">
<div class="col-lg-7 col-md-6">
<img src="https://www.wrappixel.com/demos/ui-kit/wrapkit/assets/images/testimonial/be-af-1.png" alt="wrapkit" class="img-fluid" />
</div>
<div class="col-lg-5 col-md-6">
<h3 class="text-uppercase title">Valuble Reviews</h3>
<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi </p>
<h6 class="mt-4 mb-0 font-weight-normal">Michelle Anderson</h6>
<span>Partner, Brevin</span>
</div>
</div>
</div>
<!-- item -->
<!-- item -->
<div class="item">
<div class="row">
<div class="col-lg-7 col-md-6">
<img src="https://www.wrappixel.com/demos/ui-kit/wrapkit/assets/images/testimonial/be-af-1.png" alt="wrapkit" class="img-fluid" />
</div>
<div class="col-lg-5 col-md-6">
<h3 class="text-uppercase title">Valuble Reviews</h3>
<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi </p>
<h6 class="mt-4 mb-0 font-weight-normal">Michelle Anderson</h6>
<span>Partner, Brevin</span>
</div>
</div>
</div>
<!-- item -->
</div>
</div>
</div>
@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);
.testimonial7 {
font-family: "Montserrat", sans-serif;
color: #8d97ad;
font-weight: 300;
}
.testimonial7 h1,
.testimonial7 h2,
.testimonial7 h3,
.testimonial7 h4,
.testimonial7 h5,
.testimonial7 h6 {
color: #3e4555;
}
.testimonial7 .font-weight-medium {
font-weight: 500;
}
.testimonial7.bg-light {
background-color: #f4f8fa !important;
}
.testimonial7 .subtitle {
color: #8d97ad;
line-height: 24px;
}
.testimonial7 {
background: #188ef4;
background: -moz-linear-gradient(left, #188ef4 0%, #188ef4 48%, #f4f8fa 48%, #f4f8fa 100%);
background: -webkit-linear-gradient(left, #188ef4 0%, #188ef4 51%, #f4f8fa 48%, #f4f8fa 100%);
background: -webkit-gradient(linear, left top, right top, from(#188ef4), color-stop(48%, #188ef4), color-stop(48%, #f4f8fa), to(#f4f8fa));
background: -webkit-linear-gradient(left, #188ef4 0%, #188ef4 48%, #f4f8fa 48%, #f4f8fa 100%);
background: -o-linear-gradient(left, #188ef4 0%, #188ef4 48%, #f4f8fa 48%, #f4f8fa 100%);
background: linear-gradient(to right, #188ef4 0%, #188ef4 48%, #f4f8fa 48%, #f4f8fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$info', endColorstr='$light', GradientType=1);
}
.testimonial7 .testi7 .title {
margin-top: 80px;
}
.testimonial7 .testi7 .owl-nav {
float: right;
}
.testimonial7 .testi7 .owl-nav [class*='owl-'] {
background: transparent;
color: #8d97ad;
font-size: 34px;
}
.testimonial7 .testi7 .owl-nav [class*='owl-']:hover {
color: #263238;
}
@media (max-width: 767px) {
.testimonial7 {
background: -moz-linear-gradient(top, #188ef4 0%, #188ef4 51%, #f4f8fa 51%, #f4f8fa 100%);
background: -webkit-linear-gradient(top, #188ef4 0%, #188ef4 51%, #f4f8fa 51%, #f4f8fa 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#188ef4), color-stop(51%, #188ef4), color-stop(51%, #f4f8fa), to(#f4f8fa));
background: -o-linear-gradient(top, #188ef4 0%, #188ef4 51%, #f4f8fa 51%, #f4f8fa 100%);
background: linear-gradient(to bottom, #188ef4 0%, #188ef4 51%, #f4f8fa 51%, #f4f8fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$info', endColorstr='$light', GradientType=1);
}
}
$('.testi7').owlCarousel({
loop: true,
margin: 30,
nav: true,
navText: ['', ''],
dots: false,
autoplay: true,
center: true,
responsiveClass: true,
responsive: {
0: {
items: 1
},
1650: {
items: 1
}
}
})