" Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusantium ad asperiores at atque culpa dolores eaque fugiat hic illo ipsam ipsum minima modi necessitatibus nemo officia, omnis perferendis placeat sit vitae, consectetur adipisicing elit ipsam. "
" Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusantium ad asperiores at atque culpa dolores eaque fugiat hic illo ipsam ipsum minima modi necessitatibus nemo officia, omnis perferendis placeat sit vitae, consectetur adipisicing elit ipsam. "
" Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusantium ad asperiores at atque culpa dolores eaque fugiat hic illo ipsam ipsum minima modi necessitatibus nemo officia, omnis perferendis placeat sit vitae, consectetur adipisicing elit ipsam. "
" Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusantium ad asperiores at atque culpa dolores eaque fugiat hic illo ipsam ipsum minima modi necessitatibus nemo officia, omnis perferendis placeat sit vitae, consectetur adipisicing elit ipsam. "
Williamson
" Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusantium ad asperiores at atque culpa dolores eaque fugiat hic illo ipsam ipsum minima modi necessitatibus nemo officia, omnis perferendis placeat sit vitae, consectetur adipisicing elit ipsam. "
Kristina
.demo{ background: #034748; } .testimonial{ margin: 50px 30px 30px 30px; text-align: center; position: relative; } .testimonial .description{ padding: 30px; margin-bottom: 80px; border-left: 1px solid #fff; font-size: 15px; color: #fff; line-height: 33px; position: relative; } .testimonial .description:before, .testimonial .description:after{ content: ""; width: 20%; height: 1px; background: #fff; position: absolute; top: 0; left: 0; } .testimonial .description:after{ top: auto; bottom: 0; } .testimonial .title{ display: block; font-size: 20px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 15px 0; position: relative; } .testimonial:before, .testimonial .title:before{ content: ""; width: 1px; height: 50px; background: #fff; margin: 0 auto; position: absolute; top: -50px; left: 0; right: 0; } .testimonial .title:before{ top: -80px; } .testimonial .pic{ display: inline-block; width: 100px; height: 100px; } .testimonial .pic img{ width: 100%; height: auto; } .owl-theme .owl-controls{ margin-top: 0; } .owl-theme .owl-controls .owl-page span{ width: 10px; height: 10px; border-radius: 0; background: #000; outline: 2px solid #000; outline-offset: 2px; margin-right: 8px; opacity: 0.7; transition: all 0.3s ease 0s; } .owl-theme .owl-controls .owl-page.active span{ background: #fff; outline: 2px solid #fff; }
$(document).ready(function(){ $("#testimonial-slider").owlCarousel({ items:1, itemsDesktop:[1000,1], itemsDesktopSmall:[979,1], itemsTablet:[769,1], pagination:true, transitionStyle:"goDown", autoplay:true }); });