Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras suscipit arcu sed scelerisque auctor. Vestibulum justo enim, dapibus sed magna sed, consequat accumsan nunc. Vivamus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras suscipit arcu sed scelerisque auctor. Vestibulum justo enim, dapibus sed magna sed, consequat accumsan nunc. Vivamus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras suscipit arcu sed scelerisque auctor. Vestibulum justo enim, dapibus sed magna sed, consequat accumsan nunc. Vivamus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras suscipit arcu sed scelerisque auctor. Vestibulum justo enim, dapibus sed magna sed, consequat accumsan nunc. Vivamus.
Williamson
Web DeveloperLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras suscipit arcu sed scelerisque auctor. Vestibulum justo enim, dapibus sed magna sed, consequat accumsan nunc. Vivamus.
Kristina
Web DesignerLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras suscipit arcu sed scelerisque auctor. Vestibulum justo enim, dapibus sed magna sed, consequat accumsan nunc. Vivamus.
.testimonial{ padding: 20px 20px 20px 90px; margin: 10px 20px 50px 55px; border-left: 2px solid #ae483a; position: relative; } .testimonial:after{ content: ""; border-bottom: 25px solid #ae483a; border-left: 25px solid transparent; border-right: 25px solid transparent; position: absolute; bottom: -24px; left: -26px; } .testimonial .pic{ width: 100px; height: 100px; border-radius: 50%; border: 2px solid #ae483a; overflow: hidden; position: absolute; top: 0; left: -50px; } .testimonial .pic img{ width: 100%; height: auto; } .testimonial .title{ font-size: 22px; font-weight: 600; color: #71334a; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 7px 0; } .testimonial .post{ display: block; font-size: 15px; color: #ae483a; text-transform: capitalize; } .testimonial .description{ font-size: 15px; color: #ab9c99; line-height: 28px; } .owl-theme .owl-controls{ margin-top: 10px; } .owl-theme .owl-controls .owl-page span{ width: 35px; height: 15px; border-radius: 0; background: #71334a; opacity: 0.8; transition: all 0.3s ease 0s; } .owl-theme .owl-controls .owl-page.active span{ width: 15px; height: 15px; border-radius: 50%; background: #ae483a; } @media only screen and (max-width: 479px){ .testimonial{ padding: 20px 0 20px 60px; margin: 10px 20px 50px 50px; } .testimonial .title{ font-size: 20px; } }
$(document).ready(function(){ $("#testimonial-slider").owlCarousel({ items:2, itemsDesktop:[1000,2], itemsDesktopSmall:[979,2], itemsTablet:[768,1], pagination:true, navigation:false, autoplay:true }); });