tab style : demo 8

HTML

                    

                        

                            

                                

                                    
                                    

                                        
1Section
                                        
2Section
                                        
3Section

                                    
                                    
                                    

                                        

                                            
Web Development
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut maximus purus, quis condimentum odio. Pellentesque lorem ex, tempor sit amet justo.
                                            
                                        
                                        

                                            
Brand Building
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc semper accumsan urna, nec faucibus sem sagittis id. Pellentesque finibus, eros a aliquet ornare, mi est ullamcorper neque, eu accumsan justo massa nec elit. Sed ac leo et erat gravida maximus.
                                            
                                        
                                        

                                            
Responsive Design
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla interdum sed diam ac fermentum. Mauris nec pellentesque neque. Cras nec diam euismod, congue sapien eu, fermentum libero. Vestibulum quis sem.
                                            
                                        
                                    
                                
                            
                        
                    
                

CSS

                    .nav-tabs > li{
                        margin-bottom: -2px;
                    }
                    .tab li a {
                        background: #3A3D41;
                        color: #fff;
                        border-radius: 0;
                        margin: 0;
                        padding: 10px 15px;
                        border:none;
                    }
                    .tab li{
                        border-top: 3px solid #3a3d41;
                    }
                    .tab li.active{
                        background: #ffffff;
                        border-top: 3px solid #ea5e50;
                        color: #7e828a;
                    }
                    .tab li a:hover{
                        background: #3A3D41;
                        color: #ffffff;
                    }
                    .tab span {
                        background:#ea5e50;
                        border-radius:100%;
                        text-align: center;
                        color: #fff;
                        height: 21px;
                        width: 21px;
                        line-height: 21px;
                        margin-right:8px;
                        display: inline-block;
                    }
                    .tab-content{
                        border: 1px solid #ddd;
                        border-top: 0px none;
                        padding:12px;
                    }
                    .tab-content h3{
                        margin-top: 0;
                    }
                

JavaScript

Tab depend on jQuery and Bootstrap.