Skip to content

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

Edits all pages layouts

parent eb243b51
Show whitespace changes
Inline Side-by-side
Showing with 479 additions and 377 deletions
src/access-account.html
View file @ ae70c80a
...@@ -147,7 +147,7 @@ ...@@ -147,7 +147,7 @@
<a href="#">Забыли пароль?</a> <a href="#">Забыли пароль?</a>
</div> </div>
</div> </div>
<div class="block-mb-green"> <div class="wrapper-button-fullwidth block-mb-green">
<input type="submit" name="enter-account" class="main-button" id="enter-account" value="Войти"> <input type="submit" name="enter-account" class="main-button" id="enter-account" value="Войти">
</div> </div>
</form> </form>
......
src/articles.html
View file @ ae70c80a
...@@ -282,7 +282,7 @@ ...@@ -282,7 +282,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="wrapper-button block-mt-green"> <div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button> <button type="button" class="other-button">Показать ещё</button>
</div> </div>
<div class="wrapper-pagination block-mt-blue"> <div class="wrapper-pagination block-mt-blue">
......
src/companies-list.html
View file @ ae70c80a
...@@ -141,14 +141,14 @@ ...@@ -141,14 +141,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Тип работодателя</p> <p class="block-choice-filter__name">Тип работодателя</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="direct-employers"> <label for="direct-employers">
<input type="checkbox" id="direct-employers" name="direct-employers" hidden checked> <input type="checkbox" id="direct-employers" name="direct-employers" hidden checked>
<div class="check"></div> <div class="check"></div>
Прямые работодатели Прямые работодатели
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="recruitment-agencies"> <label for="recruitment-agencies">
<input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked> <input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked>
<div class="check"></div> <div class="check"></div>
...@@ -158,56 +158,56 @@ ...@@ -158,56 +158,56 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Сфера деятельности</p> <p class="block-choice-filter__name">Сфера деятельности</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="building"> <label for="building">
<input type="checkbox" id="building" name="building" hidden> <input type="checkbox" id="building" name="building" hidden>
<div class="check"></div> <div class="check"></div>
Строительство Строительство
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="repairs"> <label for="repairs">
<input type="checkbox" id="repairs" name="repairs" hidden> <input type="checkbox" id="repairs" name="repairs" hidden>
<div class="check"></div> <div class="check"></div>
Ремонт Ремонт
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="security"> <label for="security">
<input type="checkbox" id="security" name="security" hidden checked> <input type="checkbox" id="security" name="security" hidden checked>
<div class="check"></div> <div class="check"></div>
Охрана, безопасность Охрана, безопасность
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="working-staff"> <label for="working-staff">
<input type="checkbox" id="working-staff" name="working-staff" hidden checked> <input type="checkbox" id="working-staff" name="working-staff" hidden checked>
<div class="check"></div> <div class="check"></div>
Рабочий персонал Рабочий персонал
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="administrative-staff"> <label for="administrative-staff">
<input type="checkbox" id="administrative-staff" name="administrative-staff" hidden checked> <input type="checkbox" id="administrative-staff" name="administrative-staff" hidden checked>
<div class="check"></div> <div class="check"></div>
Административный персонал Административный персонал
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="service"> <label for="service">
<input type="checkbox" id="service" name="service" hidden checked> <input type="checkbox" id="service" name="service" hidden checked>
<div class="check"></div> <div class="check"></div>
Инсталляция и сервис Инсталляция и сервис
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="production"> <label for="production">
<input type="checkbox" id="production" name="production" hidden checked> <input type="checkbox" id="production" name="production" hidden checked>
<div class="check"></div> <div class="check"></div>
Производство Производство
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="agriculture"> <label for="agriculture">
<input type="checkbox" id="agriculture" name="agriculture" hidden checked> <input type="checkbox" id="agriculture" name="agriculture" hidden checked>
<div class="check"></div> <div class="check"></div>
...@@ -217,14 +217,14 @@ ...@@ -217,14 +217,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Наличие открытых вакансий</p> <p class="block-choice-filter__name">Наличие открытых вакансий</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="open-vacancies-yes"> <label for="open-vacancies-yes">
<input type="checkbox" id="open-vacancies-yes" name="open-vacancies-yes" hidden> <input type="checkbox" id="open-vacancies-yes" name="open-vacancies-yes" hidden>
<div class="check"></div> <div class="check"></div>
Да Да
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="open-vacancies-no"> <label for="open-vacancies-no">
<input type="checkbox" id="open-vacancies-no" name="open-vacancies-no" hidden> <input type="checkbox" id="open-vacancies-no" name="open-vacancies-no" hidden>
<div class="check"></div> <div class="check"></div>
...@@ -255,7 +255,7 @@ ...@@ -255,7 +255,7 @@
<a href="#" class="image-companies" style="background-image: url(./img/img_banner4.png);"></a> <a href="#" class="image-companies" style="background-image: url(./img/img_banner4.png);"></a>
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
...@@ -282,10 +282,10 @@ ...@@ -282,10 +282,10 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
...@@ -312,10 +312,10 @@ ...@@ -312,10 +312,10 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
...@@ -342,10 +342,10 @@ ...@@ -342,10 +342,10 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
...@@ -372,10 +372,10 @@ ...@@ -372,10 +372,10 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
...@@ -402,10 +402,10 @@ ...@@ -402,10 +402,10 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
...@@ -432,10 +432,10 @@ ...@@ -432,10 +432,10 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
...@@ -462,10 +462,10 @@ ...@@ -462,10 +462,10 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
...@@ -492,10 +492,10 @@ ...@@ -492,10 +492,10 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</a>
</div> </div>
</div> </div>
</div> <div class="wrapper-button-center block-mt-green">
<div class="wrapper-button block-mt-green">
<button type="button" class="other-button">Показать ещё</button> <button type="button" class="other-button">Показать ещё</button>
</div> </div>
<div class="wrapper-pagination block-mt-blue"> <div class="wrapper-pagination block-mt-blue">
......
src/companies-map.html
View file @ ae70c80a
...@@ -141,14 +141,14 @@ ...@@ -141,14 +141,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Тип работодателя</p> <p class="block-choice-filter__name">Тип работодателя</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="direct-employers"> <label for="direct-employers">
<input type="checkbox" id="direct-employers" name="direct-employers" hidden checked> <input type="checkbox" id="direct-employers" name="direct-employers" hidden checked>
<div class="check"></div> <div class="check"></div>
Прямые работодатели Прямые работодатели
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="recruitment-agencies"> <label for="recruitment-agencies">
<input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked> <input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked>
<div class="check"></div> <div class="check"></div>
...@@ -158,56 +158,56 @@ ...@@ -158,56 +158,56 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Сфера деятельности</p> <p class="block-choice-filter__name">Сфера деятельности</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="building"> <label for="building">
<input type="checkbox" id="building" name="building" hidden> <input type="checkbox" id="building" name="building" hidden>
<div class="check"></div> <div class="check"></div>
Строительство Строительство
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="repairs"> <label for="repairs">
<input type="checkbox" id="repairs" name="repairs" hidden> <input type="checkbox" id="repairs" name="repairs" hidden>
<div class="check"></div> <div class="check"></div>
Ремонт Ремонт
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="security"> <label for="security">
<input type="checkbox" id="security" name="security" hidden checked> <input type="checkbox" id="security" name="security" hidden checked>
<div class="check"></div> <div class="check"></div>
Охрана, безопасность Охрана, безопасность
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="working-staff"> <label for="working-staff">
<input type="checkbox" id="working-staff" name="working-staff" hidden checked> <input type="checkbox" id="working-staff" name="working-staff" hidden checked>
<div class="check"></div> <div class="check"></div>
Рабочий персонал Рабочий персонал
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="administrative-staff"> <label for="administrative-staff">
<input type="checkbox" id="administrative-staff" name="administrative-staff" hidden checked> <input type="checkbox" id="administrative-staff" name="administrative-staff" hidden checked>
<div class="check"></div> <div class="check"></div>
Административный персонал Административный персонал
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="service"> <label for="service">
<input type="checkbox" id="service" name="service" hidden checked> <input type="checkbox" id="service" name="service" hidden checked>
<div class="check"></div> <div class="check"></div>
Инсталляция и сервис Инсталляция и сервис
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="production"> <label for="production">
<input type="checkbox" id="production" name="production" hidden checked> <input type="checkbox" id="production" name="production" hidden checked>
<div class="check"></div> <div class="check"></div>
Производство Производство
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="agriculture"> <label for="agriculture">
<input type="checkbox" id="agriculture" name="agriculture" hidden checked> <input type="checkbox" id="agriculture" name="agriculture" hidden checked>
<div class="check"></div> <div class="check"></div>
...@@ -217,14 +217,14 @@ ...@@ -217,14 +217,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Наличие открытых вакансий</p> <p class="block-choice-filter__name">Наличие открытых вакансий</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="open-vacancies-yes"> <label for="open-vacancies-yes">
<input type="checkbox" id="open-vacancies-yes" name="open-vacancies-yes" hidden> <input type="checkbox" id="open-vacancies-yes" name="open-vacancies-yes" hidden>
<div class="check"></div> <div class="check"></div>
Да Да
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="open-vacancies-no"> <label for="open-vacancies-no">
<input type="checkbox" id="open-vacancies-no" name="open-vacancies-no" hidden> <input type="checkbox" id="open-vacancies-no" name="open-vacancies-no" hidden>
<div class="check"></div> <div class="check"></div>
......
src/current-company.html
View file @ ae70c80a
...@@ -233,8 +233,8 @@ ...@@ -233,8 +233,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -255,8 +255,8 @@ ...@@ -255,8 +255,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -277,8 +277,8 @@ ...@@ -277,8 +277,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -299,8 +299,8 @@ ...@@ -299,8 +299,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -321,8 +321,8 @@ ...@@ -321,8 +321,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -343,8 +343,8 @@ ...@@ -343,8 +343,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
......
src/current-vacancy.html
View file @ ae70c80a
...@@ -304,8 +304,8 @@ ...@@ -304,8 +304,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -324,8 +324,8 @@ ...@@ -324,8 +324,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -344,8 +344,8 @@ ...@@ -344,8 +344,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -364,8 +364,8 @@ ...@@ -364,8 +364,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -384,8 +384,8 @@ ...@@ -384,8 +384,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -404,8 +404,8 @@ ...@@ -404,8 +404,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -424,8 +424,8 @@ ...@@ -424,8 +424,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -444,8 +444,8 @@ ...@@ -444,8 +444,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
......
src/faq.html
View file @ ae70c80a
...@@ -174,7 +174,7 @@ ...@@ -174,7 +174,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="wrapper-ask-question block-mt-blue"> <div class="container-compressed block-mt-blue">
<h2>Задать вопрос</h2> <h2>Задать вопрос</h2>
<div class="block-mt-green"> <div class="block-mt-green">
<form action="" id="form-ask-question"> <form action="" id="form-ask-question">
......
src/favorites-vacancies-list.html
View file @ ae70c80a
...@@ -157,10 +157,12 @@ ...@@ -157,10 +157,12 @@
<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">
<a href="#" class="button-text favorites-vacancies-ref"> <div class="wrapper-button block-mb-yellow">
<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="">
Показать на карте Показать на карте
</a> </a>
</div>
<div class="favorites-list"> <div class="favorites-list">
<div class="row favorites-list-row"> <div class="row favorites-list-row">
<div class="col-4"> <div class="col-4">
...@@ -321,7 +323,7 @@ ...@@ -321,7 +323,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="wrapper-button block-mt-green"> <div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button> <button type="button" class="other-button">Показать ещё</button>
</div> </div>
<div class="wrapper-pagination block-mt-blue"> <div class="wrapper-pagination block-mt-blue">
......
src/favorites-vacancies-map.html
View file @ ae70c80a
...@@ -157,10 +157,12 @@ ...@@ -157,10 +157,12 @@
<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">
<a href="#" class="button-text favorites-vacancies-ref"> <div class="wrapper-button block-mb-yellow">
<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="">
Показать списком Показать списком
</a> </a>
</div>
<div class="map-api" id="favorites-vacancies-map"></div> <div class="map-api" id="favorites-vacancies-map"></div>
</div> </div>
</div> </div>
......
src/img/icon_datepicker.svg 0 → 100644
View file @ ae70c80a
<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 2H15V1C15 0.4 14.6 0 14 0C13.4 0 13 0.4 13 1V2H7V1C7 0.4 6.6 0 6 0C5.4 0 5 0.4 5 1V2H3C1.3 2 0 3.3 0 5V19C0 20.7 1.3 22 3 22H17C18.7 22 20 20.7 20 19V5C20 3.3 18.7 2 17 2ZM3 4H5V5C5 5.6 5.4 6 6 6C6.6 6 7 5.6 7 5V4H13V5C13 5.6 13.4 6 14 6C14.6 6 15 5.6 15 5V4H17C17.6 4 18 4.4 18 5V8H2V5C2 4.4 2.4 4 3 4ZM17 20H3C2.4 20 2 19.6 2 19V10H18V19C18 19.6 17.6 20 17 20Z" fill="#3C3B55"/>
</svg>
src/index.html
View file @ ae70c80a
...@@ -125,18 +125,21 @@ ...@@ -125,18 +125,21 @@
<div class="quick-job-search block-mb-purple"> <div class="quick-job-search block-mb-purple">
<h1>Воспользуйтесь быстрым поиском</h1> <h1>Воспользуйтесь быстрым поиском</h1>
<div class="container"> <div class="container">
<div class="quick-job-search-content block-mt-dark-blue"> <div class="quick-job-search-block">
<div class="quick-job-search-block-content block-mt-dark-blue">
<form action="" id="quick-search-form"> <form action="" id="quick-search-form">
<input type="text" name="position" placeholder="ДОЛЖНОСТЬ"> <input type="text" name="position" placeholder="ДОЛЖНОСТЬ">
<input type="text" name="city" placeholder="ГОРОД"> <input type="text" name="city" placeholder="ГОРОД">
<input type="text" name="salary" placeholder="ЗАРПЛАТА"> <input type="text" name="salary" placeholder="ЗАРПЛАТА">
<input type="submit" class="main-button" value="Найти"> <input type="submit" class="main-button" value="Найти">
</form> </form>
<div class="wrapper-button-center block-mt-green">
<a href="#" class="button-text detailed-search"> <a href="#" class="button-text detailed-search">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Расширенный поиск Расширенный поиск
</a> </a>
<div class="hash-tags"> </div>
<div class="hash-tags block-mt-dark-blue">
<a href="#" class="hash-tags__link"># работа рядом <span>(5)</span></a> <a href="#" class="hash-tags__link"># работа рядом <span>(5)</span></a>
<a href="#" class="hash-tags__link"># работа прямо сейчас <span>(3)</span></a> <a href="#" class="hash-tags__link"># работа прямо сейчас <span>(3)</span></a>
<a href="#" class="hash-tags__link"># работа завтра <span>(18)</span></a> <a href="#" class="hash-tags__link"># работа завтра <span>(18)</span></a>
...@@ -145,7 +148,7 @@ ...@@ -145,7 +148,7 @@
<a href="#" class="hash-tags__link"># постоянная работа <span>(8)</span></a> <a href="#" class="hash-tags__link"># постоянная работа <span>(8)</span></a>
</div> </div>
</div> </div>
<div class="quick-job-search__buttons"> <div class="quick-job-search-block__buttons">
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
...@@ -157,6 +160,7 @@ ...@@ -157,6 +160,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="new-vacancies block-mb-purple"> <div class="new-vacancies block-mb-purple">
<h1>Свежие вакансии</h1> <h1>Свежие вакансии</h1>
<div class="new-vacancies-content block-mt-dark-blue"> <div class="new-vacancies-content block-mt-dark-blue">
...@@ -341,17 +345,19 @@ ...@@ -341,17 +345,19 @@
</div> </div>
</div> </div>
</div> </div>
<a href="vacancies-list.html" class="button-text ref-detail block-mt-blue"> <div class="wrapper-button-center block-mt-blue">
<a href="vacancies-list.html" class="button-text ref-detail">
<img class="img-svg" src="./img/icon_more.svg" alt=""> <img class="img-svg" src="./img/icon_more.svg" alt="">
Все вакансии Все вакансии
</a> </a>
</div> </div>
</div>
<div class="top-companies block-mb-purple"> <div class="top-companies block-mb-purple">
<h1>Лучшие компании</h1> <h1>Лучшие компании</h1>
<div class="container"> <div class="container">
<div class="top-companies-slider block-mt-dark-blue"> <div class="top-companies-slider block-mt-dark-blue">
<div class="top-companies-slider-wrapper owl-carousel owl-theme"> <div class="top-companies-slider-wrapper owl-carousel owl-theme">
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
...@@ -377,8 +383,8 @@ ...@@ -377,8 +383,8 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company2.png" alt=""> <img src="./img/img_top_company2.png" alt="">
...@@ -404,8 +410,8 @@ ...@@ -404,8 +410,8 @@
<p class="company-card__desc">Одна из крупнейших сетей по продаже мебели и товаров для дома.</p> <p class="company-card__desc">Одна из крупнейших сетей по продаже мебели и товаров для дома.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
<div class="company-card popular"> <a href="#" class="company-card popular">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company3.png" alt=""> <img src="./img/img_top_company3.png" alt="">
...@@ -431,8 +437,8 @@ ...@@ -431,8 +437,8 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
<div class="company-card"> <a href="#" class="company-card">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
...@@ -458,8 +464,8 @@ ...@@ -458,8 +464,8 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
<div class="company-card"> <a href="#" class="company-card">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company2.png" alt=""> <img src="./img/img_top_company2.png" alt="">
...@@ -485,8 +491,8 @@ ...@@ -485,8 +491,8 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
<div class="company-card"> <a href="#" class="company-card">
<div class="company-card__left"> <div class="company-card__left">
<div class="company-card__image"> <div class="company-card__image">
<img src="./img/img_top_company3.png" alt=""> <img src="./img/img_top_company3.png" alt="">
...@@ -512,16 +518,18 @@ ...@@ -512,16 +518,18 @@
<p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p> <p class="company-card__desc">Компания занимается предоставлением услуг связи и Интернета.</p>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </a>
</div> </div>
<div class="navigation-top-companies"></div> <div class="navigation-top-companies"></div>
</div> </div>
<a href="companies-list.html" class="button-text ref-detail block-mt-blue"> <div class="wrapper-button-center block-mt-blue">
<a href="companies-list.html" class="button-text ref-detail">
<img class="img-svg" src="./img/icon_more.svg" alt=""> <img class="img-svg" src="./img/icon_more.svg" alt="">
Все компании Все компании
</a> </a>
</div> </div>
</div> </div>
</div>
<div class="main-images block-mb-purple"> <div class="main-images block-mb-purple">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
...@@ -638,11 +646,13 @@ ...@@ -638,11 +646,13 @@
</div> </div>
</div> </div>
</div> </div>
<a href="faq.html" class="button-text ref-detail block-mt-blue"> <div class="wrapper-button-center block-mt-blue">
<a href="faq.html" class="button-text ref-detail">
<img class="img-svg" src="./img/icon_more.svg" alt=""> <img class="img-svg" src="./img/icon_more.svg" alt="">
Все вопросы и ответы Все вопросы и ответы
</a> </a>
</div> </div>
</div>
<div class="useful-articles"> <div class="useful-articles">
<h1>Полезные статьи</h1> <h1>Полезные статьи</h1>
<div class="container"> <div class="container">
...@@ -699,12 +709,14 @@ ...@@ -699,12 +709,14 @@
</div> </div>
</div> </div>
</div> </div>
<a href="articles.html" class="button-text ref-detail block-mt-blue"> <div class="wrapper-button-center block-mt-blue">
<a href="articles.html" class="button-text ref-detail">
<img class="img-svg" src="./img/icon_more.svg" alt=""> <img class="img-svg" src="./img/icon_more.svg" alt="">
Все статьи Все статьи
</a> </a>
</div> </div>
</div> </div>
</div>
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
......
src/js/main.js
View file @ ae70c80a
...@@ -187,8 +187,8 @@ let headerScroll = document.querySelector('.header-scroll'); ...@@ -187,8 +187,8 @@ let headerScroll = document.querySelector('.header-scroll');
function fixedAdaptiveHeader(block, height) function fixedAdaptiveHeader(block, height)
{ {
var scroll = window.pageYOffset || document.documentElement.scrollTop; var scroll = window.pageYOffset || document.documentElement.scrollTop;
var heightBlock = block.clientHeight; // var heightBlock = block.clientHeight;
var wrapperContent = document.querySelector('.wrapper-content'); // var wrapperContent = document.querySelector('.wrapper-content');
if (scroll >= height) if (scroll >= height)
{ {
...@@ -279,11 +279,11 @@ if(tabs.length > 0) ...@@ -279,11 +279,11 @@ if(tabs.length > 0)
// Datapicker // Datapicker
let inputBirthday = document.querySelector('#birthday'); let inputBirthday = document.querySelector('input[data-picker="datepicker"]');
if(inputBirthday) if(inputBirthday)
{ {
const picker = datepicker(inputBirthday, { datepicker(inputBirthday, {
formatter: (input, date, instance) => formatter: (input, date, instance) =>
{ {
const value = date.toLocaleDateString(); const value = date.toLocaleDateString();
......
src/password-recovery.html
View file @ ae70c80a
...@@ -125,7 +125,8 @@ ...@@ -125,7 +125,8 @@
<div class="container"> <div class="container">
<h1>Восстановление пароля</h1> <h1>Восстановление пароля</h1>
<div class="content-page block-mt-dark-blue"> <div class="content-page block-mt-dark-blue">
<div class="container-compressed container-compressed_center"> <p>Для восстановления пароля от личного кабинета Вам потребуются ввести указанный при регистрации телефон или E-mail, а также предоставить скан паспорта, чтобы администрация сайта могла удостовериться, что Вы действительно являетесь владельцем данного аккаунта.</p>
<div class="container-compressed container-compressed_center block-mt-blue">
<form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data"> <form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data">
<div class="block-mb-green"> <div class="block-mb-green">
<label for="phone">Телефон</label> <label for="phone">Телефон</label>
...@@ -149,7 +150,9 @@ ...@@ -149,7 +150,9 @@
</label> </label>
</div> </div>
</div> </div>
<div class="wrapper-button-fullwidth">
<input type="submit" name="submit-password-recovery" class="main-button" id="submit-password-recovery" value="Отправить"> <input type="submit" name="submit-password-recovery" class="main-button" id="submit-password-recovery" value="Отправить">
</div>
</form> </form>
</div> </div>
</div> </div>
......
src/profile-editing.html
View file @ ae70c80a
...@@ -161,20 +161,20 @@ ...@@ -161,20 +161,20 @@
<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">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="name">Имя</label> <label for="name">Имя <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name" id="name" value="Иван"> <input type="text" placeholder="ИМЯ" name="name" id="name" value="Иван">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="sername">Фамилия</label> <label for="sername">Фамилия <span>*</span></label>
<input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername" value="Иванов"> <input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername" value="Иванов">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="patronymic">Отчество</label> <label for="patronymic">Отчество <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic" value="Иванович"> <input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic" value="Иванович">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="birthday">Дата рождения</label> <label for="birthday">Дата рождения</label>
<input type="text" name="birthday" id="birthday" placeholder="ВЫБЕРИТЕ ДАТУ" value="26.08.1980"> <input type="text" name="birthday" data-picker="datepicker" placeholder="ВЫБЕРИТЕ ДАТУ" value="26.08.1980">
</div> </div>
<div class="block-gender block-mb-green"> <div class="block-gender block-mb-green">
<p>Пол:</p> <p>Пол:</p>
...@@ -194,11 +194,11 @@ ...@@ -194,11 +194,11 @@
</div> </div>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="phone">Телефон</label> <label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7" value="+79876543210"> <input type="text" name="phone" id="phone" placeholder="+7" value="+79876543210">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="email">E-mail</label> <label for="email">E-mail <span>*</span></label>
<input type="text" name="email" id="email" placeholder="E-MAIL" value="i_ivanov@mail.ru"> <input type="text" name="email" id="email" placeholder="E-MAIL" value="i_ivanov@mail.ru">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
...@@ -206,14 +206,14 @@ ...@@ -206,14 +206,14 @@
<input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА" value="Нижегородская область, г. Нижний Новгород, ул. Касьянова"> <input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА" value="Нижегородская область, г. Нижний Новгород, ул. Касьянова">
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<label for="password">Пароль</label> <label for="password">Пароль <span>*</span></label>
<input type="password" name="password" id="password" placeholder="ПАРОЛЬ" value="111111111111"> <input type="password" name="password" id="password" placeholder="ПАРОЛЬ" value="111111111111">
<a href="#" class="toggle-password"> <a href="#" class="toggle-password">
<img src="./img/icon_toggle_password.svg" alt=""> <img src="./img/icon_toggle_password.svg" alt="">
</a> </a>
</div> </div>
<p class="block-mb-green" style="font-size: 14px;">* - поля, обязательные для заполнения</p> <p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<input type="submit" class="main-button" name="submit-edit-profile" id="submit-edit-profile" value="Сохранить"> <input type="submit" class="main-button" name="submit-edit-profile" id="submit-edit-profile" value="Редактировать">
</form> </form>
</div> </div>
</div> </div>
......
src/profile.html
View file @ ae70c80a
...@@ -161,15 +161,15 @@ ...@@ -161,15 +161,15 @@
<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">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="name">Имя</label> <label for="name">Имя <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name" id="name" value="Иван" disabled> <input type="text" placeholder="ИМЯ" name="name" id="name" value="Иван" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="sername">Фамилия</label> <label for="sername">Фамилия <span>*</span></label>
<input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername" value="Иванов" disabled> <input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername" value="Иванов" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="patronymic">Отчество</label> <label for="patronymic">Отчество <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic" value="Иванович" disabled> <input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic" value="Иванович" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
...@@ -194,11 +194,11 @@ ...@@ -194,11 +194,11 @@
</div> </div>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="phone">Телефон</label> <label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7" value="+79876543210" disabled> <input type="text" name="phone" id="phone" placeholder="+7" value="+79876543210" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="email">E-mail</label> <label for="email">E-mail <span>*</span></label>
<input type="text" name="email" id="email" placeholder="E-MAIL" value="i_ivanov@mail.ru" disabled> <input type="text" name="email" id="email" placeholder="E-MAIL" value="i_ivanov@mail.ru" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
...@@ -206,10 +206,10 @@ ...@@ -206,10 +206,10 @@
<input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА" value="Нижегородская область, г. Нижний Новгород, ул. Касьянова" disabled> <input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА" value="Нижегородская область, г. Нижний Новгород, ул. Касьянова" disabled>
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<label for="password">Пароль</label> <label for="password">Пароль <span>*</span></label>
<input type="password" name="password" id="password" placeholder="ПАРОЛЬ" value="111111111111" disabled> <input type="password" name="password" id="password" placeholder="ПАРОЛЬ" value="111111111111" disabled>
</div> </div>
<p class="block-mb-green" style="font-size: 14px;">* - поля, обязательные для заполнения</p> <p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<a href="#" class="main-button edit-profile">Редактировать</a> <a href="#" class="main-button edit-profile">Редактировать</a>
</form> </form>
</div> </div>
......
src/registration.html
View file @ ae70c80a
...@@ -186,21 +186,21 @@ ...@@ -186,21 +186,21 @@
<div class="tabs-content block-mt-blue"> <div class="tabs-content block-mt-blue">
<form action="" name="form-registration" id="form-registration" enctype="multipart/form-data"> <form action="" name="form-registration" id="form-registration" enctype="multipart/form-data">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="name">Имя</label> <label for="name">Имя <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name" id="name"> <input type="text" placeholder="ИМЯ" name="name" id="name">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="sername">Фамилия</label> <label for="sername">Фамилия <span>*</span></label>
<input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername"> <input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="patronymic">Отчество</label> <label for="patronymic">Отчество <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic"> <input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic">
</div> </div>
<div class="tabs-content-block" data-tab="tab-extended-registration"> <div class="tabs-content-block" data-tab="tab-extended-registration">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="birthday">Дата рождения</label> <label for="birthday">Дата рождения</label>
<input type="text" name="birthday" id="birthday" placeholder="ВЫБЕРИТЕ ДАТУ"> <input type="text" name="birthday" data-picker="datepicker" placeholder="ВЫБЕРИТЕ ДАТУ">
</div> </div>
<div class="block-gender block-mb-green"> <div class="block-gender block-mb-green">
<p>Пол:</p> <p>Пол:</p>
...@@ -221,12 +221,12 @@ ...@@ -221,12 +221,12 @@
</div> </div>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="phone">Телефон</label> <label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7"> <input type="text" name="phone" id="phone" placeholder="+7">
</div> </div>
<div class="tabs-content-block" data-tab="tab-extended-registration"> <div class="tabs-content-block" data-tab="tab-extended-registration">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="email">E-mail</label> <label for="email">E-mail <span>*</span></label>
<input type="text" name="email" id="email" placeholder="E-MAIL"> <input type="text" name="email" id="email" placeholder="E-MAIL">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
...@@ -235,10 +235,10 @@ ...@@ -235,10 +235,10 @@
</div> </div>
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<label for="password">Пароль</label> <label for="password">Пароль <span>*</span></label>
<input type="password" name="password" id="password" placeholder="ПАРОЛЬ"> <input type="password" name="password" id="password" placeholder="ПАРОЛЬ">
</div> </div>
<p class="block-mb-green" style="font-size: 14px;">* - поля, обязательные для заполнения</p> <p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Зарегистрироваться», Вы даёте своё согласие на обработку персональных данных</p> <p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Зарегистрироваться», Вы даёте своё согласие на обработку персональных данных</p>
<input type="submit" name="submit-registration" class="main-button" id="submit-registration" value="Зарегистрироваться"> <input type="submit" name="submit-registration" class="main-button" id="submit-registration" value="Зарегистрироваться">
</form> </form>
......
src/response-vacancy-not-reg.html
View file @ ae70c80a
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
<h2>Напишите сообщение работодателю</h2> <h2>Напишите сообщение работодателю</h2>
<form action="" name="form-message-employer-not-reg" id="form-message-employer-not-reg"> <form action="" name="form-message-employer-not-reg" id="form-message-employer-not-reg">
<div class="block-mt-green"> <div class="block-mt-green">
<label for="message">Ваше имя</label> <label for="message">Ваше имя <span>*</span></label>
<input type="text" name="name" id="name" placeholder="Ваше имя"> <input type="text" name="name" id="name" placeholder="Ваше имя">
</div> </div>
<div class="block-mt-green block-callback"> <div class="block-mt-green block-callback">
...@@ -167,14 +167,14 @@ ...@@ -167,14 +167,14 @@
</div> </div>
</div> </div>
<div class="block-mt-green"> <div class="block-mt-green">
<label for="phone">Телефон</label> <label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7"> <input type="text" name="phone" id="phone" placeholder="+7">
</div> </div>
<div class="block-mt-green"> <div class="block-mt-green">
<label for="message">Сообщение</label> <label for="message">Сообщение <span>*</span></label>
<textarea name="message" id="message"></textarea> <textarea name="message" id="message"></textarea>
</div> </div>
<p class="block-mt-green" style="font-size: 14px;">* - поля, обязательные для заполнения</p> <p class="block-mt-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mt-green" style="font-size: 14px;">Нажимая кнопку «Зарегистрироваться», Вы даёте своё согласие на обработку персональных данных</p> <p class="block-mt-green" style="font-size: 14px;">Нажимая кнопку «Зарегистрироваться», Вы даёте своё согласие на обработку персональных данных</p>
<div class="block-mt-green"> <div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить"> <input type="submit" class="main-button" name="submit-answer" value="Отправить">
......
src/response-vacancy.html
View file @ ae70c80a
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
<h2>Напишите работодателю</h2> <h2>Напишите работодателю</h2>
<div class="block-mt-green"> <div class="block-mt-green">
<form action="" name="form-message-employer" id="form-message-employer"> <form action="" name="form-message-employer" id="form-message-employer">
<label for="message">Сообщение</label> <label for="message">Сообщение <span>*</span></label>
<textarea name="message" id="message"></textarea> <textarea name="message" id="message"></textarea>
<div class="block-mt-green"> <div class="block-mt-green">
<div class="block-select-filter"> <div class="block-select-filter">
......
src/scss/style.scss
View file @ ae70c80a
...@@ -87,7 +87,7 @@ h1 ...@@ -87,7 +87,7 @@ h1
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 48px; font-size: 48px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -99,7 +99,7 @@ h2 ...@@ -99,7 +99,7 @@ h2
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 30px; font-size: 30px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -111,7 +111,7 @@ h3 ...@@ -111,7 +111,7 @@ h3
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 19px; font-size: 19px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: 1.47; line-height: 1.47;
...@@ -123,7 +123,7 @@ h4 ...@@ -123,7 +123,7 @@ h4
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -141,6 +141,10 @@ p ...@@ -141,6 +141,10 @@ p
line-height: 1.88; line-height: 1.88;
letter-spacing: normal; letter-spacing: normal;
color: $color-primary; color: $color-primary;
span
{
color: $color-hover;
}
} }
/* Ссылки */ /* Ссылки */
...@@ -178,7 +182,7 @@ a:hover ...@@ -178,7 +182,7 @@ a:hover
padding: 15px 30px; padding: 15px 30px;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 14px; font-size: 14px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
border: 0; border: 0;
...@@ -224,7 +228,7 @@ button ...@@ -224,7 +228,7 @@ button
transition: .3s; transition: .3s;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -266,7 +270,7 @@ button ...@@ -266,7 +270,7 @@ button
align-items: center; align-items: center;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 14px; font-size: 14px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -289,12 +293,25 @@ button ...@@ -289,12 +293,25 @@ button
} }
.wrapper-button .wrapper-button
{
display: flex;
justify-content: flex-start;
}
.wrapper-button-center
{ {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.wrapper-button-fullwidth
{
* {
width: 100% !important;
}
}
.wrapper-transition-arrow .wrapper-transition-arrow
{ {
display: flex; display: flex;
...@@ -310,7 +327,7 @@ button ...@@ -310,7 +327,7 @@ button
background-color: #fff; background-color: #fff;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 14px; font-size: 14px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -365,7 +382,7 @@ input[type="text"], input[type="password"] ...@@ -365,7 +382,7 @@ input[type="text"], input[type="password"]
padding-left: 20px; padding-left: 20px;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 13px; font-size: 13px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -397,6 +414,13 @@ input[type="text"]:disabled, input[type="password"]:disabled ...@@ -397,6 +414,13 @@ input[type="text"]:disabled, input[type="password"]:disabled
background: transparent; background: transparent;
} }
input[data-picker="datepicker"]
{
background-image: url(../img/icon_datepicker.svg);
background-position: 97%;
background-repeat: no-repeat;
}
.wrapper .wrapper
{ {
display: flex; display: flex;
...@@ -418,7 +442,7 @@ select ...@@ -418,7 +442,7 @@ select
height: 53px; height: 53px;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 13px; font-size: 13px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -448,7 +472,7 @@ select ...@@ -448,7 +472,7 @@ select
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 13px; font-size: 13px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -482,7 +506,7 @@ select ...@@ -482,7 +506,7 @@ select
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 13px; font-size: 13px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -638,7 +662,7 @@ ul ...@@ -638,7 +662,7 @@ ul
.block-radio .block-radio
{ {
margin-top: 22px; // margin-top: 22px;
label label
{ {
cursor: pointer; cursor: pointer;
...@@ -721,7 +745,7 @@ ul ...@@ -721,7 +745,7 @@ ul
.block-checkbox .block-checkbox
{ {
margin-top: 22px; // margin-top: 22px;
label label
{ {
cursor: pointer; cursor: pointer;
...@@ -834,7 +858,7 @@ textarea:focus ...@@ -834,7 +858,7 @@ textarea:focus
color: $color-ref; color: $color-ref;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 14px; font-size: 14px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -866,7 +890,7 @@ textarea:focus ...@@ -866,7 +890,7 @@ textarea:focus
} }
} }
// Стили дял календаря // Стили для календаря
.qs-datepicker-container .qs-datepicker-container
{ {
...@@ -880,7 +904,7 @@ textarea:focus ...@@ -880,7 +904,7 @@ textarea:focus
.qs-datepicker .qs-controls .qs-datepicker .qs-controls
{ {
background: #fff; background: #fff;
padding-top: 10px; padding: 15px 15px 10px 15px;
} }
.qs-datepicker .qs-squares .qs-datepicker .qs-squares
...@@ -893,7 +917,7 @@ textarea:focus ...@@ -893,7 +917,7 @@ textarea:focus
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 13px; font-size: 13px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -906,7 +930,7 @@ textarea:focus ...@@ -906,7 +930,7 @@ textarea:focus
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 11px; font-size: 11px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -925,7 +949,7 @@ textarea:focus ...@@ -925,7 +949,7 @@ textarea:focus
background-color: #ffffff; background-color: #ffffff;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 12px; font-size: 12px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -970,22 +994,44 @@ textarea:focus ...@@ -970,22 +994,44 @@ textarea:focus
color: #fff; color: #fff;
} }
.qs-datepicker .qs-arrow:hover
.qs-datepicker .qs-arrow.qs-right:after, .qs-datepicker .qs-arrow.qs-left:after
{ {
background: transparent !important; display: none;
}
.qs-datepicker .qs-arrow
{
transition: .3s;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 11px;
height: 20px;
}
.qs-datepicker .qs-arrow.qs-left
{
background-image: url(../img/arrow_left_datapicker.svg);
}
.qs-datepicker .qs-arrow.qs-right
{
background-image: url(../img/arrow_right_datapicker.svg);
}
.qs-datepicker .qs-arrow.qs-left:hover
{
background: transparent url(../img/arrow_left_datapicker_hover.svg);
}
.qs-datepicker .qs-arrow.qs-right:hover
{
background: transparent url(../img/arrow_right_datapicker_hover.svg);
} }
// .qs-datepicker .qs-arrow.qs-left:after, .qs-datepicker .qs-arrow.qs-right:after
// {
// display: none;
// }
// .qs-datepicker .qs-arrow.qs-right
// {
// opacity: 0;
// z-index: -1;
// pointer-events: none;
// }
// Шапка // Шапка
...@@ -1004,7 +1050,7 @@ textarea:focus ...@@ -1004,7 +1050,7 @@ textarea:focus
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -1049,7 +1095,7 @@ textarea:focus ...@@ -1049,7 +1095,7 @@ textarea:focus
padding: 6px 20px; padding: 6px 20px;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -1086,7 +1132,7 @@ textarea:focus ...@@ -1086,7 +1132,7 @@ textarea:focus
border: 0; border: 0;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -1278,7 +1324,7 @@ textarea:focus ...@@ -1278,7 +1324,7 @@ textarea:focus
top: 0; top: 0;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 12px; font-size: 12px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -1294,11 +1340,13 @@ textarea:focus ...@@ -1294,11 +1340,13 @@ textarea:focus
{ {
text-align: center; text-align: center;
} }
&-content &-block
{ {
border-radius: 3px;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
border-radius: 3px;
background-color: #ffffff; background-color: #ffffff;
&-content
{
padding: 64px 105px 43px 105px; padding: 64px 105px 43px 105px;
form form
{ {
...@@ -1324,17 +1372,12 @@ textarea:focus ...@@ -1324,17 +1372,12 @@ textarea:focus
padding-right: 50px; padding-right: 50px;
} }
} }
.detailed-search
{
margin-top: 43px;
}
.hash-tags .hash-tags
{ {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 73px;
&__link &__link
{ {
display: flex; display: flex;
...@@ -1348,7 +1391,6 @@ textarea:focus ...@@ -1348,7 +1391,6 @@ textarea:focus
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-ref;
border: 0; border: 0;
span span
{ {
...@@ -1366,7 +1408,7 @@ textarea:focus ...@@ -1366,7 +1408,7 @@ textarea:focus
padding-top: 22px; padding-top: 22px;
padding-bottom: 22px; padding-bottom: 22px;
border-top: 1px solid rgba(38, 34, 98, 0.1); border-top: 1px solid rgba(38, 34, 98, 0.1);
background-color: #fff; }
} }
} }
...@@ -1405,6 +1447,7 @@ textarea:focus ...@@ -1405,6 +1447,7 @@ textarea:focus
justify-content: space-between; justify-content: space-between;
box-shadow: 0 10px 20px 0 rgba(15,20,91,.1); box-shadow: 0 10px 20px 0 rgba(15,20,91,.1);
position: relative; position: relative;
overflow: hidden;
&__desc &__desc
{ {
padding: 31px 33px; padding: 31px 33px;
...@@ -1415,7 +1458,7 @@ textarea:focus ...@@ -1415,7 +1458,7 @@ textarea:focus
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 18px; font-size: 18px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -1443,7 +1486,7 @@ textarea:focus ...@@ -1443,7 +1486,7 @@ textarea:focus
} }
.vacancy-card__salary .vacancy-card__salary
{ {
font-weight: bold;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 16px; font-size: 16px;
font-weight: normal; font-weight: normal;
...@@ -1517,10 +1560,31 @@ textarea:focus ...@@ -1517,10 +1560,31 @@ textarea:focus
align-items: center; align-items: center;
background-color: $body-bg-color; background-color: $body-bg-color;
border: 0; border: 0;
transition: .3s;
}
.vacancy-card__toggle:hover
{
background-color: $color-ref;
.img-svg path
{
fill: #fff;
}
} }
.vacancy-card__respond .vacancy-card__respond
{ {
margin-left: 50px; height: 60px;
width: 79%;
transition: .3s;
background-color: transparent;
}
.vacancy-card__respond:hover
{
background-color: $color-ref;
color: #fff;
.img-svg path
{
fill: #fff;
}
} }
} }
} }
...@@ -1556,6 +1620,23 @@ textarea:focus ...@@ -1556,6 +1620,23 @@ textarea:focus
fill: #fff; fill: #fff;
} }
} }
.vacancy-card__toggle:hover
{
background-color: $color-ref;
.img-svg path
{
fill: #fff;
}
}
.vacancy-card__respond:hover
{
background-color: $color-ref;
color: #fff;
.img-svg path
{
fill: #fff;
}
}
} }
.new-vacancies .new-vacancies
...@@ -1584,7 +1665,7 @@ textarea:focus ...@@ -1584,7 +1665,7 @@ textarea:focus
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 18px; font-size: 18px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -1614,7 +1695,7 @@ textarea:focus ...@@ -1614,7 +1695,7 @@ textarea:focus
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 33%; top: 43%;
z-index: 3; z-index: 3;
} }
...@@ -1635,6 +1716,7 @@ button ...@@ -1635,6 +1716,7 @@ button
border-radius: 3px; border-radius: 3px;
// width: 400px; // width: 400px;
position: relative; position: relative;
border: 0;
&__left &__left
{ {
width: 31%; width: 31%;
...@@ -1657,7 +1739,7 @@ button ...@@ -1657,7 +1739,7 @@ button
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 18px; font-size: 18px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -1721,11 +1803,7 @@ button ...@@ -1721,11 +1803,7 @@ button
} }
.owl-next .owl-next
{ {
right: 30px; right: 0;
}
&-wrapper
{
} }
} }
} }
...@@ -1850,7 +1928,7 @@ button ...@@ -1850,7 +1928,7 @@ button
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 24px; font-size: 24px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -1910,7 +1988,7 @@ button ...@@ -1910,7 +1988,7 @@ button
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 24px; font-size: 24px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -1957,7 +2035,7 @@ button ...@@ -1957,7 +2035,7 @@ button
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 20px; font-size: 20px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -2088,6 +2166,7 @@ button ...@@ -2088,6 +2166,7 @@ button
border: 0; border: 0;
height: 549px; height: 549px;
max-height: 549px; max-height: 549px;
overflow: hidden;
&__image &__image
{ {
height: 197px; height: 197px;
...@@ -2105,7 +2184,7 @@ button ...@@ -2105,7 +2184,7 @@ button
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 18px; font-size: 18px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -2190,32 +2269,32 @@ button ...@@ -2190,32 +2269,32 @@ button
// Страница Часто задаваемые вопросы // Страница Часто задаваемые вопросы
.wrapper-ask-question // .wrapper-ask-question
{ // {
form // form
{ // {
input[type="text"] // input[type="text"]
{ // {
width: 300px; // width: 300px;
} // }
textarea // textarea
{ // {
width: 610px; // width: 610px;
height: 127px; // height: 127px;
} // }
} // }
} // }
// Список вакансий // Список вакансий
.sidebar-filter // .sidebar-filter
{ // {
form // form
{ // {
} // }
} // }
.block-select-filter .block-select-filter
{ {
...@@ -2238,7 +2317,7 @@ button ...@@ -2238,7 +2317,7 @@ button
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -2311,7 +2390,7 @@ button ...@@ -2311,7 +2390,7 @@ button
margin-bottom: 22px; margin-bottom: 22px;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 14px; font-size: 14px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -2418,7 +2497,7 @@ button ...@@ -2418,7 +2497,7 @@ button
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 19px; font-size: 19px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: 1.47; line-height: 1.47;
...@@ -2430,6 +2509,7 @@ button ...@@ -2430,6 +2509,7 @@ button
// Вход в личный кабинет // Вход в личный кабинет
.little-title .little-title
{ {
font-family: Montserrat Regular; font-family: Montserrat Regular;
...@@ -2507,11 +2587,11 @@ button ...@@ -2507,11 +2587,11 @@ button
margin-left: 18px; margin-left: 18px;
margin-right: 18px; margin-right: 18px;
transition: .3s; transition: .3s;
.img-svg // .img-svg
{ // {
max-width: 100%; // max-width: 100%;
height: auto; // height: auto;
} // }
} }
.social-networks__ref:hover .social-networks__ref:hover
{ {
...@@ -2578,7 +2658,8 @@ label ...@@ -2578,7 +2658,8 @@ label
.container-compressed_center .container-compressed_center
{ {
margin: 0 auto; margin-left: auto;
margin-right: auto;
} }
...@@ -2612,7 +2693,7 @@ label ...@@ -2612,7 +2693,7 @@ label
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -2764,7 +2845,7 @@ label ...@@ -2764,7 +2845,7 @@ label
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 16px; font-size: 16px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -2870,18 +2951,18 @@ ymaps[class$='pie-chart'] ...@@ -2870,18 +2951,18 @@ ymaps[class$='pie-chart']
align-items: !important; align-items: !important;
} }
ymaps[class$='patched-for-print'] // ymaps[class$='patched-for-print']
{ // {
background-image: none !important; // background-image: none !important;
list-style-image: none !important; // list-style-image: none !important;
height: 36px !important; // height: 36px !important;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1) !important; // box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1) !important;
background: $color-hover !important; // background: $color-hover !important;
border-radius: 50% !important; // border-radius: 50% !important;
display: flex !important; // display: flex !important;
justify-content: center !important; // justify-content: center !important;
align-items: center !important; // align-items: center !important;
} // }
ymaps[class$='pie-chart-content'] ymaps[class$='pie-chart-content']
{ {
...@@ -2916,7 +2997,7 @@ ymaps[class$='pie-chart-content'] ...@@ -2916,7 +2997,7 @@ ymaps[class$='pie-chart-content']
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 14px; font-size: 14px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3053,7 +3134,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3053,7 +3134,7 @@ ymaps[class$='pie-chart-content']
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3177,7 +3258,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3177,7 +3258,7 @@ ymaps[class$='pie-chart-content']
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 30px; font-size: 30px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3189,7 +3270,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3189,7 +3270,7 @@ ymaps[class$='pie-chart-content']
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 16px; font-size: 16px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3199,7 +3280,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3199,7 +3280,7 @@ ymaps[class$='pie-chart-content']
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 16px; font-size: 16px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3221,7 +3302,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3221,7 +3302,7 @@ ymaps[class$='pie-chart-content']
margin-right: 20px; margin-right: 20px;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 16px; font-size: 16px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3278,7 +3359,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3278,7 +3359,7 @@ ymaps[class$='pie-chart-content']
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 16px; font-size: 16px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: 30px; line-height: 30px;
...@@ -3331,14 +3412,13 @@ ymaps[class$='pie-chart-content'] ...@@ -3331,14 +3412,13 @@ ymaps[class$='pie-chart-content']
} }
.block-radio .block-radio
{ {
margin-top: 0;
margin-right: 40px; margin-right: 40px;
} }
&__name &__name
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 18px; font-size: 18px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3565,7 +3645,7 @@ input[type="submit"] ...@@ -3565,7 +3645,7 @@ input[type="submit"]
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 14px; font-size: 14px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3718,11 +3798,11 @@ input[type="submit"] ...@@ -3718,11 +3798,11 @@ input[type="submit"]
// Страница Избранное - Список // Страница Избранное - Список
.favorites-vacancies-ref // .favorites-vacancies-ref
{ // {
width: max-content; // width: max-content;
margin-bottom: 32px; // margin-bottom: 32px;
} // }
.favorites-list .favorites-list
{ {
...@@ -3760,7 +3840,7 @@ input[type="submit"] ...@@ -3760,7 +3840,7 @@ input[type="submit"]
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 14px; font-size: 14px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3865,7 +3945,7 @@ input[type="submit"] ...@@ -3865,7 +3945,7 @@ input[type="submit"]
position: absolute; position: absolute;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 14px; font-size: 14px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3997,7 +4077,7 @@ input[type="submit"] ...@@ -3997,7 +4077,7 @@ input[type="submit"]
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -4059,7 +4139,7 @@ input[type="submit"] ...@@ -4059,7 +4139,7 @@ input[type="submit"]
background-color: #ffffff; background-color: #ffffff;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 14px; font-size: 14px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -4189,7 +4269,7 @@ input[type="submit"] ...@@ -4189,7 +4269,7 @@ input[type="submit"]
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 16px; font-size: 16px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: 1.31; line-height: 1.31;
...@@ -4269,7 +4349,7 @@ input[type="submit"] ...@@ -4269,7 +4349,7 @@ input[type="submit"]
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 18px; font-size: 18px;
font-weight: bold;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
......
src/vacancies-list.html
View file @ ae70c80a
...@@ -166,14 +166,14 @@ ...@@ -166,14 +166,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Авансирование</p> <p class="block-choice-filter__name">Авансирование</p>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="advance-payment-yes"> <label for="advance-payment-yes">
<input type="radio" id="advance-payment-yes" name="advance-payment" hidden checked> <input type="radio" id="advance-payment-yes" name="advance-payment" hidden checked>
<div class="radio"></div> <div class="radio"></div>
Да Да
</label> </label>
</div> </div>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="advance-payment-no"> <label for="advance-payment-no">
<input type="radio" id="advance-payment-no" name="advance-payment" hidden> <input type="radio" id="advance-payment-no" name="advance-payment" hidden>
<div class="radio"></div> <div class="radio"></div>
...@@ -200,21 +200,21 @@ ...@@ -200,21 +200,21 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Проживание</p> <p class="block-choice-filter__name">Проживание</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="apartment"> <label for="apartment">
<input type="checkbox" id="apartment" name="apartment" hidden> <input type="checkbox" id="apartment" name="apartment" hidden>
<div class="check"></div> <div class="check"></div>
Проживание в квартире Проживание в квартире
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="hostel"> <label for="hostel">
<input type="checkbox" id="hostel" name="hostel" hidden> <input type="checkbox" id="hostel" name="hostel" hidden>
<div class="check"></div> <div class="check"></div>
Проживание в общежитии Проживание в общежитии
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="residence-no"> <label for="residence-no">
<input type="checkbox" id="residence-no" name="residence-no" hidden checked> <input type="checkbox" id="residence-no" name="residence-no" hidden checked>
<div class="check"></div> <div class="check"></div>
...@@ -224,14 +224,14 @@ ...@@ -224,14 +224,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Питание</p> <p class="block-choice-filter__name">Питание</p>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="food-yes"> <label for="food-yes">
<input type="radio" id="food-yes" name="food" hidden checked> <input type="radio" id="food-yes" name="food" hidden checked>
<div class="radio"></div> <div class="radio"></div>
Да Да
</label> </label>
</div> </div>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="food-no"> <label for="food-no">
<input type="radio" id="food-no" name="food" hidden> <input type="radio" id="food-no" name="food" hidden>
<div class="radio"></div> <div class="radio"></div>
...@@ -241,14 +241,14 @@ ...@@ -241,14 +241,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Служебный транспорт</p> <p class="block-choice-filter__name">Служебный транспорт</p>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="transport-yes"> <label for="transport-yes">
<input type="radio" id="transport-yes" name="transport" hidden checked> <input type="radio" id="transport-yes" name="transport" hidden checked>
<div class="radio"></div> <div class="radio"></div>
Да Да
</label> </label>
</div> </div>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="transport-no"> <label for="transport-no">
<input type="radio" id="transport-no" name="transport" hidden> <input type="radio" id="transport-no" name="transport" hidden>
<div class="radio"></div> <div class="radio"></div>
...@@ -258,21 +258,21 @@ ...@@ -258,21 +258,21 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Спецодежда</p> <p class="block-choice-filter__name">Спецодежда</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="work-clothes-free"> <label for="work-clothes-free">
<input type="checkbox" id="work-clothes-free" name="work-clothes-free" hidden> <input type="checkbox" id="work-clothes-free" name="work-clothes-free" hidden>
<div class="check"></div> <div class="check"></div>
Бесплатная спецодежда Бесплатная спецодежда
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="work-clothes-pay"> <label for="work-clothes-pay">
<input type="checkbox" id="work-clothes-pay" name="work-clothes-pay" hidden> <input type="checkbox" id="work-clothes-pay" name="work-clothes-pay" hidden>
<div class="check"></div> <div class="check"></div>
Вычитается из з/п Вычитается из з/п
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="work-clothes-no"> <label for="work-clothes-no">
<input type="checkbox" id="work-clothes-no" name="work-clothes-no" hidden checked> <input type="checkbox" id="work-clothes-no" name="work-clothes-no" hidden checked>
<div class="check"></div> <div class="check"></div>
...@@ -282,14 +282,14 @@ ...@@ -282,14 +282,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Тип работодателя</p> <p class="block-choice-filter__name">Тип работодателя</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="direct-employers"> <label for="direct-employers">
<input type="checkbox" id="direct-employers" name="direct-employers" hidden checked> <input type="checkbox" id="direct-employers" name="direct-employers" hidden checked>
<div class="check"></div> <div class="check"></div>
Прямые работодатели Прямые работодатели
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="recruitment-agencies"> <label for="recruitment-agencies">
<input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked> <input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked>
<div class="check"></div> <div class="check"></div>
...@@ -628,7 +628,7 @@ ...@@ -628,7 +628,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="wrapper-button block-mt-green"> <div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button> <button type="button" class="other-button">Показать ещё</button>
</div> </div>
<div class="wrapper-pagination block-mt-blue"> <div class="wrapper-pagination block-mt-blue">
......
src/vacancies-map.html
View file @ ae70c80a
...@@ -166,14 +166,14 @@ ...@@ -166,14 +166,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Авансирование</p> <p class="block-choice-filter__name">Авансирование</p>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="advance-payment-yes"> <label for="advance-payment-yes">
<input type="radio" id="advance-payment-yes" name="advance-payment" hidden checked> <input type="radio" id="advance-payment-yes" name="advance-payment" hidden checked>
<div class="radio"></div> <div class="radio"></div>
Да Да
</label> </label>
</div> </div>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="advance-payment-no"> <label for="advance-payment-no">
<input type="radio" id="advance-payment-no" name="advance-payment" hidden> <input type="radio" id="advance-payment-no" name="advance-payment" hidden>
<div class="radio"></div> <div class="radio"></div>
...@@ -200,21 +200,21 @@ ...@@ -200,21 +200,21 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Проживание</p> <p class="block-choice-filter__name">Проживание</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="apartment"> <label for="apartment">
<input type="checkbox" id="apartment" name="apartment" hidden> <input type="checkbox" id="apartment" name="apartment" hidden>
<div class="check"></div> <div class="check"></div>
Проживание в квартире Проживание в квартире
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="hostel"> <label for="hostel">
<input type="checkbox" id="hostel" name="hostel" hidden> <input type="checkbox" id="hostel" name="hostel" hidden>
<div class="check"></div> <div class="check"></div>
Проживание в общежитии Проживание в общежитии
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="residence-no"> <label for="residence-no">
<input type="checkbox" id="residence-no" name="residence-no" hidden checked> <input type="checkbox" id="residence-no" name="residence-no" hidden checked>
<div class="check"></div> <div class="check"></div>
...@@ -224,14 +224,14 @@ ...@@ -224,14 +224,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Питание</p> <p class="block-choice-filter__name">Питание</p>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="food-yes"> <label for="food-yes">
<input type="radio" id="food-yes" name="food" hidden checked> <input type="radio" id="food-yes" name="food" hidden checked>
<div class="radio"></div> <div class="radio"></div>
Да Да
</label> </label>
</div> </div>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="food-no"> <label for="food-no">
<input type="radio" id="food-no" name="food" hidden> <input type="radio" id="food-no" name="food" hidden>
<div class="radio"></div> <div class="radio"></div>
...@@ -241,14 +241,14 @@ ...@@ -241,14 +241,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Служебный транспорт</p> <p class="block-choice-filter__name">Служебный транспорт</p>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="transport-yes"> <label for="transport-yes">
<input type="radio" id="transport-yes" name="transport" hidden checked> <input type="radio" id="transport-yes" name="transport" hidden checked>
<div class="radio"></div> <div class="radio"></div>
Да Да
</label> </label>
</div> </div>
<div class="block-radio"> <div class="block-radio block-mt-orange">
<label for="transport-no"> <label for="transport-no">
<input type="radio" id="transport-no" name="transport" hidden> <input type="radio" id="transport-no" name="transport" hidden>
<div class="radio"></div> <div class="radio"></div>
...@@ -258,21 +258,21 @@ ...@@ -258,21 +258,21 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Спецодежда</p> <p class="block-choice-filter__name">Спецодежда</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="work-clothes-free"> <label for="work-clothes-free">
<input type="checkbox" id="work-clothes-free" name="work-clothes-free" hidden> <input type="checkbox" id="work-clothes-free" name="work-clothes-free" hidden>
<div class="check"></div> <div class="check"></div>
Бесплатная спецодежда Бесплатная спецодежда
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="work-clothes-pay"> <label for="work-clothes-pay">
<input type="checkbox" id="work-clothes-pay" name="work-clothes-pay" hidden> <input type="checkbox" id="work-clothes-pay" name="work-clothes-pay" hidden>
<div class="check"></div> <div class="check"></div>
Вычитается из з/п Вычитается из з/п
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="work-clothes-no"> <label for="work-clothes-no">
<input type="checkbox" id="work-clothes-no" name="work-clothes-no" hidden checked> <input type="checkbox" id="work-clothes-no" name="work-clothes-no" hidden checked>
<div class="check"></div> <div class="check"></div>
...@@ -282,14 +282,14 @@ ...@@ -282,14 +282,14 @@
</div> </div>
<div class="block-choice-filter block-mb-yellow"> <div class="block-choice-filter block-mb-yellow">
<p class="block-choice-filter__name">Тип работодателя</p> <p class="block-choice-filter__name">Тип работодателя</p>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="direct-employers"> <label for="direct-employers">
<input type="checkbox" id="direct-employers" name="direct-employers" hidden checked> <input type="checkbox" id="direct-employers" name="direct-employers" hidden checked>
<div class="check"></div> <div class="check"></div>
Прямые работодатели Прямые работодатели
</label> </label>
</div> </div>
<div class="block-checkbox"> <div class="block-checkbox block-mt-orange">
<label for="recruitment-agencies"> <label for="recruitment-agencies">
<input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked> <input type="checkbox" id="recruitment-agencies" name="recruitment-agencies" hidden checked>
<div class="check"></div> <div class="check"></div>
......
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