Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem. Est, exercitationem id ipsa ipsum laboriosam perferendis temporibus!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem. Est, exercitationem id ipsa ipsum laboriosam perferendis temporibus!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem. Est, exercitationem id ipsa ipsum laboriosam perferendis temporibus!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem. Est, exercitationem id ipsa ipsum laboriosam perferendis temporibus!
Williamson
Web Developer
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem. Est, exercitationem id ipsa ipsum laboriosam perferendis temporibus!
kristiana
Web Designer
.testimonial{
border-left: 3px solid #6ab33e;
padding: 100px 0 100px 275px;
position: relative
}
.testimonial:before,
.testimonial:after{
content: "";
width: 320px;
height: 55px;
border-right: 3px solid #6ab33e;
position: absolute;
left: 0;
}
.testimonial:before{
border-top: 3px solid #6ab33e;
top: 0;
}
.testimonial:after{
border-bottom: 3px solid #6ab33e;
bottom: 0;
}
.testimonial .pic{
width: 100px;
height: 100px;
position: absolute;
top: 100px;
left: 100px;
}
.testimonial .pic img{
width: 100%;
height: auto;
}
.testimonial .description{
font-size: 14px;
color: #7a7e82;
line-height: 27px;
position: relative;
}
.testimonial .description:before{
content: "\f10d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: -70px;
left: 0;
font-size: 20px;
color: #7a7e82;
}
.testimonial .testimonial-title{
font-size: 22px;
font-weight:800;
color: #22272c;
text-transform: capitalize;
}
.testimonial .post{
display: block;
font-size: 15px;
font-weight: 700;
color :#6ab33e;
margin-top: 10px;
}
.owl-theme .owl-controls{
text-align: right;
margin-top: 30px;
}
.owl-theme .owl-controls .owl-buttons div{
background: #6ab33e;
border-radius: 0;
opacity: 1;
padding: 5px 10px;
}
.owl-prev:before,
.owl-next:before{
content: "\f053";
font-family: "Font Awesome 5 Free"; font-weight: 900;
color: #fff;
}
.owl-next:before{
content: "\f054";
}
@media only screen and (max-width: 990px){
.testimonial{
padding: 80px 0 80px 265px;
}
}
@media only screen and (max-width: 767px){
.testimonial{
padding: 0;
border: none;
}
.testimonial:before,
.testimonial:after{
border: none;
}
.testimonial .pic{
position: relative;
top: 0;
left: 0;
}
.testimonial .description{
margin-top: 15px;
}
.testimonial .description:before{
content: "";
}
}
$(document).ready(function(){
$("#testimonial-slider").owlCarousel({
items:1,
itemsDesktop:[1000,2],
itemsDesktopSmall:[979,1],
itemsTablet:[768,1],
pagination:false,
navigation:true,
slideSpeed:1000,
singleItem:true,
transitionStyle:"goDown",
navigationText:["",""],
autoPlay:false
});
});