/
Temioka
/
Syte
Обзор
Документация
Войти
/
Temioka
/
Syte
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
Profile.html
77 строк
4 KB
Temioka
code
18 фев 2025, 09:19
18 фев 2025, 09:19
0fe02ac
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <!-- Подключение вашего CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link id="theme-stylesheet" rel="stylesheet" href="light-theme.css"> <!-- Подключение стилей темы --> <title>Интерфейс с иконками</title> </head> <body> <div class="notification" id="notification"></div> <!-- Уведомление --> <div class="container"> <div class="sidebar"> <div class="logo"> <img src="/images/Avtodor.png" alt="Логотип"> </div> <div class="nav"> <ul> <li><a href="main index.html"><i class="fas fa-home"></i> Главная</a></li> <li><a href="Settings.html"><i class="fas fa-cog"></i> Настройки</a></li> <li> <a href="#" class="dropdown-toggle"><i class="fas fa-file-alt"></i> Отчеты</a> <div class="dropdown"> <ul> <li><a href="Отчет ЦОК.html">Отчет "ЦОК"</a></li> <li><a href="Отчет верификации.html">Отчет "Верификация"</a></li> <li><a href="#">Отчет "Пусто"</a></li> </ul> </div> </li> </ul> </div> <button class="login-button" id="loginBtn">Войти</button> <button id="logoutBtn" style="display: none;">Выход</button> </div> <div class="main-content fade-active" id="mainContent" style="display: none;"> <div class="main-content"> <h1>Добро пожаловать, [Имя пользователя]</h1> <div class="profile-info"> <h2>Информация о профиле</h2> <div class="profile-photo"> <img src="/images/Ava.jpg" alt="Фото профиля"> <div class="icons"> <i class="fas fa-edit"></i> <i class="fas fa-trash-alt"></i> </div> </div> <p><strong>ФИО:</strong> Кондаков Артем Владимирович</p> <p><strong>Должность:</strong> Менеджер аналитики и отчетности</p> <p><strong>Email:</strong> user@example.com</p> <p><strong>Стаж работы:</strong> 1 год, 2 месяца</p> <p><strong>Статус:</strong> Активен</p> </div> </div> </div> <script src="script.js"></script> <!-- Подключение вашего JS --> <script> document.querySelector('.dropdown-toggle').addEventListener('click', function() { document.querySelector('.dropdown').classList.toggle('active'); }); // JavaScript для смены темы const themeToggleButton = document.getElementById('theme-toggle'); const themeStylesheet = document.getElementById('theme-stylesheet'); themeToggleButton.addEventListener('click', () => { if (themeStylesheet.getAttribute('href') === 'light-theme.css') { themeStylesheet.setAttribute('href', 'dark-theme.css'); } else { themeStylesheet.setAttribute('href', 'light-theme.css'); } }); </script> </body> </html>