-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmy-task.html
119 lines (119 loc) · 5.69 KB
/
my-task.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Taskforce</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="page-header">
<nav class="main-nav">
<a href='#' class="header-logo">
<img class="logo-image" src="img/logotype.png" width=227 height=60 alt="taskforce">
</a>
<div class="nav-wrapper">
<ul class="nav-list">
<li class="list-item list-item--active">
<a class="link link--nav" >Новое</a>
</li>
<li class="list-item">
<a href="#" class="link link--nav" >Мои задания</a>
</li>
<li class="list-item">
<a href="#" class="link link--nav" >Создать задание</a>
</li>
<li class="list-item">
<a href="#" class="link link--nav" >Настройки</a>
</li>
</ul>
</div>
</nav>
<div class="user-block">
<a href="#">
<img class="user-photo" src="img/man-glasses.png" width="55" height="55" alt="Аватар">
</a>
<div class="user-menu">
<p class="user-name">Василий</p>
<div class="popup-head">
<ul class="popup-menu">
<li class="menu-item">
<a href="#" class="link">Настройки</a>
</li>
<li class="menu-item">
<a href="#" class="link">Связаться с нами</a>
</li>
<li class="menu-item">
<a href="#" class="link">Выход из системы</a>
</li>
</ul>
</div>
</div>
</div>
</header>
<main class="main-content container">
<div class="left-menu">
<h3 class="head-main head-task">Мои задания</h3>
<ul class="side-menu-list">
<li class="side-menu-item side-menu-item--active">
<a class="link link--nav">Новые</a>
</li>
<li class="side-menu-item">
<a href="#" class="link link--nav">В процессе</a>
</li>
<li class="side-menu-item">
<a href="#" class="link link--nav">Закрытые</a>
</li>
</ul>
</div>
<div class="left-column left-column--task">
<h3 class="head-main head-regular">Новые задания</h3>
<div class="task-card">
<div class="header-task">
<a href="#" class="link link--block link--big">Перевести войну и мир на клингонский</a>
<p class="price price--task">3400 ₽</p>
</div>
<p class="info-text"><span class="current-time">4 часа </span>назад</p>
<p class="task-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor
nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie. Mauris malesuada nisi sit amet augue accumsan tincidunt.
</p>
<div class="footer-task">
<p class="info-text town-text">Санкт-Петербург, Центральный район</p>
<p class="info-text category-text">Переводы</p>
<a href="#" class="button button--black">Смотреть Задание</a>
</div>
</div>
<div class="task-card">
<div class="header-task">
<a href="#" class="link link--block link--big">Перевести войну и мир на клингонский</a>
<p class="price price--task">3400 ₽</p>
</div>
<p class="info-text"><span class="current-time">4 часа </span>назад</p>
<p class="task-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor
nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie. Mauris malesuada nisi sit amet augue accumsan tincidunt.
</p>
<div class="footer-task">
<p class="info-text town-text">Санкт-Петербург, Центральный район</p>
<p class="info-text category-text">Переводы</p>
<a href="#" class="button button--black">Смотреть Задание</a>
</div>
</div>
<div class="task-card">
<div class="header-task">
<a href="#" class="link link--block link--big">Перевести войну и мир на клингонский</a>
<p class="price price--task">3400 ₽</p>
</div>
<p class="info-text"><span class="current-time">4 часа </span>назад</p>
<p class="task-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor
nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie. Mauris malesuada nisi sit amet augue accumsan tincidunt.
</p>
<div class="footer-task">
<p class="info-text town-text">Санкт-Петербург, Центральный район</p>
<p class="info-text category-text">Переводы</p>
<a href="#" class="button button--black">Смотреть Задание</a>
</div>
</div>
</div>
</main>
</body>
</html>