-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathemployer.html
More file actions
165 lines (136 loc) · 7.02 KB
/
employer.html
File metadata and controls
165 lines (136 loc) · 7.02 KB
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.0">
<title>Добавить вакансию на Work Space</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/choices.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style-employer.css">
<link rel="stylesheet" href="css/media.css">
<script src="js/just-validate.min.js" defer></script>
<script src="js/script.js" type="module"></script>
</head>
<body>
<header class="header">
<div class="container header__container">
<a href="index.html">
<img class="header__logo" src="img/logo.svg" alt="Логотип WorkSpace">
</a>
<div class="header__links">
<a class="header__link btn-color" href="index.html#vacancies">Посмотреть вакансии</a>
</div>
</div>
</header>
<main>
<section class="employer">
<div class="container">
<h1 class="employer__title">Создай свою вакансию</h1>
<form class="employer__form">
<div class="employer__file file">
<div class="file__wrap-preview">
<img class="file__preview" src="">
</div>
<div class="file__wrap-btn">
<label class="file__label btn-color" for="logo">+ загрузить лого</label>
<input class="file__input" id="logo" type="file" name="logo" accept="image/png, image/jpeg" required>
</div>
</div>
<fieldset class="employer__fieldset-input">
<div class="employer__wrap-input">
<label class="employer__label" for="company">Название компании</label>
<input class="employer__input" id="company" type="text" name="company" placeholder="Например: MICROSOFT">
</div>
<div class="employer__wrap-input">
<label class="employer__label" for="title">Название вакансии</label>
<input class="employer__input" id="title" type="text" name="title" placeholder="Например: Frontend-разработчик">
</div>
<div class="employer__wrap-input">
<label class="employer__label" for="salary">Заработная плата, руб/мес</label>
<input class="employer__input" id="salary" type="number" name="salary" placeholder="80 000">
</div>
<div class="employer__wrap-input">
<label class="employer__label" for="location">Город</label>
<input class="employer__input" id="location" type="text" name="location" placeholder="Например: Москва">
</div>
<div class="employer__wrap-input">
<label class="employer__label" for="email">E-mail</label>
<input class="employer__input" id="email" type="email" name="email" placeholder="Добавьте e-mail для связи">
</div>
</fieldset>
<fieldset class="employer__fieldset-textarea">
<label class="employer__label" for="description">Описание вакансии</label>
<textarea class="employer__textarea" name="description" id="description"
placeholder="Добавьте всю необходимую для соискателя информацию"></textarea>
</fieldset>
<div class="employer__radio-buttons">
<fieldset class="employer__fieldset-radio" id="format">
<legend class="employer__legend">Формат</legend>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="format" value="Офис">Офис
</label>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="format" value="Удаленный">Удаленный
</label>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="format" value="Гибкий">Гибкий
</label>
</fieldset>
<fieldset class="employer__fieldset-radio" id="experience">
<legend class="employer__legend">Опыт работы</legend>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="experience" value="Не важно">Не важно
</label>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="experience" value="Без опыта">Без опыта
</label>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="experience" value="От 1 года до 3-х лет">От 1 года до 3-х лет
</label>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="experience" value="От 3-х лет">От 3-х лет
</label>
</fieldset>
<fieldset class="employer__fieldset-radio" id="type">
<legend class="employer__legend">Занятость</legend>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="type" value="Полная">Полная
</label>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="type" value="Частичная">Частичная
</label>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="type" value="Стажировка">Стажировка
</label>
<label class="employer__label-radio radio">
<input class="radio__input" type="radio" name="type" value="Проектная работа">Проектная работа
</label>
</fieldset>
</div>
<div class="employer__wrap-submit">
<button class="employer__submit btn-color">Добавить вакансию</button>
<div class="employer__error"></div>
</div>
</form>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer__container">
<a href="#">
<img class="footer__logo" src="img/logo-footer.svg" alt="Логотип WorkSpace">
</a>
<p class="footer__copyright">© Work Space, 2024</p>
<ul class="footer__contacts">
<li class="footer__contact">Designer:
<a href="#!" class="footer__link">Anastasia Ilina</a>
</li>
<li class="footer__contact">Developer:
<a href="#!" class="footer__link">Yulia Kuznetsova</a>
</li>
</ul>
</div>
</footer>
</body>
</html>