<!-- Nav tabs -->
<ul class="nav nav-tabs bg-light pt-3" role="tablist">
    <li class="nav-item col-4">
        <a class="nav-link active" data-toggle="tab" data-bs-toggle="tab" href="#Frontend">Frontend</a>
    </li>
    <li class="nav-item col-4">
        <a class="nav-link" data-toggle="tab" data-bs-toggle="tab"  href="#AdminPanel">Admin Panel</a>
    </li>
    <li class="nav-item col-4">
        <a class="nav-link" data-toggle="tab" data-bs-toggle="tab"  href="#Development">Development</a>
    </li>
</ul>


<div class="tab-content p-0">

    <div id="Frontend" class="container tab-pane active p-0"><br>
        soon
    </div><!-- End Frontend Tab -->

    <div id="AdminPanel" class="container tab-pane fade p-0"><br>
        soon
    </div><!-- End Admin Tab -->

    <div id="Development" class="container-fluid tab-pane fade p-0"><br>
        soon
    </div><!-- End Development Tab -->

</div><!-- End All Tab -->