diff --git a/public/index.html b/public/index.html
index 1f1e98a..a89ed1e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -35,7 +35,6 @@
     <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css">
 
     <!-- Custom styles for this template -->
-    <link href="assets/css/offcanvas.css" rel="stylesheet">
     <link href="assets/css/carousel.css" rel="stylesheet">
     <link href="assets/css/blog.css" rel="stylesheet">
     <link href="assets/css/style.css" rel="stylesheet">
@@ -69,91 +68,89 @@
 
     <header class="mb-auto">
 
-      <nav class="navbar navbar-dark bg-dark fixed-top border-bottom">
+      <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark" aria-label="Main navigation">
         <div class="container-fluid">
 
-          <div class="justify-content-center align-items-end text-decoration-none">
-            <a class="navbar-brand justify-content-center float-md-start mb-0" href="/">
-              <img src="assets/ico/logo.svg" alt="Melawy Linux" width="96" height="48" class="d-inline-block align-text-top">
-            </a>
-          </div>
+          <a class="navbar-brand justify-content-center float-md-start mb-0" href="/">
+            <img src="assets/ico/logo.svg" alt="Melawy Linux" width="96" height="48" class="d-inline-block align-text-top">
+          </a>
 
-          <button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation">
+          <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
+            aria-controls="offcanvasNavbar">
             <span class="navbar-toggler-icon"></span>
           </button>
 
-          <div class="justify-content-center align-items-end text-decoration-none navbar-collapse offcanvas-collapse">
-            <nav class="nav nav-underline justify-content-center align-items-center">
-              <a href="news" class="menu nav-link">
-                Новости
-              </a>
+          <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasNavbar"
+            aria-labelledby="offcanvasNavbarLabel">
+            <div class="offcanvas-header">
+              <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Меню</h5>
+              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+            </div>
+            <div class="offcanvas-body">
+              <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
+                <li class="nav-item">
+                  <a class="nav-link" aria-current="news" href="#">Новости</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="overview">О дистрибутиве</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="about">Об авторе</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="cooperation">Сотрудничество</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="donate">Поддержать проект</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="download">Скачать</a>
+                </li>
 
-              <a href="overview" class="menu nav-link">
-                О дистрибутиве
-              </a>
+                <li class="nav-item">
+                  <a class="nav-link" href="https://discord.gg/725zXx7RhJ" target="_blank" data-bs-toggle="tooltip"
+                    data-bs-placement="bottom" data-bs-title="Сообщество">
+                    <i class="fa-brands fa-discord text-secondary"></i>
+                  </a>
+                </li>
 
-              <a href="about" class="menu nav-link">
-                Об авторе
-              </a>
+                <li class="nav-item">
+                  <a class="nav-link" href="https://www.youtube.com/@Melawy" target="_blank" data-bs-toggle="tooltip"
+                    data-bs-placement="bottom" data-bs-title="YouTube-канал">
+                    <i class="fa-brands fa-youtube text-secondary"></i>
+                  </a>
+                </li>
 
-              <a href="cooperation" class="menu nav-link">
-                Сотрудничество
-              </a>
+                <li class="nav-item">
+                  <a class="nav-link" href="https://t.me/Melawy_news" target="_blank" data-bs-toggle="tooltip"
+                    data-bs-placement="bottom" data-bs-title="Новости">
+                    <i class="fa-brands fa-telegram text-secondary"></i>
+                  </a>
+                </li>
 
-              <a href="download" class="menu nav-link">
-                Скачать
-              </a>
+                <li class="nav-item">
+                  <a class="nav-link" href="https://t.me/Melawy_chat" target="_blank" data-bs-toggle="tooltip"
+                    data-bs-placement="bottom" data-bs-title="Чат">
+                    <i class="fa-brands fa-telegram text-secondary"></i>
+                  </a>
+                </li>
 
-              <a href="donate" target="_blank" class="menu nav-link">
-                Поддержать проект
-              </a>
-            </nav>
+                <li class="nav-item">
+                  <a class="nav-link" href="https://github.com/Melawy" target="_blank" data-bs-toggle="tooltip"
+                    data-bs-placement="bottom" data-bs-title="Исходный код">
+                    <i class="fa-brands fa-square-git text-secondary"></i>
+                  </a>
+                </li>
 
-            <ul class="nav list-unstyled">
-              <li class="nav-item">
-                <a class="nav-link" href="https://discord.gg/725zXx7RhJ" target="_blank" data-bs-toggle="tooltip"
-                  data-bs-placement="bottom" data-bs-title="Сообщество">
-                  <i class="fa-brands fa-discord text-secondary"></i>
-                </a>
-              </li>
-
-              <li class="nav-item">
-                <a class="nav-link" href="https://www.youtube.com/@Melawy" target="_blank" data-bs-toggle="tooltip"
-                  data-bs-placement="bottom" data-bs-title="YouTube-канал">
-                  <i class="fa-brands fa-youtube text-secondary"></i>
-                </a>
-              </li>
-
-              <li class="nav-item">
-                <a class="nav-link" href="https://t.me/Melawy_news" target="_blank" data-bs-toggle="tooltip"
-                  data-bs-placement="bottom" data-bs-title="Новости">
-                  <i class="fa-brands fa-telegram text-secondary"></i>
-                </a>
-              </li>
-
-              <li class="nav-item">
-                <a class="nav-link" href="https://t.me/Melawy_chat" target="_blank" data-bs-toggle="tooltip"
-                  data-bs-placement="bottom" data-bs-title="Чат">
-                  <i class="fa-brands fa-telegram text-secondary"></i>
-                </a>
-              </li>
-
-              <li class="nav-item">
-                <a class="nav-link" href="https://github.com/Melawy" target="_blank" data-bs-toggle="tooltip"
-                  data-bs-placement="bottom" data-bs-title="Исходный код">
-                  <i class="fa-brands fa-square-git text-secondary"></i>
-                </a>
-              </li>
-
-              <li class="nav-item">
-                <a class="nav-link" href="https://www.tinkoff.ru/cf/7OmVoFjdFNI" target="_blank" data-bs-toggle="tooltip"
-                  data-bs-placement="bottom" data-bs-title="Поддержать проект">
-                  <i class="fa-solid fa-circle-dollar-to-slot text-secondary"></i>
-                </a>
-              </li>
-            </ul>
+                <li class="nav-item">
+                  <a class="nav-link" href="https://www.tinkoff.ru/cf/7OmVoFjdFNI" target="_blank" data-bs-toggle="tooltip"
+                    data-bs-placement="bottom" data-bs-title="Поддержать проект">
+                    <i class="fa-solid fa-circle-dollar-to-slot text-secondary"></i>
+                  </a>
+                </li>
+              </ul>
+            </div>
           </div>
-
         </div>
       </nav>
 
@@ -245,8 +242,6 @@
 
     <script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
 
-    <script src="assets/js/offcanvas.js"></script>
-
     <script src="node_modules/@fortawesome/fontawesome-free/js/all.min.js"></script>
 
     <script src="assets/js/script.js"></script>