testimonial style : demo 12

HTML

                    

CSS

                    

                    .testimonial{
                        margin: 0 15px;
                    }
                    .testimonial .content{
                        padding: 20px 10px 10px 20px;
                        border: 1px solid #e0dfdf;
                        margin-bottom: 15px;
                        position: relative;
                    }
                    .testimonial .content:before{
                        content: "";
                        border-top: 10px solid #e0dfdf;
                        border-left: 10px solid transparent;
                        border-right: 10px solid transparent;
                        position: absolute;
                        bottom: -10px;
                        left: 15.7%;
                    }
                    .testimonial .content:after{
                        content: "";
                        border-top: 9px solid #fff;
                        border-left: 9px solid transparent;
                        border-right: 9px solid transparent;
                        position: absolute;
                        bottom: -8px;
                        left: 16%;
                    }
                    .testimonial .description{
                        font-style: italic;
                        line-height: 25px;
                        margin-bottom: 10px;
                        color:#767676;
                    }
                    .testimonial .testimonial-title{
                        color: #3498db;
                        font-size: 16px;
                        font-style: italic;
                        text-align: right;
                        margin-top: 0;
                        margin-bottom: 0;
                        text-transform: capitalize;
                    }
                    .testimonial .pic{
                        width: 60px;
                        height:60px;
                        border-radius: 50%;
                        margin-left: 20px;
                    }
                    @media only screen and (max-width: 320px){
                        .testimonial .content:before{
                            left: 15.6%;
                        }
                    }
                

JavaScript

Testimonial slider depend on jQuery and Owl carousel.

                    
                    

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