testimonial style : demo 37

                        

                            

                                

                                    

                                        

                                            

                                                

                                                    
                                                
                                                
Williamson
                                                Web Designer
                                                

                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ornare eros. Proin nec pulvinar augue, at.
                                                
                                            

                                            

                                                

                                                    
                                                
                                                
kristiana
                                                Web Developer
                                                

                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ornare eros. Proin nec pulvinar augue, at.
                                                
                                            
                                        
                                    
                                
                            
                        
                    

                        
                        
                        

                        .demo{
                            background: linear-gradient(to right, #717276,#191919);
                        }
                        .testimonial{
                            background: #fff;
                            text-align: center;
                            padding: 40px 20%;
                            border-radius: 5px;
                        }
                        .testimonial .pic{
                            width: 70px;
                            height: 70px;
                            border-radius: 50%;
                            overflow: hidden;
                            margin: 0 auto;
                        }
                        .testimonial .pic img{
                            width: 100%;
                            height: auto;
                            filter: grayscale(100%);
                        }
                        .testimonial .testimonial-title{
                            font-size: 16px;
                            color: #9e9e9e;
                            letter-spacing: 3px;
                            text-transform: uppercase;
                            margin-bottom: 0;
                        }
                        .testimonial .post{
                            display: block;
                            font-size: 12px;
                            font-style: italic;
                            color: #bcbcbc;
                            margin-top: 10px;
                            text-transform: uppercase;
                        }
                        .testimonial .description{
                            font-size: 15px;
                            font-style: italic;
                            color: #86868a;
                            line-height: 1.8;
                            margin-top: 10px;
                        }
                        .owl-theme .owl-controls{
                            width: 100%;
                            position: absolute;
                            top: 45px;
                        }
                        .owl-theme .owl-controls .owl-buttons div{
                            font-size: 18px;
                            background: transparent;
                            opacity: 0.5;
                        }
                        .owl-theme .owl-prev{
                            position: relative;
                            left: -45px;
                        }
                        .owl-theme .owl-next{
                            position: relative;
                            right: -45px;
                        }
                        .owl-prev:before,
                        .owl-next:before{
                            content: "\f177";
                            font-family: "Font Awesome 5 Free"; font-weight: 900;
                            color: #444;
                        }
                        .owl-next:before{
                            content: "\f178";
                        }
                        @media only screen and (max-width: 480px){
                            .testimonial{
                                padding: 40px 10%;
                            }
                        }
                    

                        
                        

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