Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis.
Williamson
Web Developer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis.
kristiana
Web Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis.
.testimonial{
background: #2b9464;
padding: 30px 40px 30px 90px;
margin: 50px 20px 50px 100px;
border-radius: 0 85px 85px 0;
color: #fff;
position: relative;
}
.testimonial .pic{
width: 190px;
height: 190px;
line-height: 200px;
border-radius: 50%;
border: 14px solid #2b9464;
position: absolute;
top: -15px;
left: -100px;
overflow: hidden;
}
.testimonial .testimonial-title{
display: inline-block;
width: 35%;
float: left;
font-size: 20px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 28px 20px;
margin: 0;
border-right: 1px solid rgba(255,255,255,0.5);
}
.testimonial .testimonial-title small{
display: block;
font-size: 12px;
color: #fff;
margin-top: 5px;
}
.testimonial .description{
display: inline-block;
width: 65%;
font-size: 15px;
color: #fff;
letter-spacing: 0.5px;
margin-bottom: 0;
padding: 28px 0 28px 28px;
position: relative;
}
.testimonial .description:before{
content: "\f10d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 0;
left: 10px;
font-size: 20px;
color: rgba(255,255,255,0.5);
}
.testimonial .description:after{
content: "\f10e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 20px;
color: rgba(255,255,255,0.5);
position: absolute;
bottom: 5px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page span{
width: 7px;
height: 7px;
background: #2b9464;
border: 4px solid #7ccba7;
box-sizing: content-box;
}
.owl-theme .owl-controls .owl-page span{
border: 4px solid transparent;
background: #bcbcbc;
}
@media only screen and (max-width: 767px){
.testimonial{
border-radius: 40px;
margin: 90px 15px 0;
padding: 100px 40px 30px 40px;
}
.testimonial .pic{
position: absolute;
top: -85px;
left: 0;
right: 0;
margin: 0 auto;
}
.testimonial .testimonial-title{
width: 100%;
float: none;
border-right: none;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.testimonial .description{
width: 100%;
}
}
@media only screen and (max-width: 480px){
.testimonial{ padding: 100px 30px 30px; }
}
$(document).ready(function(){
$("#testimonial-slider").owlCarousel({
items:1,
itemsDesktop:[1000,1],
itemsDesktopSmall:[979,1],
itemsTablet:[768,1],
pagination:true,
navigation:false,
navigationText:["",""],
slideSpeed:1000,
singleItem:true,
autoPlay:true
});
});