Skip to content

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

Make post vacancy

parent 6c035315
Expand all Show 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
This diff is collapsed.
src/post-vacancy-step2.html 0 → 100644
View file @ b3b45c67
This diff is collapsed.
src/post-vacancy-step3.html 0 → 100644
View file @ b3b45c67
This diff is collapsed.
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