Skip to content

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

Header and menu for the tablet is done

parent 10bb6aef
Expand all Show whitespace changes
Inline Side-by-side
Showing with 3983 additions and 389 deletions
src/404.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<div class="content-page block-mt-dark-blue" style="margin-top: 0;"> <div class="content-page block-mt-dark-blue" style="margin-top: 0;">
......
src/access-account.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Вход в личный кабинет</h1> <h1>Вход в личный кабинет</h1>
......
src/articles.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -119,8 +142,83 @@ ...@@ -119,8 +142,83 @@
</div> </div>
</div> </div>
</div> </div>
</div> </>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Полезные статьи</h1> <h1>Полезные статьи</h1>
......
src/companies-list.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -119,8 +142,83 @@ ...@@ -119,8 +142,83 @@
</div> </div>
</div> </div>
</div> </div>
</div> </>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Компании</h1> <h1>Компании</h1>
......
src/companies-map.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Компании</h1> <h1>Компании</h1>
......
src/current-article.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Заголовок статьи</h1> <h1>Заголовок статьи</h1>
......
src/current-company.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>ОКБМ им. Африкантова</h1> <h1>ОКБМ им. Африкантова</h1>
......
src/current-resume.html
View file @ b364b667
This diff is collapsed.
src/current-vacancy.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Мастер-наладчик</h1> <h1>Мастер-наладчик</h1>
......
src/faq.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Часто задаваемые вопросы</h1> <h1>Часто задаваемые вопросы</h1>
......
src/favorites-vacancies-list.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Избранное</h1> <h1>Избранное</h1>
......
src/favorites-vacancies-map.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Избранное</h1> <h1>Избранное</h1>
......
src/img/arrow_back_change.svg 0 → 100644
View file @ b364b667
<svg width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.6 0L11 1.4L2.7 10L3.6 10.9L11 18.6L9.6 20C7.6 17.9 1.9 12 0 10C1.4 8.5 -3.57628e-07 10 9.6 0Z" fill="#3C3B55"/>
</svg>
src/img/arrow_change.svg 0 → 100644
View file @ b364b667
<svg width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4 0L0 1.4L8.3 10L7.4 10.9L0 18.6L1.4 20C3.4 17.9 9.1 12 11 10C9.6 8.5 11 10 1.4 0Z" fill="#262262"/>
</svg>
src/img/icon_button_help.svg 0 → 100644
View file @ b364b667
<svg width="6" height="19" viewBox="0 0 6 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M3 5.56574C4.7 5.56574 6 4.35983 6 2.78287C6 1.20591 4.7 0 3 0C1.3 0 0 1.20591 0 2.78287C0 4.35983 1.3 5.56574 3 5.56574ZM3 1.85525C3.6 1.85525 4 2.22629 4 2.78287C4 3.33944 3.6 3.71049 3 3.71049C2.4 3.71049 2 3.33944 2 2.78287C2 2.22629 2.4 1.85525 3 1.85525ZM3 6.49336C1.3 6.49336 0 7.69927 0 9.27623C0 10.8532 1.3 12.0591 3 12.0591C4.7 12.0591 6 10.8532 6 9.27623C6 7.69927 4.7 6.49336 3 6.49336ZM3 10.2038C2.4 10.2038 2 9.8328 2 9.27623C2 8.71965 2.4 8.3486 3 8.3486C3.6 8.3486 4 8.71965 4 9.27623C4 9.8328 3.6 10.2038 3 10.2038ZM3 12.9867C1.3 12.9867 0 14.1926 0 15.7696C0 17.3465 1.3 18.5525 3 18.5525C4.7 18.5525 6 17.3465 6 15.7696C6 14.1926 4.7 12.9867 3 12.9867ZM3 16.6972C2.4 16.6972 2 16.3262 2 15.7696C2 15.213 2.4 14.842 3 14.842C3.6 14.842 4 15.213 4 15.7696C4 16.3262 3.6 16.6972 3 16.6972Z" fill="#262262"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="6" height="18.5525" fill="white"/>
</clipPath>
</defs>
</svg>
src/index.html
View file @ b364b667
...@@ -54,6 +54,29 @@ ...@@ -54,6 +54,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -66,20 +89,20 @@ ...@@ -66,20 +89,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -136,6 +159,81 @@ ...@@ -136,6 +159,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="quick-job-search block-mb-purple"> <div class="quick-job-search block-mb-purple">
<h1>Воспользуйтесь быстрым поиском</h1> <h1>Воспользуйтесь быстрым поиском</h1>
......
src/js/main.js
View file @ b364b667
...@@ -55,7 +55,7 @@ if(imgSvg.length) ...@@ -55,7 +55,7 @@ if(imgSvg.length)
var svg = htmlSvg.querySelector('svg'); var svg = htmlSvg.querySelector('svg');
svg.setAttribute('class', 'img-svg'); svg.setAttribute('class', 'img-svg');
console.log(svg); // console.log(svg);
// img.replaceWith(svg); // img.replaceWith(svg);
img.parentElement.insertBefore(svg, img); img.parentElement.insertBefore(svg, img);
...@@ -250,18 +250,14 @@ let headerScroll = document.querySelector('.header-scroll'); ...@@ -250,18 +250,14 @@ let headerScroll = document.querySelector('.header-scroll');
function fixedAdaptiveHeader(block, height) function fixedAdaptiveHeader(block, height)
{ {
var scroll = window.pageYOffset || document.documentElement.scrollTop; var scroll = window.pageYOffset || document.documentElement.scrollTop;
// var heightBlock = block.clientHeight;
// var wrapperContent = document.querySelector('.wrapper-content');
if (scroll >= height) if (scroll >= height)
{ {
block.classList.add('header_fixed'); block.classList.add('header_fixed');
// wrapperContent.style.paddingTop = heightBlock + 'px';
} }
else else
{ {
block.classList.remove('header_fixed'); block.classList.remove('header_fixed');
// wrapperContent.style.paddingTop = '0px';
} }
} }
...@@ -1210,6 +1206,66 @@ function sendForm(form) ...@@ -1210,6 +1206,66 @@ function sendForm(form)
} }
// Адаптивная версия шапки
// if(window.matchMedia('(max-width: 1180px)').matches)
// {
// let buttonText = document.querySelectorAll('.header-bottom-right .button-text');
// if(buttonText.length)
// {
// buttonText.forEach(button => {
// button.querySelector('p') ? button.querySelector('p').remove() : null;
// });
// }
// }
// Меню
let buttonHelp = document.querySelector('.button-help');
let menuMain = document.querySelector('.menu-main');
if(buttonHelp && menuMain)
{
buttonHelp.addEventListener('click', (e) => {
e.preventDefault();
menuMain.classList.add('menu-main_active');
let changeRefs = menuMain.querySelectorAll('.change-ref');
changeRefs.forEach(ref => {
ref.addEventListener('click', (e) => {
e.preventDefault();
let dataChange = ref.dataset.change;
menuMain.querySelector('.menu-submenu[data-change='+dataChange+']').classList.add('menu-submenu_active');
});
});
let menuClose = menuMain.querySelectorAll('.menu__close');
menuClose.forEach(button => {
button.addEventListener('click', (e) => {
e.preventDefault();
menuMain.classList.remove('menu-main_active');
});
});
let backMenu = menuMain.querySelectorAll('.back-menu');
backMenu.forEach(button => {
button.addEventListener('click', (e) => {
e.preventDefault();
menuMain.querySelector('.menu-submenu_active').classList.remove('menu-submenu_active');
});
});
});
}
......
src/main.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Все страницы</h1> <h1>Все страницы</h1>
......
src/my-resumes.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Мои резюме</h1> <h1>Мои резюме</h1>
......
src/password-recovery.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Восстановление пароля</h1> <h1>Восстановление пароля</h1>
......
src/post-resume-step1.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Разместить резюме</h1> <h1>Разместить резюме</h1>
......
src/post-resume-step2.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Разместить резюме</h1> <h1>Разместить резюме</h1>
......
src/post-resume-step3.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Разместить резюме</h1> <h1>Разместить резюме</h1>
......
src/post-resume-step4.html
View file @ b364b667
This diff is collapsed.
src/profile-editing.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Профиль</h1> <h1>Профиль</h1>
......
src/profile.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Профиль</h1> <h1>Профиль</h1>
......
src/registration.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Регистрация</h1> <h1>Регистрация</h1>
......
src/response-resume.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Отклик на резюме «Столяр-обивщик»</h1> <h1>Отклик на резюме «Столяр-обивщик»</h1>
......
src/response-vacancy-not-reg.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Отклик на вакансию «Столяр-обивщик»</h1> <h1>Отклик на вакансию «Столяр-обивщик»</h1>
......
src/response-vacancy.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Отклик на вакансию «Столяр-обивщик»</h1> <h1>Отклик на вакансию «Столяр-обивщик»</h1>
......
src/response.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login hidden"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -119,8 +142,83 @@ ...@@ -119,8 +142,83 @@
</div> </div>
</div> </div>
</div> </div>
</div> </>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Отклики</h1> <h1>Отклики</h1>
......
src/scss/_fonts.scss
View file @ b364b667
...@@ -8,6 +8,15 @@ ...@@ -8,6 +8,15 @@
font-style: normal; font-style: normal;
} }
@font-face @font-face
{
font-family: 'Raleway Regular';
src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Raleway-Regular.woff') format('woff'),
url('../fonts/Raleway-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face
{ {
font-family: 'Montserrat Bold'; font-family: 'Montserrat Bold';
src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
......
src/scss/_media.scss
View file @ b364b667
...@@ -98,6 +98,34 @@ ...@@ -98,6 +98,34 @@
flex: 0 0 25%; flex: 0 0 25%;
max-width: 25%; max-width: 25%;
} }
.header-top
{
display: none;
}
.header-top-tablet
{
display: block;
}
.header-bottom-right .button-text, .header-profile .logout
{
margin-left: 40px;
}
.header-bottom-right .button-text .img-svg
{
margin: 0;
}
.header-scroll-right .button-text
{
margin-left: 40px;
}
.header-bottom-right .button-text p
{
display: none;
}
.brief-information
{
flex-direction: column;
}
} }
@media(max-width: 1000px) @media(max-width: 1000px)
{ {
...@@ -263,10 +291,23 @@ ...@@ -263,10 +291,23 @@
} }
@media(max-width: 850px) @media(max-width: 850px)
{ {
.brief-information .brief-information-block
{ {
flex-direction: column; flex-direction: column;
} }
.block-to-rate
{
margin-top: 20px;
}
.brief-information-block__info
{
margin-left: 0;
margin-top: 20px;
}
.block-to-rate
{
margin-top: 25px;
}
.useful-articles-content .row .col-3 .useful-articles-content .row .col-3
{ {
flex: 0 0 50%; flex: 0 0 50%;
...@@ -310,6 +351,10 @@ ...@@ -310,6 +351,10 @@
flex: 0 0 50%; flex: 0 0 50%;
max-width: 50%; max-width: 50%;
} }
.header-bottom-left p
{
display: none;
}
} }
@media(max-width: 700px) @media(max-width: 700px)
{ {
...@@ -327,6 +372,15 @@ ...@@ -327,6 +372,15 @@
{ {
margin-top: 10px; margin-top: 10px;
} }
.block-callback
{
flex-direction: column;
align-items: flex-start;
}
.block-callback .block-radio:nth-child(2)
{
margin-left: 0;
}
} }
@media(max-width: 650px) @media(max-width: 650px)
{ {
...@@ -349,22 +403,23 @@ ...@@ -349,22 +403,23 @@
left: 0; left: 0;
right: 0; right: 0;
} }
} .header .feedback
@media(max-width: 600px)
{
.brief-information-block
{ {
flex-direction: column; margin-left: 0;
margin-right: 0;
} }
.block-to-rate .header-top-tablet__middle a
{ {
margin-top: 20px; margin-right: 15px;
margin-left: 15px;
} }
.brief-information-block__info .header-bottom-right .button-text, .header-profile .logout
{ {
margin-left: 0; margin-left: 30px;
margin-top: 20px;
} }
}
@media(max-width: 600px)
{
.new-vacancies-content .col-3 .new-vacancies-content .col-3
{ {
flex: 0 0 100%; flex: 0 0 100%;
...@@ -440,6 +495,19 @@ ...@@ -440,6 +495,19 @@
max-width: 100%; max-width: 100%;
flex: 0 0 100%; flex: 0 0 100%;
} }
.block-callback .choices
{
margin-left: 0;
width: 100%;
margin-top: 25px;
}
.block-callback .block-radio
{
flex-direction: column;
align-items: flex-start;
margin-bottom: 25px;
width: 100%;
}
} }
@media(max-width: 450px) @media(max-width: 450px)
{ {
......
src/scss/style.scss
View file @ b364b667
...@@ -228,7 +228,6 @@ button ...@@ -228,7 +228,6 @@ button
transition: .3s; transition: .3s;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -240,6 +239,17 @@ button ...@@ -240,6 +239,17 @@ button
{ {
margin-right: 10px; margin-right: 10px;
} }
p
{
font-family: Montserrat Bold;
font-size: 15px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-ref;
transition: .3s;
}
} }
.button-text:hover .button-text:hover
...@@ -249,6 +259,10 @@ button ...@@ -249,6 +259,10 @@ button
{ {
fill: $color-hover; fill: $color-hover;
} }
p
{
color: $color-hover;
}
} }
.button-text:active .button-text:active
...@@ -258,6 +272,10 @@ button ...@@ -258,6 +272,10 @@ button
{ {
fill: $color-clicked; fill: $color-clicked;
} }
p
{
color: $color-clicked;
}
} }
.other-button .other-button
...@@ -432,6 +450,7 @@ input[data-picker="datepicker"] ...@@ -432,6 +450,7 @@ input[data-picker="datepicker"]
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
position: relative;
&-content &-content
{ {
flex: 1 1 auto; flex: 1 1 auto;
...@@ -1244,6 +1263,204 @@ textarea.field-error ...@@ -1244,6 +1263,204 @@ textarea.field-error
z-index: 3; z-index: 3;
} }
// Выбор режима
.choice-mode
{
border: 0;
border-radius: 20px;
background-color: transparent;
padding: 6px 20px;
font-family: Montserrat Bold;
font-size: 15px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-disabled;
display: flex;
justify-content: center;
align-items: center;
transition: .3s;
margin-left: 20px;
margin-right: 20px;
}
.choice-mode:hover
{
background-color: $color-ref;
color: #fff;
}
.choice-mode_active
{
background-color: $color-ref;
color: #fff;
}
// Меню помощь
.menu-main
{
z-index: -1;
// opacity: 0;
transform: translateX(-100%);
overflow: auto;
}
.menu
{
width: 100%;
height: 100vh;
background-color: #fff;
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
transition: .3s;
padding: 16px;
&-title
{
display: flex;
justify-content: flex-end;
}
&__close
{
display: block;
border: 0;
}
&__close:hover .img-svg path
{
fill: $color-hover;
}
&-content
{
margin-top: 28px;
&-block
{
padding-bottom: 43px;
margin-bottom: 43px;
border-bottom: 2px solid #DDDCE8;
padding-left: 16px;
&__title
{
font-family: Raleway Regular;
font-size: 30px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
&__points
{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 32px;
p
{
font-family: Montserrat Bold;
font-size: 16px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
.change-ref
{
font-size: 14px;
.img-svg
{
margin-left: 10px;
margin-right: 0;
}
}
}
}
&-block__help, &-block__values
{
a
{
display: block;
margin-top: 32px;
font-family: Montserrat Bold;
font-size: 16px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
border: 0;
transition: .3s;
}
a:hover
{
color: $color-hover;
}
}
&__block:last-child, &-block__values
{
border: 0;
}
}
&-submenu
{
z-index: -1;
// opacity: 0;
transform: translateX(-100%);
&-title
{
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 16px;
&__block
{
display: flex;
align-items: center;
p
{
margin-left: 10px;
font-family: Raleway Regular;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
a
{
border: 0;
display: block;
}
.back-menu:hover .img-svg path
{
fill: $color-hover;
}
}
}
}
&-submenu_active
{
z-index: 10;
opacity: 1;
transform: translateX(0);
}
}
.menu-main_active
{
z-index: 5;
opacity: 1;
transform: translateX(0);
}
// Шапка // Шапка
...@@ -1312,39 +1529,6 @@ textarea.field-error ...@@ -1312,39 +1529,6 @@ textarea.field-error
{ {
display: flex; display: flex;
align-items: center; align-items: center;
.choice-mode
{
border: 0;
border-radius: 20px;
background-color: transparent;
padding: 6px 20px;
font-family: Montserrat Bold;
font-size: 15px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-disabled;
display: flex;
justify-content: center;
align-items: center;
transition: .3s;
margin-left: 20px;
margin-right: 20px;
}
.choice-mode:hover
{
background-color: $color-ref;
color: #fff;
}
.choice-mode_active
{
background-color: $color-ref;
color: #fff;
}
} }
&-right &-right
{ {
...@@ -1385,6 +1569,41 @@ textarea.field-error ...@@ -1385,6 +1569,41 @@ textarea.field-error
} }
} }
} }
&-top-tablet
{
padding-top: 22px;
padding-bottom: 22px;
display: none;
&__left
{
display: flex;
.choice-mode
{
margin: 0;
}
.choice-mode:nth-child(2)
{
margin-left: 30px;
}
}
&__middle
{
display: flex;
a
{
margin-left: 15px;
margin-right: 15px;
}
.feedback::after
{
margin-left: 0;
}
}
&__right
{
}
}
&-bottom &-bottom
{ {
padding-top: 45px; padding-top: 45px;
...@@ -3393,9 +3612,9 @@ ymaps[class$='pie-chart-content'] ...@@ -3393,9 +3612,9 @@ ymaps[class$='pie-chart-content']
border-radius: 3px; border-radius: 3px;
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
position: absolute; // position: absolute;
top: 0; // top: 0;
right: 0; // right: 0;
padding: 30px; padding: 30px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -3589,6 +3808,14 @@ ymaps[class$='pie-chart-content'] ...@@ -3589,6 +3808,14 @@ ymaps[class$='pie-chart-content']
{ {
margin-bottom: 43px; margin-bottom: 43px;
} }
.row
{
.col-3
{
padding-left: 15px;
padding-right: 15px;
}
}
&-block &-block
{ {
// display: flex; // display: flex;
......
src/service-rules.html
View file @ b364b667
...@@ -42,6 +42,29 @@ ...@@ -42,6 +42,29 @@
</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 choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" 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-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
...@@ -54,20 +77,20 @@ ...@@ -54,20 +77,20 @@
<div class="col-auto header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу <p>Найти работу</p>
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt=""> <img class="img-svg" src="./img/icon_logout.svg" alt="">
...@@ -121,6 +144,81 @@ ...@@ -121,6 +144,81 @@
</div> </div>
</div> </div>
</header> </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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container"> <div class="container">
<h1>Как пользоваться сервисом</h1> <h1>Как пользоваться сервисом</h1>
......
src/subscription.html
View file @ b364b667
This diff is collapsed.
src/vacancies-list.html
View file @ b364b667
This diff is collapsed.
src/vacancies-map.html
View file @ b364b667
This diff is collapsed.
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