Skip to content

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

New four pages for employers is done

parent 9dcc6c2f
Show whitespace changes
Inline Side-by-side
Showing with 3602 additions and 309 deletions
src/current-company.html
View file @ 38fa1b94
...@@ -393,20 +393,20 @@ ...@@ -393,20 +393,20 @@
<h2>Вакансии компании</h2> <h2>Вакансии компании</h2>
<div class="row"> <div class="row">
<div class="col-3"> <div class="col-3">
<div class="vacancy-card popular"> <div class="card popular">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Помощник мастера</p> <p class="card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
...@@ -415,20 +415,20 @@ ...@@ -415,20 +415,20 @@
</div> </div>
</div> </div>
<div class="col-3"> <div class="col-3">
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Помощник мастера</p> <p class="card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
...@@ -437,20 +437,20 @@ ...@@ -437,20 +437,20 @@
</div> </div>
</div> </div>
<div class="col-3"> <div class="col-3">
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Помощник мастера</p> <p class="card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
...@@ -459,20 +459,20 @@ ...@@ -459,20 +459,20 @@
</div> </div>
</div> </div>
<div class="col-3"> <div class="col-3">
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Помощник мастера</p> <p class="card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
...@@ -481,20 +481,20 @@ ...@@ -481,20 +481,20 @@
</div> </div>
</div> </div>
<div class="col-3"> <div class="col-3">
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Помощник мастера</p> <p class="card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
...@@ -503,20 +503,20 @@ ...@@ -503,20 +503,20 @@
</div> </div>
</div> </div>
<div class="col-3"> <div class="col-3">
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Помощник мастера</p> <p class="card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
......
src/current-vacancy-employer.html 0 → 100644
View file @ 38fa1b94
<!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 current-ref">
<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="brief-information block-mb-blue">
<div class="brief-information-block">
<div class="brief-information-block__image">
<img src="./img/logo_employer.svg" 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:chapai@gmail.ru" class="brief-information-block__email">
<img src="./img/icon_mail.svg" alt="">
chapai@gmail.ru
</a>
<a href="tel:79876543210" class="brief-information-block__phone">
<img src="./img/icon_phone.svg" alt="">
+79876543210
</a>
</div>
</div>
</div>
<div class="block-to-edit">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
Опубликовать
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
Удалить
</a>
</div>
</div>
<div class="detailed-description block-mb-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>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>г. Нижний Новгород, ул. Ивана Романова, д. 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>
<div class="detailed-description block-mb-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="detailed-description block-mb-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>от 20 до 45 лет</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>1-3 года</p>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper-map block-mb-blue">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A805e8a92d74677c7d0faadbbe38c16ccd54442663acf6a9591c2c8ce6d3b9c9e&amp;source=constructor" width="100%" height="100%" frameborder="0"></iframe>
</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 current-ref">
<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/current-vacancy.html
View file @ 38fa1b94
...@@ -494,160 +494,160 @@ ...@@ -494,160 +494,160 @@
<h2>Похожие вакансии</h2> <h2>Похожие вакансии</h2>
<div class="similar-vacancies-slider"> <div class="similar-vacancies-slider">
<div class="similar-vacancies-slider-wrapper owl-carousel owl-theme"> <div class="similar-vacancies-slider-wrapper owl-carousel owl-theme">
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Помощник мастера</p> <p class="card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </div>
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Грузчик</p> <p class="card__name">Грузчик</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </div>
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Разнорабочий</p> <p class="card__name">Разнорабочий</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </div>
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Наладчик конвейерного производства</p> <p class="card__name">Наладчик конвейерного производства</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </div>
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Помощник мастера</p> <p class="card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </div>
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Грузчик</p> <p class="card__name">Грузчик</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </div>
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Разнорабочий</p> <p class="card__name">Разнорабочий</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </div>
<div class="vacancy-card"> <div class="card">
<div class="vacancy-card__desc"> <div class="card__desc">
<p class="vacancy-card__name">Наладчик конвейерного производства</p> <p class="card__name">Наладчик конвейерного производства</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p> <p class="card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p> <p class="card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p> <p class="card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p> <p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="card__buttons">
<a href="#" class="vacancy-card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Откликнуться
</a> </a>
......
src/favorites-employer.html 0 → 100644
View file @ 38fa1b94
<!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 current-ref">
<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="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>
</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 current-ref">
<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/js/main.js
View file @ 38fa1b94
...@@ -1470,31 +1470,16 @@ if(buttonHelp && menuMain) ...@@ -1470,31 +1470,16 @@ if(buttonHelp && menuMain)
// Адаптив для таблицы Резюме и Отклики // Адаптив для таблицы Резюме и Отклики
let resumes = document.querySelectorAll('.resumes'); let tables = document.querySelectorAll('.table');
let responses = document.querySelectorAll('.response'); let responses = document.querySelectorAll('.response');
if(resumes.length) if(tables.length)
{ {
// resumes.forEach(function(resume) tables.forEach(function(table)
// { {
// let headers = resume.querySelectorAll('.resumes-header-row-block p'); table.insertAdjacentHTML('beforebegin', '<div class="wrapper-table"></div>');
// let strBody = resume.querySelectorAll('.resumes-content-row'); let wrapperTable = table.previousElementSibling;
wrapperTable.appendChild(table);
// strBody.forEach(function(str)
// {
// let columns = str.querySelectorAll('.resumes-content-row-block');
// for(let i = 0; i < columns.length; i++)
// {
// columns[i].dataset.label = headers[i].innerHTML;
// }
// });
// });
resumes.forEach(function(resume)
{
resume.insertAdjacentHTML('beforebegin', '<div class="wrapper-table"></div>');
let wrapperTable = resume.previousElementSibling;
wrapperTable.appendChild(resume);
}); });
} }
...@@ -1671,6 +1656,54 @@ if(blockRangeSliders.length) ...@@ -1671,6 +1656,54 @@ if(blockRangeSliders.length)
} }
// Скрипт для отображния фильтра для таблиц
let filterBlock = document.querySelectorAll('.filter-block');
if(filterBlock.length)
{
filterBlock.forEach(block => {
let ref = block.querySelector('.filter-block__ref');
ref.addEventListener('click', (e) => {
e.preventDefault();
ref.classList.toggle('filter-block__ref_active');
block.querySelector('.filter-block__content').classList.toggle('filter-block__content_active');
});
});
}
// Скрипт для выбора периода времени в фильтре
let filterBlockContent = document.querySelectorAll('.filter-block__content');
if(filterBlockContent.length)
{
filterBlockContent.forEach(block =>
{
let radioButtons = block.querySelectorAll('input[type="radio"]');
let inputDate = block.querySelectorAll('[data-picker="datepicker"]');
radioButtons.forEach((button, index) => {
button.addEventListener('change', () => {
if(index === 1 && button.checked)
{
inputDate.forEach(input => {
input.removeAttribute('disabled');
});
}
if(index === 0 && button.checked)
{
inputDate.forEach(input => {
input.setAttribute('disabled', 'disabled');
});
}
});
});
});
}
......
src/main.html
View file @ 38fa1b94
...@@ -408,6 +408,18 @@ ...@@ -408,6 +408,18 @@
<li> <li>
<a href="resumes-map.html">Резюме на карте</a> <a href="resumes-map.html">Резюме на карте</a>
</li> </li>
<li>
<a href="current-vacancy-employer.html">Вакансия детальная</a>
</li>
<li>
<a href="favorites-employer.html">Избранное</a>
</li>
<li>
<a href="my-vacancies.html">Мои вакансии</a>
</li>
<li>
<a href="response-employer.html">Отклики</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
......
src/my-resumes.html
View file @ 38fa1b94
...@@ -320,100 +320,100 @@ ...@@ -320,100 +320,100 @@
</div> </div>
<div class="tabs-content block-mt-blue block-mb-blue"> <div class="tabs-content block-mt-blue block-mb-blue">
<div class="tabs-content-block tabs-content-block_active" data-tab="actual"> <div class="tabs-content-block tabs-content-block_active" data-tab="actual">
<div class="resumes resumes-actual"> <div class="table table-actual">
<div class="resumes-header"> <div class="table-header">
<div class="resumes-header-row"> <div class="table-header-row">
<div class="resumes-header-row-block resumes-name-column"> <div class="table-header-row-block table-name-column">
<p>Резюме</p> <p>Резюме</p>
</div> </div>
<div class="resumes-header-row-block resumes-views-column"> <div class="table-header-row-block table-views-column">
<p>Просмотры</p> <p>Просмотры</p>
</div> </div>
<div class="resumes-header-row-block resumes-feedback-column"> <div class="table-header-row-block table-feedback-column">
<p>Отклики</p> <p>Отклики</p>
</div> </div>
<div class="resumes-header-row-block resumes-date-column"> <div class="table-header-row-block table-date-column">
<p>Истекает</p> <p>Истекает</p>
<img src="./img/icon_arrow_up.svg" alt=""> <img src="./img/icon_arrow_up.svg" alt="">
</div> </div>
</div> </div>
</div> </div>
<div class="resumes-content"> <div class="table-content">
<div class="resumes-content-row"> <div class="table-content-row">
<div class="resumes-content-row-block resumes-name-column"> <div class="table-content-row-block table-name-column">
<div class="resumes__name"> <div class="table__name">
<a href="#">Столяр-обивщик</a> <a href="#">Столяр-обивщик</a>
</div> </div>
<div class="resumes__actions"> <div class="table__actions">
<a href="#" class="button-text edit-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt=""> <img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p> <p>Редактировать</p>
</a> </a>
<a href="#" class="button-text unpublish"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt=""> <img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Снять с публикации</p> <p>Снять с публикации</p>
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row-block resumes-views-column"> <div class="table-content-row-block table-views-column">
<p>2</p> <p>2</p>
</div> </div>
<div class="resumes-content-row-block resumes-feedback-column"> <div class="table-content-row-block table-feedback-column">
<p>0</p> <p>0</p>
</div> </div>
<div class="resumes-content-row-block resumes-date-column"> <div class="table-content-row-block table-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
</div> </div>
<div class="resumes-content-row"> <div class="table-content-row">
<div class="resumes-content-row-block resumes-name-column"> <div class="table-content-row-block table-name-column">
<div class="resumes__name"> <div class="table__name">
<a href="#">Комплектовщик-наборщик заказов</a> <a href="#">Комплектовщик-наборщик заказов</a>
</div> </div>
<div class="resumes__actions"> <div class="table__actions">
<a href="#" class="button-text edit-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt=""> <img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p> <p>Редактировать</p>
</a> </a>
<a href="#" class="button-text unpublish"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt=""> <img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Снять с публикации</p> <p>Снять с публикации</p>
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row-block resumes-views-column"> <div class="table-content-row-block table-views-column">
<p>18</p> <p>18</p>
</div> </div>
<div class="resumes-content-row-block resumes-feedback-column"> <div class="table-content-row-block table-feedback-column">
<p>2</p> <p>2</p>
</div> </div>
<div class="resumes-content-row-block resumes-date-column"> <div class="table-content-row-block table-date-column">
<p>03.11.2019</p> <p>03.11.2019</p>
</div> </div>
</div> </div>
<div class="resumes-content-row"> <div class="table-content-row">
<div class="resumes-content-row-block resumes-name-column"> <div class="table-content-row-block table-name-column">
<div class="resumes__name"> <div class="table__name">
<a href="#">Грузчик</a> <a href="#">Грузчик</a>
</div> </div>
<div class="resumes__actions"> <div class="table__actions">
<a href="#" class="button-text edit-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt=""> <img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p> <p>Редактировать</p>
</a> </a>
<a href="#" class="button-text unpublish"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt=""> <img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Снять с публикации</p> <p>Снять с публикации</p>
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row-block resumes-views-column"> <div class="table-content-row-block table-views-column">
<p>30</p> <p>30</p>
</div> </div>
<div class="resumes-content-row-block resumes-feedback-column"> <div class="table-content-row-block table-feedback-column">
<p>4 <span>+2</span></p> <p>4 <span>+2</span></p>
</div> </div>
<div class="resumes-content-row-block resumes-date-column"> <div class="table-content-row-block table-date-column">
<p>18.10.2019</p> <p>18.10.2019</p>
</div> </div>
</div> </div>
...@@ -421,80 +421,80 @@ ...@@ -421,80 +421,80 @@
</div> </div>
</div> </div>
<div class="tabs-content-block" data-tab="drafts"> <div class="tabs-content-block" data-tab="drafts">
<div class="resumes resumes-drafts"> <div class="table table-drafts">
<div class="resumes-header"> <div class="table-header">
<div class="resumes-header-row"> <div class="table-header-row">
<div class="resumes-header-row-block resumes-name-column"> <div class="table-header-row-block table-name-column">
<p>Резюме</p> <p>Резюме</p>
</div> </div>
<div class="resumes-header-row-block resumes-remove-column"> <div class="table-header-row-block table-remove-column">
<p>Удалить</p> <p>Удалить</p>
</div> </div>
</div> </div>
</div> </div>
<div class="resumes-content"> <div class="table-content">
<div class="resumes-content-row"> <div class="table-content-row">
<div class="resumes-content-row-block resumes-name-column"> <div class="table-content-row-block table-name-column">
<div class="resumes__name"> <div class="table__name">
<a href="#">Столяр-обивщик</a> <a href="#">Столяр-обивщик</a>
</div> </div>
<div class="resumes__actions"> <div class="table__actions">
<a href="#" class="button-text edit-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt=""> <img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p> <p>Редактировать</p>
</a> </a>
<a href="#" class="button-text publish"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt=""> <img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать</p> <p>Опубликовать</p>
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row-block resumes-remove-column"> <div class="table-content-row-block table-remove-column">
<a href="#" class="remove-resume"> <a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt=""> <img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row"> <div class="table-content-row">
<div class="resumes-content-row-block resumes-name-column"> <div class="table-content-row-block table-name-column">
<div class="resumes__name"> <div class="table__name">
<a href="#">Комплектовщик-наборщик заказов</a> <a href="#">Комплектовщик-наборщик заказов</a>
</div> </div>
<div class="resumes__actions"> <div class="table__actions">
<a href="#" class="button-text edit-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt=""> <img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p> <p>Редактировать</p>
</a> </a>
<a href="#" class="button-text publish"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt=""> <img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать</p> <p>Опубликовать</p>
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row-block resumes-remove-column"> <div class="table-content-row-block table-remove-column">
<a href="#" class="remove-resume"> <a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt=""> <img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row"> <div class="table-content-row">
<div class="resumes-content-row-block resumes-name-column"> <div class="table-content-row-block table-name-column">
<div class="resumes__name"> <div class="table__name">
<a href="#">Грузчик</a> <a href="#">Грузчик</a>
</div> </div>
<div class="resumes__actions"> <div class="table__actions">
<a href="#" class="button-text edit-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt=""> <img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p> <p>Редактировать</p>
</a> </a>
<a href="#" class="button-text publish"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt=""> <img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать</p> <p>Опубликовать</p>
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row-block resumes-remove-column"> <div class="table-content-row-block table-remove-column">
<a href="#" class="remove-resume"> <a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt=""> <img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a> </a>
</div> </div>
...@@ -503,117 +503,117 @@ ...@@ -503,117 +503,117 @@
</div> </div>
</div> </div>
<div class="tabs-content-block" data-tab="archive"> <div class="tabs-content-block" data-tab="archive">
<div class="resumes resumes-archive"> <div class="table table-archive">
<div class="resumes-header"> <div class="table-header">
<div class="resumes-header-row"> <div class="table-header-row">
<div class="resumes-header-row-block resumes-name-column"> <div class="table-header-row-block table-name-column">
<p>Резюме</p> <p>Резюме</p>
</div> </div>
<div class="resumes-header-row-block resumes-views-column"> <div class="table-header-row-block table-views-column">
<p>Просмотры</p> <p>Просмотры</p>
</div> </div>
<div class="resumes-header-row-block resumes-feedback-column"> <div class="table-header-row-block table-feedback-column">
<p>Отклики</p> <p>Отклики</p>
</div> </div>
<div class="resumes-header-row-block resumes-date-column"> <div class="table-header-row-block table-date-column">
<p>Истекло</p> <p>Истекло</p>
<img src="./img/icon_arrow_up.svg" alt=""> <img src="./img/icon_arrow_up.svg" alt="">
</div> </div>
<div class="resumes-header-row-block resumes-remove-column"> <div class="table-header-row-block table-remove-column">
<P>Удалить</P> <P>Удалить</P>
</div> </div>
</div> </div>
</div> </div>
<div class="resumes-content"> <div class="table-content">
<div class="resumes-content-row"> <div class="table-content-row">
<div class="resumes-content-row-block resumes-name-column"> <div class="table-content-row-block table-name-column">
<div class="resumes__name"> <div class="table__name">
<a href="#">Столяр-обивщик</a> <a href="#">Столяр-обивщик</a>
</div> </div>
<div class="resumes__actions"> <div class="table__actions">
<a href="#" class="button-text edit-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt=""> <img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p> <p>Редактировать</p>
</a> </a>
<a href="#" class="button-text publish-repeat"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt=""> <img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Опубликовать повторно</p> <p>Опубликовать повторно</p>
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row-block resumes-views-column"> <div class="table-content-row-block table-views-column">
<p>2</p> <p>2</p>
</div> </div>
<div class="resumes-content-row-block resumes-feedback-column"> <div class="table-content-row-block table-feedback-column">
<p>0</p> <p>0</p>
</div> </div>
<div class="resumes-content-row-block resumes-date-column"> <div class="table-content-row-block table-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="resumes-content-row-block resumes-remove-column"> <div class="table-content-row-block table-remove-column">
<a href="#" class="remove-resume"> <a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt=""> <img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row"> <div class="table-content-row">
<div class="resumes-content-row-block resumes-name-column"> <div class="table-content-row-block table-name-column">
<div class="resumes__name"> <div class="table__name">
<a href="#">Комплектовщик-наборщик заказов</a> <a href="#">Комплектовщик-наборщик заказов</a>
</div> </div>
<div class="resumes__actions"> <div class="table__actions">
<a href="#" class="button-text edit-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt=""> <img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p> <p>Редактировать</p>
</a> </a>
<a href="#" class="button-text publish-repeat"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt=""> <img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Опубликовать повторно</p> <p>Опубликовать повторно</p>
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row-block resumes-views-column"> <div class="table-content-row-block table-views-column">
<p>18</p> <p>18</p>
</div> </div>
<div class="resumes-content-row-block resumes-feedback-column"> <div class="table-content-row-block table-feedback-column">
<p>2</p> <p>2</p>
</div> </div>
<div class="resumes-content-row-block resumes-date-column"> <div class="table-content-row-block table-date-column">
<p>03.11.2019</p> <p>03.11.2019</p>
</div> </div>
<div class="resumes-content-row-block resumes-remove-column"> <div class="table-content-row-block table-remove-column">
<a href="#" class="remove-resume"> <a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt=""> <img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row"> <div class="table-content-row">
<div class="resumes-content-row-block resumes-name-column"> <div class="table-content-row-block table-name-column">
<div class="resumes__name"> <div class="table__name">
<a href="#">Грузчик</a> <a href="#">Грузчик</a>
</div> </div>
<div class="resumes__actions"> <div class="table__actions">
<a href="#" class="button-text edit-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt=""> <img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p> <p>Редактировать</p>
</a> </a>
<a href="#" class="button-text publish-repeat"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt=""> <img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Опубликовать повторно</p> <p>Опубликовать повторно</p>
</a> </a>
</div> </div>
</div> </div>
<div class="resumes-content-row-block resumes-views-column"> <div class="table-content-row-block table-views-column">
<p>30</p> <p>30</p>
</div> </div>
<div class="resumes-content-row-block resumes-feedback-column"> <div class="table-content-row-block table-feedback-column">
<p>4</p> <p>4</p>
</div> </div>
<div class="resumes-content-row-block resumes-date-column"> <div class="table-content-row-block table-date-column">
<p>18.10.2019</p> <p>18.10.2019</p>
</div> </div>
<div class="resumes-content-row-block resumes-remove-column"> <div class="table-content-row-block table-remove-column">
<a href="#" class="remove-resume"> <a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt=""> <img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a> </a>
</div> </div>
...@@ -624,7 +624,7 @@ ...@@ -624,7 +624,7 @@
</div> </div>
</div> </div>
<div class="wrapper-button"> <div class="wrapper-button">
<a href="#" class="other-button create-new-resume">Создайте новое резюме</a> <a href="#" class="other-button">Создайте новое резюме</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -749,7 +749,7 @@ ...@@ -749,7 +749,7 @@
Профиль Профиль
</a> </a>
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_table.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text"> <a href="#" class="button-text">
......
src/my-vacancies.html 0 → 100644
View file @ 38fa1b94
<!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 current-ref">
<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="tabs">
<div class="tabs-items">
<a href="#" class="tabs-item tabs-item_active" data-tab="actual">
Активные
</a>
<a href="#" class="tabs-item" data-tab="drafts">
Черновики
</a>
<a href="#" class="tabs-item" data-tab="archive">
Архивные
</a>
</div>
<div class="filter-block block-mt-blue">
<div class="filter-block__title">
<a href="#" class="button-text filter-block__ref">
Фильтр
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="filter-block__content block-mt-green">
<form action="" name="form-filter" id="form-filter">
<div class="block-radio block-mb-yellow">
<label for="all-time">
<input type="radio" id="all-time" name="time" hidden checked>
<div class="radio"></div>
<p>За всё время</p>
</label>
</div>
<div class="block-radio">
<label for="period">
<input type="radio" id="period" name="time" hidden>
<div class="radio"></div>
<p>За период</p>
</label>
</div>
<div class="periods block-mt-yellow block-mb-yellow">
<div class="periods__stage block-mb-orange">
<label for="start-period">Начало периода:</label>
<input type="text" name="start-period" id="start-period" data-picker="datepicker" placeholder="ВЫБЕРИТЕ ДАТУ" disabled>
</div>
<div class="periods__stage">
<label for="end-period">Конец периода:</label>
<input type="text" name="end-period" id="end-period" data-picker="datepicker" placeholder="ВЫБЕРИТЕ ДАТУ" disabled>
</div>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Регион</p>
<select name="region">
<option value="region1">Московская область</option>
<option value="region2">Нижегородская область</option>
</select>
</div>
<div class="block-select-filter block-mb-green">
<p class="block-select-filter__name">Вакансии</p>
<select name="vacancies">
<option value="all">Все</option>
<option value="other">Другие</option>
</select>
</div>
<input type="submit" name="submit-filter" class="main-button" value="Применить фильтр">
</form>
</div>
</div>
<div class="tabs-content block-mt-yellow block-mb-blue">
<div class="tabs-content-block tabs-content-block_active" data-tab="actual">
<div class="table table-actual">
<div class="table-header">
<div class="table-header-row">
<div class="table-header-row-block table-name-column">
<p>Резюме</p>
</div>
<div class="table-header-row-block table-views-column">
<p>Просмотры</p>
</div>
<div class="table-header-row-block table-feedback-column">
<p>Отклики</p>
</div>
<div class="table-header-row-block table-date-column">
<p>Истекает</p>
<img src="./img/icon_arrow_up.svg" alt="">
</div>
</div>
</div>
<div class="table-content">
<div class="table-content-row">
<div class="table-content-row-block table-name-column">
<div class="table__name">
<a href="#">Столяр-обивщик</a>
</div>
<div class="table__actions">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Снять с публикации</p>
</a>
</div>
</div>
<div class="table-content-row-block table-views-column">
<p>2</p>
</div>
<div class="table-content-row-block table-feedback-column">
<p>0</p>
</div>
<div class="table-content-row-block table-date-column">
<p>30.12.2019</p>
</div>
</div>
<div class="table-content-row">
<div class="table-content-row-block table-name-column">
<div class="table__name">
<a href="#">Комплектовщик-наборщик заказов</a>
</div>
<div class="table__actions">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Снять с публикации</p>
</a>
</div>
</div>
<div class="table-content-row-block table-views-column">
<p>18</p>
</div>
<div class="table-content-row-block table-feedback-column">
<p>2</p>
</div>
<div class="table-content-row-block table-date-column">
<p>03.11.2019</p>
</div>
</div>
<div class="table-content-row">
<div class="table-content-row-block table-name-column">
<div class="table__name">
<a href="#">Грузчик</a>
</div>
<div class="table__actions">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Снять с публикации</p>
</a>
</div>
</div>
<div class="table-content-row-block table-views-column">
<p>30</p>
</div>
<div class="table-content-row-block table-feedback-column">
<p>4 <span>+2</span></p>
</div>
<div class="table-content-row-block table-date-column">
<p>18.10.2019</p>
</div>
</div>
</div>
</div>
</div>
<div class="tabs-content-block" data-tab="drafts">
<div class="table table-drafts">
<div class="table-header">
<div class="table-header-row">
<div class="table-header-row-block table-name-column">
<p>Резюме</p>
</div>
<div class="table-header-row-block table-remove-column">
<p>Удалить</p>
</div>
</div>
</div>
<div class="table-content">
<div class="table-content-row">
<div class="table-content-row-block table-name-column">
<div class="table__name">
<a href="#">Столяр-обивщик</a>
</div>
<div class="table__actions">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать</p>
</a>
</div>
</div>
<div class="table-content-row-block table-remove-column">
<a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
<div class="table-content-row">
<div class="table-content-row-block table-name-column">
<div class="table__name">
<a href="#">Комплектовщик-наборщик заказов</a>
</div>
<div class="table__actions">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать</p>
</a>
</div>
</div>
<div class="table-content-row-block table-remove-column">
<a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
<div class="table-content-row">
<div class="table-content-row-block table-name-column">
<div class="table__name">
<a href="#">Грузчик</a>
</div>
<div class="table__actions">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать</p>
</a>
</div>
</div>
<div class="table-content-row-block table-remove-column">
<a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="tabs-content-block" data-tab="archive">
<div class="table table-archive">
<div class="table-header">
<div class="table-header-row">
<div class="table-header-row-block table-name-column">
<p>Резюме</p>
</div>
<div class="table-header-row-block table-views-column">
<p>Просмотры</p>
</div>
<div class="table-header-row-block table-feedback-column">
<p>Отклики</p>
</div>
<div class="table-header-row-block table-date-column">
<p>Истекло</p>
<img src="./img/icon_arrow_up.svg" alt="">
</div>
<div class="table-header-row-block table-remove-column">
<P>Удалить</P>
</div>
</div>
</div>
<div class="table-content">
<div class="table-content-row">
<div class="table-content-row-block table-name-column">
<div class="table__name">
<a href="#">Столяр-обивщик</a>
</div>
<div class="table__actions">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Опубликовать повторно</p>
</a>
</div>
</div>
<div class="table-content-row-block table-views-column">
<p>2</p>
</div>
<div class="table-content-row-block table-feedback-column">
<p>0</p>
</div>
<div class="table-content-row-block table-date-column">
<p>30.12.2019</p>
</div>
<div class="table-content-row-block table-remove-column">
<a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
<div class="table-content-row">
<div class="table-content-row-block table-name-column">
<div class="table__name">
<a href="#">Комплектовщик-наборщик заказов</a>
</div>
<div class="table__actions">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Опубликовать повторно</p>
</a>
</div>
</div>
<div class="table-content-row-block table-views-column">
<p>18</p>
</div>
<div class="table-content-row-block table-feedback-column">
<p>2</p>
</div>
<div class="table-content-row-block table-date-column">
<p>03.11.2019</p>
</div>
<div class="table-content-row-block table-remove-column">
<a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
<div class="table-content-row">
<div class="table-content-row-block table-name-column">
<div class="table__name">
<a href="#">Грузчик</a>
</div>
<div class="table__actions">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<p>Опубликовать повторно</p>
</a>
</div>
</div>
<div class="table-content-row-block table-views-column">
<p>30</p>
</div>
<div class="table-content-row-block table-feedback-column">
<p>4</p>
</div>
<div class="table-content-row-block table-date-column">
<p>18.10.2019</p>
</div>
<div class="table-content-row-block table-remove-column">
<a href="#" class="remove-data">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper-button">
<a href="#" class="other-button">Создать новую вакансию</a>
</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 current-ref">
<img class="img-svg" src="./img/icon_my_table.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/response-employer.html 0 → 100644
View file @ 38fa1b94
<!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 current-ref" 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="tabs">
<div class="tabs-items">
<a href="#" class="tabs-item tabs-item_active" data-tab="actual">
Активные
</a>
<a href="#" class="tabs-item" data-tab="archive">
Архивные
</a>
</div>
<div class="filter-block block-mt-blue">
<div class="filter-block__title">
<a href="#" class="button-text filter-block__ref">
Фильтр
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="filter-block__content block-mt-green">
<form action="" name="form-filter" id="form-filter">
<div class="block-radio block-mb-yellow">
<label for="all-time">
<input type="radio" id="all-time" name="time" hidden checked>
<div class="radio"></div>
<p>За всё время</p>
</label>
</div>
<div class="block-radio">
<label for="period">
<input type="radio" id="period" name="time" hidden>
<div class="radio"></div>
<p>За период</p>
</label>
</div>
<div class="periods block-mt-yellow block-mb-yellow">
<div class="periods__stage block-mb-orange">
<label for="start-period">Начало периода:</label>
<input type="text" name="start-period" id="start-period" data-picker="datepicker" placeholder="ВЫБЕРИТЕ ДАТУ" disabled>
</div>
<div class="periods__stage">
<label for="end-period">Конец периода:</label>
<input type="text" name="end-period" id="end-period" data-picker="datepicker" placeholder="ВЫБЕРИТЕ ДАТУ" disabled>
</div>
</div>
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Регион</p>
<select name="region">
<option value="region1">Московская область</option>
<option value="region2">Нижегородская область</option>
</select>
</div>
<div class="block-select-filter block-mb-green">
<p class="block-select-filter__name">Вакансии</p>
<select name="vacancies">
<option value="all">Все</option>
<option value="other">Другие</option>
</select>
</div>
<input type="submit" name="submit-filter" class="main-button" value="Применить фильтр">
</form>
</div>
</div>
<div class="tabs-content block-mt-yellow block-mb-blue">
<div class="tabs-content-block tabs-content-block_active" data-tab="actual">
<div class="response">
<div class="response-header">
<div class="response-header-row">
<div class="response-header-row-block response-name-column">
<p>Вакансия</p>
</div>
<div class="response-header-row-other-blocks">
<div class="response-header-row-block response-company-column">
<p>Соискатели</p>
</div>
<div class="response-header-row-block response-date-column">
<p>Дата отклика</p>
<img src="./img/icon_arrow_up.svg" alt="">
</div>
<div class="response-header-row-block response-feedback-column">
<p>Откликнуться</p>
</div>
</div>
</div>
</div>
<div class="response-content">
<div class="response-content-row">
<div class="response-content-row-left">
<div class="response-content-row-block">
<a href="#">Столяр-обивщик</a>
</div>
</div>
<div class="response-content-row-right">
<div class="response-content-row-right-wrapper response_new" data-label="Новый">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">Компания «Мария»</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper response_new" data-label="Новый">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">ИП Петров</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">АО «МК Шатура»</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">ИП Хачатрян</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="response-content-row">
<div class="response-content-row-left">
<div class="response-content-row-block">
<a href="#">Грузчик</a>
</div>
</div>
<div class="response-content-row-right">
<div class="response-content-row-right-wrapper response_new" data-label="Новый">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">IKEA</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper response_new" data-label="Новый">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">Группа компаний «Пятёрочка»</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">ИП Хачатрян</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">ИП Петров</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tabs-content-block" data-tab="archive">
<div class="response">
<div class="response-header">
<div class="response-header-row">
<div class="response-header-row-block response-name-column">
<p>Вакансия</p>
</div>
<div class="response-header-row-other-blocks">
<div class="response-header-row-block response-company-column">
<p>Соискатели</p>
</div>
<div class="response-header-row-block response-date-column">
<p>Дата отклика</p>
<img src="./img/icon_arrow_up.svg" alt="">
</div>
<div class="response-header-row-block response-feedback-column">
<p>Откликнуться</p>
</div>
</div>
</div>
</div>
<div class="response-content">
<div class="response-content-row">
<div class="response-content-row-left">
<div class="response-content-row-block">
<a href="#">Столяр-обивщик</a>
</div>
</div>
<div class="response-content-row-right">
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">Компания «Мария»</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">ИП Петров</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">АО «МК Шатура»</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">ИП Хачатрян</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="response-content-row">
<div class="response-content-row-left">
<div class="response-content-row-block">
<a href="#">Грузчик</a>
</div>
</div>
<div class="response-content-row-right">
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">IKEA</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">Группа компаний «Пятёрочка»</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">ИП Хачатрян</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
<div class="response-content-row-right-wrapper">
<div class="response-content-row">
<div class="response-content-row-block response-company-column">
<a href="#">ИП Петров</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</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__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_table.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 current-ref" 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 @ 38fa1b94
...@@ -370,7 +370,7 @@ ...@@ -370,7 +370,7 @@
</div> </div>
</div> </div>
<div class="col-9"> <div class="col-9">
<div class="additional-search"> <div class="additional-search block-mb-green">
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_map.svg" alt=""> <img class="img-svg" src="./img/icon_map.svg" alt="">
Показать на карте Показать на карте
......
src/scss/style.scss
View file @ 38fa1b94
...@@ -3049,7 +3049,7 @@ button ...@@ -3049,7 +3049,7 @@ button
.main-search .main-search
{ {
margin-top: 32px; // margin-top: 32px;
.search-list-row .search-list-row
{ {
margin-left: -10px; margin-left: -10px;
...@@ -3534,6 +3534,7 @@ label ...@@ -3534,6 +3534,7 @@ label
margin-left: -20px; margin-left: -20px;
margin-right: -20px; margin-right: -20px;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: -15px;
.tabs-item .tabs-item
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
...@@ -4350,12 +4351,13 @@ input[type="submit"] ...@@ -4350,12 +4351,13 @@ input[type="submit"]
// Страница Мои резюме // Страница Мои резюме
.resumes .table
{ {
background-color: #fff; background-color: #fff;
border-top: 4px solid #dddce8; border-top: 4px solid #dddce8;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
min-width: 895px; min-width: 895px;
margin-bottom: 0;
&-header &-header
{ {
padding: 22px 39px 22px 27px; padding: 22px 39px 22px 27px;
...@@ -4440,7 +4442,7 @@ input[type="submit"] ...@@ -4440,7 +4442,7 @@ input[type="submit"]
} }
&-actual &-actual
{ {
.resumes-name-column .table-name-column
{ {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
...@@ -4448,17 +4450,17 @@ input[type="submit"] ...@@ -4448,17 +4450,17 @@ input[type="submit"]
width: 39%; width: 39%;
text-align: left; text-align: left;
} }
.resumes-views-column .table-views-column
{ {
justify-content: center; justify-content: center;
width: 10%; width: 10%;
} }
.resumes-feedback-column .table-feedback-column
{ {
justify-content: center; justify-content: center;
width: 10% width: 10%
} }
.resumes-date-column .table-date-column
{ {
justify-content: center; justify-content: center;
width: 10% width: 10%
...@@ -4466,7 +4468,7 @@ input[type="submit"] ...@@ -4466,7 +4468,7 @@ input[type="submit"]
} }
&-drafts &-drafts
{ {
.resumes-name-column .table-name-column
{ {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
...@@ -4474,7 +4476,7 @@ input[type="submit"] ...@@ -4474,7 +4476,7 @@ input[type="submit"]
width: 39%; width: 39%;
text-align: left; text-align: left;
} }
.resumes-remove-column .table-remove-column
{ {
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -4483,7 +4485,7 @@ input[type="submit"] ...@@ -4483,7 +4485,7 @@ input[type="submit"]
} }
&-archive &-archive
{ {
.resumes-name-column .table-name-column
{ {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
...@@ -4491,34 +4493,34 @@ input[type="submit"] ...@@ -4491,34 +4493,34 @@ input[type="submit"]
width: 46%; width: 46%;
text-align: left; text-align: left;
} }
.resumes-views-column .table-views-column
{ {
justify-content: center; justify-content: center;
width: 10%; width: 10%;
} }
.resumes-feedback-column .table-feedback-column
{ {
justify-content: center; justify-content: center;
width: 7% width: 7%
} }
.resumes-date-column .table-date-column
{ {
justify-content: center; justify-content: center;
width: 10% width: 10%
} }
.resumes-remove-column .table-remove-column
{ {
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 7%; width: 7%;
} }
} }
.remove-resume .remove-data
{ {
border: 0; border: 0;
transition: .3s; transition: .3s;
} }
.remove-resume:hover .remove-data:hover
{ {
.img-svg path .img-svg path
{ {
...@@ -5369,6 +5371,59 @@ input[type="submit"] ...@@ -5369,6 +5371,59 @@ input[type="submit"]
color: $color-disabled; color: $color-disabled;
} }
.filter-block
{
width: 400px;
&__title
{
display: flex;
align-items: center;
.filter-block__ref
{
.img-svg
{
transition: .3s;
margin-left: 10px;
transform: rotateX(180deg);
}
}
.filter-block__ref.filter-block__ref_active
{
.img-svg
{
transform: rotateX(0);
}
}
}
&__content
{
display: none;
}
&__content_active
{
display: block;
}
}
.periods
{
&__stage
{
display: flex;
align-items: center;
// justify-content: space-between;
label
{
width: 54%;
margin: 0;
}
input
{
margin-left: 10px;
}
}
}
// Футер // Футер
......
webpack.config.js
View file @ 38fa1b94
...@@ -10,7 +10,8 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', ...@@ -10,7 +10,8 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article',
'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', 'current-resume', 'index-employer', 'articles-employer', 'faq-employer', 'post-resume-step1', 'post-resume-step2', 'post-resume-step3', 'post-resume-step4', 'current-resume', 'index-employer', 'articles-employer', 'faq-employer',
'current-article-employer', 'service-rules-employer', 'access-account-employer', 'tariffs', 'password-recovery-employer', 'registration-employer', 'current-article-employer', 'service-rules-employer', 'access-account-employer', 'tariffs', 'password-recovery-employer', 'registration-employer',
'resumes-list', 'resumes-map', 'current-resume-employer', 'resume-paid']; 'resumes-list', 'resumes-map', 'current-resume-employer', 'resume-paid', 'current-vacancy-employer', 'favorites-employer', 'my-vacancies',
'response-employer'];
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