-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtasks.html
165 lines (164 loc) · 8.11 KB
/
tasks.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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!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-column">
<h3 class="head-main head-task">Новые задания</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">4700 ₽</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.
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">18750 ₽</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="pagination-wrapper">
<ul class="pagination-list">
<li class="pagination-item mark">
<a href="#" class="link link--page"></a>
</li>
<li class="pagination-item">
<a href="#" class="link link--page">1</a>
</li>
<li class="pagination-item pagination-item--active">
<a href="#" class="link link--page">2</a>
</li>
<li class="pagination-item">
<a href="#" class="link link--page">3</a>
</li>
<li class="pagination-item mark">
<a href="#" class="link link--page"></a>
</li>
</ul>
</div>
</div>
<div class="right-column">
<div class="right-card black">
<div class="search-form">
<form>
<h4 class="head-card">Категории</h4>
<div class="form-group">
<div class="checkbox-wrapper">
<label class="control-label" for="сourier-services">
<input type="checkbox" id="сourier-services" checked>
Курьерские услуги</label>
<label class="control-label" for="cargo-transportation">
<input id="cargo-transportation" type="checkbox">
Грузоперевозки</label>
<label class="control-label" for="translations">
<input id="translations" type="checkbox">
Переводы</label>
</div>
</div>
<h4 class="head-card">Дополнительно</h4>
<div class="form-group">
<label class="control-label" for="without-performer">
<input id="without-performer" type="checkbox" checked>
Без исполнителя</label>
</div>
<h4 class="head-card">Период</h4>
<div class="form-group">
<label for="period-value"></label>
<select id="period-value">
<option>1 час</option>
<option>12 часов</option>
<option>24 часа</option>
</select>
</div>
<input type="submit" class="button button--blue" value="Искать">
</form>
</div>
</div>
</div>
</main>
</body>
</html>