ParkSuMin
d62bf03304
Добавлена подсветка карточки при наведении, а также появились иконки по правому краю
59 lines
2.3 KiB
HTML
59 lines
2.3 KiB
HTML
<!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="index.css">
|
||
<title>Task Manager</title>
|
||
</head>
|
||
<body>
|
||
|
||
<header id="tm-app-header">
|
||
<h1 id="tm-app-name">Task Manager</h1>
|
||
<div id="tm-app-header__right-block">
|
||
<div class="user-info">
|
||
<img src="images/keanu.jpg" alt="Avatar" class="user-info__avatar" />
|
||
<span class="user-info__name">JS</span>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main id="tm-app-base">
|
||
<ul class="tasklists-container">
|
||
<li class="tasklist">
|
||
<h2 class="tasklist__name">К выполнению</h2>
|
||
<ul class="tasks-container">
|
||
<li class="task">
|
||
<span class="task__text">Приступить к курсовой работе по оптимизации</span>
|
||
<div class="task__icons">
|
||
<img src="assets/right-arrow.svg" alt="Right_Button" class="icon" />
|
||
<div class="icon-row">
|
||
<img src="assets/edit.svg" alt="Edit" class="icon" />
|
||
<img src="assets/delete-button.svg" alt="Delete" class="icon" />
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="task">
|
||
<span class="task__text">Задача 2. Уничтожить</span>
|
||
<div class="task__icons">
|
||
<img src="assets/right-arrow.svg" alt="Right_Button" class="icon" />
|
||
<div class="icon-row">
|
||
<img src="assets/edit.svg" alt="Edit" class="icon" />
|
||
<img src="assets/delete-button.svg" alt="Delete" class="icon" />
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<button class="tasklist__add-task-btn">
|
||
Add card...
|
||
</button>
|
||
</li>
|
||
<li class="tasklist">
|
||
<button id="add-tasklist-btn">
|
||
Add
|
||
</button>
|
||
</li>
|
||
</ul>
|
||
</main>
|
||
</body>
|
||
</html> |