Skip to content

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

Make post resume page

parent d75400fa
Show whitespace changes
Inline Side-by-side
Showing with 781 additions and 1 deletion
src/img/arrow_step.svg 0 → 100644
View file @ 45a2e10e
<svg width="85" height="21" viewBox="0 0 85 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M85 10.325C85 10.2375 85 10.2375 84.9124 10.15C84.9124 10.15 84.9124 10.15 84.9124 10.0625C84.9124 10.0625 84.9124 9.97496 84.8247 9.97496C84.8247 9.97496 84.8247 9.97496 84.7371 9.88746L84.6495 9.79996L74.134 0.174958C73.7835 -0.175042 73.2577 -0.0875417 72.9072 0.262458C72.5567 0.612458 72.6443 1.13746 72.9949 1.48746L81.8454 9.62496H0.876289C0.350515 9.62496 0 9.97496 0 10.5C0 11.025 0.350515 11.375 0.876289 11.375H81.8454L72.9949 19.5125C72.6443 19.8625 72.6443 20.3875 72.9072 20.7375C73.0825 20.9125 73.3454 21 73.5206 21C73.6959 21 73.9588 20.9125 74.134 20.7375L84.6495 11.1125L84.7371 11.025C84.7371 11.025 84.7371 11.025 84.7371 10.9375C84.7371 10.9375 84.7371 10.85 84.8247 10.85C84.8247 10.85 84.8247 10.85 84.8247 10.7625C84.8247 10.675 84.8247 10.675 84.9124 10.5875C84.9124 10.5 84.9124 10.5 84.9124 10.4125C85 10.4125 85 10.4125 85 10.325Z" fill="#B7B6C4"/>
</svg>
src/img/icon_substrate_avatar.svg 0 → 100644
View file @ 45a2e10e
<svg width="126" height="126" viewBox="0 0 126 126" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.5" d="M86.94 67.41C95.13 60.48 100.8 49.77 100.8 37.8C100.8 17.01 83.79 0 63 0C42.21 0 25.2 17.01 25.2 37.8C25.2 49.77 30.87 60.48 39.06 67.41C16.38 75.6 0 97.02 0 126H12.6C12.6 94.5 35.28 75.6 63 75.6C90.72 75.6 113.4 94.5 113.4 126H126C126 97.02 109.62 75.6 86.94 67.41ZM63 63C49.14 63 37.8 51.66 37.8 37.8C37.8 23.94 49.14 12.6 63 12.6C76.86 12.6 88.2 23.94 88.2 37.8C88.2 51.66 76.86 63 63 63Z" fill="#DDDCE8"/>
</svg>
src/js/main.js
View file @ 45a2e10e
...@@ -218,6 +218,8 @@ if(inputFile.length > 0) ...@@ -218,6 +218,8 @@ if(inputFile.length > 0)
{ {
inputFile.forEach(function(input) inputFile.forEach(function(input)
{ {
if(input.id = 'load-avatar') return;
input.addEventListener('change', function(e) input.addEventListener('change', function(e)
{ {
var value = input.value; var value = input.value;
...@@ -741,6 +743,53 @@ if(buttonMailingPhone && buttonMailingEmail) ...@@ -741,6 +743,53 @@ if(buttonMailingPhone && buttonMailingEmail)
} }
// Загрузка фото
let canvasAvatar = document.querySelector('#canvas-avatar');
let ctx = canvasAvatar.getContext("2d");
let initialAvatar = new Image();
// Загружаем файл изображения
initialAvatar.src = "../img/img_substrate.png";
if(canvasAvatar)
{
initialAvatar.onload = function()
{
ctx.drawImage(initialAvatar, 0, 0, 210, 210);
}
let loadAvatar = document.querySelector('#load-avatar');
loadAvatar.addEventListener('change', () => {
let file = loadAvatar.files[0];
let img;
let reader = new FileReader();
reader.onload = drawNewImage;
reader.readAsDataURL(file);
function drawNewImage()
{
img = new Image();
img.onload = function()
{
ctx.drawImage(img, 0, 0, 210, 210);
}
img.src = reader.result;
}
});
}
......
src/main.html
View file @ 45a2e10e
...@@ -203,6 +203,12 @@ ...@@ -203,6 +203,12 @@
<li> <li>
<a href="subscription.html">Подписка</a> <a href="subscription.html">Подписка</a>
</li> </li>
<li>
<a href="post-resume-step1.html">Разместить резюме - Шаг 1</a>
</li>
<!-- <li>
<a href="post-resume-step2.html">Разместить резюме - Шаг 2</a>
</li> -->
</ul> </ul>
</div> </div>
</div> </div>
......
src/post-resume-step1.html 0 → 100644
View file @ 45a2e10e
<!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">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue">
<div class="steps-post-resume">
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 1. Личные данные</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
</div>
<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 steps-post-resume__step_disabled">Шаг 3. Опыт работы</a>
</div>
<div class="block-mt-blue">
<form action="" name="post-resume-step1" id="post-resume-step1">
<div class="container-compressed">
<div class="block-mb-yellow">
<label for="name">Имя</label>
<input type="text" placeholder="ИМЯ" name="name" id="name">
</div>
<div class="block-mb-yellow">
<label for="sername">Фамилия</label>
<input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername">
</div>
<div class="block-mb-yellow">
<label for="patronymic">Отчество</label>
<input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic">
</div>
<div class="block-mb-yellow">
<label for="birthday">Дата рождения</label>
<input type="text" name="birthday" id="birthday" placeholder="ВЫБЕРИТЕ ДАТУ">
</div>
<div class="block-gender block-mb-green">
<p>Пол:</p>
<div class="block-radio">
<label for="male">
<input type="radio" id="male" name="gender" hidden="" checked>
<div class="radio"></div>
Мужской
</label>
</div>
<div class="block-radio">
<label for="female">
<input type="radio" id="female" name="gender" hidden="">
<div class="radio"></div>
Женский
</label>
</div>
</div>
<div class="block-mb-yellow">
<label for="phone">Телефон</label>
<input type="text" name="phone" id="phone" placeholder="+7">
</div>
<div class="block-mb-yellow">
<label for="email">E-mail</label>
<input type="text" name="email" id="email" placeholder="E-MAIL">
</div>
<div class="block-mb-orange">
<label for="address">Адрес</label>
<input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА">
</div>
<p class="block-mb-green" style="font-size: 14px;">Начните вводить адрес и выберите подходящий из появившегося списка</p>
<p class="block-mb-green" style="font-size: 14px;">* - поля, обязательные для заполнения</p>
<p class="block-mb-blue" style="font-size: 14px;">Нажимая кнопку «Далее», Вы даёте своё согласие на обработку персональных данных</p>
<div class="transfer-steps">
<button type="button" class="other-button disabled" id="prev-step-resume">Назад</button>
<button type="button" class="main-button" id="next-step-resume">Далее</button>
</div>
</div>
<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>
</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-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/post-resume-step2.html 0 → 100644
View file @ 45a2e10e
<!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">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue">
<div class="steps-post-resume">
<a href="#" class="steps-post-resume__step">Шаг 1. Личные данные</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">Шаг 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>
<div class="block-mt-blue">
<form action="" name="post-resume-step1" id="post-resume-step1">
<div class="container-compressed">
<div class="block-mb-yellow">
<label for="name">Имя</label>
<input type="text" placeholder="ИМЯ" name="name" id="name">
</div>
<div class="block-mb-yellow">
<label for="sername">Фамилия</label>
<input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername">
</div>
<div class="block-mb-yellow">
<label for="patronymic">Отчество</label>
<input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic">
</div>
<div class="block-mb-yellow">
<label for="birthday">Дата рождения</label>
<input type="text" name="birthday" id="birthday" placeholder="ВЫБЕРИТЕ ДАТУ">
</div>
<div class="block-gender block-mb-green">
<p>Пол:</p>
<div class="block-radio">
<label for="male">
<input type="radio" id="male" name="gender" hidden="" checked>
<div class="radio"></div>
Мужской
</label>
</div>
<div class="block-radio">
<label for="female">
<input type="radio" id="female" name="gender" hidden="">
<div class="radio"></div>
Женский
</label>
</div>
</div>
<div class="block-mb-yellow">
<label for="phone">Телефон</label>
<input type="text" name="phone" id="phone" placeholder="+7">
</div>
<div class="block-mb-yellow">
<label for="email">E-mail</label>
<input type="text" name="email" id="email" placeholder="E-MAIL">
</div>
<div class="block-mb-orange">
<label for="address">Адрес</label>
<input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА">
</div>
<p class="block-mb-green" style="font-size: 14px;">Начните вводить адрес и выберите подходящий из появившегося списка</p>
<p class="block-mb-green" style="font-size: 14px;">* - поля, обязательные для заполнения</p>
<p class="block-mb-blue" style="font-size: 14px;">Нажимая кнопку «Далее», Вы даёте своё согласие на обработку персональных данных</p>
<div class="transfer-steps">
<button type="button" class="other-button" id="prev-step-resume">Назад</button>
<button type="button" class="main-button" id="next-step-resume">Далее</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-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 @ 45a2e10e
...@@ -2507,6 +2507,7 @@ button ...@@ -2507,6 +2507,7 @@ button
.container-compressed .container-compressed
{ {
width: 610px; width: 610px;
position: relative;
form form
{ {
input[type="text"], input[type="submit"], input[type="password"] input[type="text"], input[type="submit"], input[type="password"]
...@@ -2535,6 +2536,22 @@ button ...@@ -2535,6 +2536,22 @@ button
} }
} }
label
{
font-family: Montserrat Regular;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
span
{
color: $color-hover;
}
}
.container-compressed_center .container-compressed_center
{ {
margin: 0 auto; margin: 0 auto;
...@@ -3896,6 +3913,104 @@ input[type="submit"] ...@@ -3896,6 +3913,104 @@ input[type="submit"]
} }
} }
// Страница Разместить резюме - Шаг 1
.post-resume
{
.steps-post-resume
{
display: flex;
align-items: center;
justify-content: space-between;
&__arrow
{
margin-left: 60px;
margin-right: 60px;
}
&__step
{
font-family: Montserrat Bold;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-disabled;
text-transform: uppercase;
border: 0;
}
&__step_current
{
color: $color-hover;
pointer-events: none;
}
&__step_disabled
{
pointer-events: none;
}
}
form
{
position: relative;
.transfer-steps
{
display: flex;
justify-content: space-between;
align-items: center;
.disabled
{
opacity: 0;
z-index: -1;
pointer-events: none;
}
}
}
}
.load-avatar
{
width: 210px;
height: 263px;
position: absolute;
right: 0;
top: 0;
&__block
{
width: 100%;
height: 210px;
}
label
{
width: 210px;
height: 53px;
background-color: #ffffff;
font-family: Montserrat Bold;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-ref;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
margin-bottom: 0;
cursor: pointer;
transition: .3s;
}
label:hover
{
color: $color-hover;
}
label:active
{
color: $color-clicked;
}
}
.footer .footer
{ {
......
webpack.config.js
View file @ 45a2e10e
...@@ -7,7 +7,8 @@ const webpack = require('webpack'); ...@@ -7,7 +7,8 @@ const webpack = require('webpack');
const isDev = process.env.NODE_ENV = 'development'; 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'];
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