Skip to content

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

Mobile adaptive is almost done

parent 5634d1bd
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2327 additions and 602 deletions
src/404.html
View file @ 99a414aa
This diff is collapsed.
src/access-account.html
View file @ 99a414aa
This diff is collapsed.
src/articles.html
View file @ 99a414aa
This diff is collapsed.
src/companies-list.html
View file @ 99a414aa
This diff is collapsed.
src/companies-map.html
View file @ 99a414aa
This diff is collapsed.
src/current-article.html
View file @ 99a414aa
This diff is collapsed.
src/current-company.html
View file @ 99a414aa
This diff is collapsed.
src/current-resume.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/current-vacancy.html
View file @ 99a414aa
This diff is collapsed.
src/faq.html
View file @ 99a414aa
This diff is collapsed.
src/favorites-vacancies-list.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/favorites-vacancies-map.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/img/logo_mobile.svg 0 → 100644
View file @ 99a414aa
<svg width="37" height="42" viewBox="0 0 37 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.4519 31.0961C22.5056 31.0961 25.7919 27.8416 25.7919 23.8269C25.7919 19.8122 22.5056 16.5577 18.4519 16.5577C14.3981 16.5577 11.1118 19.8122 11.1118 23.8269C11.1118 27.8416 14.3981 31.0961 18.4519 31.0961Z" fill="#92C83E"/>
<path d="M9.27637 0L18.3495 18.274L27.5245 0.100962L9.27637 0Z" fill="#92C83E"/>
<path d="M26.8115 7.6731L23.6512 14.0337C27.2193 15.851 29.564 19.5866 29.564 23.8269C29.564 29.8846 24.5687 34.9327 18.3501 34.9327C12.2334 34.9327 7.13615 29.9856 7.13615 23.8269C7.13615 19.5866 9.58283 15.9519 13.049 14.0337L9.88866 7.6731C3.97585 10.7019 0 16.7596 0 23.8269C0 33.8221 8.1556 42 18.3501 42C28.4426 42 36.7002 33.9231 36.7002 23.8269C36.7002 16.7596 32.7243 10.7019 26.8115 7.6731Z" fill="#0F145B"/>
</svg>
src/index.html
View file @ 99a414aa
...@@ -33,11 +33,11 @@ ...@@ -33,11 +33,11 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-right justify-content-between"> <div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
...@@ -62,10 +62,10 @@ ...@@ -62,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -77,12 +77,17 @@ ...@@ -77,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -95,11 +100,11 @@ ...@@ -95,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -115,12 +120,12 @@ ...@@ -115,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -130,10 +135,10 @@ ...@@ -130,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -142,10 +147,38 @@ ...@@ -142,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/js/main.js
View file @ 99a414aa
...@@ -246,6 +246,7 @@ initChoices(elemsSelect); ...@@ -246,6 +246,7 @@ initChoices(elemsSelect);
let headerHeight = document.querySelector('.header').clientHeight; let headerHeight = document.querySelector('.header').clientHeight;
let headerScroll = document.querySelector('.header-scroll'); let headerScroll = document.querySelector('.header-scroll');
let headerScrollMobile = document.querySelector('.header-scroll-mobile');
function fixedAdaptiveHeader(block, height) function fixedAdaptiveHeader(block, height)
{ {
...@@ -261,12 +262,25 @@ function fixedAdaptiveHeader(block, height) ...@@ -261,12 +262,25 @@ function fixedAdaptiveHeader(block, height)
} }
} }
window.addEventListener('scroll', function() if(window.matchMedia('(min-width: 651px)').matches)
{ {
window.addEventListener('scroll', function()
{
fixedAdaptiveHeader(headerScroll, headerHeight);
});
fixedAdaptiveHeader(headerScroll, headerHeight); fixedAdaptiveHeader(headerScroll, headerHeight);
}); }
fixedAdaptiveHeader(headerScroll, headerHeight); if(window.matchMedia('(max-width: 650px)').matches)
{
window.addEventListener('scroll', function()
{
fixedAdaptiveHeader(headerScrollMobile, headerHeight);
});
fixedAdaptiveHeader(headerScrollMobile, headerHeight);
}
// Для input[type="file"] // Для input[type="file"]
......
src/main.html
View file @ 99a414aa
This diff is collapsed.
src/my-resumes.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/password-recovery.html
View file @ 99a414aa
This diff is collapsed.
src/post-resume-step1.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/post-resume-step2.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/post-resume-step3.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/post-resume-step4.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/profile-editing.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/profile.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/registration.html
View file @ 99a414aa
This diff is collapsed.
src/response-resume.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/response-vacancy-not-reg.html
View file @ 99a414aa
This diff is collapsed.
src/response-vacancy.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/response.html
View file @ 99a414aa
...@@ -12,14 +12,21 @@ ...@@ -12,14 +12,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <div href="#" class="choice-lang prompt">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#" class="choice-city"> <a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div> </div>
<div class="col-auto header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
...@@ -34,10 +41,15 @@ ...@@ -34,10 +41,15 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="help"> <div href="#" class="prompt help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> <div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,10 +62,10 @@ ...@@ -50,10 +62,10 @@
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-tablet__middle"> <div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a> </a>
</div> </div>
...@@ -65,12 +77,17 @@ ...@@ -65,12 +77,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</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">
<div class="col-auto header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
...@@ -83,11 +100,11 @@ ...@@ -83,11 +100,11 @@
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить резюме</p> <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p> <p>Войти</p>
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<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> <p>Иван Иванов</p>
...@@ -103,12 +120,12 @@ ...@@ -103,12 +120,12 @@
<div class="header-scroll"> <div class="header-scroll">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto header-scroll-left">
<a href="#"> <a href="#">
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col"> <div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt"> <div href="#" class="button-text choice-mode prompt">
Ищу работу Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt=""> <img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
...@@ -118,10 +135,10 @@ ...@@ -118,10 +135,10 @@
</div> </div>
</div> </div>
<div class="col-6 header-scroll-right"> <div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden"> <a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text feedback hidden" data-count="+16"> <a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
...@@ -130,10 +147,38 @@ ...@@ -130,10 +147,38 @@
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a> </a>
<a href="#" class="button-text login"> <a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a> </a>
<div class="header-profile header-profile_hidden"> <div class="header-profile">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p> <p>Иван Иванов</p>
......
src/scss/_media.scss
View file @ 99a414aa
...@@ -166,6 +166,28 @@ ...@@ -166,6 +166,28 @@
{ {
display: none; display: none;
} }
.header-scroll-right .profile .img-svg
{
margin: 0;
}
.header-top-tablet__middle .feedback
{
margin-left: 20px;
margin-right: 20px;
}
.header-profile p
{
display: none;
}
.subscription form .other-position .button-text
{
margin-left: 0;
margin-top: 17px;
}
.subscription form .other-position
{
flex-direction: column;
}
} }
@media(max-width: 1000px) @media(max-width: 1000px)
{ {
...@@ -471,6 +493,24 @@ ...@@ -471,6 +493,24 @@
{ {
display: none; display: none;
} }
.post-resume .steps-post-resume
{
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.post-resume .steps-post-resume__arrow
{
display: none;
}
.post-resume .steps-post-resume__step
{
margin-bottom: 32px;
}
.post-resume .steps-post-resume__step:last-child
{
margin-bottom: 0;
}
} }
@media(max-width: 700px) @media(max-width: 700px)
{ {
...@@ -497,6 +537,34 @@ ...@@ -497,6 +537,34 @@
{ {
margin-left: 0; margin-left: 0;
} }
.header-bottom-right .button-text, .header-profile .logout
{
margin-left: 25px;
}
.header-scroll-right .button-text, .header-scroll-right .logout
{
margin-left: 25px;
}
.header-top-tablet__middle a, .header-top-tablet__middle .feedback
{
margin-left: 12.5px;
margin-right: 12.5px;
}
.work-period
{
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.work-period__block
{
margin-top: 32px;
width: 100%;
}
.work-period__block input
{
width: 100%;
}
} }
@media(max-width: 650px) @media(max-width: 650px)
{ {
...@@ -529,23 +597,179 @@ ...@@ -529,23 +597,179 @@
margin-right: 15px; margin-right: 15px;
margin-left: 15px; margin-left: 15px;
} }
.header-bottom-right .button-text, .header-profile .logout .header-top-tablet__left
{ {
margin-left: 25px; display: none;
} }
.header-scroll-right .button-text, .header-scroll-right .logout .header-top-tablet__middle a
{ {
margin-left: 25px; margin-left: 0;
margin-right: 0;
} }
} .header-top-tablet__middle .button-text .img-svg
@media(max-width: 600px) {
{ margin: 0;
.new-vacancies-content .col-3 }
.header-top-tablet__middle .feedback
{
margin-left: 30px;
}
.header-scroll
{
display: none;
}
.main-logo
{
display: none;
}
.mobile-logo
{
display: block;
}
.header-bottom-left p
{
display: block;
width: auto;
margin-left: 20px;
}
.container
{
padding-left: 16px;
padding-right: 16px;
}
.header-bottom
{
padding-top: 17px;
padding-bottom: 17px;
border-top: 0;
}
.header-bottom-right
{
display: none;
}
.menu-content-block__title
{
font-size: 23px;
}
.menu-content-block__help a, .menu-content-block__values a
{
font-size: 15px;
margin-top: 25px;
}
.menu-content-block__points
{
margin-top: 25px;
}
.menu-content-block
{
padding-bottom: 32px;
margin-bottom: 32px;
}
.menu-content
{
margin-top: 17px;
}
.menu-submenu-title__block p
{
font-size: 20px;
}
.header-top-tablet
{
padding-top: 17px;
padding-bottom: 17px;
}
.header-mode-mobile
{
display: flex;
}
.wrapper-transition-arrow
{
flex-direction: column;
}
.transition-button:nth-child(2)
{
margin-top: 32px;
}
.row
{
margin-left: -16px;
margin-right: -16px;
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto
{
padding-left: 16px;
padding-right: 16px;
}
.list-container-row
{
margin-left: -16px;
margin-right: -16px;
}
.list-container-row .col-3, .list-container-row .col-9
{
padding-left: 16px;
padding-right: 16px;
}
.main-search .search-list-row-vacancies .col-4
{
padding-left: 16px;
padding-right: 16px;
}
.main-search .search-list-row-vacancies
{
margin-left: -16px;
margin-right: -16px;
}
.main-search .search-list-row-companies
{
margin-left: -16px;
margin-right: -16px;
}
.main-search .search-list-row-companies .col-6
{
padding-left: 16px;
padding-right: 22px !important;
}
.block-post-resume .row
{
flex-direction: column;
}
.block-post-resume .row .col-4
{ {
flex: 0 0 100%; flex: 0 0 100%;
max-width: 100%; max-width: 100%;
} }
.useful-articles-content .row .col-3 .block-post-resume .row .col-8
{
margin-top: 32px;
flex: 0 0 100%;
max-width: 100%;
}
.block-post-resume .row .col-8 .col-6
{
flex: 0 0 100%;
max-width: 100%;
}
.block-skip-step
{
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.block-skip-step a
{
margin-top: 32px;
}
.transfer-steps
{
flex-direction: column;
align-items: flex-start;
}
.transfer-steps a:first-child
{
margin-bottom: 32px;
}
form .col-4
{ {
flex: 0 0 100%; flex: 0 0 100%;
max-width: 100%; max-width: 100%;
...@@ -588,6 +812,31 @@ ...@@ -588,6 +812,31 @@
padding-right: 20px; padding-right: 20px;
padding-bottom: 20px; padding-bottom: 20px;
} }
.all-articles .row .col-3
{
max-width: 100%;
flex: 0 0 100%;
}
.main-images .col-3
{
max-width: 100%;
flex: 0 0 100%;
}
.useful-articles-content .row .col-3, .new-vacancies-content .col-3
{
flex: 0 0 100%;
max-width: 100%;
}
.main-search .search-list-row-vacancies .col-4
{
max-width: 100%;
flex: 0 0 100%;
}
.favorites-list-row .col-4
{
max-width: 100%;
flex: 0 0 100%;
}
} }
@media(max-width: 500px) @media(max-width: 500px)
{ {
...@@ -627,11 +876,6 @@ ...@@ -627,11 +876,6 @@
margin-right: 0; margin-right: 0;
margin-top: 20px; margin-top: 20px;
} }
.main-images .col-3
{
max-width: 100%;
flex: 0 0 100%;
}
.block-callback .choices .block-callback .choices
{ {
margin-left: 0; margin-left: 0;
......
src/scss/style.scss
View file @ 99a414aa
...@@ -247,7 +247,7 @@ button ...@@ -247,7 +247,7 @@ button
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-ref; // color: $color-ref;
transition: .3s; transition: .3s;
} }
} }
...@@ -1468,7 +1468,7 @@ textarea.field-error ...@@ -1468,7 +1468,7 @@ textarea.field-error
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding-left: 16px; // padding-left: 16px;
&__block &__block
{ {
display: flex; display: flex;
...@@ -1512,6 +1512,11 @@ textarea.field-error ...@@ -1512,6 +1512,11 @@ textarea.field-error
transform: translateX(0); transform: translateX(0);
} }
.mobile-logo
{
display: none;
}
// Шапка // Шапка
...@@ -1618,6 +1623,11 @@ textarea.field-error ...@@ -1618,6 +1623,11 @@ textarea.field-error
fill: $color-hover; fill: $color-hover;
} }
} }
.feedback
{
margin-left: 30px;
margin-right: 30px;
}
} }
} }
&-top-tablet &-top-tablet
...@@ -1640,19 +1650,35 @@ textarea.field-error ...@@ -1640,19 +1650,35 @@ textarea.field-error
&__middle &__middle
{ {
display: flex; display: flex;
a a
{ {
margin-left: 15px; margin-left: 20px;
margin-right: 15px; margin-right: 20px;
} }
.feedback::after // .feedback::after
// {
// margin-left: 0;
// }
.img-svg
{ {
margin-left: 0; margin: 0;
} }
} }
&__right }
&-mode-mobile
{
display: none;
justify-content: space-between;
align-items: center;
height: 51px;
.choice-mode
{ {
height: 100%;
width: 50%;
border-radius: 0;
margin: 0;
padding: 0;
font-size: 14px;
} }
} }
&-bottom &-bottom
...@@ -1692,6 +1718,10 @@ textarea.field-error ...@@ -1692,6 +1718,10 @@ textarea.field-error
.button-text .button-text
{ {
margin-left: 30px; margin-left: 30px;
p
{
color: $color-ref;
}
// margin-right: 15px; // margin-right: 15px;
} }
} }
...@@ -1703,8 +1733,8 @@ textarea.field-error ...@@ -1703,8 +1733,8 @@ textarea.field-error
.feedback .feedback
{ {
position: relative; position: relative;
margin-left: 30px; // margin-left: 30px;
margin-right: 30px; // margin-right: 30px;
} }
.button-text.hidden .button-text.hidden
{ {
...@@ -1784,7 +1814,10 @@ textarea.field-error ...@@ -1784,7 +1814,10 @@ textarea.field-error
.button-text .button-text
{ {
margin-left: 60px; margin-left: 60px;
color: #fff; p
{
color: #fff;
}
.img-svg .img-svg
{ {
margin: 0; margin: 0;
...@@ -1811,6 +1844,51 @@ textarea.field-error ...@@ -1811,6 +1844,51 @@ textarea.field-error
} }
} }
} }
&-scroll-mobile
{
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 51px;
display: flex;
align-items: center;
background-color: $color-primary;
z-index: -1;
opacity: 0;
transition: .2s;
transform: translateY(-51px);
.button-text
{
.img-svg
{
margin: 0;
}
}
&-left
{
display: flex;
align-items: center;
.button-text
{
margin-left: 30px;
}
.button-text:nth-child(1)
{
margin-left: 0;
}
}
&-right
{
display: flex;
align-items: center;
.button-text, .logout
{
margin-left: 30px !important;
}
}
}
&_fixed &_fixed
{ {
transform: translateY(0); transform: translateY(0);
...@@ -2403,6 +2481,7 @@ button ...@@ -2403,6 +2481,7 @@ button
border-radius: 3px; border-radius: 3px;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
border: 0; border: 0;
max-width: 295px;
// width: 295px; // width: 295px;
// display: block !important; // display: block !important;
} }
......
src/service-rules.html
View file @ 99a414aa
This diff is collapsed.
src/subscription.html
View file @ 99a414aa
This diff is collapsed.
src/vacancies-list.html
View file @ 99a414aa
This diff is collapsed.
src/vacancies-map.html
View file @ 99a414aa
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