Skip to content

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

The tablet adaptive is done

parent 5fd51159
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1699 additions and 324 deletions
src/404.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/access-account.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/articles.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......@@ -142,7 +145,7 @@
</div>
</div>
</div>
</>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
......
src/companies-list.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......@@ -721,6 +724,124 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
</div>
<div class="modal-form modal-form__filter" id="modal-filter">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-filter">
<form action="" id="form-filter">
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Город</p>
<select name="city">
<option value="0">Выберите город</option>
<option value="city1">Москва</option>
<option value="city2">Нижний Новгород</option>
<option value="city3">Казань</option>
</select>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Тип работодателя</p>
<div class="block-checkbox block-mt-orange">
<label for="direct-employers-mobile">
<input type="checkbox" id="direct-employers-mobile" name="direct-employers" hidden checked>
<div class="check"></div>
Прямые работодатели
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="recruitment-agencies-mobile">
<input type="checkbox" id="recruitment-agencies-mobile" name="recruitment-agencies" hidden checked>
<div class="check"></div>
Кадровые агенства
</label>
</div>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Сфера деятельности</p>
<div class="block-checkbox block-mt-orange">
<label for="building-mobile">
<input type="checkbox" id="building-mobile" name="building" hidden>
<div class="check"></div>
Строительство
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="repairs-mobile">
<input type="checkbox" id="repairs-mobile" name="repairs" hidden>
<div class="check"></div>
Ремонт
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="security-mobile">
<input type="checkbox" id="security-mobile" name="security" hidden checked>
<div class="check"></div>
Охрана, безопасность
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="working-staff-mobile">
<input type="checkbox" id="working-staff-mobile" name="working-staff" hidden checked>
<div class="check"></div>
Рабочий персонал
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="administrative-staff-mobile">
<input type="checkbox" id="administrative-staff-mobile" name="administrative-staff" hidden checked>
<div class="check"></div>
Административный персонал
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="service-mobile">
<input type="checkbox" id="service-mobile" name="service" hidden checked>
<div class="check"></div>
Инсталляция и сервис
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="production-mobile">
<input type="checkbox" id="production-mobile" name="production" hidden checked>
<div class="check"></div>
Производство
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="agriculture-mobile">
<input type="checkbox" id="agriculture-mobile" name="agriculture" hidden checked>
<div class="check"></div>
Сельское хозяйство
</label>
</div>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Наличие открытых вакансий</p>
<div class="block-checkbox block-mt-orange">
<label for="open-vacancies-yes-mobile">
<input type="checkbox" id="open-vacancies-yes-mobile" name="open-vacancies-yes" hidden>
<div class="check"></div>
Да
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="open-vacancies-no-mobile">
<input type="checkbox" id="open-vacancies-no-mobile" name="open-vacancies-no" hidden>
<div class="check"></div>
Нет
</label>
</div>
</div>
<div class="block-mt-green">
<input type="submit" name="submit-filter" class="main-button" value="Применить фильтр">
</div>
</form>
</div>
</div>
</div>
</>
</body>
</html>
\ No newline at end of file
src/companies-map.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......@@ -463,6 +466,124 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__filter" id="modal-filter">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-filter">
<form action="" id="form-filter">
<div class="block-select-filter block-mb-yellow">
<p class="block-select-filter__name">Город</p>
<select name="city">
<option value="0">Выберите город</option>
<option value="city1">Москва</option>
<option value="city2">Нижний Новгород</option>
<option value="city3">Казань</option>
</select>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Тип работодателя</p>
<div class="block-checkbox block-mt-orange">
<label for="direct-employers-mobile">
<input type="checkbox" id="direct-employers-mobile" name="direct-employers" hidden checked>
<div class="check"></div>
Прямые работодатели
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="recruitment-agencies-mobile">
<input type="checkbox" id="recruitment-agencies-mobile" name="recruitment-agencies" hidden checked>
<div class="check"></div>
Кадровые агенства
</label>
</div>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Сфера деятельности</p>
<div class="block-checkbox block-mt-orange">
<label for="building-mobile">
<input type="checkbox" id="building-mobile" name="building" hidden>
<div class="check"></div>
Строительство
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="repairs-mobile">
<input type="checkbox" id="repairs-mobile" name="repairs" hidden>
<div class="check"></div>
Ремонт
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="security-mobile">
<input type="checkbox" id="security-mobile" name="security" hidden checked>
<div class="check"></div>
Охрана, безопасность
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="working-staff-mobile">
<input type="checkbox" id="working-staff-mobile" name="working-staff" hidden checked>
<div class="check"></div>
Рабочий персонал
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="administrative-staff-mobile">
<input type="checkbox" id="administrative-staff-mobile" name="administrative-staff" hidden checked>
<div class="check"></div>
Административный персонал
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="service-mobile">
<input type="checkbox" id="service-mobile" name="service" hidden checked>
<div class="check"></div>
Инсталляция и сервис
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="production-mobile">
<input type="checkbox" id="production-mobile" name="production" hidden checked>
<div class="check"></div>
Производство
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="agriculture-mobile">
<input type="checkbox" id="agriculture-mobile" name="agriculture" hidden checked>
<div class="check"></div>
Сельское хозяйство
</label>
</div>
</div>
<div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Наличие открытых вакансий</p>
<div class="block-checkbox block-mt-orange">
<label for="open-vacancies-yes-mobile">
<input type="checkbox" id="open-vacancies-yes-mobile" name="open-vacancies-yes" hidden>
<div class="check"></div>
Да
</label>
</div>
<div class="block-checkbox block-mt-orange">
<label for="open-vacancies-no-mobile">
<input type="checkbox" id="open-vacancies-no-mobile" name="open-vacancies-no" hidden>
<div class="check"></div>
Нет
</label>
</div>
</div>
<div class="block-mt-green">
<input type="submit" name="submit-filter" class="main-button" value="Применить фильтр">
</div>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/current-article.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/current-company.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/current-resume.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="post-resume">
<h2>Разнорабочий</h2>
<div class="brief-information block-mt-green">
......@@ -656,6 +662,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/current-vacancy.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/faq.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/favorites-vacancies-list.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="wrapper-button block-mb-yellow">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_map.svg" alt="">
......@@ -546,6 +552,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/favorites-vacancies-map.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="wrapper-button block-mb-yellow">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_list.svg" alt="">
......@@ -372,6 +378,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/img/icon_burger.svg 0 → 100644
View file @ 5634d1bd
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 0H0V2H20V0Z" fill="#262262"/>
<path d="M20 8H0V10H20V8Z" fill="#262262"/>
<path d="M20 16H0V18H20V16Z" fill="#262262"/>
</svg>
src/index.html
View file @ 5634d1bd
......@@ -120,7 +120,7 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
......@@ -148,7 +148,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/js/main.js
View file @ 5634d1bd
......@@ -996,6 +996,13 @@ let arrayFields = [shadow, ...closeModal];
let buttonFeedback = document.querySelectorAll('.button-feedback');
let modalFeedback = document.querySelector('#modal-feedback');
let buttonFilter = document.querySelectorAll('.button-filter');
let modalFilter = document.querySelector('#modal-filter');
let buttonAccount = document.querySelectorAll('.button-account');
let modalAccount = document.querySelector('#modal-account');
const animationModalForm = fn =>
{
......@@ -1016,6 +1023,8 @@ function viewForm(buttons, form)
{
e.preventDefault();
let closeModal = form.querySelector('.close-modal a');
shadow.appendChild(form);
document.body.classList.add('disabled');
shadow.classList.add('wrapper-shadow_active');
......@@ -1025,12 +1034,13 @@ function viewForm(buttons, form)
form.classList.add('modal-form_active');
});
arrayFields.forEach(field =>
shadow.addEventListener('click', (e) =>
{
field.addEventListener('click', (e) =>
if(e.target.classList.contains('wrapper-shadow'))
{
e.preventDefault();
form.classList.remove('modal-form_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.appendChild(form);
......@@ -1040,19 +1050,43 @@ function viewForm(buttons, form)
{
shadow.innerHTML = '';
}, 500);
});
}
});
form.addEventListener('click', e => e.stopPropagation());
closeModal.addEventListener('click', function(e)
{
e.preventDefault();
form.classList.remove('modal-form_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.appendChild(form);
document.body.classList.remove('disabled');
setTimeout(() =>
{
shadow.innerHTML = '';
}, 500);
});
// form.addEventListener('click', e => e.preventDefault());
});
});
}
if(buttonFeedback.length > 0)
if(buttonFeedback.length)
{
viewForm(buttonFeedback, modalFeedback);
}
if(buttonFilter.length)
{
viewForm(buttonFilter, modalFilter);
}
if(buttonAccount.length)
{
viewForm(buttonAccount, modalAccount);
}
// Валидация формы и отправка данных
......
src/main.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/my-resumes.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="tabs">
<div class="tabs-items">
<a href="#" class="tabs-item tabs-item_active" data-tab="actual">
......@@ -683,6 +689,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/password-recovery.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/post-resume-step1.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="post-resume">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue">
......@@ -271,6 +277,15 @@
</div>
<div class="block-mt-blue">
<form action="" name="post-resume-step1" id="post-resume-step1">
<div class="load-avatar">
<div class="load-avatar__block">
<canvas id="canvas-avatar" width="210" height="210"></canvas>
</div>
<label for="load-avatar">
<input type="file" name="load-avatar" id="load-avatar" hidden>
Загрузить фото
</label>
</div>
<div class="container-compressed">
<div class="block-mb-yellow">
<label for="name">Имя <span>*</span></label>
......@@ -329,15 +344,6 @@
<button type="button" class="main-button" id="next-step-resume">Далее</button>
</div>
</div>
<div class="load-avatar">
<div class="load-avatar__block">
<canvas id="canvas-avatar" width="210" height="210"></canvas>
</div>
<label for="load-avatar">
<input type="file" name="load-avatar" id="load-avatar" hidden>
Загрузить фото
</label>
</div>
</form>
</div>
</div>
......@@ -452,6 +458,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/post-resume-step2.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="post-resume">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue">
......@@ -732,6 +738,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/post-resume-step3.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="post-resume">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue">
......@@ -457,6 +463,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/post-resume-step4.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="post-resume">
<div class="steps-post-resume">
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a>
......@@ -669,6 +675,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/profile-editing.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="current-profile-data">
<div class="container-compressed">
<form action="" name="form-edit-profile" id="form-edit-profile" enctype="multipart/form-data">
......@@ -425,6 +431,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/profile.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -229,32 +232,35 @@
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
<p>Профиль</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
<p>Мои резюме</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
<p>Разместить резюме</p>
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
<p>Отклики</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
<p>Избранное</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
<p>Подписка</p>
</a>
</div>
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="current-profile-data">
<div class="container-compressed">
<form action="" name="form-current-profile" id="form-current-profile" enctype="multipart/form-data">
......@@ -422,6 +428,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/registration.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/response-resume.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="brief-information block-mb-green">
<div class="brief-information-block">
<div class="brief-information-block__image">
......@@ -398,6 +404,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/response-vacancy-not-reg.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/response-vacancy.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="brief-information block-mb-green">
<div class="brief-information-block">
<div class="brief-information-block__image">
......@@ -400,6 +406,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/response.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -142,7 +145,7 @@
</div>
</div>
</div>
</>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="response">
<div class="response-header">
<div class="response-header-row">
......@@ -526,6 +532,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/scss/_media.scss
View file @ 5634d1bd
......@@ -39,13 +39,31 @@
padding-right: 20px;
padding-left: 20px;
}
}
@media(max-width: 1180px)
{
.image-companies
.main-search .search-list-row-companies
{
margin-left: -10px;
margin-right: -10px;
}
.main-search .search-list-row-companies .col-6
{
padding-left: 10px;
padding-right: 12px;
flex: 0 0 100%;
max-width: 100%;
}
.profile-container-row
{
margin-left: -20px;
margin-right: -20px;
}
.profile-container-row .col-3, .profile-container-row .col-9
{
padding-left: 20px;
padding-right: 20px;
}
}
@media(max-width: 1180px)
{
.main-search .search-list-row-companies .col-6
{
padding-left: 15px;
......@@ -65,15 +83,6 @@
flex: 0 0 33%;
max-width: 33%;
}
// .main-search .search-list-row-vacancies .col-4
// {
// flex: 0 0 50%;
// max-width: 50%;
// }
.image-vacancies
{
max-width: initial;
}
.vacancy-card .vacancy-card__toggle
{
width: 20%;
......@@ -130,45 +139,40 @@
{
flex-direction: column;
}
.button-filter
{
display: flex;
}
.additional-search
.main-search .search-list-row-vacancies .col-4
{
flex-wrap: wrap;
flex: 0 0 50%;
max-width: 50%;
}
.additional-search form
.block-to-rate
{
width: 100%;
margin-top: 32px;
}
.additional-search form input[type=text]
.profile-container .sidebar-image
{
min-width: 100%;
max-width: 100%;
display: none;
}
.list-container-row .col-3
.favorites-list-row .col-4
{
display: none;
flex: 0 0 50%;
max-width: 50%;
}
.list-container-row .col-9
.load-avatar
{
flex: 0 0 100%;
max-width: 100%;
position: relative;
margin-bottom: 32px;
}
.main-search .search-list-row-vacancies .col-4
.header-scroll-right .button-text p
{
flex: 0 0 25%;
max-width: 25%;
display: none;
}
}
@media(max-width: 1000px)
{
.main-search .search-list-row-vacancies .col-4
.main-button, .other-button
{
flex: 0 0 33%;
max-width: 33%;
padding-left: 15px;
padding-right: 15px;
}
.faq-main-content__right
{
......@@ -306,6 +310,75 @@
padding-bottom: 48px;
}
}
@media(max-width: 950px)
{
.all-articles .row .col-3
{
flex: 0 0 50%;
max-width: 50%;
}
.close-modal
{
padding-left: 16px;
padding-right: 16px;
padding-top: 16px;
}
.modal-form-content
{
padding-left: 16px;
padding-right: 16px;
}
.button-filter, .button-account
{
display: flex;
}
.button-account
{
margin-bottom: 48px;
}
.additional-search
{
flex-wrap: wrap;
}
.additional-search form
{
width: 100%;
margin-top: 32px;
}
.additional-search form input[type=text]
{
min-width: 100%;
max-width: 100%;
}
.list-container-row .col-3
{
display: none;
}
.list-container-row .col-9
{
flex: 0 0 100%;
max-width: 100%;
}
.map-api
{
height: 400px;
}
.profile-container-row .col-3
{
display: none;
}
.profile-container-row .col-9
{
flex: 0 0 100%;
max-width: 100%;
}
.sidebar-profile
{
border-radius: 0;
padding: 0;
box-shadow: none;
}
}
@media(max-width: 940px)
{
.quick-job-search-block-content form input[type=text]
......@@ -336,19 +409,11 @@
{
flex-direction: column;
}
.block-to-rate
{
margin-top: 20px;
}
.brief-information-block__info
{
margin-left: 0;
margin-top: 20px;
}
.block-to-rate
{
margin-top: 25px;
}
.useful-articles-content .row .col-3
{
flex: 0 0 50%;
......@@ -466,7 +531,11 @@
}
.header-bottom-right .button-text, .header-profile .logout
{
margin-left: 30px;
margin-left: 25px;
}
.header-scroll-right .button-text, .header-scroll-right .logout
{
margin-left: 25px;
}
}
@media(max-width: 600px)
......
src/scss/style.scss
View file @ 5634d1bd
......@@ -310,7 +310,7 @@ button
color: $color-clicked;
}
.button-filter
.button-filter, .button-account
{
width: 56px;
height: 50px;
......@@ -771,7 +771,7 @@ ul
line-height: normal;
letter-spacing: normal;
color: $color-primary;
width: auto;
width: 80%;
}
}
}
......@@ -848,7 +848,7 @@ ul
line-height: normal;
letter-spacing: normal;
color: $color-primary;
width: auto;
width: 80%;
}
}
}
......@@ -1140,6 +1140,44 @@ textarea.field-error
text-align: center;
}
}
&__filter
{
position: fixed !important;
border-radius: 0;
left: initial !important;
right: 0 !important;
top: 0 !important;
bottom: 0;
height: 100vh;
width: 85% !important;
transform: translateX(100%);
overflow-y: auto;
.close-modal
{
.img-svg
{
margin: 0;
}
}
}
&__account
{
position: fixed !important;
border-radius: 0;
right: initial !important;
left: 0 !important;
top: 0 !important;
bottom: 0;
height: 100vh;
width: 85% !important;
transform: translateX(-100%);
overflow-y: auto;
.modal-form-content
{
padding-left: 32px;
padding-right: 32px;
}
}
}
.successful-sending
......@@ -1199,7 +1237,7 @@ textarea.field-error
.modal-form_active
{
transform: translateY(0);
transform: translate(0);
z-index: 5;
opacity: 1;
position: absolute;
......@@ -1720,6 +1758,7 @@ textarea.field-error
font-size: 15px;
line-height: normal;
transition: .3s;
background-color: transparent;
.prompt
{
&__block
......@@ -2627,6 +2666,7 @@ button
display: block;
border: 0;
height: 549px;
max-width: 295px;
max-height: 549px;
background-position: center;
background-repeat: no-repeat;
......@@ -4014,6 +4054,38 @@ input[type="submit"]
// Страница Профиль
.sidebar-profile
{
border-radius: 3px;
background-color: #ffffff;
padding: 43px 26px;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
a
{
justify-content: flex-start;
margin-bottom: 32px;
.img-svg
{
width: 20px;
height: 20px;
min-width: 20px;
max-width: 20px;
}
}
a.current-ref
{
color: $color-hover;
.img-svg path
{
fill: $color-hover;
}
}
a:last-child
{
margin-bottom: 0;
}
}
.profile-container
{
&-row
......@@ -4047,35 +4119,6 @@ input[type="submit"]
}
}
}
.sidebar-profile
{
border-radius: 3px;
background-color: #ffffff;
padding: 43px 26px;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
a
{
justify-content: flex-start;
margin-bottom: 32px;
.img-svg
{
width: 20px;
height: 20px;
}
}
a.current-ref
{
color: $color-hover;
.img-svg path
{
fill: $color-hover;
}
}
a:last-child
{
margin-bottom: 0;
}
}
.sidebar-image
{
background-position: center;
......
src/service-rules.html
View file @ 5634d1bd
......@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
......@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden">
<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="">
......
src/subscription.html
View file @ 5634d1bd
......@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<div class="col">
<div href="#" class="button-text choice-mode prompt">
Ищу работу
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
<div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
......@@ -127,13 +130,13 @@
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<div class="header-profile header-profile_hidden">
<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="">
......@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="subscription">
<p>Наши пользователи уже оценили опцию «Рассылка вакансий». С ее помощью легко и удобно узнавать об обновлениях вакансий в интересующих вас сферах. Не обязательно несколько раз в день просматривать изменения на сайте — достаточно открыть письмо с рассылкой. Теперь удобнее стал шаблон составления подписки на рассылку и изменилось ее оформление!</p>
<div class="block-mt-dark-blue">
......@@ -556,6 +562,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/vacancies-list.html
View file @ 5634d1bd
This diff is collapsed.
src/vacancies-map.html
View file @ 5634d1bd
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