-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
162 lines (133 loc) · 6.45 KB
/
index.html
File metadata and controls
162 lines (133 loc) · 6.45 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
<!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/media.css">
<script src="js/choices.min.js" defer></script>
<script src="js/script.js" type="module"></script>
</head>
<body>
<header class="header">
<div class="container header__container">
<img class="header__logo" src="img/logo.svg" alt="Логотип WorkSpace">
<div class="header__links">
<a class="header__link btn-color" href="#vacancies">Посмотреть вакансии</a>
<a class="header__link header__link_add-vacancy" href="employer.html">+ Добавить новую вакансию</a>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="container hero__container">
<h1 class="hero__title">
Найди работу
<span class="accent-text">своей мечты</span>
</h1>
</div>
</section>
<div class="vacancies" id="vacancies">
<div class="container vacancies__container">
<button class="vacancies__filter-btn"><span>Фильтр</span>
<svg class="vacancies__filter-btn-arrow" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 15L14 9H6L10 15Z" fill="currentColor"/>
</svg>
</button>
<section class="vacancies__filter filter">
<h2 class="filter__title">Фильтр</h2>
<form class="filter__form">
<fieldset class="filter__fieldset">
<lagend class="filter__lagend">Город</lagend>
<select class="filter__select" id="city" name="city">
<option value="">Выбрать город</option>
</select>
</fieldset>
<fieldset class="filter__fieldset">
<lagend class="filter__lagend">Заработная плата</lagend>
<div class="filter__range">
<input class="filter__input" type="number" name="pay-from" placeholder="от">
<input class="filter__input" type="number" name="pay-to" placeholder="до">
</div>
</fieldset>
<div class="filter__checkboxes">
<fieldset class="filter__fieldset">
<lagend class="filter__lagend">Формат</lagend>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="format" value="Офис">Офис
</label>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="format" value="Удаленный">Удаленный
</label>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="format" value="Гибкий">Гибкий
</label>
</fieldset>
<fieldset class="filter__fieldset">
<lagend class="filter__lagend">Опыт работы</lagend>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="experience" value="Опыт не важен">Опыт не важен
</label>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="experience" value="Без опыта">Без опыта
</label>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="experience" value="от 1 года до 3-х лет">От 1 года
до 3-х лет
</label>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="experience" value="от 3-х лет">От 3-х лет
</label>
</fieldset>
<fieldset class="filter__fieldset">
<lagend class="filter__lagend">Занятость</lagend>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="type" value="Полная занятость">Полная занятость
</label>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="type" value="Частичная занятость">Частичная занятость
</label>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="type" value="Стажировка">Стажировка
</label>
<label class="filter__label checkbox">
<input class="checkbox__input" type="checkbox" name="type" value="Проектная работа">Проектная работа
</label>
</fieldset>
</div>
<div class="filter__buttons">
<button class="filter__button btn-color" type="submit">Применить</button>
<button class="filter__reset" type="reset">Очистить</button>
</div>
</form>
</section>
<section class="vacancies__cards cards">
<h2 class="cadrs__title visually-hidden">Список вакансий</h2>
<ul class="cards__list">
<li class="loading">Загрузка вакансий...</li>
</ul>
</section>
</div>
</div>
</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>