testimonial style : demo 45

                        

                            

                                

                                    

                                        

                                            

                                                
                                            
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu dolor eget ante pretium commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean purus sem, aliquam eget lorem at, efficitur mattis risus. Morbi efficitur molestie cursus. Etiam eget sodales lorem. Proin volutpat lectus at pulvinar consectetur. Aliquam erat volutpat. Sed.
                                            
                                            

                                                Williamson
                                                Web Developer
                                            
                                        

                                        

                                            

                                                
                                            
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu dolor eget ante pretium commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean purus sem, aliquam eget lorem at, efficitur mattis risus. Morbi efficitur molestie cursus. Etiam eget sodales lorem. Proin volutpat lectus at pulvinar consectetur. Aliquam erat volutpat. Sed.
                                            
                                            

                                                kristiana
                                                Web Designer
                                            
                                        
                                    
                                
                            
                        
                    

                        
                        

                        .testimonial{
                            text-align: center;
                            padding: 100px 40px 5px;
                            margin-top: 100px;
                            border-top: 5px solid #4b489b;
                            position: relative;
                        }
                        .testimonial:before{
                            content: "\f10d";
                            font-family: "Font Awesome 5 Free";
                            font-weight: 900;
                            position: absolute;
                            top: 20px;
                            left: 20px;
                            font-size: 50px;
                            color: #4b489b;
                            opacity: 0.5;
                        }
                        .testimonial .pic{
                            width: 150px;
                            height: 150px;
                            border: 5px solid #4b489b;
                            position: absolute;
                            top: -80px;
                            left: 0;
                            right: 0;
                            margin: 0 auto;
                        }
                        .testimonial .pic img{
                            width: 100%;
                            height: auto;
                        }
                        .testimonial .description{
                            font-size: 14px;
                            color: #6f6f6f;
                            line-height: 25px;
                            margin-bottom: 30px;
                        }
                        .testimonial .testimonial-title{
                            display: block;
                            text-align: right;
                            font-size: 22px;
                            color: #4b489b;
                            margin: 0;
                        }
                        .testimonial .post{
                            display: block;
                            font-size: 12px;
                            color: #6f6f6f;
                            margin-top: 7px;
                        }
                        .owl-theme .owl-controls .owl-page span{
                            width: 20px;
                            height: 3px;
                            background: #4b489b;
                        }
                        @media only screen and (max-width: 479px){
                            .testimonial{ padding: 80px 15px 5px; }
                            .testimonial::before{ top: 10px; }
                            .testimonial .pic{
                                width: 120px;
                                height: 120px;
                                top: -60px;
                            }
                        }
                    

                        
                        

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