<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<ul class="nav nav-pills nav-stacked col-md-2">
<li class="active "><a href="#tab_a" data-toggle="pill">Navigation</a></li>
<li><a href="#tab_b" data-toggle="pill">Sidebar</a></li>
<li><a href="#tab_c" data-toggle="pill">Crousel </a></li>
<li><a href="#tab_d" data-toggle="pill">About Us </a></li>
<li><a href="#tab_e" data-toggle="pill">Services </a></li>
<li><a href="#tab_f" data-toggle="pill">Team </a></li>
<li><a href="#tab_g" data-toggle="pill">Call of Action </a></li>
<li><a href="#tab_h" data-toggle="pill">Products </a></li>
<li><a href="#tab_i" data-toggle="pill">Blog </a></li>
<li><a href="#tab_j" data-toggle="pill">Form </a></li>
<li><a href="#tab_k" data-toggle="pill">Listings </a></li>
<li><a href="#tab_l" data-toggle="pill">Footer </a></li>
<li><a href="#tab_m" data-toggle="pill">Site </a></li>
<li><a href="#tab_n" data-toggle="pill">Ratings </a></li>
<li><a href="#tab_o" data-toggle="pill">Testimonial </a></li>
<li><a href="#tab_p" data-toggle="pill">Breadcrum </a></li>
<li><a href="#tab_q" data-toggle="pill">Icons </a></li>
<li><a href="#tab_r" data-toggle="pill">Counter </a></li>
<li><a href="#tab_s" data-toggle="pill">Special Section </a></li>
</ul>
<div class="tab-content col-md-10 line-h">
<div class="tab-pane active" id="tab_a">
<h4>Navigation</h4>
<hr>
<ul>
<li><a href="https://bootsnipp.com/user/snippets/BE4xN">Top Section Kupon</a></li>
<li><a href="https://bootsnipp.com/user/snippets/xrPbm">Kupon Search box style header</a></li>
<li><a href="https://bootsnipp.com/user/snippets/N63X4">Animated Sidebar Nav</a></li>
