testimonial style : demo 8

HTML

                    

CSS

                    
                    

                    .testimonial{
                        text-align: center;
                    }
                    .testimonial .pic{
                        margin-bottom: 35px;
                    }
                    .testimonial .pic > img{
                        border-radius: 50%;
                    }
                    .testimonial .testimonial-review{
                        color:#fff;
                        font-size: 16px;
                        line-height: 27px;
                        margin-bottom: 14px;
                    }
                    .testimonial-review > .testimonial-description{
                        font-style: italic;
                    }
                    .testimonial .testimonial-title{
                        color:#fff;
                        font-style: normal;
                        font-size: 14px;
                        line-height: 22px;
                        text-transform: capitalize;
                    }
                    .testimonial-title > small{
                        color:#fff;
                        font-style: normal;
                        font-size: 14px;
                        line-height: 22px;
                    }
                    .owl-theme .owl-controls .owl-page span{
                        width: 9px;
                        height: 9px;
                        background: transparent;
                        border: 1px solid #fff;
                        margin: 5px;
                    }
                    .owl-theme .owl-controls .owl-page.active span,
                    .owl-theme .owl-controls.clickable .owl-page:hover span{
                        background: #fff;
                    }
                

JavaScript

Testimonial slider depend on jQuery and Owl carousel.

                    
                    

                    $(document).ready(function(){
                        $("#testimonial-slider").owlCarousel({
                            items:1,
                            itemsDesktop:[1000,1],
                            itemsDesktopSmall:[979,1],
                            itemsTablet:[768,1],
                            pagination: true,
                            autoPlay:true
                        });
                    });