Skip to content

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

Resumes list and resumes map is done

parent c26c3d30
Hide whitespace changes
Inline Side-by-side
Showing with 2562 additions and 22 deletions
package-lock.json
View file @ 9dcc6c2f
......@@ -6880,6 +6880,11 @@
"resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
"integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
},
"nouislider": {
"version": "14.5.0",
"resolved": "https://registry.npmjs.org/nouislider/-/nouislider-14.5.0.tgz",
"integrity": "sha512-EzI2Y0pO+x20c8yHLvhmT9HXexkbncXHKcnNb6abN48a3F8QEGb73v2W6aPolQytoyjCalUrozSeHBTlpz2jfg=="
},
"npm-run-path": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
......
src/current-resume-employer.html
View file @ 9dcc6c2f
......@@ -298,7 +298,7 @@
<img src="./img/icon_profile.svg" alt="">
Петров Василий Иванович
</p> -->
<a href="mailto:i_ivanov@mail.ru" class="brief-information-block__email">
<!-- <a href="mailto:i_ivanov@mail.ru" class="brief-information-block__email">
<img src="./img/icon_mail.svg" alt="">
i_ivanov@mail.ru
</a>
......@@ -311,22 +311,28 @@
<img src="./img/icon_phone.svg" alt="">
+71234567890
<p>Номер близкого знакомого</p>
</a>
</a> -->
<div class="show-contacts-block block-mt-green">
<a href="#" class="other-button">Показать контакты</a>
<span class="block-tooltip" data-info="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку">
<img class="img-svg" src="./img/icon_info.svg" alt="">
</span>
</div>
</div>
</div>
</div>
<div class="block-to-edit">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
В избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
Опубликовать
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Пригласить
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
Удалить
<img class="img-svg" src="./img/icon_print.svg" alt="">
Распечатать
</a>
</div>
</div>
......
src/img/icon_mailing.svg 0 → 100644
View file @ 9dcc6c2f
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.2 5.1L10.3 8.2L18.6 0L20 1.4L10.3 11.1L5.8 6.5L7.2 5.1ZM18 18H2V2H10V0C3.6 0 4.4 0 0 0C0 8.6 0 10.6 0 20C11.1 20 10.5 20 20 20C20 14.2 20 15.6 20 10H18V18Z" fill="#262262"/>
</svg>
src/img/icon_order.svg 0 → 100644
View file @ 9dcc6c2f
<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 7L13 0L11.3 1L14.7 7H5.3L8.8 1L7 0L3 7C2 7 1.1 7 0 7V9H1.3L3 19H17L18.7 9H20V7C18.9 7 18 7 17 7ZM15.3 17H4.7L3.4 9C6.4 9 13.7 9 16.9 9L15.3 17Z" fill="#262262"/>
</svg>
src/img/icon_print.svg 0 → 100644
View file @ 9dcc6c2f
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6V0H2V6H0V18H3V20H17V18H20V6H18ZM4 2H16V6H4V2ZM15 18H5C5 16.6 5 15.4 5 14H15C15 15.4 15 16.6 15 18ZM18 8C18 10.8 18 13.1 18 16H17V12H3V16H2C2 13.2 2 10.9 2 8C5 8 14.5 8 18 8ZM5.2 9.8C5.2 10.4 4.8 10.8 4.2 10.8C3.6 10.8 3.2 10.4 3.2 9.8C3.2 9.2 3.6 8.8 4.2 8.8C4.7 8.8 5.2 9.3 5.2 9.8ZM9.2 9.8C9.2 10.4 8.8 10.8 8.2 10.8C7.6 10.8 7.2 10.4 7.2 9.8C7.2 9.2 7.6 8.8 8.2 8.8C8.7 8.8 9.2 9.3 9.2 9.8Z" fill="#262262"/>
</svg>
src/img/icon_statistics.svg 0 → 100644
View file @ 9dcc6c2f
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 20H13V10H7V20ZM9 12H11V18H9V12ZM0 20H6V4H0V20ZM2 6H4V18H2V6ZM14 0V20H20V0H14ZM18 18H16V2H18V18Z" fill="#262262"/>
</svg>
src/img/icon_watch.svg 0 → 100644
View file @ 9dcc6c2f
<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 10C14 13 11.3 16 8 16C4.7 16 2 13.3 2 10C2 6.7 4.7 4 8 4V6L13 3L8 0V2C3.6 2 0 5.6 0 10C0 14.4 3.6 18 8 18C12.4 18 16 15 16 10H14ZM7 7C7 8.4 7 8.4 7 11C9.8 11 6.6 11 13 11V9H9V7H7Z" fill="#262262"/>
</svg>
src/js/main.js
View file @ 9dcc6c2f
......@@ -4,6 +4,7 @@ import '../scss/style.scss';
import Choices from '../../node_modules/choices.js/src/scripts/choices';
import 'owl.carousel';
import datepicker from 'js-datepicker';
import noUiSlider from "nouislider";
(function()
{
......@@ -378,6 +379,7 @@ document.addEventListener('DOMContentLoaded', () => {
let vacanciesMap = document.querySelector('#vacancies-map');
let companiesMap = document.querySelector('#companies-map');
let favoritesVacanciesMap = document.querySelector('#favorites-vacancies-map');
let resumesMap = document.querySelector('#resumes-map');
if(vacanciesMap)
{
......@@ -598,6 +600,106 @@ document.addEventListener('DOMContentLoaded', () => {
};
let MyBalloonContentLayout = ymaps.templateLayoutFactory.createClass(
'<div class="balloon-header-vacancy"><div class="balloon-header-vacancy__left"><p>$[properties.nameWork]</p><p>$[properties.salary]</p></div><div class="balloon-header-vacancy__right"><a class="button-text" href="current-vacancy.html"><img class="img-svg" src="./img/arrow_balloon.svg"></a></div></div>' +
'<div class="balloon-content-vacancy"><div class="balloon-content-vacancy-block"><div class="balloon-content-vacancy-block__image"><img src="$[properties.logoCompany]"></div><p class="balloon-content-vacancy-block__name">$[properties.nameCompany]</p></div></div>'
);
data.forEach((item, index) => {
let featureObj = {
"type": "Feature",
"id": index,
"geometry": {
"type": "Point",
"coordinates": item.coords
},
"properties": {
"nameWork": item.nameWork,
"salary": item.salary,
"nameCompany": item.nameCompany,
"logoCompany":item.logoCompany
},
"options": {
"iconLayout": "default#image",
"iconColor": "#dc3535",
"iconImageHref": "./img/icon_pin.svg",
"iconImageSize": [33, 47],
"balloonOffset": [-70, -45],
"balloonContentLayout": MyBalloonContentLayout,
"hideIconOnBalloonOpen": false,
"balloonCloseButton": false,
"zIndex": 100,
"zIndexHover": 500,
"zIndexActive": 1000
}
};
objectManagerData["features"].push(featureObj);
});
let objectManager = new ymaps.ObjectManager({
clusterize: true,
gridSize: 128,
clusterIconLayout: "default#pieChart",
clusterIconPieChartStrokeWidth: 0
});
map.geoObjects.add(objectManager);
objectManager.add(objectManagerData);
map.setBounds(map.geoObjects.getBounds());
objectManager.objects.events.add('click', function (e) {
var objectId = e.get('objectId');
if (objectManager.objects.balloon.isOpen(objectId)) {
objectManager.objects.balloon.close();
}
map.events.add('click', function (e)
{
if(e.get('target') === map)
{
objectManager.objects.balloon.close();
}
});
});
objectManager.objects.events.add('balloonopen', function(e) {
objectManager.objects.setObjectOptions(e.get('target')._objectIdWithOpenBalloon, {'iconImageHref': './img/icon_pin_active.svg', 'zIndex': 1000});
});
objectManager.objects.events.add('balloonclose', function(e) {
objectManager.objects.setObjectOptions(e.get('target')._objectIdWithOpenBalloon, {'iconImageHref': './img/icon_pin.svg', 'zIndex': 250});
});
})
})
});
}
if(resumesMap)
{
fetch('./php/favorites-vacancies.php')
.then(response => response.json())
.then(data => {
let apiKey = 'e158c5a2-b717-4552-9b2d-e21a7b7d540b';
getScript('https://api-maps.yandex.ru/2.1/?lang=ru_RU&apikey=' + apiKey, function(){
ymaps.ready(function ()
{
let map = new ymaps.Map('resumes-map', {
center: [55.751574, 37.573856],
zoom: 12,
controls: []
})
let objectManagerData = {
"type": "FeatureCollection",
"features": []
};
let MyBalloonContentLayout = ymaps.templateLayoutFactory.createClass(
'<div class="balloon-header-vacancy"><div class="balloon-header-vacancy__left"><p>$[properties.nameWork]</p><p>$[properties.salary]</p></div><div class="balloon-header-vacancy__right"><a class="button-text" href="current-vacancy.html"><img class="img-svg" src="./img/arrow_balloon.svg"></a></div></div>' +
'<div class="balloon-content-vacancy"><div class="balloon-content-vacancy-block"><div class="balloon-content-vacancy-block__image"><img src="$[properties.logoCompany]"></div><p class="balloon-content-vacancy-block__name">$[properties.nameCompany]</p></div></div>'
......@@ -1411,7 +1513,11 @@ if(responses.length)
if(window.matchMedia('(max-width: 650px)').matches)
{
let submitButton = document.querySelector('.quick-job-search-block-content form input[type="submit"]');
submitButton.value = ''
if(submitButton)
{
submitButton.value = ''
}
}
......@@ -1515,6 +1621,57 @@ if(tabs.length)
}
// Range Slider
let blockRangeSliders = document.querySelectorAll('.block-range-slider');
if(blockRangeSliders.length)
{
blockRangeSliders.forEach(block =>
{
let rangeSlider = block.querySelector('[data-id="range-slider"]');
let snapValues = [
block.querySelector('input[name="min-value-range"]'),
block.querySelector('input[name="max-value-range"]')
];
noUiSlider.create(rangeSlider, {
start: [18, 52],
tooltips: false,
step: 1,
connect: true,
range: {
'min': 18,
'max': 99
}
});
rangeSlider.noUiSlider.on('update', function (values, handle) {
snapValues[handle].value = Math.round(values[handle]);
});
snapValues.forEach((field, index) =>
{
field.addEventListener('change', function(e)
{
let value = field.value;
if(index === 0)
{
rangeSlider.noUiSlider.set([value, null]);
}
else
{
rangeSlider.noUiSlider.set([null, value]);
}
});
});
});
}
......
src/main.html
View file @ 9dcc6c2f
......@@ -399,6 +399,15 @@
<li>
<a href="current-resume-employer.html">Резюме детальная</a>
</li>
<li>
<a href="resume-paid.html">Резюме оплаченное</a>
</li>
<li>
<a href="resumes-list.html">Список резюме</a>
</li>
<li>
<a href="resumes-map.html">Резюме на карте</a>
</li>
</ul>
</div>
</div>
......
src/resume-paid.html 0 → 100644
View file @ 9dcc6c2f
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Разместить резюме</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Грузчик</h1>
<div class="content-page block-mt-dark-blue">
<div class="profile-container">
<div class="row profile-container-row">
<div class="col-3">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="post-resume">
<div class="brief-information">
<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 class="block-to-edit">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
В избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Пригласить
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_print.svg" alt="">
Распечатать
</a>
</div>
</div>
<div class="detailed-description block-mt-blue">
<h2>Личные данные</h2>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Город проживания:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Нижний Новгород</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Место жительства:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>ул. Ивана Романова, д. 2</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Пол:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Мужской</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Возраст:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>37</p>
</div>
</div>
</div>
</div>
</div>
<div class="detailed-description block-mt-blue">
<h2>Сведения о работе</h2>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Желаемая должность:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Грузчик</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Желаемая зарплата:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>30 000 руб. / мес.</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Стаж работы:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Более 5 лет</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Город:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Нижний Новгород, Кстово, Дзержинск</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Тип занятости:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Полная занятость, Временная работа, Частичная занятость</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>График работы:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Полный день, Гибкий график</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Командировки:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Не готов к командировкам, Готов к переезду</p>
</div>
</div>
</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="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Наличие судимости:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Нет</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Наличие хронических заболеваний:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Да, ангина</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Наличие медицинской книжки:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Да, требует продления</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Способ связи:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Позвоните мне, после обеда</p>
</div>
</div>
</div>
</div>
</div>
<div class="information-yourself block-mt-blue">
<h2>Сведения о себе</h2>
<p class="block-mt-green">Ищу постоянную работу и подработку на субботу или воскресенье. Не против обучения. Размещается мини-резюме обычно в газетах или на соответствующих сайтах по трудоустройству. Для соискателей размещение краткого резюме, как правило, бесплатное.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Обратная связь</h2>
<div class="block-mt-blue">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Спасибо за обращение!</h2>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/resumes-list.html
View file @ 9dcc6c2f
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Резюме</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Резюме</h1>
<div class="content-page block-mt-dark-blue">
<div class="list-container">
<div class="row list-container-row">
<div class="col-3">
<div class="sidebar-filter">
<form action="" id="form-filter">
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Город</p>
<select name="city">
<option value="0">Выберите город</option>
<option value="city1">Москва</option>
<option value="city2">Нижний Новгород</option>
<option value="city3">Казань</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Должность</p>
<select name="position">
<option value="all">Все</option>
<option value="position1">Должность 1</option>
<option value="position2">Должность 2</option>
<option value="position3">Должность 3</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Тип занятости</p>
<select name="employment">
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">График</p>
<select name="schedule">
<option value="schedule1">Полный рабочий день</option>
<option value="schedule2">Полный рабочий день</option>
<option value="schedule3">Полный рабочий день</option>
</select>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Пол</p>
<div class="block-radio block-mt-orange">
<label for="male">
<input type="radio" id="male" name="gender" hidden checked>
<div class="radio"></div>
<p>Мужской</p>
</label>
</div>
<div class="block-radio block-mt-orange">
<label for="female">
<input type="radio" id="female" name="gender" hidden>
<div class="radio"></div>
<p>Женский</p>
</label>
</div>
</div>
<div class="block-range-slider block-mb-yellow">
<p class="range-slider__title">Возраст</p>
<div class="range-slider" data-id="range-slider"></div>
<div class="range-slider__values">
<input type="text" name="min-value-range" value="18">
<input type="text" name="max-value-range" value="52">
</div>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Тип работодателя</p>
<div class="block-checkbox block-mt-orange">
<label for="direct-employers">
<input type="checkbox" id="direct-employers" name="direct-employers" hidden checked>
<div class="check"></div>
<p>Прямые работодатели</p>
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="recruitment-agencies">
<input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked>
<div class="check"></div>
<p>Кадровые агенства</p>
</label>
</div>
</div>
<div class="block-mt-green">
<input type="submit" name="submit-filter" class="main-button" value="Применить фильтр">
</div>
</form>
</div>
</div>
<div class="col-9">
<div class="additional-search">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_map.svg" alt="">
Показать на карте
</a>
<button type="button" class="other-button button-filter">
<img class="img-svg" src="./img/icon_option.svg" alt="">
</button>
<form action="" id="quick-search">
<input type="text" name="q" placeholder="Поиск по резюме">
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form>
</div>
<div class="main-search">
<div class="row search-list-row">
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Разнорабочий</p>
<p class="card__company">Сидоров Александр</p>
<p class="card__salary">от 30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">Петров Василий</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Наладчик конвейерного производства</p>
<p class="card__company">Сидоров Александр Евгеньевич</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный график</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Разнорабочий</p>
<p class="card__company">Сидоров Александр</p>
<p class="card__salary">от 30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">Петров Василий</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Наладчик конвейерного производства</p>
<p class="card__company">Сидоров Александр Евгеньевич</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный график</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Разнорабочий</p>
<p class="card__company">Сидоров Александр</p>
<p class="card__salary">от 30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">Петров Василий</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Наладчик конвейерного производства</p>
<p class="card__company">Сидоров Александр Евгеньевич</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный график</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Разнорабочий</p>
<p class="card__company">Сидоров Александр</p>
<p class="card__salary">от 30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">Петров Василий</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card__desc">
<p class="card__name">Наладчик конвейерного производства</p>
<p class="card__company">Сидоров Александр Евгеньевич</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный график</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
</div>
<div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button>
</div>
<div class="wrapper-pagination block-mt-blue">
<div class="pagination">
<a href="#" class="pagination__block pagination__block_current">1</a>
<a href="#" class="pagination__block">2</a>
<a href="#" class="pagination__block">3</a>
<a href="#" class="pagination__block">4</a>
<a href="#" class="pagination__block">5</a>
<a href="#" class="pagination__block ellipsis">...</a>
<a href="#" class="pagination__block">18</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Обратная связь</h2>
<div class="block-mt-blue">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Спасибо за обращение!</h2>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__filter" id="modal-filter">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-filter">
<form action="" id="form-filter">
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Город</p>
<select name="city">
<option value="0">Выберите город</option>
<option value="city1">Москва</option>
<option value="city2">Нижний Новгород</option>
<option value="city3">Казань</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Должность</p>
<select name="position">
<option value="all">Все</option>
<option value="position1">Должность 1</option>
<option value="position2">Должность 2</option>
<option value="position3">Должность 3</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Тип занятости</p>
<select name="employment">
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">График</p>
<select name="schedule">
<option value="schedule1">Полный рабочий день</option>
<option value="schedule2">Полный рабочий день</option>
<option value="schedule3">Полный рабочий день</option>
</select>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Пол</p>
<div class="block-radio block-mt-orange">
<label for="male">
<input type="radio" id="male" name="gender" hidden checked>
<div class="radio"></div>
<p>Мужской</p>
</label>
</div>
<div class="block-radio block-mt-orange">
<label for="female">
<input type="radio" id="female" name="gender" hidden>
<div class="radio"></div>
<p>Женский</p>
</label>
</div>
</div>
<div class="block-range-slider block-mb-yellow">
<p class="range-slider__title">Возраст</p>
<div class="range-slider" data-id="range-slider"></div>
<div class="range-slider__values">
<input type="text" name="min-value-range" value="18">
<input type="text" name="max-value-range" value="52">
</div>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Тип работодателя</p>
<div class="block-checkbox block-mt-orange">
<label for="direct-employers">
<input type="checkbox" id="direct-employers" name="direct-employers" hidden checked>
<div class="check"></div>
<p>Прямые работодатели</p>
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="recruitment-agencies">
<input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked>
<div class="check"></div>
<p>Кадровые агенства</p>
</label>
</div>
</div>
<div class="block-mt-green">
<input type="submit" name="submit-filter" class="main-button" value="Применить фильтр">
</div>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/resumes-map.html
View file @ 9dcc6c2f
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Резюме</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Резюме</h1>
<div class="content-page block-mt-dark-blue">
<div class="list-container">
<div class="row list-container-row">
<div class="col-3">
<div class="sidebar-filter">
<form action="" id="form-filter">
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Город</p>
<select name="city">
<option value="0">Выберите город</option>
<option value="city1">Москва</option>
<option value="city2">Нижний Новгород</option>
<option value="city3">Казань</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Должность</p>
<select name="position">
<option value="all">Все</option>
<option value="position1">Должность 1</option>
<option value="position2">Должность 2</option>
<option value="position3">Должность 3</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Тип занятости</p>
<select name="employment">
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">График</p>
<select name="schedule">
<option value="schedule1">Полный рабочий день</option>
<option value="schedule2">Полный рабочий день</option>
<option value="schedule3">Полный рабочий день</option>
</select>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Пол</p>
<div class="block-radio block-mt-orange">
<label for="male">
<input type="radio" id="male" name="gender" hidden checked>
<div class="radio"></div>
<p>Мужской</p>
</label>
</div>
<div class="block-radio block-mt-orange">
<label for="female">
<input type="radio" id="female" name="gender" hidden>
<div class="radio"></div>
<p>Женский</p>
</label>
</div>
</div>
<div class="block-range-slider block-mb-yellow">
<p class="range-slider__title">Возраст</p>
<div class="range-slider" data-id="range-slider"></div>
<div class="range-slider__values">
<input type="text" name="min-value-range" value="18">
<input type="text" name="max-value-range" value="52">
</div>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Тип работодателя</p>
<div class="block-checkbox block-mt-orange">
<label for="direct-employers">
<input type="checkbox" id="direct-employers" name="direct-employers" hidden checked>
<div class="check"></div>
<p>Прямые работодатели</p>
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="recruitment-agencies">
<input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked>
<div class="check"></div>
<p>Кадровые агенства</p>
</label>
</div>
</div>
<div class="block-mt-green">
<input type="submit" name="submit-filter" class="main-button" value="Применить фильтр">
</div>
</form>
</div>
</div>
<div class="col-9">
<div class="additional-search">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_map.svg" alt="">
Показать на карте
</a>
<button type="button" class="other-button button-filter">
<img class="img-svg" src="./img/icon_option.svg" alt="">
</button>
<form action="" id="quick-search">
<input type="text" name="q" placeholder="Поиск по резюме">
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form>
</div>
<div class="main-search">
<div class="map-api" id="resumes-map"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Обратная связь</h2>
<div class="block-mt-blue">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Спасибо за обращение!</h2>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__filter" id="modal-filter">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-filter">
<form action="" id="form-filter">
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Город</p>
<select name="city">
<option value="0">Выберите город</option>
<option value="city1">Москва</option>
<option value="city2">Нижний Новгород</option>
<option value="city3">Казань</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Должность</p>
<select name="position">
<option value="all">Все</option>
<option value="position1">Должность 1</option>
<option value="position2">Должность 2</option>
<option value="position3">Должность 3</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Тип занятости</p>
<select name="employment">
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
<option value="shifts-30">Вахта 30 смен</option>
</select>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">График</p>
<select name="schedule">
<option value="schedule1">Полный рабочий день</option>
<option value="schedule2">Полный рабочий день</option>
<option value="schedule3">Полный рабочий день</option>
</select>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Пол</p>
<div class="block-radio block-mt-orange">
<label for="male">
<input type="radio" id="male" name="gender" hidden checked>
<div class="radio"></div>
<p>Мужской</p>
</label>
</div>
<div class="block-radio block-mt-orange">
<label for="female">
<input type="radio" id="female" name="gender" hidden>
<div class="radio"></div>
<p>Женский</p>
</label>
</div>
</div>
<div class="block-range-slider block-mb-yellow">
<p class="range-slider__title">Возраст</p>
<div class="range-slider" data-id="range-slider"></div>
<div class="range-slider__values">
<input type="text" name="min-value-range" value="18">
<input type="text" name="max-value-range" value="52">
</div>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Тип работодателя</p>
<div class="block-checkbox block-mt-orange">
<label for="direct-employers">
<input type="checkbox" id="direct-employers" name="direct-employers" hidden checked>
<div class="check"></div>
<p>Прямые работодатели</p>
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="recruitment-agencies">
<input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked>
<div class="check"></div>
<p>Кадровые агенства</p>
</label>
</div>
</div>
<div class="block-mt-green">
<input type="submit" name="submit-filter" class="main-button" value="Применить фильтр">
</div>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/scss/_libs.scss
View file @ 9dcc6c2f
......@@ -4,5 +4,6 @@
@import '~bootstrap/scss/bootstrap.scss';
@import '../../node_modules/choices.js/src/styles/choices.scss';
@import '~js-datepicker/src/datepicker';
@import '~nouislider/distribute/nouislider.min.css';
@import '~normalize.css';
// @import '~tiny-slider/dist/tiny-slider.css';
\ No newline at end of file
src/scss/_media.scss
View file @ 9dcc6c2f
......@@ -144,7 +144,7 @@
{
display: none;
}
.main-search .search-list-row-vacancies .col-4
.main-search .search-list-row .col-4
{
flex: 0 0 50%;
max-width: 50%;
......@@ -379,7 +379,7 @@
flex: 0 0 100%;
max-width: 100%;
}
.main-search .search-list-row-vacancies .col-4
.main-search .search-list-row .col-4
{
flex: 0 0 50%;
max-width: 50%;
......@@ -734,12 +734,12 @@
padding-left: 16px;
padding-right: 16px;
}
.main-search .search-list-row-vacancies .col-4
.main-search .search-list-row .col-4
{
padding-left: 16px;
padding-right: 16px;
}
.main-search .search-list-row-vacancies
.main-search .search-list-row
{
margin-left: -16px;
margin-right: -16px;
......@@ -1010,7 +1010,7 @@
flex: 0 0 100%;
max-width: 100%;
}
.main-search .search-list-row-vacancies .col-4
.main-search .search-list-row .col-4
{
max-width: 100%;
flex: 0 0 100%;
......@@ -1031,7 +1031,7 @@
{
margin-bottom: 10px;
}
.main-search .search-list-row-vacancies .col-4
.main-search .search-list-row .col-4
{
flex: 0 0 100%;
max-width: 100%;
......
src/scss/style.scss
View file @ 9dcc6c2f
......@@ -286,9 +286,8 @@ button
display: flex;
justify-content: center;
align-items: center;
font-family: Montserrat Bold;
font-size: 14px;
font-family: Montserrat Bold !important;
font-size: 14px !important;
font-stretch: normal;
font-style: normal;
line-height: normal;
......@@ -604,6 +603,73 @@ select
border-top-color: #dddce8;
}
// Стили для range-slider
.range-slider
{
margin-top: 22px;
margin-bottom: 22px;
padding-right: 16px;
// width: 250px;
&__title
{
font-family: Montserrat Bold;
font-size: 15px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
&__values
{
display: flex;
justify-content: space-between;
input
{
width: 80px;
}
}
}
.noUi-connect
{
background: $color-ref;
}
.noUi-target
{
background: $color-disabled;
border: 0;
border-radius: 3px;
box-shadow: none;
}
.noUi-horizontal, .noUi-base, .noUi-connects
{
height: 4px;
}
.noUi-horizontal .noUi-handle
{
right: -16px;
}
.noUi-handle
{
width: 16px !important;
height: 16px !important;
border-radius: 6px !important;
box-shadow: 0 2px 5px 0 rgba(15, 20, 91, 0.1) !important;
border: solid 1px #dddce8 !important;
background-color: #fff !important;
outline: none;
}
.noUi-handle:before, .noUi-handle:after
{
display: none;
}
// Стили для блока с файлом
.block-file
......@@ -2984,7 +3050,7 @@ button
.main-search
{
margin-top: 32px;
.search-list-row-vacancies
.search-list-row
{
margin-left: -10px;
margin-right: -10px;
......@@ -3960,6 +4026,16 @@ ymaps[class$='pie-chart-content']
margin-left: 42px;
}
}
.show-contacts-block
{
display: flex;
align-items: center;
.other-button
{
margin-right: 10px;
margin-bottom: 0;
}
}
}
}
}
......@@ -5273,6 +5349,26 @@ input[type="submit"]
margin: 0;
}
.base-resume
{
position: relative;
}
.base-resume:after
{
content: attr(data-count);
position: relative;
margin-left: 10px;
font-family: Montserrat Regular;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-disabled;
}
// Футер
......
src/vacancies-list.html
View file @ 9dcc6c2f
......@@ -451,7 +451,7 @@
</div>
<div class="col-9">
<div class="additional-search">
<a href="#" class="button-text vacancies-map">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_map.svg" alt="">
Показать на карте
</a>
......@@ -464,7 +464,7 @@
</form>
</div>
<div class="main-search">
<div class="row search-list-row-vacancies">
<div class="row search-list-row">
<div class="col-4">
<a href="#" class="image-vacancies" style="background-image: url(./img/img_banner3.png);"></a>
</div>
......
webpack.config.js
View file @ 9dcc6c2f
......@@ -10,7 +10,7 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article',
'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', 'current-resume', 'index-employer', 'articles-employer', 'faq-employer',
'current-article-employer', 'service-rules-employer', 'access-account-employer', 'tariffs', 'password-recovery-employer', 'registration-employer',
'resumes-list', 'resumes-map', 'current-resume-employer'];
'resumes-list', 'resumes-map', 'current-resume-employer', 'resume-paid'];
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