/
Gubare
/
Practic
Обзор
Документация
Войти
/
Gubare
/
Practic
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
user.html
67 строк
3 KB
Gubare
Base HTML
08 мар 2025, 16:30
08 мар 2025, 16:30
e2cd24c
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Кабинет пользователя</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="main-container"> <div class="content-container"> <div class="left-container"> <h2>Кабинет пользователя</h2> <img src="https://avatars.mds.yandex.net/i?id=1d21252e6976aa993449321c7b662535_sr-9229611-images-thumbs&n=13" alt="Фото профиля" class="profile-photo"> <div class="user-info"> <p><strong>Привет, Райан!</strong></p> <p>Активная почта: Gosling@example.com</p> <p>Организация: Примерная организация</p> <!-- Если пользователь не состоит в организации --> <!-- <p>Вы еще не состоите в организации. <a href="/join-organization">Присоединиться к организации</a></p> --> </div> <div class="action-links"> <a href="file:///D:/Distr/VScode/Projects/HTML/test_list.html">Выбрать тесты</a> </div> <div class="change-password-link"> <a href="/change-password">Сменить пароль</a> </div> </div> <div class="right-container"> <h2 class="completed-tests-header">Пройденные тесты</h2> <div class="test-item"> <p><strong>Тест 1</strong></p> <p>Дата прохождения: 01.01.2023</p> <p>Результат: 85%</p> </div> <div class="test-item"> <p><strong>Тест 2</strong></p> <p>Дата прохождения: 15.02.2023</p> <p>Результат: 90%</p> </div> <div class="test-item"> <p><strong>Тест 3</strong></p> <p>Дата прохождения: 20.03.2023</p> <p>Результат: 78%</p> </div> <!-- Добавьте больше тестов по необходимости --> </div> </div> <div class="required-tests-container"> <h2 class="required-tests-header">Обязательные тесты от организации</h2> <div class="required-test-item"> <p><strong>Обязательный Тест 1</strong></p> <p>Описание: Описание обязательного теста 1</p> <a href="/take-test/1" class="action-links"><button class="btn">Пройти тест</button></a> </div> <div class="required-test-item"> <p><strong>Обязательный Тест 2</strong></p> <p>Описание: Описание обязательного теста 2</p> <a href="/take-test/2" class="action-links"><button class="btn">Пройти тест</button></a> </div> <!-- Добавьте больше обязательных тестов по необходимости --> </div> </div> </body> </html>