Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dolor tellus, efficitur ut tortor id, molestie egestas nibh. In blandit ex at erat vehicula molestie. Mauris vel volutpat nulla. Suspendisse lorem ex, congue at elit id, tincidunt tempor orci. Nullam nec augue ac tellus rhoncus tincidunt nec ut ligula. Praesent.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dolor tellus, efficitur ut tortor id, molestie egestas nibh. In blandit ex at erat vehicula molestie. Mauris vel volutpat nulla. Suspendisse lorem ex, congue at elit id, tincidunt tempor orci. Nullam nec augue ac tellus rhoncus tincidunt nec ut ligula. Praesent.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dolor tellus, efficitur ut tortor id, molestie egestas nibh. In blandit ex at erat vehicula molestie. Mauris vel volutpat nulla. Suspendisse lorem ex, congue at elit id, tincidunt tempor orci. Nullam nec augue ac tellus rhoncus tincidunt nec ut ligula. Praesent.
Williamson
Web Developer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dolor tellus, efficitur ut tortor id, molestie egestas nibh. In blandit ex at erat vehicula molestie. Mauris vel volutpat nulla. Suspendisse lorem ex, congue at elit id, tincidunt tempor orci. Nullam nec augue ac tellus rhoncus tincidunt nec ut ligula. Praesent.
kristiana
Web Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dolor tellus, efficitur ut tortor id, molestie egestas nibh. In blandit ex at erat vehicula molestie. Mauris vel volutpat nulla. Suspendisse lorem ex, congue at elit id, tincidunt tempor orci. Nullam nec augue ac tellus rhoncus tincidunt nec ut ligula. Praesent.
.demo{ background: #3e2a41; }
.testimonial{
margin: 20px 0;
}
.testimonial .testimonial-content{
width: 20%;
display: inline-block;
float: left;
text-align: center;
margin-right: 5%;
}
.testimonial .pic{
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 auto;
overflow: hidden;
border: 8px solid rgba(255,255,255,0.15);
}
.testimonial .pic img{
width: 100%;
height: auto;
}
.testimonial .title{
font-size: 16px;
font-weight: bold;
color: #fff;
margin: 10px 0 0 0;
}
.testimonial .post{
font-size: 12px;
color: #fff;
}
.testimonial .description{
display: inline-block;
width: 75%;
padding: 30px 20px;
border: 1px solid rgba(255,255,255,0.15);
font-size: 14px;
color: #fff;
margin: 0;
position: relative;
}
.testimonial .description:before{
content: "";
border: 10px solid transparent;
border-right: 10px solid rgba(255,255,255,0.15);
position: absolute;
top: 20px;
left: -21px;
}
.owl-theme .owl-controls .owl-page.active span{
background: #fff;
border: 1px solid #fff;
}
.owl-theme .owl-controls .owl-page span{
border: 1px solid #fff;
background: transparent;
opacity: 1;
}
@media only screen and (max-width: 767px){
.testimonial .testimonial-content{
float: none;
width: 100%;
margin: 0 0 20px 0;
}
.testimonial .description{
width: 100%;
}
.testimonial .description:before{
border: 10px solid transparent;
border-bottom: 10px solid rgba(255,255,255,0.15);
position: absolute;
top: -20px;
left: 47.5%;
}
}
$(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
});
});