diff --git a/index.html b/index.html
index 4528a56..dfed4d3 100644
--- a/index.html
+++ b/index.html
@@ -43,17 +43,42 @@
       <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
         <div class="mx-auto navbar-nav">
           <a class="p-3 nav-link active" aria-current="page" href="#">Home</a>
-          <a class="p-3 nav-link" href="#">Features</a>
+          <a class="p-3 nav-link" href="#">How is work</a>
           <a class="p-3 nav-link" href="/status">Status</a>
           <a class="p-3 nav-link disabled" aria-disabled="true">About us</a>
         </div>
       </div>
   </nav>
+  
+  <!-- Social -->
   <nav class="mt-5 p-1 m-2 nav nav-pills flex-column flex-sm-row">
     <a class="m-1 flex-sm-fill text-sm-center nav-link text-black bg-light" aria-current="page" href="#">Github</a>
     <a class="m-1 flex-sm-fill text-sm-center nav-link active" href="#">Discord</a>
     <a class="m-1 flex-sm-fill text-sm-center nav-link text-light bg-primary" href="#">Jobs</a>
   </nav>
+
+  <div class="mt-5 d-flex  justify-content-center align-items-center">
+    <ul class="nav nav-pills flex-column flex-md-row me-3 me-md-3" id="pills-tab" role="tablist">
+      <li class="nav-item" role="presentation">
+        <button class="nav-link active" id="pills-pm-tab" data-bs-toggle="pill" data-bs-target="#pills-pm" type="button" role="tab" aria-controls="pills-pm" aria-selected="true">PocketMine-MP</button>
+      </li>
+      <li class="nav-item me-3" role="presentation">
+        <button class="nav-link" id="pills-library-tab" data-bs-toggle="pill" data-bs-target="#pills-library" type="button" role="tab" aria-controls="pills-library" aria-selected="false">Libraries</button>
+      </li>
+      <li class="nav-item" role="presentation">
+        <button class="nav-link" id="pills-games-tab" data-bs-toggle="pill" data-bs-target="#pills-games" type="button" role="tab" aria-controls="pills-games" aria-selected="false">Games</button>
+      </li>
+      <li class="nav-item" role="presentation">
+        <button class="nav-link" id="pills-other-tab" data-bs-toggle="pill" data-bs-target="#pills-other" type="button" role="tab" aria-controls="pills-other" aria-selected="false">Others</button>
+      </li>
+  </div>
+  <div class="tab-content" id="pills-tabContent">
+    <div class="tab-pane fade show active" id="pills-pm" role="tabpanel" aria-labelledby="pills-pm-tab" tabindex="0">Lorem Ipsum</div>
+    <div class="tab-pane fade" id="pills-library" role="tabpanel" aria-labelledby="pills-library-tab" tabindex="0">...</div>
+    <div class="tab-pane fade" id="pills-games" role="tabpanel" aria-labelledby="pills-games-tab" tabindex="0">...</div>
+    <div class="tab-pane fade" id="pills-other" role="tabpanel" aria-labelledby="pills-other-tab" tabindex="0">...</div>
+  </div>
+</div>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>
\ No newline at end of file