tab style : demo 38

                        

                            

                                

                                    

                                        
                                        

                                            
Section 1
                                            
Section 2
                                            
Section 3
                                        
                                        
                                        

                                            

                                                
Web Development
                                                
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu ante a ligula laoreet pulvinar. Pellentesque gravida felis eu velit imperdiet, porttitor sagittis metus mattis. Maecenas ac luctus massa. Praesent finibus erat sed nisl malesuada, eget pretium massa iaculis. Proin pellentesque scelerisque leo eget tempor.
                                            
                                            

                                                
Brand Building
                                                
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu ante a ligula laoreet pulvinar. Pellentesque gravida felis eu velit imperdiet, porttitor sagittis metus mattis. Maecenas ac luctus massa. Praesent finibus erat sed nisl malesuada, eget pretium massa iaculis. Proin pellentesque scelerisque leo eget tempor.
                                            
                                            

                                                
Clean & Clear Design
                                                
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu ante a ligula laoreet pulvinar. Pellentesque gravida felis eu velit imperdiet, porttitor sagittis metus mattis. Maecenas ac luctus massa. Praesent finibus erat sed nisl malesuada, eget pretium massa iaculis. Proin pellentesque scelerisque leo eget tempor.
                                            
                                        
                                    
                                
                            
                        
                    

                        a:hover,a:focus{
                            outline: none;
                            text-decoration: none;
                        }
                        .tab .nav-tabs{
                            background: #fff;
                        }
                        .tab .nav-tabs li{
                            text-align: center;
                            margin-right: 3px;
                        }
                        .tab .nav-tabs li a{
                            font-size: 15px;
                            font-weight: 600;
                            color: #22272c;
                            padding: 15px 25px;
                            background: #eee;
                            margin-right: 0;
                            border-radius: 0;
                            border: none;
                            text-transform: uppercase;
                            position: relative;
                            transition: all 0.5s ease 0s;
                        }
                        .tab .nav-tabs li.active a,
                        .tab .nav-tabs li a:hover{
                            background: #e16b47;
                            color: #fff;
                            border: none;
                        }
                        .tab .tab-content{
                            font-size: 15px;
                            color: #3d3537;
                            line-height: 30px;
                            padding: 30px 40px;
                            border: 3px solid #e16b47;
                        }
                        .tab .tab-content h3{
                            font-size: 20px;
                            font-weight: bold;
                            margin-top: 0;
                        }
                        @media only screen and (max-width: 480px){
                            .tab .nav-tabs li{ width: 100%; }
                        }