Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi urna nisi, laoreet a nunc vel, blandit varius nisl. Duis condimentum eget leo vehicula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi urna nisi, laoreet a nunc vel, blandit varius nisl. Duis condimentum eget leo vehicula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi urna nisi, laoreet a nunc vel, blandit varius nisl. Duis condimentum eget leo vehicula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi urna nisi, laoreet a nunc vel, blandit varius nisl. Duis condimentum eget leo vehicula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi urna nisi, laoreet a nunc vel, blandit varius nisl. Duis condimentum eget leo vehicula.
williamson Web Developer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi urna nisi, laoreet a nunc vel, blandit varius nisl. Duis condimentum eget leo vehicula.
kristiana Web Desginer
.testimonial{ margin-top:10px; padding: 0 15px; } .testimonial .description{ color:#aaa; font-size: 17px; line-height:24px; margin-bottom: 30px; text-align: left; } .testimonial .description:before{ content: "\f10d"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: relative; top: 0; left: 0; margin-right: 5px; font-size:16px; color:rgba(170, 170, 170,0.5); } .testimonial .description:after{ content: "\f10e"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: relative; bottom:0; right:0; margin-left: 5px; font-size:16px; color:rgba(170, 170, 170,0.5); } .testimonial .testimonial-review{ text-align: center; overflow: auto; position: relative; border-top: 1px solid #aaa; padding-top:20px; } .testimonial:hover .testimonial-review{ border-color: #333; } .testimonial .testimonial-review:before{ content: ""; border-top: 7px solid #aaa; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top:0; left: 45%; } .testimonial:hover .testimonial-review:before{ border-top-color:#333; } .testimonial .pic{ width: 70px; height: 70px; margin-right: 7px; display: inline-block; } .testimonial .pic img{ width: 100%; height: auto; border-radius: 50%; } .testimonial .testimonial-title{ display: inline-block; color: #333; font-size:17px; margin:0; text-transform: capitalize; position: relative; top:10px; } .testimonial .testimonial-title > small{ color:#656565; display: block; font-size: 12px; margin-top: 5px; font-weight: bold; text-transform: uppercase; } .owl-theme .owl-controls{ margin-top: 20px; } .owl-theme .owl-controls .owl-page span{ width: 10px; height: 10px; background: #fff; border: 2px solid #333; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background: #333; }
$(document).ready(function(){ $("#testimonial-slider").owlCarousel({ items:3, itemsDesktop:[1000,2], itemsDesktopSmall:[979,2], itemsTablet:[650,1], pagination: true, autoPlay:true }); });