Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie, justo nec convallis sollicitudin, sapien lorem dictum lacus, non consequat odio ipsum nec est. Sed mattis egestas elementum. Nulla facilisi. Quisque placerat risus ac nunc ornare tincidunt. Sed quis faucibus nunc. Pellentesque accumsan arcu mi, eget venenatis mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie, justo nec convallis sollicitudin, sapien lorem dictum lacus, non consequat odio ipsum nec est. Sed mattis egestas elementum. Nulla facilisi. Quisque placerat risus ac nunc ornare tincidunt. Sed quis faucibus nunc. Pellentesque accumsan arcu mi, eget venenatis mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie, justo nec convallis sollicitudin, sapien lorem dictum lacus, non consequat odio ipsum nec est. Sed mattis egestas elementum. Nulla facilisi. Quisque placerat risus ac nunc ornare tincidunt. Sed quis faucibus nunc. Pellentesque accumsan arcu mi, eget venenatis mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie, justo nec convallis sollicitudin, sapien lorem dictum lacus, non consequat odio ipsum nec est. Sed mattis egestas elementum. Nulla facilisi. Quisque placerat risus ac nunc ornare tincidunt. Sed quis faucibus nunc. Pellentesque accumsan arcu mi, eget venenatis mauris.
williamson
Web Developer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie, justo nec convallis sollicitudin, sapien lorem dictum lacus, non consequat odio ipsum nec est. Sed mattis egestas elementum. Nulla facilisi. Quisque placerat risus ac nunc ornare tincidunt. Sed quis faucibus nunc. Pellentesque accumsan arcu mi, eget venenatis mauris.
Kristina
Web Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus molestie, justo nec convallis sollicitudin, sapien lorem dictum lacus, non consequat odio ipsum nec est. Sed mattis egestas elementum. Nulla facilisi. Quisque placerat risus ac nunc ornare tincidunt. Sed quis faucibus nunc. Pellentesque accumsan arcu mi, eget venenatis mauris.
Miranda Joy
Web Developer
.demo{ background: #f8f7f6; }
#testimonial-slider{
padding: 50px 20px 35px 20px;
background: #fff;
text-align: center;
box-shadow: 0 0 115px 19px rgba(236, 236, 236, 1);
}
.testimonial .description{
font-size: 14px;
color: #777;
line-height: 26px;
text-indent: 30px;
position: relative;
}
.testimonial .description:before{
content: "\f10d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 0;
left: -15px;
}
.testimonial .title{
font-size: 24px;
font-weight: bold;
color: #363636;
text-transform: capitalize;
margin: 0;
}
.testimonial .post{
display: block;
font-size: 15px;
color: #363636;
}
.owl-buttons{
width: 100%;
height: 40px;
position: absolute;
bottom: 40%;
left: 0;
}
.owl-prev,
.owl-next{
position: absolute;
left: 0;
transition: all 0.4s ease-in-out 0s;
}
.owl-next{
left: auto;
right: 0;
}
.owl-buttons .owl-prev:before,
.owl-buttons .owl-next:before{
content: "\f104";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 60px;
font-weight: 900;
color: #cacaca;
line-height: 20px;
opacity: 0.8;
}
.owl-buttons .owl-next:before{
content: "\f105";
}
.owl-buttons .owl-prev:hover:before,
.owl-buttons .owl-next:hover:before{
opacity: 1;
}
.owl-theme .owl-controls .owl-buttons div{
background: transparent;
}
.owl-theme .owl-controls{
margin-top: 40px;
}
.owl-theme .owl-controls .owl-page span{
width: 50px;
height: 50px;
border-radius: 50%;
border: 4px solid #ccc;
background: url("../images/img-1.jpg") no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out 0s;
}
.owl-theme .owl-controls .owl-page:nth-child(2) span{
background: url("../images/img-2.jpg") no-repeat;
background-size: cover;
}
.owl-theme .owl-controls .owl-page:nth-child(3) span{
background: url("../images/img-3.jpg") no-repeat;
background-size: cover;
}
.owl-theme .owl-controls.clickable .owl-page:hover span{
opacity: 0.5;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page.active:hover span{
border-color: #d133ff;
opacity: 1;
}
@media only screen and (max-width: 479px){
.owl-buttons{ bottom: 30%; }
}
$(document).ready(function(){
$("#testimonial-slider").owlCarousel({
items:1,
itemsDesktop:[1000,1],
itemsDesktopSmall:[979,1],
itemsTablet:[768,1],
pagination:true,
navigation:true,
navigationText:["",""],
slideSpeed:1000,
autoPlay:true
});
});