tab style : demo 38

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.

HTML

                        

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.

CSS

                        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%; }
                        }
                    

JavaScript

(Tab depend on jQuery and Bootstrap.)
                        
                        
                    
License Terms