diff --git a/Starter-files/index.html b/Starter-files/index.html
index 3765acc10480f33577495fd9193a14a151aa7f90..937cfa68c8b34b933aefd34b68edf4f2348acec4 100644
--- a/Starter-files/index.html
+++ b/Starter-files/index.html
@@ -8,7 +8,40 @@
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
-
+    <nav class="navbar navbar-expand-md navbar-light bg-warning">
+      <div class="container-fluid">
+          <div class="d-none d-md-flex col-2">
+              <div class="d-flex flex-column align-items-center">
+                  <img src="./images/Logo.png" alt="Logo" class="w-25">
+                  <span class="text-center">BRAINSTER</span>
+              </div>
+          </div>
+          <button class="navbar-toggler ms-auto float-end" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="overlay"></div>
+          <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
+              <ul class="navbar-nav pe-lg-5">
+                  <li class="nav-item pe-lg-5">
+                      <a class="nav-link fw-bold" href="https://brainster.co/marketing/">ÐÐºÐ°Ð´ÐµÐ¼Ð¸Ñ˜Ð° Ð·Ð° Ð¼Ð°Ñ€ÐºÐµÑ‚Ð¸Ð½Ð³</a>
+                  </li>
+                  <li class="nav-item pe-lg-5">
+                      <a class="nav-link fw-bold" href="https://brainster.co/full-stack/">ÐÐºÐ°Ð´ÐµÐ¼Ð¸Ñ˜Ð° Ð·Ð° Ð¿Ñ€Ð¾Ð³Ñ€Ð°Ð¼Ð¸Ñ€Ð°ÑšÐµ</a>
+                  </li>
+                  <li class="nav-item pe-lg-5">
+                      <a class="nav-link fw-bold" href="https://brainster.co/data-science/">ÐÐºÐ°Ð´ÐµÐ¼Ð¸Ñ˜Ð° Ð·Ð° data science</a>
+                  </li>
+                  <li class="nav-item pe-lg-5">
+                      <a class="nav-link fw-bold" href="https://brainster.co/graphic-design/">ÐÐºÐ°Ð´ÐµÐ¼Ð¸Ñ˜Ð° Ð·Ð° Ð´Ð¸Ð·Ð°Ñ˜Ð½</a>
+                  </li>
+                  <li class="nav-item pe-lg-5">
+                      <button class="btn btn-danger px-3 fw-bold">Ð’Ñ€Ð°Ð±Ð¾Ñ‚Ð¸ Ð½Ð°Ñˆ ÑÑ‚ÑƒÐ´ÐµÐ½Ñ‚</button>
+                  </li>
+              </ul>
+          </div>
+      </div>
+  </nav>
+  
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
   </body>