Tabs

                
                    
        <ul class="nav nav-tabs tab-style-1" role="tablist" style="visibility: visible;">
            <li class="nav-item">
                <a class="nav-link active show" data-toggle="tab" href="#tab1" role="tab" aria-selected="true">Tab 1</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab2" role="tab" aria-selected="false">Tab 2</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab3" role="tab" aria-selected="false">Tab 3</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab4" role="tab" aria-selected="false">Tab 4</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab5" role="tab" aria-selected="false">Tab 5</a>
            </li>
        </ul>
        <div class="tab-content">
            <div id="tab1" class="tab-pane active fade show">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium, Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
            </div>
            <div id="tab2" class="tab-pane fade">
                <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
            <div id="tab3" class="tab-pane fade">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
            <div id="tab4" class="tab-pane fade">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
            </div>
            <div id="tab5" class="tab-pane fade">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
            </div>
        </div>
		    		Copy to clipboard
                

                
                    
        <ul class="nav nav-tabs tab-style-2" role="tablist" style="visibility: visible;">
            <li class="nav-item">
                <a class="nav-link active show" data-toggle="tab" href="#tab6" role="tab" aria-selected="true">Tab 1</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab7" role="tab" aria-selected="false">Tab 2</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab8" role="tab" aria-selected="false">Tab 3</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab9" role="tab" aria-selected="false">Tab 4</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab10" role="tab" aria-selected="false">Tab 5</a>
            </li>
        </ul>
        <div class="tab-content">
            <div id="tab6" class="tab-pane active fade show">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium, Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
            </div>
            <div id="tab7" class="tab-pane fade">
                <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
            <div id="tab8" class="tab-pane fade">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
            <div id="tab9" class="tab-pane fade">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
            </div>
            <div id="tab10" class="tab-pane fade">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
            </div>
        </div>
		    		Copy to clipboard
                

                
                    
        <ul class="nav nav-tabs tab-style-3" role="tablist" style="visibility: visible;">
            <li class="nav-item">
                <a class="nav-link active show" data-toggle="tab" href="#tab11" role="tab" aria-selected="true">Tab 1</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab12" role="tab" aria-selected="false">Tab 2</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab13" role="tab" aria-selected="false">Tab 3</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab14" role="tab" aria-selected="false">Tab 4</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab15" role="tab" aria-selected="false">Tab 5</a>
            </li>
        </ul>
        <div class="tab-content">
            <div id="tab11" class="tab-pane active fade show">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium, Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
            </div>
            <div id="tab12" class="tab-pane fade">
                <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
            <div id="tab13" class="tab-pane fade">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
            <div id="tab14" class="tab-pane fade">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
            </div>
            <div id="tab15" class="tab-pane fade">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
            </div>
        </div>
		    		Copy to clipboard
                

                
                
        <ul class="nav nav-tabs tab-style-4" role="tablist" style="visibility: visible;">
            <li class="nav-item">
                <a class="nav-link active show" data-toggle="tab" href="#tab16" role="tab" aria-selected="true">Tab 1</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab17" role="tab" aria-selected="false">Tab 2</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab18" role="tab" aria-selected="false">Tab 3</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab19" role="tab" aria-selected="false">Tab 4</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab20" role="tab" aria-selected="false">Tab 5</a>
            </li>
        </ul>
        <div class="tab-content">
            <div id="tab16" class="tab-pane active fade show">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium, Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
            </div>
            <div id="tab17" class="tab-pane fade">
                <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
            <div id="tab18" class="tab-pane fade">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
            <div id="tab19" class="tab-pane fade">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
            </div>
            <div id="tab20" class="tab-pane fade">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
            </div>
        </div>
                Copy to clipboard