Skip to content

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

Main page for employers is done

parent e49e73a4
Show whitespace changes
Inline Side-by-side
Showing with 3586 additions and 485 deletions
src/access-account-employer.html 0 → 100644
View file @ 0517b160
<!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="container-compressed container-compressed_center">
<form action="" name="form-enter-account" id="form-enter-account">
<div class="block-mb-orange">
<label for="phone">Телефон</label>
<input type="text" placeholder="+7" name="phone" id="phone">
</div>
<div class="block-mb-orange">
<label for="password">Пароль</label>
<input type="password" name="password" id="password" placeholder="ПАРОЛЬ">
</div>
<div class="block-mb-green">
<div class="block-remember">
<div class="block-checkbox">
<label for="remember-me">
<input type="checkbox" id="remember-me" name="remember-me" hidden>
<div class="check"></div>
Запомнить меня
</label>
</div>
<a href="#">Забыли пароль?</a>
</div>
</div>
<div class="wrapper-button-fullwidth block-mb-green">
<input type="submit" name="enter-account" class="main-button" id="enter-account" value="Войти">
</div>
</form>
<div class="block-mb-green">
<div class="little-title">
<span>или</span>
</div>
</div>
<div class="block-mb-blue">
<div class="social-networks">
<p>Войти через социальные сети:</p>
<div class="social-networks-row block-mt-orange">
<a href="#" class="social-networks__ref">
<img class="img-svg" src="./img/icon_vk.svg" alt="">
</a>
<a href="#" class="social-networks__ref">
<img class="img-svg" src="./img/icon_cl.svg" alt="">
</a>
<a href="#" class="social-networks__ref">
<img class="img-svg" src="./img/icon_fb.svg" alt="">
</a>
<a href="#" class="social-networks__ref">
<img class="img-svg" src="./img/icon_gm.svg" alt="">
</a>
</div>
</div>
</div>
<div class="registration-offer">
<p>У вас ещё нет аккаунта? <a href="#">Зарегистрируйтесь</a></p>
</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>
</body>
</html>
\ No newline at end of file
src/articles-employer.html 0 → 100644
View file @ 0517b160
<!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="all-articles">
<div class="row">
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<!-- <div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div> -->
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
<div class="col-3">
<a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"></div>
<div class="article-block__content">
<p class="article-block__name">Двустрочный заголовок статьи</p>
<p class="article-block__text">Lorem ipsum — классический текст-«рыба» (условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы).</p>
<p class="article-block__date">12.12.2019</p>
</div>
</a>
</div>
</div>
</div>
<div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button>
</div>
<div class="wrapper-pagination block-mt-blue">
<div class="pagination">
<a href="#" class="pagination__block pagination__block_current">1</a>
<a href="#" class="pagination__block">2</a>
<a href="#" class="pagination__block">3</a>
<a href="#" class="pagination__block">4</a>
<a href="#" class="pagination__block">5</a>
<a href="#" class="pagination__block ellipsis">...</a>
<a href="#" class="pagination__block">18</a>
</div>
</div>
</div>
</div>
</div>
<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>
</body>
</html>
\ No newline at end of file
src/current-article-employer.html 0 → 100644
View file @ 0517b160
<!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="article-detail block-mb-blue">
<div class="article-detail__image block-mb-blue">
<img src="./img/img_article_detail.png" alt="">
</div>
<p class="article-detail__date">12.12.2019</p>
<p class="article-detail__preview">Вступление статьи. Текст, который показывается в превью на главной и раздаточной страницах. Как правило, один абзац текста, который подробно раскрывает проблему, поставленную автором, и обозначает ее важность для читателя. Если заголовок привлекает внимание читателя, то вступление должно побудить прочитать статью до конца.</p>
</div>
<p>Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
<div class="wrapper-transition-arrow block-mt-green">
<a href="#" class="transition-button transition-button__back" id="prev-article">
<img class="img-svg" src="./img/arrow_back.svg" alt="">
Предыдущая статья
</a>
<a href="#" class="transition-button transition-button__next" id="next-article">
Следующая статья
<img class="img-svg" src="./img/arrow_forward.svg" alt="">
</a>
</div>
<div class="wrapper-transition-arrow block-mt-green">
<a href="#" class="transition-button transition-button__back" id="back-to-list">
<img class="img-svg" src="./img/arrow_back.svg" alt="">
К списку статей
</a>
</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>
</body>
</html>
\ No newline at end of file
src/faq-employer.html 0 → 100644
View file @ 0517b160
<!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="all-faq">
<div class="accordion-content">
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title">
<p>Как создать резюме?</p>
<a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a>
</div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div>
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title">
<p>Как изменить пароль в аккаунте соискателя?</p>
<a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a>
</div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div>
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title">
<p>Виды поддержки для соискателей</p>
<a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a>
</div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div>
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title">
<p>Управление рассылками для соискателей</p>
<a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a>
</div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div>
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title">
<p>Как подтвердить номер телефона?</p>
<a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a>
</div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div>
</div>
</div>
<div class="container-compressed block-mt-blue">
<h2>Задать вопрос</h2>
<div class="block-mt-green">
<form action="" id="form-ask-question" name="form-ask-question" data-ajax="true">
<div class="block-mb-orange">
<label for="name-ask">Имя <span>*</span></label>
<input type="text" name="name-ask" id="name-ask" placeholder="Имя" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" data-required="true">
</div>
<div class="block-mb-orange">
<label for="phone-ask">Телефон <span>*</span></label>
<input type="text" name="phone-ask" id="phone-ask" placeholder="Телефон" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true">
</div>
<div class="block-mb-orange">
<label for="email-ask">E-mail</label>
<input type="text" name="email-ask" id="email-ask" placeholder="E-mail" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$">
</div>
<div class="block-mb-orange">
<label for="message-ask">Сообщение <span>*</span></label>
<textarea name="message-ask" id="message-ask" data-required="true"></textarea>
</div>
<input type="submit" class="main-button" name="send-question" value="Отправить">
</form>
</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>
</body>
</html>
\ No newline at end of file
src/favorites-vacancies-list.html
View file @ 0517b160
......@@ -318,20 +318,20 @@
<a href="#" class="image-vacancies" style="background-image: url(./img/img_banner3.png);"></a>
</div>
<div class="col-4">
<div class="vacancy-card popular">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<div class="card popular">
<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_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -340,20 +340,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card popular">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<div class="card popular">
<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_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -362,20 +362,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -384,20 +384,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -406,20 +406,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -428,20 +428,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -450,20 +450,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......
src/img/icon_base_success.svg 0 → 100644
View file @ 0517b160
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 2H4V0H16V2ZM18 4H2V6H18V4ZM15 12H5V14H15V12ZM20 8C20 12.2 20 15.5 20 20H0C0 12 0 15.8 0 8C6.7 8 13.3 8 20 8ZM18 10H2V18H18V10Z" fill="#262262"/>
</svg>
src/img/icon_base_success_scroll.svg 0 → 100644
View file @ 0517b160
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 2H4V0H16V2ZM18 4H2V6H18V4ZM15 12H5V14H15V12ZM20 8C20 12.2 20 15.5 20 20H0C0 12 0 15.8 0 8C6.7 8 13.3 8 20 8ZM18 10H2V18H18V10Z" fill="white"/>
</svg>
src/img/icon_discount.svg 0 → 100644
View file @ 0517b160
<svg width="38" height="42" viewBox="0 0 38 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M18.9967 42C16.2603 42 14.1727 40.2009 12.339 38.6091C11.4926 37.8744 10.6933 37.1868 9.92222 36.7347C9.10411 36.2543 8.06971 35.887 6.98829 35.5008C4.72202 34.6907 2.16424 33.7771 0.838332 31.4976C-0.44056 29.2936 0.0108137 26.7504 0.452783 24.3014C0.659663 23.124 0.857139 22.022 0.857139 21.0047C0.857139 19.9874 0.659663 18.8854 0.452783 17.708C0.0202173 15.2496 -0.431156 12.7159 0.847735 10.5024C2.16424 8.2135 4.73143 7.29984 6.98829 6.4898C8.07911 6.10361 9.10411 5.73626 9.93162 5.25589C10.7121 4.80377 11.502 4.11617 12.3484 3.38148C14.1821 1.79906 16.2603 0 18.9967 0C21.7332 0 23.8208 1.79906 25.6545 3.39089C26.5008 4.12559 27.3001 4.81319 28.0712 5.26531C28.8987 5.74568 29.9237 6.11303 31.0145 6.49922C33.2714 7.30926 35.8386 8.22292 37.1551 10.5024C38.434 12.7159 37.9826 15.259 37.55 17.708C37.3432 18.8854 37.1457 19.9874 37.1457 21.0047C37.1457 22.0126 37.3432 23.124 37.55 24.3014C37.9826 26.7598 38.434 29.2936 37.1551 31.5165C35.8386 33.7959 33.2714 34.719 31.0051 35.529C29.9143 35.9152 28.8893 36.2826 28.0712 36.763C27.3001 37.2151 26.5008 37.9027 25.6545 38.6374C23.8208 40.2009 21.7426 42 18.9967 42ZM18.9967 3.10832C17.4075 3.10832 15.9311 4.38933 14.3701 5.73626C13.458 6.52747 12.5082 7.34694 11.4738 7.94035C10.4018 8.56201 9.19814 8.99529 8.02269 9.40973C6.09495 10.0973 4.27065 10.7473 3.51836 12.0471C2.80369 13.281 3.14222 15.1648 3.49015 17.1523C3.71584 18.405 3.94152 19.7049 3.94152 20.9953C3.94152 22.2857 3.71584 23.5856 3.49015 24.8383C3.13281 26.8352 2.80369 28.7096 3.51836 29.9435C4.27065 31.2433 6.09495 31.8932 8.02269 32.5808C9.19814 32.9953 10.4018 33.4286 11.4738 34.0502C12.4988 34.6436 13.4486 35.4631 14.3701 36.2543C15.9311 37.6107 17.4169 38.8823 18.9967 38.8823C20.5859 38.8823 22.0623 37.6013 23.6233 36.2543C24.5354 35.4631 25.4852 34.6436 26.5196 34.0502C27.5916 33.4286 28.7953 32.9953 29.9707 32.5808C31.8985 31.8932 33.7228 31.2433 34.4751 29.9435C35.1897 28.7096 34.8512 26.8257 34.5033 24.8289C34.2776 23.5761 34.0519 22.2763 34.0519 20.9953C34.0519 19.7049 34.2776 18.405 34.5033 17.1523C34.8606 15.1554 35.1897 13.281 34.4751 12.0471C33.7228 10.7473 31.9079 10.0973 29.9707 9.40973C28.7953 8.99529 27.5822 8.56201 26.5196 7.94035C25.4946 7.34694 24.5448 6.52747 23.6233 5.73626C22.0623 4.38933 20.5859 3.10832 18.9967 3.10832Z" fill="white"/>
<path d="M13.3915 20.7033C10.467 20.7033 8.08789 18.3202 8.08789 15.3909C8.08789 12.4615 10.467 10.0785 13.3915 10.0785C16.3161 10.0785 18.6952 12.4615 18.6952 15.3909C18.6952 18.3202 16.3161 20.7033 13.3915 20.7033ZM13.3915 13.1868C12.1785 13.1868 11.1911 14.1758 11.1911 15.3909C11.1911 16.606 12.1785 17.595 13.3915 17.595C14.6046 17.595 15.592 16.606 15.592 15.3909C15.592 14.1758 14.6046 13.1868 13.3915 13.1868Z" fill="white"/>
<path d="M24.6103 31.931C21.6858 31.931 19.3066 29.5479 19.3066 26.6186C19.3066 23.6892 21.6858 21.3062 24.6103 21.3062C27.5348 21.3062 29.9139 23.6892 29.9139 26.6186C29.9139 29.5479 27.5348 31.931 24.6103 31.931ZM24.6103 24.4145C23.3972 24.4145 22.4098 25.4035 22.4098 26.6186C22.4098 27.8336 23.3972 28.8226 24.6103 28.8226C25.8234 28.8226 26.8107 27.8336 26.8107 26.6186C26.8107 25.4035 25.8234 24.4145 24.6103 24.4145Z" fill="white"/>
<path d="M13.8987 30.113C13.5978 30.113 13.2969 30.0282 13.0336 29.8493C12.3189 29.3689 12.1403 28.3987 12.6199 27.6923L22.8134 12.5745C23.293 11.8587 24.2615 11.6797 24.9668 12.1601C25.6815 12.6405 25.8601 13.6106 25.3806 14.3171L15.187 29.4254C14.8861 29.8775 14.3971 30.113 13.8987 30.113Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="38" height="42" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_list_close.svg 0 → 100644
View file @ 0517b160
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.1 6.5L13 10.4L10.4 13L6.5 9.1L2.6 13L0 10.4L3.9 6.5L0 2.6L2.6 0L6.5 3.9L10.4 0L13 2.6L9.1 6.5Z" fill="#B7B6C4"/>
</svg>
src/img/icon_list_open.svg 0 → 100644
View file @ 0517b160
<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M16 2.56L6.08 12.8L0 6.4L2.4 3.84L6.08 7.68L13.6 0L16 2.56Z" fill="#92C83E"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="16" height="12.8" fill="white"/>
</clipPath>
</defs>
</svg>
src/index-employer.html
View file @ 0517b160
......@@ -91,19 +91,19 @@
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work">
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти работника</p>
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить вакансию</p>
<p>Разместить<br> вакансию</p>
</a>
<!-- <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a> -->
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
......@@ -138,19 +138,22 @@
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<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 search-work">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<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>
......@@ -171,12 +174,15 @@
<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 search-work">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<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">
......@@ -278,11 +284,11 @@
<div class="quick-job-search-block">
<div class="quick-job-search-block-content block-mt-dark-blue">
<form action="" id="quick-search-form">
<input type="text" name="position" placeholder="ДОЛЖНОСТЬ">
<input type="text" name="city" placeholder="ГОРОД">
<input type="text" name="salary" placeholder="ЗАРПЛАТА">
<input type="text" name="position" placeholder="ДОЛЖНОСТЬ" style="width: 38%;">
<input type="text" name="city" placeholder="ГОРОД" style="width: 38%;">
<!-- <input type="text" name="salary" placeholder="ЗАРПЛАТА"> -->
<div class="input-search-mobile">
<input type="text" name="resume" placeholder="ПОИСК ВАКАНСИИ">
<input type="text" name="resume" placeholder="ПОИСК РЕЗЮМЕ">
<button stype="button" class="button-detailed-search">
<img src="./img/icon_option.svg" alt="">
</button>
......@@ -296,12 +302,12 @@
</a>
</div>
<div class="hash-tags block-mt-dark-blue">
<a href="#" class="hash-tags__link"># работа рядом <span>(5)</span></a>
<a href="#" class="hash-tags__link"># работа прямо сейчас <span>(3)</span></a>
<a href="#" class="hash-tags__link"># работа завтра <span>(18)</span></a>
<a href="#" class="hash-tags__link"># работа через месяц <span>(11)</span></a>
<a href="#" class="hash-tags__link"># сезонная работа <span>(8)</span></a>
<a href="#" class="hash-tags__link"># постоянная работа <span>(8)</span></a>
<a href="#" class="hash-tags__link"># грузчик <span>(5)</span></a>
<a href="#" class="hash-tags__link"># охранник <span>(3)</span></a>
<a href="#" class="hash-tags__link"># разнорабочий <span>(18)</span></a>
<a href="#" class="hash-tags__link"># разнорабочий <span>(11)</span></a>
<a href="#" class="hash-tags__link"># разнорабочий <span>(8)</span></a>
<a href="#" class="hash-tags__link"># разнорабочий <span>(8)</span></a>
</div>
</div>
<div class="quick-job-search-block__buttons">
......@@ -310,33 +316,33 @@
Разместить вакансию
</a>
<a href="#" class="button-text vacancies-map">
<img class="img-svg" src="./img/icon_map.svg" alt="">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
Получить доступ к базе резюме
</a>
</div>
</div>
</div>
</div>
<div class="new-vacancies block-mb-purple">
<div class="new-resumes block-mb-purple">
<h1>Свежие резюме</h1>
<div class="new-vacancies-content block-mt-dark-blue">
<div class="new-resumes-content block-mt-dark-blue">
<div class="container">
<div class="row">
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">Петров Василий</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -345,20 +351,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">Петров Василий</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -367,20 +373,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">Петров Василий</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -389,20 +395,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">Петров Василий</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -411,20 +417,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">Петров Василий</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -433,20 +439,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">Петров Василий</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -455,20 +461,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">Петров Василий</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -477,20 +483,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">Петров Василий</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -504,11 +510,463 @@
<div class="wrapper-button-center block-mt-blue">
<a href="vacancies-list.html" class="button-text ref-detail">
<img class="img-svg" src="./img/icon_more.svg" alt="">
Все вакансии
Все резюме
</a>
</div>
</div>
<div class="job-posting-rates block-mb-purple">
<div class="container">
<h1>Тарифы на размещение вакансий</h1>
<p class="block-mt-dark-blue">Краткое описание блока. Вы можете пригласить пользователя в свой аккаунт, он сможет использовать купленные вами услуги, работать с откликами и вакансиями всей компании. Сделать это можно в разделе "Профиль компании / вкладка Пользователи".</p>
<div class="job-posting-rates-content block-mt-blue">
<div class="row">
<div class="col-4">
<div class="tariff-block discount">
<div class="tariff-block__title">
<p>Старт</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Размещение 30 дней</p>
</li>
<li class="unavailable">
<p>Выделение вакансии</p>
</li>
<li class="unavailable">
<p>Поднятие вакансии</p>
</li>
<li class="unavailable">
<p>Первые места в рассылке</p>
</li>
<li class="unavailable">
<p>Приоритет в поиске</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>1 000 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Разместить вакансию</button>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Размещение 30 дней</p>
</li>
<li>
<p>Выделение вакансии</p>
</li>
<li>
<p>Поднятие вакансии</p>
</li>
<li class="unavailable">
<p>Первые места в рассылке</p>
</li>
<li class="unavailable">
<p>Приоритет в поиске</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>1 000 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Разместить вакансию</button>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Размещение 30 дней</p>
</li>
<li>
<p>Выделение вакансии</p>
</li>
<li>
<p>Поднятие вакансии</p>
</li>
<li>
<p>Первые места в рассылке</p>
</li>
<li>
<p>Приоритет в поиске</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>1 000 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Разместить вакансию</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper-button-center block-mt-blue">
<a href="#" class="button-text ref-detail">
<img class="img-svg" src="./img/icon_more.svg" alt="">
Все тарифы
</a>
</div>
</div>
<div class="partners block-mb-purple">
<h1>Нам доверяют</h1>
<div class="container">
<div class="partners-slider block-mt-dark-blue">
<div class="partners-slider-wrapper owl-carousel owl-theme">
<a href="#">
<img src="./img/img_partner1.png" alt="">
</a>
<a href="#">
<img src="./img/img_partner2.png" alt="">
</a>
<a href="#">
<img src="./img/img_partner3.png" alt="">
</a>
<a href="#">
<img src="./img/img_partner4.png" alt="">
</a>
<a href="#">
<img src="./img/img_partner5.png" alt="">
</a>
<a href="#">
<img src="./img/img_partner6.png" alt="">
</a>
<a href="#">
<img src="./img/img_partner1.png" alt="">
</a>
<a href="#">
<img src="./img/img_partner2.png" alt="">
</a>
<a href="#">
<img src="./img/img_partner3.png" alt="">
</a>
<a href="#">
<img src="./img/img_partner4.png" alt="">
</a>
</div>
<div class="navigation-partners"></div>
</div>
</div>
</div>
<div class="top-company-label block-mb-purple">
<div class="container">
<h1>Метка TOP - компании</h1>
<p class="block-mt-dark-blue">Краткое описание блока. Вы можете пригласить пользователя в свой аккаунт, он сможет использовать купленные вами услуги, работать с откликами и вакансиями всей компании. Сделать это можно в разделе "Профиль компании / вкладка Пользователи".</p>
<div class="top-company-label-content block-mt-blue">
<div class="row">
<div class="col-4">
<div class="tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Доступ к базе на 14 дней</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>1 000 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Получить метку</button>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Доступ к базе на 30 дней</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>1 800 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Получить метку</button>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Доступ к базе на 60 дней</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>3 600 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Получить метку</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper-button-center block-mt-green">
<a href="#" class="button-text ref-detail">
<img class="img-svg" src="./img/icon_more.svg" alt="">
Все тарифы
</a>
</div>
</div>
<div class="tariffs-base-resumes block-mb-purple">
<div class="container">
<h1>Тарифы на доступ к базе резюме</h1>
<p class="block-mt-dark-blue">Краткое описание блока. Вы можете пригласить пользователя в свой аккаунт, он сможет использовать купленные вами услуги, работать с откликами и вакансиями всей компании. Сделать это можно в разделе "Профиль компании / вкладка Пользователи".</p>
<div class="tariffs-base-resumes-content block-mt-blue">
<div class="row">
<div class="col-4">
<div class="tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Доступ к базе на 14 дней</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>1 000 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Получить доступ</button>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="tariff-block discount">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Доступ к базе на 30 дней</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>1 800 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Получить доступ</button>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Доступ к базе на 60 дней</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>3 600 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Получить доступ</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper-button-center block-mt-green">
<a href="#" class="button-text ref-detail">
<img class="img-svg" src="./img/icon_more.svg" alt="">
Все тарифы
</a>
</div>
</div>
<div class="top-job-label block-mb-purple">
<div class="container">
<h1>Метка ТОР-вакансии</h1>
<p class="block-mt-dark-blue">Краткое описание блока. Вы можете пригласить пользователя в свой аккаунт, он сможет использовать купленные вами услуги, работать с откликами и вакансиями всей компании. Сделать это можно в разделе "Профиль компании / вкладка Пользователи".</p>
<div class="tariffs-base-resumes-content block-mt-blue">
<div class="row">
<div class="col-4">
<div class="tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Доступ к базе на 14 дней</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>1 000 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Получить метку</button>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Доступ к базе на 30 дней</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>1 800 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Получить метку</button>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
<div class="tariff-block__content">
<ul class="list-options">
<li>
<p>Доступ к базе на 60 дней</p>
</li>
</ul>
<div class="tariff-block__content__price">
<div class="old-price">
<p>1 400 руб.</p>
</div>
<div class="current-price">
<p>3 600 руб.</p>
</div>
</div>
<div class="tariff-block__content__action">
<button type="button" class="main-button button-post-vacancy">Получить метку</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper-button-center block-mt-green">
<a href="#" class="button-text ref-detail">
<img class="img-svg" src="./img/icon_more.svg" alt="">
Все тарифы
</a>
</div>
</div>
<div class="offer-website block-mb-purple">
<div class="container">
<h1>Реклама на сайте</h1>
<p class="block-mt-dark-blue">Краткое описание блока. Вы можете пригласить пользователя в свой аккаунт, он сможет использовать купленные вами услуги, работать с откликами и вакансиями всей компании. Сделать это можно в разделе "Профиль компании / вкладка Пользователи".</p>
</div>
<div class="wrapper-button-center block-mt-green">
<a href="#" class="button-text ref-detail">
<img class="img-svg" src="./img/icon_more.svg" alt="">
Подробнее
</a>
</div>
</div>
<div class="faq-main block-mb-purple">
<div class="faq-main">
<h1>Часто задаваемые вопросы</h1>
<div class="container">
<div class="faq-main-content block-mt-dark-blue">
......
src/index.html
View file @ 0517b160
......@@ -92,11 +92,11 @@
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти работу</p>
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p>
</a>
......@@ -134,7 +134,7 @@
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<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>
......@@ -319,20 +319,20 @@
<div class="container">
<div class="row">
<div class="col-3">
<div class="vacancy-card popular">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<div class="card popular">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -341,20 +341,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card popular">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<div class="card popular">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -363,20 +363,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card popular">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<div class="card popular">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -385,20 +385,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -407,20 +407,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -429,20 +429,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -451,20 +451,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -473,20 +473,20 @@
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......
src/js/main.js
View file @ 0517b160
......@@ -188,6 +188,23 @@ $('.similar-vacancies-slider-wrapper').owlCarousel({
}
});
// Слайдер Партнеры
$('.partners-slider-wrapper').owlCarousel({
loop:true, //Зацикливаем слайдер
items:6,
margin:68, //Отступ от элемента справа в 50px
nav:true, //Отключение навигации
dots: false,
autoplay: false, //Автозапуск слайдера
smartSpeed:300, //Время движения слайда
autoplayTimeout:300, //Время смены слайда
mouseDrag: false,
touchDrag: false,
navContainer: '.navigation-partners',
navText: ["<div class='arrow-slider'><img src='./img/arrow_slider_left.svg'></div>", "<div class='arrow-slider'><img src='./img/arrow_slider_right.svg'></div>"]
});
// Аккордеон
let accordionContentBlock = document.querySelectorAll('.accordion-content-block');
......
src/main.html
View file @ 0517b160
......@@ -372,6 +372,21 @@
<li>
<a href="index-employer.html">Главная</a>
</li>
<li>
<a href="articles-employer.html">Статьи</a>
</li>
<li>
<a href="current-article-employer.html">Статья детальная</a>
</li>
<li>
<a href="faq-employer.html">Часто задаваемые вопросы</a>
</li>
<li>
<a href="service-rules-employer.html">Как пользоваться сервисом</a>
</li>
<li>
<a href="access-account-employer.html">Вход в личный кабинет</a>
</li>
</ul>
</div>
</div>
......
src/scss/_media.scss
View file @ 0517b160
......@@ -78,12 +78,12 @@
padding-left: 15px;
padding-right: 15px;
}
.new-vacancies-content .col-3
.new-vacancies-content .col-3, .new-resumes-content .col-3
{
flex: 0 0 33%;
max-width: 33%;
}
.vacancy-card
.card
{
max-width: initial;
}
......@@ -92,7 +92,7 @@
flex: 0 0 33%;
max-width: 33%;
}
.vacancy-card .vacancy-card__toggle
.card .card__toggle
{
width: 20%;
}
......@@ -358,7 +358,7 @@
max-width: 50%;
flex: 0 0 50%;
}
.new-vacancies-content .col-3
.new-vacancies-content .col-3, .new-resumes-content .col-3
{
flex: 0 0 50%;
max-width: 50%;
......@@ -411,6 +411,10 @@
{
margin-top: 32px;
}
.header-bottom-left p
{
display: none;
}
}
@media(max-width: 750px)
{
......@@ -419,10 +423,6 @@
flex: 0 0 50%;
max-width: 50%;
}
.header-bottom-left p
{
display: none;
}
.post-resume .steps-post-resume
{
flex-direction: column;
......@@ -799,7 +799,7 @@
flex: 0 0 100%;
max-width: 100%;
}
.quick-job-search h1, .new-vacancies h1, .top-companies h1, .usage-steps h1, .faq-main h1, .useful-articles h1
.quick-job-search h1, .new-vacancies h1, .top-companies h1, .usage-steps h1, .faq-main h1, .useful-articles h1, .new-resumes h1
{
padding-left: 16px;
padding-right: 16px;
......@@ -1001,7 +1001,7 @@
max-width: 100%;
flex: 0 0 100%;
}
.useful-articles-content .row .col-3, .new-vacancies-content .col-3
.useful-articles-content .row .col-3, .new-vacancies-content .col-3, .new-resumes-content .col-3
{
flex: 0 0 100%;
max-width: 100%;
......
src/scss/style.scss
View file @ 0517b160
......@@ -1730,7 +1730,7 @@ textarea.field-error
{
display: flex;
align-items: center;
justify-content: space-between;
justify-content: flex-end;
// margin-right: -15px;
margin-left: -30px;
.button-text
......@@ -1802,11 +1802,13 @@ textarea.field-error
color: #fff;
font-family: Montserrat Regular;
font-style: normal;
// font-weight: 600;
font-size: 15px;
line-height: normal;
transition: .3s;
background-color: transparent;
background-color: rgba(0,0,0,0);
margin: 0;
padding: 0;
border-radius: 0;
.prompt
{
&__block
......@@ -2053,7 +2055,7 @@ textarea.field-error
transition: .3s;
}
.vacancy-card
.card
{
max-width: 295px;
// min-width: 295px;
......@@ -2066,13 +2068,14 @@ textarea.field-error
box-shadow: 0 10px 20px 0 rgba(15,20,91,.1);
position: relative;
overflow: hidden;
border: 0;
&__desc
{
padding: 31px 33px;
display: flex;
flex-direction: column;
justify-content: space-between;
.vacancy-card__name
.card__name
{
font-family: Montserrat Bold;
font-size: 18px;
......@@ -2087,7 +2090,7 @@ textarea.field-error
margin-bottom: 32px;
overflow: hidden;
}
.vacancy-card__company
.card__company
{
font-family: Montserrat Regular;
font-size: 16px;
......@@ -2102,7 +2105,7 @@ textarea.field-error
margin-bottom: 32px;
overflow: hidden;
}
.vacancy-card__salary
.card__salary
{
font-family: Montserrat Bold;
......@@ -2118,7 +2121,7 @@ textarea.field-error
max-height: 19px;
height: 19px;
}
.vacancy-card__city
.card__city
{
font-family: Montserrat Regular;
font-size: 16px;
......@@ -2133,7 +2136,7 @@ textarea.field-error
max-height: 19px;
height: 19px;
}
.vacancy-card__parameters
.card__parameters
{
font-family: Montserrat Regular;
font-size: 16px;
......@@ -2148,7 +2151,7 @@ textarea.field-error
max-height: 40px;
height: 40px;
}
.vacancy-card__date
.card__date
{
font-family: Montserrat Light;
font-size: 16px;
......@@ -2170,7 +2173,7 @@ textarea.field-error
display: flex;
align-items: center;
height: 60px;
.vacancy-card__toggle
.card__toggle
{
width: 60px;
height: 100%;
......@@ -2181,7 +2184,7 @@ textarea.field-error
border: 0;
transition: .3s;
}
.vacancy-card__toggle:hover
.card__toggle:hover
{
background-color: $color-ref;
.img-svg path
......@@ -2189,14 +2192,14 @@ textarea.field-error
fill: #fff;
}
}
.vacancy-card__respond
.card__respond
{
height: 100%;
width: 80%;
transition: .3s;
background-color: transparent;
}
.vacancy-card__respond:hover
.card__respond:hover
{
background-color: $color-ref;
color: #fff;
......@@ -2216,14 +2219,14 @@ textarea.field-error
}
}
.vacancy-card.popular
.card.popular
{
background-color: $color-hover;
p
{
color: #ffffff;
}
.vacancy-card__toggle
.card__toggle
{
background-color: #82b435;
.img-svg path
......@@ -2231,7 +2234,7 @@ textarea.field-error
fill: #fff;
}
}
.vacancy-card__respond
.card__respond
{
color: #fff !important;
.img-svg path
......@@ -2239,7 +2242,7 @@ textarea.field-error
fill: #fff;
}
}
.vacancy-card__toggle:hover
.card__toggle:hover
{
background-color: $color-ref;
.img-svg path
......@@ -2247,7 +2250,7 @@ textarea.field-error
fill: #fff;
}
}
.vacancy-card__respond:hover
.card__respond:hover
{
background-color: $color-ref;
color: #fff;
......@@ -2258,7 +2261,7 @@ textarea.field-error
}
}
.new-vacancies
.new-vacancies, .new-resumes
{
h1
{
......@@ -4941,6 +4944,242 @@ input[type="submit"]
}
}
// Версия для работодателей
// Блок тарифа
.list-options
{
li
{
padding-left: 28px;
margin-bottom: 22px;
line-height: normal;
p
{
font-family: Montserrat Bold;
font-size: 16px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
}
li:last-child
{
margin-bottom: 0;
}
li:before
{
content: url(../img/icon_list_open.svg);
left: -8px;
top: 2px;
width: auto;
height: auto;
background-color: transparent;
border-radius: 0;
}
.unavailable p
{
color: $color-disabled;
}
.unavailable:before
{
content: url(../img/icon_list_close.svg);
}
}
.tariff-block
{
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
&__title
{
height: 72px;
display: flex;
justify-content: center;
align-items: center;
background-color: $color-primary;
position: relative;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
p
{
font-family: Raleway Bold;
font-size: 24px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
text-transform: uppercase;
}
}
&__content
{
padding: 35px 61px 43px 61px;
background-color: #fff;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
&__price
{
margin-top: 43px;
.old-price
{
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
p
{
font-family: Montserrat Regular;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-disabled;
margin-bottom: 22px;
position: relative;
}
p:before
{
content: '';
position: absolute;
width: 100%;
height: 2px;
background-color: #eb5757;
top: 12px;
left: 0;
right: 0;
}
}
.current-price
{
display: flex;
justify-content: center;
align-items: center;
p
{
font-family: Montserrat Regular;
font-size: 32px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
}
}
&__action
{
text-align: center;
margin-top: 43px;
}
}
}
.tariff-block.discount
{
.tariff-block__title
{
background: $color-hover;
}
.tariff-block__title:after
{
content: url(../img/icon_discount.svg);
right: 18px;
top: 15px;
position: absolute;
}
.tariff-block__content
{
&__price
{
.old-price
{
opacity: 1;
}
}
}
}
.job-posting-rates, .top-company-label, .tariffs-base-resumes, .top-job-label, .offer-website
{
h1, h1 ~p
{
text-align: center;
}
.row
{
margin-left: -20px;
margin-right: -20px;
.col-4
{
padding-left: 10px;
padding-right: 10px;
// margin-bottom: 22px;
}
}
}
.partners
{
h1
{
text-align: center;
}
&-slider
{
&-wrapper
{
a
{
display: block;
border: 0;
img
{
transition: .3s;
width: auto !important;
max-width: 100%;
height: auto;
filter: grayscale(100%);
}
}
a:hover img
{
filter: grayscale(0);
}
}
.navigation-partners
{
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
// height: 32px;
// bottom: calc(50% - 16px);
bottom: 50%;
z-index: 4;
button
{
position: absolute;
}
.owl-prev
{
left: 0;
}
.owl-next
{
right: 0;
}
}
}
}
.footer
......
src/service-rules-employer.html 0 → 100644
View file @ 0517b160
<!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">
<p>Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
<div class="service-rules block-mt-orange block-mb-purple">
<div class="accordion-content">
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title">
<p>Шаг 1. Зарегистрируйтесь</p>
<a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a>
</div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div>
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title">
<p>Шаг 2. Найдите подходящую вакансию</p>
<a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a>
</div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div>
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title">
<p>Шаг 3. Напишите работодателю</p>
<a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a>
</div>
<div class="accordion-block-desc">
<p>Оперативно откликайтесь на резюме. Это важно: чем раньше отклик на резюме, тем вероятнее, что на него откликнутся, в отличие от тех, кто откликнулся в хвосте.</p>
<br>
<img src="./img/img_step_rule.png" alt="">
</div>
</div>
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title">
<p>Шаг 4. Создайте резюме</p>
<a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a>
</div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div>
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title">
<p>Шаг 5. Поднимите свою компанию в рейтинге</p>
<a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a>
</div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div>
</div>
</div>
<p>Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания. Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
</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>
</body>
</html>
\ No newline at end of file
src/vacancies-list.html
View file @ 0517b160
......@@ -469,20 +469,20 @@
<a href="#" class="image-vacancies" style="background-image: url(./img/img_banner3.png);"></a>
</div>
<div class="col-4">
<div class="vacancy-card popular">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<div class="card popular">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -491,20 +491,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card popular">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<div class="card popular">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -513,20 +513,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card popular">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<div class="card popular">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -535,20 +535,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -557,20 +557,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -579,20 +579,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -601,20 +601,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -623,20 +623,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -645,20 +645,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -667,20 +667,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -689,20 +689,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -711,20 +711,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -733,20 +733,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......@@ -755,20 +755,20 @@
</div>
</div>
<div class="col-4">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__toggle">
<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 vacancy-card__respond">
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
......
webpack.config.js
View file @ 0517b160
......@@ -8,7 +8,8 @@ const isDev = process.env.NODE_ENV = 'development';
const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', 'main', 'service-rules', 'access-account', 'password-recovery', 'registration', 'companies-list',
'vacancies-map', 'companies-map', 'current-vacancy', 'current-company', '404', 'profile', 'profile-editing', 'my-resumes', 'favorites-vacancies-list',
'favorites-vacancies-map', 'response', 'response-resume', 'response-vacancy', 'response-vacancy-not-reg', 'subscription',
'post-resume-step1', 'post-resume-step2', 'post-resume-step3', 'post-resume-step4', 'current-resume', 'index-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'];
const webpackConfig = {
context: path.resolve(__dirname, 'src'),
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment