tab style : demo 2

HTML

                    

                        

                            

                                

                                    
                                    

                                        
Section 1
                                        
Section 2
                                        
Section 3
                                    
                                    
                                    

                                        

                                            
1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam augue urna, dictum eu sapien vitae, ultricies dignissim leo. In vehicula sapien enim, et malesuada nunc vestibulum sed. Integer non ante a urna dictum.
                                            
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
                                        
                                        

                                            
2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam augue urna, dictum eu sapien vitae, ultricies dignissim leo. In vehicula sapien enim, et malesuada nunc vestibulum sed. Integer non ante a urna dictum.
                                            
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit

                                        
                                        

                                            
3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam augue urna, dictum eu sapien vitae, ultricies dignissim leo. In vehicula sapien enim, et malesuada nunc vestibulum sed. Integer non ante a urna dictum.
                                            
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
                                        
                                    
                                
                            
                        
                    
                

CSS

                    .nav-tabs{
                        border-bottom: 0px solid transparent;
                    }
                    .tab{
                        padding-bottom: 60px;
                    }
                    .tab li a {
                        background: #4B4C4D;
                        font-size:16px;
                        font-weight:600;
                        color: #fff;
                        padding: 16px 22px;
                    }
                    .tab li a:hover{
                        background: #dc005a;
                        color: #fff;
                    }
                    .tab .nav-tabs > li.active > a{
                        background: #dc005a;
                        color: #fff;
                    }
                    .tab .tab-content{
                        background: #F9F9F9;
                        border: none;
                        color:#5a5c5d;
                        font-size: 14px;
                        font-weight:600;
                        padding: 20px;
                        margin-top: 2px;
                    }
                

JavaScript

Tab depend on jQuery and Bootstrap.