testimonial style : demo 6

HTML

                    

CSS

                    
                    

                    .testimonial{
                        background-color: #f3f3f3;
                        border-radius: 5px;
                        padding: 30px;
                        margin: 0 15px;
                    }
                    .testimonial .pic{
                        width: 90px;
                        height: 90px;
                        margin: 0 30px 15px 0;
                        float: left;
                    }
                    .testimonial .pic img{
                        width: 100%;
                        height: auto;
                        border-radius: 50%;
                    }
                    .testimonial .testimonial-title{
                        color: #000000;
                        font-size: 16px;
                        margin-top: 5px;
                        font-weight: 800;
                        text-transform: capitalize;
                    }
                    .testimonial .testimonial-title small{
                        display: block;
                        color: #dc005a;
                        font-size: 14px;
                        font-weight: 800;
                        margin-top: 10px;
                    }
                    .testimonial .testimonial-review p{
                        color: #888888;
                        font-size: 15px;
                        font-style: italic;
                        line-height: 19px;
                        margin-bottom: 0;
                    }
                    .owl-theme .owl-controls{
                        margin-top: 20px;
                    }
                    .owl-theme .owl-controls .owl-page span{
                        width: 10px;
                        height: 10px;
                        background:#fff;
                        opacity: 1;
                    }
                    .owl-theme .owl-controls .owl-page.active span,
                    .owl-theme .owl-controls.clickable .owl-page:hover span{
                        background: #fff;
                        border: 1px solid #cdcdcd;
                    }
                    @media screen and (max-width: 990px){
                        .testimonial-parallax h2{
                            margin-bottom: 40px;
                        }
                        .testimonial{
                            margin: 0;
                        }
                    }
                

JavaScript

Testimonial slider depend on jQuery and Owl carousel.

                    
                    

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