diff --git a/WUI/index.html b/WUI/index.html
new file mode 100644
index 0000000..991c100
--- /dev/null
+++ b/WUI/index.html
@@ -0,0 +1,274 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>FutriiX</title>
+    <!-- Bootstrap 5.3 CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        :root {
+            --primary-color: #015981;
+            --white-color: #ffffff;
+            --black-color: #000000;
+        }
+        
+        body {
+            font-family: Arial, sans-serif;
+        }
+        
+        /* Стили для страницы авторизации */
+        .login-container {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: #f8f9fa;
+        }
+        
+        .login-form {
+            width: 100%;
+            max-width: 500px; /* Увеличена максимальная ширина */
+            padding: 3rem; /* Увеличен padding */
+            background-color: white;
+            border-radius: 10px;
+            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
+        }
+        
+        .logo-container {
+            text-align: center;
+            margin-bottom: 2.5rem; /* Увеличен отступ */
+        }
+        
+        .logo {
+            font-size: 4rem; /* Увеличен размер логотипа */
+            font-weight: bold;
+            margin-bottom: 1rem; /* Увеличен отступ */
+        }
+        
+        .form-control {
+            font-size: 1.2rem; /* Увеличен размер шрифта полей ввода */
+            padding: 1rem; /* Увеличен padding */
+            margin-bottom: 1.5rem; /* Увеличен отступ */
+        }
+        
+        .form-control:focus {
+            border-color: var(--primary-color);
+            box-shadow: 0 0 0 0.25rem rgba(0, 191, 255, 0.25);
+        }
+        
+        .btn-login {
+            background-color: var(--primary-color); /* Цвет фона кнопки */
+            color: var(--white-color);
+            width: 100%;
+            padding: 1rem; /* Увеличен padding */
+            border: none;
+            border-radius: 5px;
+            font-weight: bold;
+            font-size: 1.3rem; /* Увеличен размер шрифта */
+        }
+        
+        .form-check {
+            font-size: 1.2rem; /* Увеличен размер шрифта чекбокса */
+            margin-bottom: 1.5rem; /* Увеличен отступ */
+        }
+        
+        .form-check-input {
+            transform: scale(1.3); /* Увеличен размер чекбокса */
+            margin-right: 0.5rem;
+        }
+        
+        /* Стили для страницы личного кабинета */
+        .dashboard-container {
+            display: flex;
+            min-height: 100vh;
+        }
+        
+        .sidebar {
+            width: 250px;
+            background-color: #01415d; /* Темнее исходного цвета #015981 */
+            padding: 1rem 0;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sidebar-logo {
+            display: flex;
+            align-items: center;
+            color: var(--white-color);
+            font-weight: bold;
+            font-size: 1.2rem;
+        }
+        
+        .sidebar-logo .logo {
+            font-size: 1.5rem;
+            margin-right: 0.5rem;
+        }
+        
+        .sidebar-menu {
+            flex-grow: 1;
+        }
+        
+        .sidebar-menu .nav-link {
+            color: var(--white-color);
+            padding: 0.75rem 1rem;
+            border-radius: 0;
+            font-size: 1.1rem; /* Увеличен размер шрифта меню */
+            position: relative;
+            overflow: hidden;
+            transition: all 0.3s ease;
+            z-index: 1;
+        }
+        
+        .sidebar-menu .nav-link::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background-color: #8b0000;
+            transition: left 0.3s ease;
+            z-index: -1;
+        }
+        
+        .sidebar-menu .nav-link:hover::before,
+        .sidebar-menu .nav-link.active::before {
+            left: 0;
+        }
+        
+        /* Сохраняем подсветку пунктов меню */
+        .sidebar-menu .nav-link:hover,
+        .sidebar-menu .nav-link.active {
+            background-color: #8b0000; /* Изменен цвет при наведении на #8b0000 */
+        }
+        
+        .content-area {
+            flex-grow: 1;
+            padding: 2rem;
+            border-left: 1px solid #dee2e6;
+        }
+        
+        /* Адаптивность */
+        @media (max-width: 768px) {
+            .dashboard-container {
+                flex-direction: column;
+            }
+            
+            .sidebar {
+                width: 100%;
+            }
+            
+            .content-area {
+                border-left: none;
+                border-top: 1px solid #dee2e6;
+            }
+        }
+        
+        .futriix {
+                color:  #015981;
+                font-weight: bold;
+        }
+        
+        .futriix-menu {
+                color:  #ffffff;
+               font-weight: bold;
+        }
+        
+        .line {
+          color:  #ffffff;
+        }
+    </style>
+</head>
+<body>
+    <!-- Страница авторизации -->
+    <div id="login-page" class="login-container">
+        <div class="login-form">
+            <div class="logo-container">
+                <div class="logo"><img  class="logo"  src="logo.jpg"   alt="logo.jpg" /></div>
+                <h1 class="futriix">FutriiX</h1> <!-- Увеличен размер заголовка -->
+            </div>
+            <form>
+                <div class="mb-3">
+                    <input type="text" class="form-control" id="login" placeholder="логин">
+                </div>
+                <div class="mb-3">
+                    <input type="password" class="form-control" id="password" placeholder="пароль">
+                </div>
+                <div class="mb-3 form-check">
+                    <input type="checkbox" class="form-check-input" id="remember">
+                    <label class="form-check-label" for="remember">Запомнить меня</label>
+                </div>
+                <button type="submit" class="btn-login">Вход</button>
+            </form>
+        </div>
+    </div>
+
+    <!-- Страница личного кабинета (скрыта по умолчанию) -->
+    <div id="dashboard-page" class="dashboard-container" style="display: none;">
+        <div class="sidebar">
+            <div class="sidebar-header">              
+                <div class="sidebar-logo">
+                    <div class="logo"><img  class="logo"  src="logo.jpg"   alt="logo.jpg" /></div>
+                    <h2 class="futriix-menu">FutriiX</h2>
+                </div>
+            </div>
+            <div class="sidebar-menu">
+                <ul class="nav flex-column">
+                    <li class="nav-item">
+                         <hr class="line">
+                        <a class="nav-link" href="#">Главная</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#">Подготовка</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#">Загрузка</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#">Установка</a>
+                    </li>
+                      <li class="nav-item">
+                        <a class="nav-link" href="#">Кластер</a>
+                    </li>
+                       <li class="nav-item">
+                        <a class="nav-link" href="#">Примеры</a>
+                    </li>
+                    <hr class="line">
+                     <li class="nav-item">
+                        <a class="nav-link" href="#">Поддержка</a>
+                    <li class="nav-item">
+                     <li class="nav-item">
+                        <a class="nav-link" href="#">Скрипты</a>
+                             <hr class="line">
+                        <a class="nav-link" href="#" id="logout-btn">Выход</a>
+                    </li>
+                           <hr class="line">
+                </ul>
+            </div>
+        </div>
+        <div class="content-area">
+            <h2>Добро пожаловать в личный кабинет!</h2>
+            <p>Здесь будет отображаться содержимое выбранного раздела.</p>
+        </div>
+    </div>
+
+    <!-- Bootstrap 5.3 JS -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        // Логика для перехода между страницами
+        document.querySelector('.btn-login').addEventListener('click', function(e) {
+            e.preventDefault();
+            document.getElementById('login-page').style.display = 'none';
+            document.getElementById('dashboard-page').style.display = 'flex';
+        });
+        
+        // Логика для кнопки "Выход"
+        document.getElementById('logout-btn').addEventListener('click', function(e) {
+            e.preventDefault();
+            document.getElementById('dashboard-page').style.display = 'none';
+            document.getElementById('login-page').style.display = 'flex';
+        });
+    </script>
+</body>
+</html>
