Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, repudiandae voluptas. Aliquam, amet aperiam assumenda aut dicta et excepturi exercitationem, maxime minima molestiae necessitatibus nulla odit possimus sunt voluptate voluptatibus!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, repudiandae voluptas. Aliquam, amet aperiam assumenda aut dicta et excepturi exercitationem, maxime minima molestiae necessitatibus nulla odit possimus sunt voluptate voluptatibus!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, repudiandae voluptas. Aliquam, amet aperiam assumenda aut dicta et excepturi exercitationem, maxime minima molestiae necessitatibus nulla odit possimus sunt voluptate voluptatibus!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, repudiandae voluptas. Aliquam, amet aperiam assumenda aut dicta et excepturi exercitationem, maxime minima molestiae necessitatibus nulla odit possimus sunt voluptate voluptatibus!
williamson
Web Developer
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, repudiandae voluptas. Aliquam, amet aperiam assumenda aut dicta et excepturi exercitationem, maxime minima molestiae necessitatibus nulla odit possimus sunt voluptate voluptatibus!
kristiana
Web Desginer
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, repudiandae voluptas. Aliquam, amet aperiam assumenda aut dicta et excepturi exercitationem, maxime minima molestiae necessitatibus nulla odit possimus sunt voluptate voluptatibus!
steve thomas
Web Desginer
.testimonial{
padding: 20px 0 0;
text-align:center;
position: relative;
margin: 0 15px;
}
.testimonial:before{
content: "\f10d";
font-family: "Font Awesome 5 Free"; font-weight: 900;
position: absolute;
top: -5px;
left:48.5%;
font-size: 40px;
color:#fff;
}
.testimonial .content{
padding: 45px 35px;
font-weight: bold;
text-transform:uppercase;
color: #fff;
position: relative;
border: 3px solid #fff;
border-top: 0px none;
}
.testimonial .content:before{
content: "";
border-top: 3px solid #fff;
position: absolute;
top: 0;
left: 0;
width: 45%;
}
.testimonial .content:after{
content: "";
border-top: 3px solid #fff;
position: absolute;
top: 0;
right: 0;
width: 45%;
}
.testimonial .testimonial-title{
font-size: 16px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
color:#e74c3c;
}
.testimonial .testimonial-title small{
display: block;
color:#f5f5f5;
font-size: 12px;
margin-top:10px;
}
.testimonial .description{
font-size: 25px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
background: #e74c3c;
}
.owl-theme .owl-controls .owl-page span{
background: #fff;
opacity: 1;
}
@media only screen and (max-width: 990px) {
.testimonial .content:before,
.testimonial .content:after {
width:43%;
}
}
@media only screen and (max-width: 640px) {
.testimonial:before{
left:46%;
}
.testimonial .content{
padding: 30px 35px;
}
.testimonial .description{
font-size: 14px;
}
}
@media only screen and (max-width: 480px) {
.testimonial:before{
font-size: 30px;
top: 0;
}
}
$(document).ready(function(){
$("#testimonial-slider").owlCarousel({
items:1,
itemsDesktop:[1000,1],
itemsDesktopSmall:[979,1],
itemsTablet:[768,1],
pagination: true,
autoPlay:false
});
});