testimonial style : demo 15

HTML

                        

CSS

                        
                        

                        .testimonial{
                            margin: 0 15px;
                        }
                        .testimonial .testimonial-profile{
                            float:left;
                            width:27%;
                            padding-right:15px;
                        }
                        .testimonial .testimonial-profile img{
                            width: 100%;
                            height: auto;
                            border-radius:50%;
                            display: inline-block;
                            margin-bottom:10px;
                        }
                        .testimonial .testimonial-date{
                            display:block;
                            text-align:center;
                            color:#a9a9a9;
                            text-indent: -2px;
                        }
                        .testimonial .testimonial-title{
                            margin-bottom:0;
                        }
                        .testimonial .testimonial-title a{
                            text-transform: uppercase;
                            color: #d35400;
                            font-size:15px;
                            display: block;
                            margin-bottom:4px;
                        }
                        .testimonial .testimonial-description{
                            font-size: 16px;
                            padding-left: 27%;
                            line-height:23px;
                        }
                        .owl-pagination{
                            margin-top: 40px;
                        }
                        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
                            background: #d35400;
                        }
                        @media only screen and (max-width: 480px) {
                            .testimonial{
                                text-align: center;
                                margin: 0 10px;
                            }
                            .testimonial .testimonial-profile{
                                float:none;
                                width: 30%;
                                margin: 0 auto;
                                padding: 0;
                            }
                            .testimonial .testimonial-description{
                                padding-left: 0;
                            }
                        }
                    

JavaScript

(Testimonial depend on jQuery and Owl carousel.)
                        
                        

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