Skip to content

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

Pages post resume step fourth and current resume

parent c67493f5
Show whitespace changes
Inline Side-by-side
Showing with 1019 additions and 85 deletions
src/current-resume.html 0 → 100644
View file @ eb243b51
<!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">
<a href="#" class="choice-lang">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
<a href="#" class="choice-city">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</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>
<a href="#" class="help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
</div>
</div>
</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" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван
</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">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 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 search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_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="">
Иванов Иван
</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="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 release-resume current-ref">
<img class="img-svg" src="./img/icon_resume.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 favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<div class="post-resume">
<h2>Разнорабочий</h2>
<div class="brief-information block-mt-green">
<div class="brief-information-block">
<div class="brief-information-block__image">
<img src="./img/img_photo.png" alt="">
</div>
<div class="brief-information-block__info">
<p class="brief-information-block__title">Иванов Иван Иванович</p>
<div class="brief-information-block__contacts">
<!-- <p class="brief-information-block__name">
<img src="./img/icon_profile.svg" alt="">
Петров Василий Иванович
</p> -->
<a href="mailto:i_ivanov@mail.ru" class="brief-information-block__email">
<img src="./img/icon_mail.svg" alt="">
i_ivanov@mail.ru
</a>
<a href="tel:79876543210" class="brief-information-block__phone">
<img src="./img/icon_phone.svg" alt="">
+79876543210
<p>Мой номер</p>
</a>
<a href="tel:71234567890" class="brief-information-block__phone">
<img src="./img/icon_phone.svg" alt="">
+71234567890
<p>Номер близкого знакомого</p>
</a>
</div>
</div>
</div>
</div>
<div class="block-to-edit">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
Опубликовать
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
Удалить
</a>
</div>
<div class="detailed-description block-mt-blue">
<h2>Личные данные</h2>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Город проживания:</p>
</div>
<div class="detailed-description-block__text">
<p>Нижний Новгород</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Место жительства:</p>
</div>
<div class="detailed-description-block__text">
<p>ул. Ивана Романова, д. 2</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Пол:</p>
</div>
<div class="detailed-description-block__text">
<p>Мужской</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Возраст:</p>
</div>
<div class="detailed-description-block__text">
<p>37</p>
</div>
</div>
</div>
<div class="detailed-description block-mt-blue">
<h2>Сведения о работе</h2>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Желаемая должность:</p>
</div>
<div class="detailed-description-block__text">
<p>Грузчик</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Желаемая зарплата:</p>
</div>
<div class="detailed-description-block__text">
<p>30 000 руб. / мес.</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Стаж работы:</p>
</div>
<div class="detailed-description-block__text">
<p>Более 5 лет</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Город:</p>
</div>
<div class="detailed-description-block__text">
<p>Нижний Новгород, Кстово, Дзержинск</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Тип занятости:</p>
</div>
<div class="detailed-description-block__text">
<p>Полная занятость, Временная работа, Частичная занятость</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>График работы:</p>
</div>
<div class="detailed-description-block__text">
<p>Полный день, Гибкий график</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Командировки:</p>
</div>
<div class="detailed-description-block__text">
<p>Не готов к командировкам, Готов к переезду</p>
</div>
</div>
</div>
<div class="work-experience block-mt-blue">
<h2>Опыт работы</h2>
<div class="work-experience-block block-mt-green">
<p class="work-experience-block__time">Май 2015 — по настоящее время</p>
<p>ООО «Трезвые грузчики»</p>
<p>Грузчик</p>
<p>Москва</p>
<p>Выгружал крупную и мелкую бытовую технику из автомобилей клиентов вручную</p>
</div>
<div class="work-experience-block block-mt-green">
<p class="work-experience-block__time">Май 2015 — по настоящее время</p>
<p>ООО «Трезвые грузчики»</p>
<p>Грузчик</p>
<p>Москва</p>
<p>Выгружал крупную и мелкую бытовую технику из автомобилей клиентов вручную</p>
</div>
</div>
<div class="detailed-description block-mt-blue">
<h2>Дополнительная информация</h2>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Наличие судимости:</p>
</div>
<div class="detailed-description-block__text">
<p>Нет</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Наличие хронических заболеваний:</p>
</div>
<div class="detailed-description-block__text">
<p>Да, ангина</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Наличие медицинской книжки:</p>
</div>
<div class="detailed-description-block__text">
<p>Да, требует продления</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Способ связи:</p>
</div>
<div class="detailed-description-block__text">
<p>Позвоните мне, после обеда</p>
</div>
</div>
</div>
<div class="information-yourself block-mt-blue">
<h2>Сведения о себе</h2>
<p class="block-mt-green">Ищу постоянную работу и подработку на субботу или воскресенье. Не против обучения. Размещается мини-резюме обычно в газетах или на соответствующих сайтах по трудоустройству. Для соискателей размещение краткого резюме, как правило, бесплатное.</p>
</div>
<div class="transfer-steps block-mt-blue">
<a href="#" class="other-button" id="edit-resume">Редактировать</a>
<input type="submit" class="main-button" id="publish-resume" value="Опубликовать">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-2 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>
</body>
</html>
\ No newline at end of file
src/js/main.js
View file @ eb243b51
...@@ -788,22 +788,26 @@ if(canvasAvatar) ...@@ -788,22 +788,26 @@ if(canvasAvatar)
// Выбор должности // Выбор должности
let position = document.querySelector('#position'); let position = document.querySelectorAll('select[data-position="choice-position"]');
let otherPosition = document.querySelector('#other-position'); console.log(position);
if(position && otherPosition) if(position.length)
{ {
position.addEventListener('change', () => { position.forEach(elem => {
console.log(1); elem.addEventListener('change', () => {
if(position.value === 'other') if(elem.value === 'other')
{ {
otherPosition.removeAttribute('disabled'); console.log(1);
// elem.parentElement.parentElement.querySelectorAll('[data-position="other-position"]')[1].removeAttribute('disabled');
} }
else else
{ {
otherPosition.setAttribute('disabled', 'disabled'); console.log(2);
// elem.parentElement.parentElement.querySelectorAll].setAttribute('disabled', 'disabled');
} }
}); });
});
} }
...@@ -855,79 +859,77 @@ if(inputWork.length) ...@@ -855,79 +859,77 @@ if(inputWork.length)
}); });
} }
// Добавление места работы // Добавление места работы
let addPlaceWork = document.querySelectorAll('.add-place-work'); let addPlaceWork = document.querySelectorAll('.add-place-work');
let indexPlaceWork = 0;
if(addPlaceWork.length) if(addPlaceWork.length)
{ {
let indexPlacework = 0;
addPlaceWork.forEach(elem => { addPlaceWork.forEach(elem => {
elem.addEventListener('click', (e) => elem.addEventListener('click', (e) =>
{ {
e.preventDefault(); e.preventDefault();
let newForm = elem.parentElement.parentElement.querySelector('.data-form-experience').cloneNode(true);
newForm.style.marginTop = '43px';
let newInputs = newForm.querySelectorAll('input');
let newLabels = newForm.querySelectorAll('label');
let newSelects = newForm.querySelectorAll('select');
let newTextarea = newForm.querySelectorAll('textarea');
indexPlaceWork++;
newInputs.forEach(input => { indexPlacework++;
let oldName = input.name;
input.name = oldName + indexPlaceWork; let tempateForm = `
let oldId = input.id; <div class="data-form-experience">
input.id = oldId + indexPlaceWork; <div class="block-mb-yellow">
}); <label for="company">Компания</label>
<input type="text" name="company${indexPlacework}" id="company${indexPlacework}" placeholder="КОМПАНИЯ">
newLabels.forEach(label => { </div>
let oldFor = label.getAttribute('for'); <div class="block-mb-orange">
label.setAttribute('for', oldFor + indexPlaceWork); <label for="position${indexPlacework}">Желаемая должность</label>
}); <select name="position${indexPlacework}" id="position${indexPlacework}" data-position="choice-position">
<option value="1">Должность 1</option>
<option value="2">Должность 2</option>
<option value="3">Должность 3</option>
<option value="other">Другая</option>
</select>
</div>
<div class="block-mb-yellow">
<input type="text" name="other-position${indexPlacework}" id="other-position${indexPlacework}" data-position="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ">
</div>
<div class="block-mb-yellow">
<div class="work-period">
<p>Период работы</p>
<div class="work-period__block">
<p>с</p>
<input type="text" name="start-work${indexPlacework}" id="start-work${indexPlacework}">
</div>
<div class="work-period__block">
<p>по</p>
<input type="text" name="end-work${indexPlacework}" id="end-work${indexPlacework}">
</div>
</div>
</div>
<div class="block-mb-yellow">
<div class="block-checkbox">
<label for="working${indexPlacework}">
<input type="checkbox" id="working${indexPlacework}" name="working${indexPlacework}" hidden>
<div class="check"></div>
<p>Работаю в данный момент</p>
</label>
</div>
</div>
<div class="block-mb-yellow">
<label for="city-work${indexPlacework}">Город</label>
<select name="city-work${indexPlacework}" id="city-work${indexPlacework}">
<option value="month">Москва</option>
<option value="week">Казань</option>
<option value="year">Нижний Новгород</option>
</select>
</div>
<div class="block-mb-green">
<label for="responsibility${indexPlacework}">Обязанности</label>
<textarea name="responsibility${indexPlacework}" id="responsibility${indexPlacework}"></textarea>
</div>
</div>`;
elem.parentElement.insertAdjacentHTML('beforebegin', tempateForm);
newSelects.forEach(select => {
let oldName = select.name;
select.name = oldName + indexPlaceWork;
let oldId = select.id;
select.id = oldId + indexPlaceWork;
});
newTextarea.forEach(textarea => {
let oldName = textarea.name;
textarea.name = oldName + indexPlaceWork;
let oldId = textarea.id;
textarea.id = oldId + indexPlaceWork;
});
elem.parentElement.parentElement.insertBefore(newForm, elem.parentElement);
newSelects.forEach(select => {
new Choices(select, {
choices: [],
placeholder: true,
searchEnabled: false,
itemSelectText: ''
});
});
newForm.querySelectorAll('.work-period__block input').forEach(elem => {
datepicker(elem, {
formatter: (input, date, instance) =>
{
const value = date.toLocaleDateString();
input.value = value; // => '1/1/2099'
},
startDay: 0,
customDays: ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ', 'ВС'],
customMonths: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
showAllDates: true,
overlayButton: 'Выбрать',
overlayPlaceholder: 'Укажите год'
});
});
}); });
}); });
......
src/main.html
View file @ eb243b51
...@@ -212,9 +212,12 @@ ...@@ -212,9 +212,12 @@
<li> <li>
<a href="post-resume-step3.html">Разместить резюме - Шаг 3</a> <a href="post-resume-step3.html">Разместить резюме - Шаг 3</a>
</li> </li>
<!-- <li> <li>
<a href="post-resume-step4.html">Разместить резюме - Шаг 4</a> <a href="post-resume-step4.html">Разместить резюме - Шаг 4</a>
</li> --> </li>
<li>
<a href="current-resume.html">Резюме детальная</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
......
src/post-resume-step2.html
View file @ eb243b51
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
<form action="" name="post-resume-step2" id="post-resume-step2"> <form action="" name="post-resume-step2" id="post-resume-step2">
<div class="block-mb-orange"> <div class="block-mb-orange">
<label for="position">Желаемая должность</label> <label for="position">Желаемая должность</label>
<select name="position" id="position"> <select name="position" id="position" data-position="choice-position">
<option value="1">Должность 1</option> <option value="1">Должность 1</option>
<option value="2">Должность 2</option> <option value="2">Должность 2</option>
<option value="3">Должность 3</option> <option value="3">Должность 3</option>
...@@ -184,7 +184,7 @@ ...@@ -184,7 +184,7 @@
</select> </select>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<input type="text" name="other-position" id="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled> <input type="text" name="other-position" id="other-position" data-position="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled>
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<label for="desired-salary">Желаемая зарплата, руб</label> <label for="desired-salary">Желаемая зарплата, руб</label>
......
src/post-resume-step3.html
View file @ eb243b51
...@@ -189,7 +189,7 @@ ...@@ -189,7 +189,7 @@
</div> </div>
<div class="block-mb-orange"> <div class="block-mb-orange">
<label for="position">Желаемая должность</label> <label for="position">Желаемая должность</label>
<select name="position" id="position"> <select name="position" id="position" data-position="choice-position">
<option value="1">Должность 1</option> <option value="1">Должность 1</option>
<option value="2">Должность 2</option> <option value="2">Должность 2</option>
<option value="3">Должность 3</option> <option value="3">Должность 3</option>
...@@ -197,7 +197,7 @@ ...@@ -197,7 +197,7 @@
</select> </select>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<input type="text" name="other-position" id="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ"> <input type="text" name="other-position" id="other-position" data-position="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<div class="work-period"> <div class="work-period">
......
src/post-resume-step4.html
View file @ eb243b51
<!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">
<a href="#" class="choice-lang">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
<a href="#" class="choice-city">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</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>
<a href="#" class="help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
</div>
</div>
</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" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван
</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">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 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 search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_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="">
Иванов Иван
</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="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 release-resume current-ref">
<img class="img-svg" src="./img/icon_resume.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 favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<div class="post-resume">
<div class="steps-post-resume">
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post-resume__step">Шаг 3. Опыт работы</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 4. Моё резюме</a>
</div>
<div class="block-mt-blue">
<h2>Разнорабочий</h2>
<div class="brief-information block-mt-green">
<div class="brief-information-block">
<div class="brief-information-block__image">
<img src="./img/img_photo.png" alt="">
</div>
<div class="brief-information-block__info">
<p class="brief-information-block__title">Иванов Иван Иванович</p>
<div class="brief-information-block__contacts">
<!-- <p class="brief-information-block__name">
<img src="./img/icon_profile.svg" alt="">
Петров Василий Иванович
</p> -->
<a href="mailto:i_ivanov@mail.ru" class="brief-information-block__email">
<img src="./img/icon_mail.svg" alt="">
i_ivanov@mail.ru
</a>
<a href="tel:79876543210" class="brief-information-block__phone">
<img src="./img/icon_phone.svg" alt="">
+79876543210
<p>Мой номер</p>
</a>
<a href="tel:71234567890" class="brief-information-block__phone">
<img src="./img/icon_phone.svg" alt="">
+71234567890
<p>Номер близкого знакомого</p>
</a>
</div>
</div>
</div>
</div>
<div class="block-to-edit">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
Опубликовать
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
Удалить
</a>
</div>
</div>
<div class="detailed-description block-mt-blue">
<h2>Личные данные</h2>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Город проживания:</p>
</div>
<div class="detailed-description-block__text">
<p>Нижний Новгород</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Место жительства:</p>
</div>
<div class="detailed-description-block__text">
<p>ул. Ивана Романова, д. 2</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Пол:</p>
</div>
<div class="detailed-description-block__text">
<p>Мужской</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Возраст:</p>
</div>
<div class="detailed-description-block__text">
<p>37</p>
</div>
</div>
</div>
<div class="detailed-description block-mt-blue">
<h2>Сведения о работе</h2>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Желаемая должность:</p>
</div>
<div class="detailed-description-block__text">
<p>Грузчик</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Желаемая зарплата:</p>
</div>
<div class="detailed-description-block__text">
<p>30 000 руб. / мес.</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Стаж работы:</p>
</div>
<div class="detailed-description-block__text">
<p>Более 5 лет</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Город:</p>
</div>
<div class="detailed-description-block__text">
<p>Нижний Новгород, Кстово, Дзержинск</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Тип занятости:</p>
</div>
<div class="detailed-description-block__text">
<p>Полная занятость, Временная работа, Частичная занятость</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>График работы:</p>
</div>
<div class="detailed-description-block__text">
<p>Полный день, Гибкий график</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Командировки:</p>
</div>
<div class="detailed-description-block__text">
<p>Не готов к командировкам, Готов к переезду</p>
</div>
</div>
</div>
<div class="work-experience block-mt-blue">
<h2>Опыт работы</h2>
<div class="work-experience-block block-mt-green">
<p class="work-experience-block__time">Май 2015 — по настоящее время</p>
<p>ООО «Трезвые грузчики»</p>
<p>Грузчик</p>
<p>Москва</p>
<p>Выгружал крупную и мелкую бытовую технику из автомобилей клиентов вручную</p>
</div>
<div class="work-experience-block block-mt-green">
<p class="work-experience-block__time">Май 2015 — по настоящее время</p>
<p>ООО «Трезвые грузчики»</p>
<p>Грузчик</p>
<p>Москва</p>
<p>Выгружал крупную и мелкую бытовую технику из автомобилей клиентов вручную</p>
</div>
</div>
<div class="detailed-description block-mt-blue">
<h2>Дополнительная информация</h2>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Наличие судимости:</p>
</div>
<div class="detailed-description-block__text">
<p>Нет</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Наличие хронических заболеваний:</p>
</div>
<div class="detailed-description-block__text">
<p>Да, ангина</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Наличие медицинской книжки:</p>
</div>
<div class="detailed-description-block__text">
<p>Да, требует продления</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Способ связи:</p>
</div>
<div class="detailed-description-block__text">
<p>Позвоните мне, после обеда</p>
</div>
</div>
</div>
<div class="information-yourself block-mt-blue">
<h2>Сведения о себе</h2>
<p class="block-mt-green">Ищу постоянную работу и подработку на субботу или воскресенье. Не против обучения. Размещается мини-резюме обычно в газетах или на соответствующих сайтах по трудоустройству. Для соискателей размещение краткого резюме, как правило, бесплатное.</p>
</div>
<div class="transfer-steps block-mt-blue">
<a href="#" class="other-button" id="edit-resume">Редактировать</a>
<input type="submit" class="main-button" id="publish-resume" value="Опубликовать">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-2 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>
</body>
</html>
\ No newline at end of file
src/scss/style.scss
View file @ eb243b51
...@@ -3063,6 +3063,23 @@ ymaps[class$='pie-chart-content'] ...@@ -3063,6 +3063,23 @@ ymaps[class$='pie-chart-content']
} }
} }
.block-to-edit
{
width: 210px;
height: 188px;
border-radius: 3px;
background-color: #ffffff;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
position: absolute;
top: 0;
right: 0;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.rating__group .rating__group
{ {
position: relative; position: relative;
...@@ -3138,6 +3155,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3138,6 +3155,7 @@ ymaps[class$='pie-chart-content']
{ {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
position: relative;
&-block &-block
{ {
display: flex; display: flex;
...@@ -3213,7 +3231,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3213,7 +3231,7 @@ ymaps[class$='pie-chart-content']
} }
&__contacts &__contacts
{ {
p, a a, p
{ {
font-family: Montserrat Regular; font-family: Montserrat Regular;
font-size: 15px; font-size: 15px;
...@@ -3231,6 +3249,12 @@ ymaps[class$='pie-chart-content'] ...@@ -3231,6 +3249,12 @@ ymaps[class$='pie-chart-content']
margin-right: 20px; margin-right: 20px;
width: 20px; width: 20px;
} }
p
{
color: $color-disabled;
margin-top: 7px;
margin-left: 42px;
}
} }
} }
} }
...@@ -3246,6 +3270,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3246,6 +3270,7 @@ ymaps[class$='pie-chart-content']
{ {
display: flex; display: flex;
margin-bottom: 32px; margin-bottom: 32px;
justify-content: space-between;
&__name &__name
{ {
width: 16%; width: 16%;
...@@ -3442,6 +3467,22 @@ input[type="submit"] ...@@ -3442,6 +3467,22 @@ input[type="submit"]
padding-left: 25px; padding-left: 25px;
padding-right: 25px; padding-right: 25px;
} }
.detailed-description-block__name
{
width: 22%;
p
{
line-height: normal;
}
}
.detailed-description-block__text
{
width: 76%;
p
{
line-height: normal;
}
}
} }
.sidebar-profile .sidebar-profile
{ {
...@@ -3941,6 +3982,7 @@ input[type="submit"] ...@@ -3941,6 +3982,7 @@ input[type="submit"]
.post-resume .post-resume
{ {
position: relative;
.steps-post-resume .steps-post-resume
{ {
display: flex; display: flex;
...@@ -4093,9 +4135,10 @@ input[type="submit"] ...@@ -4093,9 +4135,10 @@ input[type="submit"]
// Разместить резюме - Шаг 3 // Разместить резюме - Шаг 3
.form-experience .data-form-experience
{ {
border-bottom: 2px solid #DDDCE8; border-bottom: 2px solid #DDDCE8;
margin-bottom: 43px;
} }
.block-skip-step .block-skip-step
...@@ -4136,6 +4179,31 @@ input[type="submit"] ...@@ -4136,6 +4179,31 @@ input[type="submit"]
} }
// Разместить резюме - Шаг 4
.work-experience
{
&-block
{
&__time
{
font-family: Montserrat Bold;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.31;
letter-spacing: normal;
color: $color-primary;
}
p
{
margin-bottom: 22px;
}
}
}
.footer .footer
{ {
......
webpack.config.js
View file @ eb243b51
...@@ -8,7 +8,7 @@ const isDev = process.env.NODE_ENV = 'development'; ...@@ -8,7 +8,7 @@ const isDev = process.env.NODE_ENV = 'development';
const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', 'main', 'service-rules', 'access-account', 'password-recovery', 'registration', 'companies-list', const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', 'main', 'service-rules', 'access-account', 'password-recovery', 'registration', 'companies-list',
'vacancies-map', 'companies-map', 'current-vacancy', 'current-company', '404', 'profile', 'profile-editing', 'my-resumes', 'favorites-vacancies-list', 'vacancies-map', 'companies-map', 'current-vacancy', 'current-company', '404', 'profile', 'profile-editing', 'my-resumes', 'favorites-vacancies-list',
'favorites-vacancies-map', 'response', 'response-resume', 'response-vacancy', 'response-vacancy-not-reg', 'subscription', 'favorites-vacancies-map', 'response', 'response-resume', 'response-vacancy', 'response-vacancy-not-reg', 'subscription',
'post-resume-step1', 'post-resume-step2', 'post-resume-step3', 'post-resume-step4']; 'post-resume-step1', 'post-resume-step2', 'post-resume-step3', 'post-resume-step4', 'current-resume'];
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