Skip to content

A
Avalon
Commit b3b45c67 authored by Sergey's avatar Sergey
Browse files
Options

Make post vacancy

parent 6c035315
Hide whitespace changes
Inline Side-by-side
Showing with 2121 additions and 47 deletions
src/main.html
View file @ b3b45c67
...@@ -438,6 +438,18 @@ ...@@ -438,6 +438,18 @@
<li> <li>
<a href="my-orders.html">Мои заказы</a> <a href="my-orders.html">Мои заказы</a>
</li> </li>
<li>
<a href="post-vacancy-step1.html">Разместить вакансию - Шаг 1</a>
</li>
<li>
<a href="post-vacancy-step2.html">Разместить вакансию - Шаг 2</a>
</li>
<li>
<a href="post-vacancy-step3.html">Разместить вакансию - Шаг 3</a>
</li>
<li>
<a href="post-vacancy-step4.html">Разместить вакансию - Шаг 4</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
......
src/post-resume-step1.html
View file @ b3b45c67
...@@ -306,19 +306,19 @@ ...@@ -306,19 +306,19 @@
<button type="button" class="other-button button-account"> <button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt=""> <img class="img-svg" src="./img/icon_burger.svg" alt="">
</button> </button>
<div class="post-resume"> <div class="post">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p> <p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue"> <div class="block-mt-blue">
<div class="steps-post-resume"> <div class="steps-post">
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 1. Личные данные</a> <a href="#" class="steps-post__step steps-post__step_current">Шаг 1. Личные данные</a>
<div class="steps-post-resume__arrow"> <div class="steps-post__arrow">
<img class="img-svg" src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 2. Пожелания к работе</a> <a href="#" class="steps-post__step steps-post__step_disabled">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow"> <div class="steps-post__arrow">
<img class="img-svg" src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 3. Опыт работы</a> <a href="#" class="steps-post__step steps-post__step_disabled">Шаг 3. Опыт работы</a>
</div> </div>
<div class="block-mt-blue"> <div class="block-mt-blue">
<form action="" name="post-resume-step1" id="post-resume-step1"> <form action="" name="post-resume-step1" id="post-resume-step1">
...@@ -386,7 +386,7 @@ ...@@ -386,7 +386,7 @@
<p class="block-mb-blue" style="font-size: 14px;">Нажимая кнопку «Далее», Вы даёте своё согласие на обработку персональных данных</p> <p class="block-mb-blue" style="font-size: 14px;">Нажимая кнопку «Далее», Вы даёте своё согласие на обработку персональных данных</p>
<div class="transfer-steps"> <div class="transfer-steps">
<!-- <button type="button" class="other-button disabled" id="prev-step-resume">Назад</button> --> <!-- <button type="button" class="other-button disabled" id="prev-step-resume">Назад</button> -->
<button type="button" class="main-button" id="next-step-resume">Далее</button> <button type="button" class="main-button" id="next-step">Далее</button>
</div> </div>
</div> </div>
</form> </form>
......
src/post-resume-step2.html
View file @ b3b45c67
...@@ -306,19 +306,19 @@ ...@@ -306,19 +306,19 @@
<button type="button" class="other-button button-account"> <button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt=""> <img class="img-svg" src="./img/icon_burger.svg" alt="">
</button> </button>
<div class="post-resume"> <div class="post">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p> <p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue"> <div class="block-mt-blue">
<div class="steps-post-resume"> <div class="steps-post">
<a href="#" class="steps-post-resume__step">Шаг 1. Личные данные</a> <a href="#" class="steps-post__step">Шаг 1. Личные данные</a>
<div class="steps-post-resume__arrow steps-post-resume__arrow_passed"> <div class="steps-post__arrow steps-post__arrow_passed">
<img class="img-svg" src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 2. Пожелания к работе</a> <a href="#" class="steps-post__step steps-post__step_current">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow"> <div class="steps-post__arrow">
<img class="img-svg" src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 3. Опыт работы</a> <a href="#" class="steps-post__step steps-post__step_disabled">Шаг 3. Опыт работы</a>
</div> </div>
<div class="block-mt-blue"> <div class="block-mt-blue">
<div class="container-compressed"> <div class="container-compressed">
...@@ -347,10 +347,10 @@ ...@@ -347,10 +347,10 @@
</div> </div>
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<div class="block-post-resume"> <div class="block-post">
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<div class="block-post-resume__name"> <div class="block-post__name">
<p>Стаж работы:</p> <p>Стаж работы:</p>
</div> </div>
</div> </div>
...@@ -441,10 +441,10 @@ ...@@ -441,10 +441,10 @@
</div> </div>
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<div class="block-post-resume"> <div class="block-post">
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<div class="block-post-resume__name"> <div class="block-post__name">
<p>Тип занятости:</p> <p>Тип занятости:</p>
</div> </div>
</div> </div>
...@@ -519,10 +519,10 @@ ...@@ -519,10 +519,10 @@
</div> </div>
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<div class="block-post-resume"> <div class="block-post">
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<div class="block-post-resume__name"> <div class="block-post__name">
<p>График работы:</p> <p>График работы:</p>
</div> </div>
</div> </div>
...@@ -588,10 +588,10 @@ ...@@ -588,10 +588,10 @@
</div> </div>
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<div class="block-post-resume"> <div class="block-post">
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<div class="block-post-resume__name"> <div class="block-post__name">
<p>Способ связи <span>*</span>:</p> <p>Способ связи <span>*</span>:</p>
</div> </div>
</div> </div>
...@@ -623,10 +623,10 @@ ...@@ -623,10 +623,10 @@
</div> </div>
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<div class="block-post-resume"> <div class="block-post">
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<div class="block-post-resume__name"> <div class="block-post__name">
<p>Дополнительная информация:</p> <p>Дополнительная информация:</p>
</div> </div>
</div> </div>
...@@ -666,8 +666,8 @@ ...@@ -666,8 +666,8 @@
</div> </div>
</form> </form>
<div class="transfer-steps"> <div class="transfer-steps">
<button type="button" class="other-button" id="prev-step-resume">Назад</button> <button type="button" class="other-button" id="prev-step">Назад</button>
<button type="button" class="main-button" id="next-step-resume">Далее</button> <button type="button" class="main-button" id="next-step">Далее</button>
</div> </div>
</div> </div>
</div> </div>
......
src/post-resume-step3.html
View file @ b3b45c67
...@@ -306,19 +306,19 @@ ...@@ -306,19 +306,19 @@
<button type="button" class="other-button button-account"> <button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt=""> <img class="img-svg" src="./img/icon_burger.svg" alt="">
</button> </button>
<div class="post-resume"> <div class="post">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p> <p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue"> <div class="block-mt-blue">
<div class="steps-post-resume"> <div class="steps-post">
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a> <a href="#" class="steps-post__step">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow steps-post-resume__arrow_passed"> <div class="steps-post__arrow steps-post__arrow_passed">
<img class="img-svg" src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 3. Опыт работы</a> <a href="#" class="steps-post__step steps-post__step_current">Шаг 3. Опыт работы</a>
<div class="steps-post-resume__arrow"> <div class="steps-post__arrow">
<img class="img-svg" src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 4. Моё резюме</a> <a href="#" class="steps-post__step steps-post__step_disabled">Шаг 4. Моё резюме</a>
</div> </div>
<div class="block-mt-blue"> <div class="block-mt-blue">
<div class="container-compressed"> <div class="container-compressed">
...@@ -391,8 +391,8 @@ ...@@ -391,8 +391,8 @@
</a> </a>
</div> </div>
<div class="transfer-steps block-mt-blue"> <div class="transfer-steps block-mt-blue">
<button type="button" class="other-button" id="prev-step-resume">Назад</button> <button type="button" class="other-button" id="prev-step">Назад</button>
<button type="button" class="main-button" id="next-step-resume">Далее</button> <button type="button" class="main-button" id="next-step">Далее</button>
</div> </div>
</div> </div>
</div> </div>
......
src/post-resume-step4.html
View file @ b3b45c67
...@@ -306,17 +306,17 @@ ...@@ -306,17 +306,17 @@
<button type="button" class="other-button button-account"> <button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt=""> <img class="img-svg" src="./img/icon_burger.svg" alt="">
</button> </button>
<div class="post-resume"> <div class="post">
<div class="steps-post-resume"> <div class="steps-post">
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a> <a href="#" class="steps-post__step">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow steps-post-resume__arrow_passed"> <div class="steps-post__arrow steps-post__arrow_passed">
<img class="img-svg" src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step">Шаг 3. Опыт работы</a> <a href="#" class="steps-post__step">Шаг 3. Опыт работы</a>
<div class="steps-post-resume__arrow steps-post-resume__arrow_passed"> <div class="steps-post__arrow steps-post__arrow_passed">
<img class="img-svg" src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 4. Моё резюме</a> <a href="#" class="steps-post__step steps-post__step_current">Шаг 4. Моё резюме</a>
</div> </div>
<div class="block-mt-blue"> <div class="block-mt-blue">
<h2>Разнорабочий</h2> <h2>Разнорабочий</h2>
......
src/post-vacancy-step1.html 0 → 100644
View file @ b3b45c67
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Разместить вакансию</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Разместить вакансию</h1>
<div class="content-page block-mt-dark-blue">
<div class="profile-container">
<div class="row profile-container-row">
<div class="col-3">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="post">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue">
<div class="steps-post">
<a href="#" class="steps-post__step steps-post__step_current">Шаг 1. Основные данные</a>
<div class="steps-post__arrow">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post__step steps-post__step_disabled">Шаг 2. Условия работы</a>
<div class="steps-post__arrow">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post__step steps-post__step_disabled">Шаг 3. Требования к кандидату</a>
</div>
<div class="block-mt-blue">
<form action="" name="post-vacancy-step1" id="post-vacancy-step1">
<!-- <div class="load-avatar">
<div class="load-avatar__block">
<canvas id="canvas-avatar" width="210" height="210"></canvas>
</div>
<label for="load-avatar">
<input type="file" name="load-avatar" id="load-avatar" hidden>
Загрузить фото
</label>
</div> -->
<div class="container-compressed">
<div class="block-mb-yellow">
<label for="name-vacancy">Название вакансии <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name-vacancy" id="name-vacancy">
</div>
<div class="block-mb-yellow">
<label for="desired-salary">Предполагаемый доход, руб *</label>
<div class="desired-salary">
<input type="text" name="desired-salary" id="desired-salary" placeholder="0">
<select name="time-salary" id="time-salary">
<option value="month">В месяц</option>
<option value="week">В неделю</option>
<option value="year">В год</option>
</select>
</div>
</div>
<div class="block-mb-orange">
<label for="address">Адрес <span>*</span></label>
<input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА">
</div>
<p class="block-mb-yellow" style="font-size: 14px;">Начните вводить адрес и выберите подходящий из появившегося списка</p>
<div class="block-mb-green">
<label for="desc-vacancy">Описание вакансии <span>*</span></label>
<textarea name="desc-vacancy" id="desc-vacancy"></textarea>
</div>
<hr>
<div class="block-mt-green">
<h3>Информация о контактном лице</h3>
</div>
<div class="block-mt-green">
<label for="name-contact-person">Фамилия, Имя, Отчество контактного лица <span>*</span></label>
<input type="text" name="name-contact-person" id="name-contact-person" placeholder="ФИО">
</div>
<div class="block-mt-yellow">
<label for="phone-contact-person">Телефон <span>*</span></label>
<input type="text" name="phone-contacts-person" id="phone-contact-person" placeholder="+7">
</div>
<div class="block-mt-yellow">
<label for="email-contact-person">E-mail</label>
<input type="text" name="email-contact-person" id="email-contact-person" placeholder="E-MAIL">
</div>
<p class="block-mt-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mt-green" style="font-size: 14px;">Нажимая кнопку «Далее», Вы даёте своё согласие на обработку персональных данных</p>
<div class="transfer-steps block-mt-blue">
<!-- <button type="button" class="other-button disabled" id="prev-step-resume">Назад</button> -->
<button type="button" class="main-button" id="next-step">Далее</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Обратная связь</h2>
<div class="block-mt-blue">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Спасибо за обращение!</h2>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/post-vacancy-step2.html 0 → 100644
View file @ b3b45c67
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Разместить вакансию</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Разместить вакансию</h1>
<div class="content-page block-mt-dark-blue">
<div class="profile-container">
<div class="row profile-container-row">
<div class="col-3">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="post">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue">
<div class="steps-post">
<a href="#" class="steps-post__step">Шаг 1. Основные данные</a>
<div class="steps-post__arrow steps-post__arrow_passed">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post__step steps-post__step_current">Шаг 2. Условия работы</a>
<div class="steps-post__arrow">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post__step steps-post__step_disabled">Шаг 3. Требования к кандидату</a>
</div>
<div class="block-mt-blue">
<form action="" name="post-vacancy-step2" id="post-vacancy-step2">
<div class="container-compressed">
<div class="block-mb-green">
<div class="block-post">
<div class="row">
<div class="col-4">
<div class="block-post__name">
<p>Тип занятости:</p>
</div>
</div>
<div class="col-8">
<div class="row">
<div class="col-6">
<div class="block-checkbox">
<label for="shifts30">
<input type="checkbox" id="shifts30" name="shifts30" hidden="">
<div class="check"></div>
<p>Вахта 30 смен</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-checkbox">
<label for="full-employment">
<input type="checkbox" id="full-employment" name="full-employment" hidden="">
<div class="check"></div>
<p>Полная занятость</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-checkbox">
<label for="shifts45">
<input type="checkbox" id="shifts45" name="shifts45" hidden="">
<div class="check"></div>
<p>Вахта 45 смен</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-checkbox">
<label for="part-time">
<input type="checkbox" id="part-time" name="part-time" hidden="">
<div class="check"></div>
<p>Частичная занятость</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-checkbox">
<label for="shifts60">
<input type="checkbox" id="shifts60" name="shifts60" hidden="">
<div class="check"></div>
<p>Вахта 60 смен</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-checkbox">
<label for="temporary-job">
<input type="checkbox" id="temporary-job" name="temporary-job" hidden="">
<div class="check"></div>
<p>Временная работа</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-checkbox">
<label for="more-shifts60">
<input type="checkbox" id="more-shifts60" name="more-shifts60" hidden="">
<div class="check"></div>
<p>Вахта более 60 смен</p>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block-mb-green">
<div class="block-post">
<div class="row">
<div class="col-4">
<div class="block-post__name">
<p>График работы:</p>
</div>
</div>
<div class="col-8">
<div class="row">
<div class="col-6">
<div class="block-checkbox">
<label for="full-day">
<input type="checkbox" id="full-day" name="full-day" hidden="">
<div class="check"></div>
<p>Полный день</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-checkbox">
<label for="change">
<input type="checkbox" id="change" name="change" hidden="">
<div class="check"></div>
<p>Смена</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-checkbox">
<label for="flexible-schedule">
<input type="checkbox" id="flexible-schedule" name="flexible-schedule" hidden="">
<div class="check"></div>
<p>Гибкий график</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-checkbox">
<label for="remote-work">
<input type="checkbox" id="remote-work" name="remote-work" hidden="">
<div class="check"></div>
<p>Удалённая работа</p>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block-mb-green">
<div class="block-post">
<div class="row">
<div class="col-4">
<div class="block-post__name">
<p>Авансирование:</p>
</div>
</div>
<div class="col-8">
<div class="row">
<div class="col-12">
<div class="block-radio">
<label for="advance-payment-yes">
<input type="radio" id="advance-payment-yes" name="advance-payment" hidden="">
<div class="radio"></div>
<p>Да</p>
</label>
</div>
</div>
<div class="col-12">
<div class="block-radio">
<label for="advance-payment-no">
<input type="radio" id="advance-payment-no" name="advance-payment" hidden="">
<div class="radio"></div>
<p>Нет</p>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block-mb-green">
<div class="block-post">
<div class="row">
<div class="col-4">
<div class="block-post__name">
<p>Проживание:</p>
</div>
</div>
<div class="col-8">
<div class="row">
<div class="col-12">
<div class="block-checkbox">
<label for="accommodation-flat">
<input type="checkbox" id="accommodation-flat" name="accommodation" hidden="">
<div class="check"></div>
<p>Проживание в квартире</p>
</label>
</div>
</div>
<div class="col-12">
<div class="block-checkbox">
<label for="accommodation-hostel">
<input type="checkbox" id="accommodation-hostel" name="accommodation" hidden="">
<div class="check"></div>
<p>Проживание в общежитии</p>
</label>
</div>
</div>
<div class="col-12">
<div class="block-checkbox">
<label for="accommodation-no">
<input type="checkbox" id="accommodation-no" name="accommodation" hidden="">
<div class="check"></div>
<p>Не предоставляется</p>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block-mb-green">
<div class="block-post">
<div class="row">
<div class="col-4">
<div class="block-post__name">
<p>Питание:</p>
</div>
</div>
<div class="col-8">
<div class="row">
<div class="col-12">
<div class="block-radio">
<label for="nutrition-yes">
<input type="radio" id="nutrition-yes" name="nutrition" hidden="">
<div class="radio"></div>
<p>Да</p>
</label>
</div>
</div>
<div class="col-12">
<div class="block-radio">
<label for="nutrition-no">
<input type="radio" id="nutrition-no" name="nutrition" hidden="">
<div class="radio"></div>
<p>Нет</p>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block-mb-green">
<div class="block-post">
<div class="row">
<div class="col-4">
<div class="block-post__name">
<p>Служебный транспорт:</p>
</div>
</div>
<div class="col-8">
<div class="row">
<div class="col-12">
<div class="block-radio">
<label for="official-transport-yes">
<input type="radio" id="official-transport-yes" name="official-transport" hidden="">
<div class="radio"></div>
<p>Да</p>
</label>
</div>
</div>
<div class="col-12">
<div class="block-radio">
<label for="official-transport-no">
<input type="radio" id="official-transport-no" name="official-transport" hidden="">
<div class="radio"></div>
<p>Нет</p>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block-mb-green">
<div class="block-post">
<div class="row">
<div class="col-4">
<div class="block-post__name">
<p>Спецодежда:</p>
</div>
</div>
<div class="col-8">
<div class="row">
<div class="col-12">
<div class="block-checkbox">
<label for="work-clothes-yes">
<input type="checkbox" id="work-clothes-yes" name="work-clothes" hidden="">
<div class="check"></div>
<p>Бесплатная спецодежда</p>
</label>
</div>
</div>
<div class="col-12">
<div class="block-checkbox">
<label for="work-clothes-paid">
<input type="checkbox" id="work-clothes-paid" name="work-clothes" hidden="">
<div class="check"></div>
<p>Вычитается из з/п</p>
</label>
</div>
</div>
<div class="col-12">
<div class="block-checkbox">
<label for="work-clothes-no">
<input type="checkbox" id="work-clothes-no" name="work-clothes" hidden="">
<div class="check"></div>
<p>Не предоставляется</p>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="transfer-steps">
<button type="button" class="other-button" id="prev-step">Назад</button>
<button type="button" class="main-button" id="next-step">Далее</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Обратная связь</h2>
<div class="block-mt-blue">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Спасибо за обращение!</h2>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/post-vacancy-step3.html 0 → 100644
View file @ b3b45c67
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Разместить вакансию</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Разместить вакансию</h1>
<div class="content-page block-mt-dark-blue">
<div class="profile-container">
<div class="row profile-container-row">
<div class="col-3">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="post">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue">
<div class="steps-post">
<a href="#" class="steps-post__step">Шаг 2. Условия работы</a>
<div class="steps-post__arrow steps-post__arrow_passed">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post__step steps-post__step_current">Шаг 3. Требования к кандидату</a>
<div class="steps-post__arrow">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post__step steps-post__step_disabled">Шаг 4. Моя вакансия</a>
</div>
<div class="block-mt-blue">
<form action="" name="post-vacancy-step2" id="post-vacancy-step2">
<div class="container-compressed">
<div class="block-mb-green">
<div class="block-post">
<div class="row">
<div class="col-4">
<div class="block-post__name">
<p>Гражданство:</p>
</div>
</div>
<div class="col-8">
<div class="row">
<div class="col-12">
<div class="block-radio">
<label for="citizenship-rf">
<input type="radio" id="citizenship-rf" name="citizenship" hidden="">
<div class="radio"></div>
<p>РФ</p>
</label>
</div>
</div>
<div class="col-12">
<div class="block-radio">
<label for="citizenship-sng">
<input type="radio" id="citizenship-sng" name="citizenship" hidden="">
<div class="radio"></div>
<p>СНГ</p>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="block-mt-yellow">
<label for="age">Возраст</label>
<input type="text" name="age" id="age" placeholder="ВОЗРАСТ">
</div>
<div class="block-mt-yellow">
<div class="row">
<div class="col-4">
<div class="block-post__name">
<p>Стаж работы:</p>
</div>
</div>
<div class="col-8">
<div class="row">
<div class="col-6">
<div class="block-radio">
<label for="no-exp">
<input type="radio" id="no-exp" name="work-experience" hidden="">
<div class="radio"></div>
<p>Без опыта</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-radio">
<label for="one-three">
<input type="radio" id="one-three" name="work-experience" hidden="">
<div class="radio"></div>
<p>1-3 года</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-radio">
<label for="season-work">
<input type="radio" id="season-work" name="work-experience" hidden="">
<div class="radio"></div>
<p>Студент / сезоннная работа</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-radio">
<label for="three-five">
<input type="radio" id="three-five" name="work-experience" hidden="">
<div class="radio"></div>
<p>3-5 лет</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-radio">
<label for="less-year">
<input type="radio" id="less-year" name="work-experience" hidden="">
<div class="radio"></div>
<p>До 1 года</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-radio">
<label for="more-five">
<input type="radio" id="more-five" name="work-experience" hidden="">
<div class="radio"></div>
<p>Более 5 лет</p>
</label>
</div>
</div>
<div class="col-6">
<div class="block-radio">
<label for="job-weekend">
<input type="radio" id="job-weekend" name="work-experience" hidden="">
<div class="radio"></div>
<p>Подработка на выходные</p>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="block-mb-green">
</div> -->
<div class="transfer-steps">
<button type="button" class="other-button" id="prev-step">Назад</button>
<button type="button" class="main-button" id="next-step">Далее</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Обратная связь</h2>
<div class="block-mt-blue">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Спасибо за обращение!</h2>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/scss/style.scss
View file @ b3b45c67
...@@ -4819,10 +4819,10 @@ input[type="submit"] ...@@ -4819,10 +4819,10 @@ input[type="submit"]
// Страница Разместить резюме - Шаг 1 // Страница Разместить резюме - Шаг 1
.post-resume .post
{ {
position: relative; position: relative;
.steps-post-resume .steps-post
{ {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -4942,7 +4942,7 @@ input[type="submit"] ...@@ -4942,7 +4942,7 @@ input[type="submit"]
} }
} }
.block-post-resume .block-post
{ {
border-top: 2px solid #DDDCE8; border-top: 2px solid #DDDCE8;
padding-top: 43px; padding-top: 43px;
...@@ -5590,6 +5590,13 @@ input[type="submit"] ...@@ -5590,6 +5590,13 @@ input[type="submit"]
padding: 0; padding: 0;
} }
hr
{
border: 1px solid #DDDCE8;
background-color: #DDDCE8;
margin: 0;
}
// Футер // Футер
......
webpack.config.js
View file @ b3b45c67
...@@ -11,7 +11,8 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', ...@@ -11,7 +11,8 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article',
'post-resume-step1', 'post-resume-step2', 'post-resume-step3', 'post-resume-step4', 'current-resume', 'index-employer', 'articles-employer', 'faq-employer', 'post-resume-step1', 'post-resume-step2', 'post-resume-step3', 'post-resume-step4', 'current-resume', 'index-employer', 'articles-employer', 'faq-employer',
'current-article-employer', 'service-rules-employer', 'access-account-employer', 'tariffs', 'password-recovery-employer', 'registration-employer', 'current-article-employer', 'service-rules-employer', 'access-account-employer', 'tariffs', 'password-recovery-employer', 'registration-employer',
'resumes-list', 'resumes-map', 'current-resume-employer', 'resume-paid', 'current-vacancy-employer', 'favorites-employer', 'my-vacancies', 'resumes-list', 'resumes-map', 'current-resume-employer', 'resume-paid', 'current-vacancy-employer', 'favorites-employer', 'my-vacancies',
'response-employer', 'response-vacancy-employer1', 'response-vacancy-employer2', 'employee-invitation', 'payment-services', 'invoice-payment', 'my-orders']; 'response-employer', 'response-vacancy-employer1', 'response-vacancy-employer2', 'employee-invitation', 'payment-services', 'invoice-payment', 'my-orders',
'post-vacancy-step1', 'post-vacancy-step2', 'post-vacancy-step3', 'post-vacancy-step4', 'post-vacancy-step5'];
const webpackConfig = { const webpackConfig = {
context: path.resolve(__dirname, 'src'), context: path.resolve(__dirname, 'src'),
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment