213 lines
9.9 KiB
HTML
213 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Mattee — вакансии</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
</head>
|
||
<body>
|
||
<div class="page">
|
||
<header class="header">
|
||
<a class="logo" href="index.html">mattee</a>
|
||
<nav>
|
||
<a href="#vacancies">Вакансии</a>
|
||
<a href="#publish">Работодателям</a>
|
||
</nav>
|
||
<button class="publish" id="publish" type="button">Опубликовать</button>
|
||
</header>
|
||
|
||
<section class="banner">
|
||
<div class="shape pink"></div>
|
||
<div class="shape green"></div>
|
||
<div class="shape blue"></div>
|
||
<div class="banner-text">
|
||
<h1>Больше вакансий<br>в telegram-канале</h1>
|
||
<button type="button">Перейти в ТГ канал</button>
|
||
</div>
|
||
</section>
|
||
|
||
<main class="content">
|
||
<aside class="filters">
|
||
<input class="search" type="search" placeholder="Поиск" aria-label="Поиск вакансий">
|
||
|
||
<div class="filter-group">
|
||
<h3>Формат</h3>
|
||
<div class="options">
|
||
<span>Парт-тайм</span>
|
||
<span>Фулл-тайм</span>
|
||
<span>Стажировка</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="filter-group">
|
||
<h3>Формат</h3>
|
||
<div class="options">
|
||
<span>Офис</span>
|
||
<span>Удаленно</span>
|
||
<span>Гибрид</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="filter-group">
|
||
<h3>Грейд</h3>
|
||
<div class="options">
|
||
<span>Junior</span>
|
||
<span>Middle</span>
|
||
<span>Senior</span>
|
||
<span>Lead</span>
|
||
<span>Head</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="filter-group">
|
||
<h3>Локация</h3>
|
||
<div class="cities">
|
||
<label>Москва <input type="checkbox" name="city" value="moscow"></label>
|
||
<label>Санкт-Петербург <input type="checkbox" name="city" value="saint-petersburg"></label>
|
||
<label>Казань <input type="checkbox" name="city" value="kazan"></label>
|
||
<label>Нижний Новгород <input type="checkbox" name="city" value="nizhny-novgorod"></label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="filter-group">
|
||
<h3>Зарплата</h3>
|
||
<div class="salary">
|
||
<input type="number" min="0" placeholder="Минимум" aria-label="Минимальная зарплата">
|
||
<input type="number" min="0" placeholder="Максимум" aria-label="Максимальная зарплата">
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
|
||
<section class="cards" id="vacancies" aria-label="Вакансии">
|
||
<article class="card">
|
||
<div class="company-row">
|
||
<p class="company"><span>●</span> Т-Банк</p>
|
||
<span class="new">Новая</span>
|
||
</div>
|
||
<h2>Художник концепт-арта</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<div class="company-row">
|
||
<p class="company"><span>●</span> Apple</p>
|
||
<span class="new">Новая</span>
|
||
</div>
|
||
<h2>UI/UX Дизайнер</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<p class="company"><span>●</span> ВТБ</p>
|
||
<h2>Графический дизайнер</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<p class="company"><span>●</span> Т-Банк</p>
|
||
<h2>Промышленный дизайнер</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<p class="company"><span>●</span> Apple</p>
|
||
<h2>Диджитал дизайнер</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<p class="company"><span>●</span> ВТБ</p>
|
||
<h2>Художник концепт-арта</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<p class="company"><span>●</span> Т-Банк</p>
|
||
<h2>Промышленный дизайнер</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<p class="company"><span>●</span> Т-Банк</p>
|
||
<h2>Промышленный дизайнер</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<p class="company"><span>●</span> Т-Банк</p>
|
||
<h2>Промышленный дизайнер</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<p class="company"><span>●</span> Т-Банк</p>
|
||
<h2>Промышленный дизайнер</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<p class="company"><span>●</span> ВТБ</p>
|
||
<h2>Графический дизайнер</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<p class="company"><span>●</span> ВТБ</p>
|
||
<h2>Графический дизайнер</h2>
|
||
<p class="location">Москва, формат работы</p>
|
||
<div class="card-bottom">
|
||
<div class="tags"><span>280 000 ₽</span><span>Фулл-тайм</span></div>
|
||
<span class="grade">Junior</span>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
</body>
|
||
</html>
|