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)
// Выбор должности
let position = document.querySelector('#position');
let otherPosition = document.querySelector('#other-position');
let position = document.querySelectorAll('select[data-position="choice-position"]');
console.log(position);
if(position && otherPosition)
if(position.length)
{
position.addEventListener('change', () => {
console.log(1);
if(position.value === 'other')
position.forEach(elem => {
elem.addEventListener('change', () => {
if(elem.value === 'other')
{
otherPosition.removeAttribute('disabled');
console.log(1);
// elem.parentElement.parentElement.querySelectorAll('[data-position="other-position"]')[1].removeAttribute('disabled');
}
else
{
otherPosition.setAttribute('disabled', 'disabled');
console.log(2);
// elem.parentElement.parentElement.querySelectorAll].setAttribute('disabled', 'disabled');
}
});
});
}
......@@ -855,79 +859,77 @@ if(inputWork.length)
});
}
// Добавление места работы
let addPlaceWork = document.querySelectorAll('.add-place-work');
let indexPlaceWork = 0;
if(addPlaceWork.length)
{
let indexPlacework = 0;
addPlaceWork.forEach(elem => {
elem.addEventListener('click', (e) =>
{
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 => {
let oldName = input.name;
input.name = oldName + indexPlaceWork;
let oldId = input.id;
input.id = oldId + indexPlaceWork;
});
newLabels.forEach(label => {
let oldFor = label.getAttribute('for');
label.setAttribute('for', oldFor + indexPlaceWork);
});
indexPlacework++;
let tempateForm = `
<div class="data-form-experience">
<div class="block-mb-yellow">
<label for="company">Компания</label>
<input type="text" name="company${indexPlacework}" id="company${indexPlacework}" placeholder="КОМПАНИЯ">
</div>
<div class="block-mb-orange">
<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 @@
<li>
<a href="post-resume-step3.html">Разместить резюме - Шаг 3</a>
</li>
<!-- <li>
<li>
<a href="post-resume-step4.html">Разместить резюме - Шаг 4</a>
</li> -->
</li>
<li>
<a href="current-resume.html">Резюме детальная</a>
</li>
</ul>
</div>
</div>
......
src/post-resume-step2.html
View file @ eb243b51
......@@ -176,7 +176,7 @@
<form action="" name="post-resume-step2" id="post-resume-step2">
<div class="block-mb-orange">
<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="2">Должность 2</option>
<option value="3">Должность 3</option>
......@@ -184,7 +184,7 @@
</select>
</div>
<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 class="block-mb-green">
<label for="desired-salary">Желаемая зарплата, руб</label>
......
src/post-resume-step3.html
View file @ eb243b51
......@@ -189,7 +189,7 @@
</div>
<div class="block-mb-orange">
<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="2">Должность 2</option>
<option value="3">Должность 3</option>
......@@ -197,7 +197,7 @@
</select>
</div>
<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 class="block-mb-yellow">
<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']
}
}
.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
{
position: relative;
......@@ -3138,6 +3155,7 @@ ymaps[class$='pie-chart-content']
{
display: flex;
justify-content: space-between;
position: relative;
&-block
{
display: flex;
......@@ -3213,7 +3231,7 @@ ymaps[class$='pie-chart-content']
}
&__contacts
{
p, a
a, p
{
font-family: Montserrat Regular;
font-size: 15px;
......@@ -3231,6 +3249,12 @@ ymaps[class$='pie-chart-content']
margin-right: 20px;
width: 20px;
}
p
{
color: $color-disabled;
margin-top: 7px;
margin-left: 42px;
}
}
}
}
......@@ -3246,6 +3270,7 @@ ymaps[class$='pie-chart-content']
{
display: flex;
margin-bottom: 32px;
justify-content: space-between;
&__name
{
width: 16%;
......@@ -3442,6 +3467,22 @@ input[type="submit"]
padding-left: 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
{
......@@ -3941,6 +3982,7 @@ input[type="submit"]
.post-resume
{
position: relative;
.steps-post-resume
{
display: flex;
......@@ -4093,9 +4135,10 @@ input[type="submit"]
// Разместить резюме - Шаг 3
.form-experience
.data-form-experience
{
border-bottom: 2px solid #DDDCE8;
margin-bottom: 43px;
}
.block-skip-step
......@@ -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
{
......
webpack.config.js
View file @ eb243b51
......@@ -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',
'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',
'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 = {
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