Skip to content

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

Edits all pages layouts

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