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 quaerat quas quis ratione rerum sint sit vitae.
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 quaerat quas quis ratione rerum sint sit vitae.
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 quaerat quas quis ratione rerum sint sit vitae.
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 quaerat quas quis ratione rerum sint sit vitae.
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 quaerat quas quis ratione rerum sint sit vitae.
Williamson
Web Developer
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 quaerat quas quis ratione rerum sint sit vitae.
Kristina
Web Designer
.testimonial{
text-align: center;
margin: 85px 20px 20px;
}
.testimonial .description{
padding: 40px;
margin-bottom: 50px;
background: #6b3522;
border: 3px dashed #e5ddcc;
border-top: none;
border-radius: 120px;
font-size: 16px;
color: #e5ddcc;
line-height: 30px;
letter-spacing: 1px;
position: relative;
}
.testimonial .description:before{
content: "\f10d";
width: 250px;
height: 250px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: 110px;
border-radius: 50%;
border: 3px dashed #e5ddcc;
background: #6b3522;
margin: 0 auto;
font-size: 50px;
color: #e5ddcc;
position: absolute;
top: -80px;
left: 0;
right: 0;
z-index: -1;
}
.testimonial .title{
font-size: 20px;
font-weight: 600;
color: #5c823f;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 7px 0;
position: relative;
}
.testimonial .title:before{
content: "";
width: 40px;
border: 2px dashed #5c823f;
margin: 0 auto;
position: absolute;
top: -30px;
left: 0;
right: 0;
transform: rotate(90deg);
}
.testimonial .post{
display: block;
font-size: 15px;
color: #6b3522;
text-transform: capitalize;
}
.owl-theme .owl-controls{ margin-top: 0; }
.owl-theme .owl-controls .owl-page span{
width: 15px;
height: 15px;
border-radius: 50%;
background: #6b3522;
opacity: 0.8;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
transition: all 0.3s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span{ background: #5c823f; }
@media only screen and (max-width: 1199px){
.testimonial .description:before{
width: 200px;
height: 200px;
}
}
@media only screen and (max-width: 990px){
.testimonial .description:before{
width: 150px;
height: 150px;
}
}
@media only screen and (max-width: 479px){
.testimonial .description:before{
width: 100px;
height: 100px;
line-height: 50px;
font-size: 26px;
top: -40px;
}
}
$(document).ready(function(){
$("#testimonial-slider").owlCarousel({
items:2,
itemsDesktop:[1000,2],
itemsDesktopSmall:[979,2],
itemsTablet:[768,1],
pagination:true,
autoplay:true
});
});