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 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/access-account.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/articles.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -142,7 +145,7 @@ ...@@ -142,7 +145,7 @@
</div> </div>
</div> </div>
</div> </div>
</> </div>
</header> </header>
<div class="menu menu-main"> <div class="menu menu-main">
<div class="menu-title"> <div class="menu-title">
......
src/companies-list.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -721,6 +724,124 @@ ...@@ -721,6 +724,124 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </body>
</html> </html>
\ No newline at end of file
src/companies-map.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -463,6 +466,124 @@ ...@@ -463,6 +466,124 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </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>
</div> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/current-article.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/current-company.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/current-resume.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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="post-resume">
<h2>Разнорабочий</h2> <h2>Разнорабочий</h2>
<div class="brief-information block-mt-green"> <div class="brief-information block-mt-green">
...@@ -656,6 +662,41 @@ ...@@ -656,6 +662,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/current-vacancy.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/faq.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/favorites-vacancies-list.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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"> <div class="wrapper-button block-mb-yellow">
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_map.svg" alt=""> <img class="img-svg" src="./img/icon_map.svg" alt="">
...@@ -546,6 +552,41 @@ ...@@ -546,6 +552,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/favorites-vacancies-map.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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"> <div class="wrapper-button block-mb-yellow">
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_list.svg" alt=""> <img class="img-svg" src="./img/icon_list.svg" alt="">
...@@ -372,6 +378,41 @@ ...@@ -372,6 +378,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </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 @@ ...@@ -120,7 +120,7 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<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="">
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <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]; ...@@ -996,6 +996,13 @@ let arrayFields = [shadow, ...closeModal];
let buttonFeedback = document.querySelectorAll('.button-feedback'); let buttonFeedback = document.querySelectorAll('.button-feedback');
let modalFeedback = document.querySelector('#modal-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 => const animationModalForm = fn =>
{ {
...@@ -1016,6 +1023,8 @@ function viewForm(buttons, form) ...@@ -1016,6 +1023,8 @@ function viewForm(buttons, form)
{ {
e.preventDefault(); e.preventDefault();
let closeModal = form.querySelector('.close-modal a');
shadow.appendChild(form); shadow.appendChild(form);
document.body.classList.add('disabled'); document.body.classList.add('disabled');
shadow.classList.add('wrapper-shadow_active'); shadow.classList.add('wrapper-shadow_active');
...@@ -1025,12 +1034,13 @@ function viewForm(buttons, form) ...@@ -1025,12 +1034,13 @@ function viewForm(buttons, form)
form.classList.add('modal-form_active'); 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(); e.preventDefault();
form.classList.remove('modal-form_active'); form.classList.remove('modal-form_active');
shadow.classList.remove('wrapper-shadow_active'); shadow.classList.remove('wrapper-shadow_active');
document.body.appendChild(form); document.body.appendChild(form);
...@@ -1040,19 +1050,43 @@ function viewForm(buttons, form) ...@@ -1040,19 +1050,43 @@ function viewForm(buttons, form)
{ {
shadow.innerHTML = ''; shadow.innerHTML = '';
}, 500); }, 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); 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 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/my-resumes.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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">
<div class="tabs-items"> <div class="tabs-items">
<a href="#" class="tabs-item tabs-item_active" data-tab="actual"> <a href="#" class="tabs-item tabs-item_active" data-tab="actual">
...@@ -683,6 +689,41 @@ ...@@ -683,6 +689,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/password-recovery.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/post-resume-step1.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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="post-resume">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p> <p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue"> <div class="block-mt-blue">
...@@ -271,6 +277,15 @@ ...@@ -271,6 +277,15 @@
</div> </div>
<div class="block-mt-blue"> <div class="block-mt-blue">
<form action="" name="post-resume-step1" id="post-resume-step1"> <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="container-compressed">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="name">Имя <span>*</span></label> <label for="name">Имя <span>*</span></label>
...@@ -329,15 +344,6 @@ ...@@ -329,15 +344,6 @@
<button type="button" class="main-button" id="next-step-resume">Далее</button> <button type="button" class="main-button" id="next-step-resume">Далее</button>
</div> </div>
</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> </form>
</div> </div>
</div> </div>
...@@ -452,6 +458,41 @@ ...@@ -452,6 +458,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/post-resume-step2.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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="post-resume">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p> <p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue"> <div class="block-mt-blue">
...@@ -732,6 +738,41 @@ ...@@ -732,6 +738,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/post-resume-step3.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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="post-resume">
<p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p> <p>Основная цель резюме – выделить тебя на фоне других соискателей, привлечь внимание работодателя и, в конечном итоге, пригласить тебя на собеседование. А это сделать очень непросто. Представь себе на минуту тот факт, что почтовый ящик твоего потенциального работодателя засыпают десятками и даже сотнями (зависит от размера компании) резюме в день. И на просмотр твоего резюме он потратит максимум 30 секунд – и в течение этого маленького времени решится твоя дальнейшая судьба и дается ответ на главный вопрос работодателя: подходит ли мне этот сотрудник?</p>
<div class="block-mt-blue"> <div class="block-mt-blue">
...@@ -457,6 +463,41 @@ ...@@ -457,6 +463,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/post-resume-step4.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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="post-resume">
<div class="steps-post-resume"> <div class="steps-post-resume">
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a> <a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a>
...@@ -669,6 +675,41 @@ ...@@ -669,6 +675,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/profile-editing.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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="current-profile-data">
<div class="container-compressed"> <div class="container-compressed">
<form action="" name="form-edit-profile" id="form-edit-profile" enctype="multipart/form-data"> <form action="" name="form-edit-profile" id="form-edit-profile" enctype="multipart/form-data">
...@@ -425,6 +431,41 @@ ...@@ -425,6 +431,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/profile.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -229,32 +232,35 @@ ...@@ -229,32 +232,35 @@
<div class="sidebar-profile"> <div class="sidebar-profile">
<a href="#" class="button-text current-ref"> <a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль <p>Профиль</p>
</a> </a>
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме <p>Мои резюме</p>
</a> </a>
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме <p>Разместить резюме</p>
</a> </a>
<a href="#" class="button-text feedback" 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="">
Отклики <p>Отклики</p>
</a> </a>
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное <p>Избранное</p>
</a> </a>
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt=""> <img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка <p>Подписка</p>
</a> </a>
</div> </div>
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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="current-profile-data">
<div class="container-compressed"> <div class="container-compressed">
<form action="" name="form-current-profile" id="form-current-profile" enctype="multipart/form-data"> <form action="" name="form-current-profile" id="form-current-profile" enctype="multipart/form-data">
...@@ -422,6 +428,41 @@ ...@@ -422,6 +428,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/registration.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/response-resume.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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-mb-green">
<div class="brief-information-block"> <div class="brief-information-block">
<div class="brief-information-block__image"> <div class="brief-information-block__image">
...@@ -398,6 +404,41 @@ ...@@ -398,6 +404,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/response-vacancy-not-reg.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/response-vacancy.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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-mb-green">
<div class="brief-information-block"> <div class="brief-information-block">
<div class="brief-information-block__image"> <div class="brief-information-block__image">
...@@ -400,6 +406,41 @@ ...@@ -400,6 +406,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/response.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -142,7 +145,7 @@ ...@@ -142,7 +145,7 @@
</div> </div>
</div> </div>
</div> </div>
</> </div>
</header> </header>
<div class="menu menu-main"> <div class="menu menu-main">
<div class="menu-title"> <div class="menu-title">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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">
<div class="response-header"> <div class="response-header">
<div class="response-header-row"> <div class="response-header-row">
...@@ -526,6 +532,41 @@ ...@@ -526,6 +532,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/scss/_media.scss
View file @ 5634d1bd
...@@ -39,13 +39,31 @@ ...@@ -39,13 +39,31 @@
padding-right: 20px; padding-right: 20px;
padding-left: 20px; padding-left: 20px;
} }
} .main-search .search-list-row-companies
@media(max-width: 1180px) {
{ margin-left: -10px;
.image-companies margin-right: -10px;
}
.main-search .search-list-row-companies .col-6
{ {
padding-left: 10px;
padding-right: 12px;
flex: 0 0 100%;
max-width: 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 .main-search .search-list-row-companies .col-6
{ {
padding-left: 15px; padding-left: 15px;
...@@ -65,15 +83,6 @@ ...@@ -65,15 +83,6 @@
flex: 0 0 33%; flex: 0 0 33%;
max-width: 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 .vacancy-card .vacancy-card__toggle
{ {
width: 20%; width: 20%;
...@@ -130,45 +139,40 @@ ...@@ -130,45 +139,40 @@
{ {
flex-direction: column; flex-direction: column;
} }
.button-filter .main-search .search-list-row-vacancies .col-4
{
display: flex;
}
.additional-search
{ {
flex-wrap: wrap; flex: 0 0 50%;
max-width: 50%;
} }
.additional-search form .block-to-rate
{ {
width: 100%;
margin-top: 32px; margin-top: 32px;
} }
.additional-search form input[type=text] .profile-container .sidebar-image
{ {
min-width: 100%; display: none;
max-width: 100%;
} }
.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%; position: relative;
max-width: 100%; margin-bottom: 32px;
} }
.main-search .search-list-row-vacancies .col-4 .header-scroll-right .button-text p
{ {
flex: 0 0 25%; display: none;
max-width: 25%;
} }
} }
@media(max-width: 1000px) @media(max-width: 1000px)
{ {
.main-search .search-list-row-vacancies .col-4 .main-button, .other-button
{ {
flex: 0 0 33%; padding-left: 15px;
max-width: 33%; padding-right: 15px;
} }
.faq-main-content__right .faq-main-content__right
{ {
...@@ -306,6 +310,75 @@ ...@@ -306,6 +310,75 @@
padding-bottom: 48px; 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) @media(max-width: 940px)
{ {
.quick-job-search-block-content form input[type=text] .quick-job-search-block-content form input[type=text]
...@@ -336,19 +409,11 @@ ...@@ -336,19 +409,11 @@
{ {
flex-direction: column; flex-direction: column;
} }
.block-to-rate
{
margin-top: 20px;
}
.brief-information-block__info .brief-information-block__info
{ {
margin-left: 0; margin-left: 0;
margin-top: 20px; margin-top: 20px;
} }
.block-to-rate
{
margin-top: 25px;
}
.useful-articles-content .row .col-3 .useful-articles-content .row .col-3
{ {
flex: 0 0 50%; flex: 0 0 50%;
...@@ -466,7 +531,11 @@ ...@@ -466,7 +531,11 @@
} }
.header-bottom-right .button-text, .header-profile .logout .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) @media(max-width: 600px)
......
src/scss/style.scss
View file @ 5634d1bd
...@@ -310,7 +310,7 @@ button ...@@ -310,7 +310,7 @@ button
color: $color-clicked; color: $color-clicked;
} }
.button-filter .button-filter, .button-account
{ {
width: 56px; width: 56px;
height: 50px; height: 50px;
...@@ -771,7 +771,7 @@ ul ...@@ -771,7 +771,7 @@ ul
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-primary; color: $color-primary;
width: auto; width: 80%;
} }
} }
} }
...@@ -848,7 +848,7 @@ ul ...@@ -848,7 +848,7 @@ ul
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-primary; color: $color-primary;
width: auto; width: 80%;
} }
} }
} }
...@@ -1140,6 +1140,44 @@ textarea.field-error ...@@ -1140,6 +1140,44 @@ textarea.field-error
text-align: center; 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 .successful-sending
...@@ -1199,7 +1237,7 @@ textarea.field-error ...@@ -1199,7 +1237,7 @@ textarea.field-error
.modal-form_active .modal-form_active
{ {
transform: translateY(0); transform: translate(0);
z-index: 5; z-index: 5;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
...@@ -1720,6 +1758,7 @@ textarea.field-error ...@@ -1720,6 +1758,7 @@ textarea.field-error
font-size: 15px; font-size: 15px;
line-height: normal; line-height: normal;
transition: .3s; transition: .3s;
background-color: transparent;
.prompt .prompt
{ {
&__block &__block
...@@ -2627,6 +2666,7 @@ button ...@@ -2627,6 +2666,7 @@ button
display: block; display: block;
border: 0; border: 0;
height: 549px; height: 549px;
max-width: 295px;
max-height: 549px; max-height: 549px;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -4014,6 +4054,38 @@ input[type="submit"] ...@@ -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 .profile-container
{ {
&-row &-row
...@@ -4047,35 +4119,6 @@ input[type="submit"] ...@@ -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 .sidebar-image
{ {
background-position: center; background-position: center;
......
src/service-rules.html
View file @ 5634d1bd
...@@ -108,11 +108,14 @@ ...@@ -108,11 +108,14 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</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 hidden">
...@@ -133,7 +136,7 @@ ...@@ -133,7 +136,7 @@
<div class="header-profile header-profile_hidden"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
......
src/subscription.html
View file @ 5634d1bd
...@@ -108,17 +108,20 @@ ...@@ -108,17 +108,20 @@
<img src="./img/logo_fixed.svg" alt=""> <img src="./img/logo_fixed.svg" alt="">
</a> </a>
</div> </div>
<div class="col-auto"> <div class="col">
<a href="#" class="button-text choice-mode"> <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="">
</a> <div class="prompt__block">
<a href="#">Ищу работника</a>
</div>
</div>
</div> </div>
<div class="col-6 header-scroll-right"> <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=""> <img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a> </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=""> <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">
...@@ -127,13 +130,13 @@ ...@@ -127,13 +130,13 @@
<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 hidden"> <a href="#" class="button-text login">
<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"> <div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile"> <a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Иванов Иван <p>Иван Иванов</p>
</a> </a>
<a href="#" class="button-text logout"> <a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt=""> <img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
...@@ -255,6 +258,9 @@ ...@@ -255,6 +258,9 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <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"> <div class="subscription">
<p>Наши пользователи уже оценили опцию «Рассылка вакансий». С ее помощью легко и удобно узнавать об обновлениях вакансий в интересующих вас сферах. Не обязательно несколько раз в день просматривать изменения на сайте — достаточно открыть письмо с рассылкой. Теперь удобнее стал шаблон составления подписки на рассылку и изменилось ее оформление!</p> <p>Наши пользователи уже оценили опцию «Рассылка вакансий». С ее помощью легко и удобно узнавать об обновлениях вакансий в интересующих вас сферах. Не обязательно несколько раз в день просматривать изменения на сайте — достаточно открыть письмо с рассылкой. Теперь удобнее стал шаблон составления подписки на рассылку и изменилось ее оформление!</p>
<div class="block-mt-dark-blue"> <div class="block-mt-dark-blue">
...@@ -556,6 +562,41 @@ ...@@ -556,6 +562,41 @@
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p> <p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div> </div>
</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> </div>
</body> </body>
</html> </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