-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathedit-profile.html
137 lines (137 loc) · 6.12 KB
/
edit-profile.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
<!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 main-content--left container">
<div class="left-menu left-menu--edit">
<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="my-profile-form">
<form>
<h3 class="head-main head-regular">Мой профиль</h3>
<div class="photo-editing">
<div>
<p class="form-label">Аватар</p>
<img class="avatar-preview" src="img/man-glasses.png" width="83" height="83">
</div>
<input hidden value="Сменить аватар" type="file" id="button-input">
<label for="button-input" class="button button--black"> Сменить аватар</label>
</div>
<div class="form-group">
<label class="control-label" for="profile-name">Ваше имя</label>
<input id="profile-name" type="text">
<span class="help-block">Error description is here</span>
</div>
<div class="half-wrapper">
<div class="form-group">
<label class="control-label" for="profile-email">Email</label>
<input id="profile-email" type="email">
<span class="help-block">Error description is here</span>
</div>
<div class="form-group">
<label class="control-label" for="profile-date">День рождения</label>
<input id="profile-date" type="date">
<span class="help-block">Error description is here</span>
</div>
</div>
<div class="half-wrapper">
<div class="form-group">
<label class="control-label" for="profile-phone">Номер телефона</label>
<input id="profile-phone" type="tel">
<span class="help-block">Error description is here</span>
</div>
<div class="form-group">
<label class="control-label" for="profile-tg">Telegram</label>
<input id="profile-tg" type="text">
<span class="help-block">Error description is here</span>
</div>
</div>
<div class="form-group">
<label class="control-label" for="profile-info">Информация о себе</label>
<textarea id="profile-info"></textarea>
<span class="help-block">Error description is here</span>
</div>
<div class="form-group">
<p class="form-label">Выбор специализаций</p>
<div class="checkbox-profile">
<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="cleaning">
<input id="cleaning" type="checkbox">
Клининг</label>
<label class="control-label" for="computer-help">
<input id="computer-help" type="checkbox" checked>
Компьютерная помощь</label>
</div>
</div>
<input type="submit" class="button button--blue" value="Сохранить">
</form>
</div>
</main>
<script src="js/main.js"></script>
</body>
</html>