Skip to content

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

Start edits all pages

parent 3fee6418
Show whitespace changes
Inline Side-by-side
Showing with 340 additions and 175 deletions
src/access-account.html
View file @ 6ccb528e
...@@ -322,7 +322,7 @@ ...@@ -322,7 +322,7 @@
</div> </div>
</div> </div>
<div class="registration-offer"> <div class="registration-offer">
<p>У вас ещё нет аккаунта? <a href="#">Зарегистрируйтесь</a></p> <p>У вас ещё нет аккаунта? <a href="#" style="padding-bottom: 7px;">Зарегистрируйтесь</a></p>
</div> </div>
</div> </div>
</div> </div>
......
src/articles.html
View file @ 6ccb528e
...@@ -272,7 +272,7 @@ ...@@ -272,7 +272,7 @@
<h1>Полезные статьи</h1> <h1>Полезные статьи</h1>
<div class="content-page block-mt-dark-blue"> <div class="content-page block-mt-dark-blue">
<div class="all-articles"> <div class="all-articles">
<div class="row"> <div class="row row-article">
<div class="col-3"> <div class="col-3">
<a href="#" class="article-image" style="background-image: url(./img/img_banner2.png);"></a> <a href="#" class="article-image" style="background-image: url(./img/img_banner2.png);"></a>
</div> </div>
......
src/companies-list.html
View file @ 6ccb528e
...@@ -385,6 +385,7 @@ ...@@ -385,6 +385,7 @@
</div> </div>
</div> </div>
<div class="col-9"> <div class="col-9">
<div class="block-mb-yellow">
<div class="additional-search"> <div class="additional-search">
<a href="#" class="button-text vacancies-map"> <a href="#" class="button-text vacancies-map">
<img class="img-svg" src="./img/icon_map.svg" alt=""> <img class="img-svg" src="./img/icon_map.svg" alt="">
...@@ -398,6 +399,7 @@ ...@@ -398,6 +399,7 @@
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);"> <input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form> </form>
</div> </div>
</div>
<div class="main-search"> <div class="main-search">
<div class="row search-list-row-companies"> <div class="row search-list-row-companies">
<div class="col-6"> <div class="col-6">
......
src/current-article.html
View file @ 6ccb528e
...@@ -275,7 +275,9 @@ ...@@ -275,7 +275,9 @@
<div class="article-detail__image block-mb-blue"> <div class="article-detail__image block-mb-blue">
<img src="./img/img_article_detail.png" alt=""> <img src="./img/img_article_detail.png" alt="">
</div> </div>
<div class="block-mb-yellow">
<p class="article-detail__date">12.12.2019</p> <p class="article-detail__date">12.12.2019</p>
</div>
<p class="article-detail__preview">Вступление статьи. Текст, который показывается в превью на главной и раздаточной страницах. Как правило, один абзац текста, который подробно раскрывает проблему, поставленную автором, и обозначает ее важность для читателя. Если заголовок привлекает внимание читателя, то вступление должно побудить прочитать статью до конца.</p> <p class="article-detail__preview">Вступление статьи. Текст, который показывается в превью на главной и раздаточной страницах. Как правило, один абзац текста, который подробно раскрывает проблему, поставленную автором, и обозначает ее важность для читателя. Если заголовок привлекает внимание читателя, то вступление должно побудить прочитать статью до конца.</p>
</div> </div>
<p>Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p> <p>Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
......
src/faq.html
View file @ 6ccb528e
...@@ -273,50 +273,50 @@ ...@@ -273,50 +273,50 @@
<div class="content-page block-mt-dark-blue"> <div class="content-page block-mt-dark-blue">
<div class="all-faq"> <div class="all-faq">
<div class="accordion-content"> <div class="accordion-content">
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Как создать резюме?</p> <p>Как создать резюме?</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Как изменить пароль в аккаунте соискателя?</p> <p>Как изменить пароль в аккаунте соискателя?</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Виды поддержки для соискателей</p> <p>Виды поддержки для соискателей</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Управление рассылками для соискателей</p> <p>Управление рассылками для соискателей</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Как подтвердить номер телефона?</p> <p>Как подтвердить номер телефона?</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
</div> </div>
</div> </div>
......
src/img/icon_cluster.svg 0 → 100644
View file @ 6ccb528e
<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<circle cx="38" cy="28" r="18" fill="#92C83E"/>
</g>
<defs>
<filter id="filter0_d" x="0" y="0" width="76" height="76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="10"/>
<feGaussianBlur stdDeviation="10"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0588235 0 0 0 0 0.0784314 0 0 0 0 0.356863 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
src/index.html
View file @ 6ccb528e
...@@ -317,7 +317,7 @@ ...@@ -317,7 +317,7 @@
<h1>Свежие вакансии</h1> <h1>Свежие вакансии</h1>
<div class="new-vacancies-content block-mt-dark-blue"> <div class="new-vacancies-content block-mt-dark-blue">
<div class="container"> <div class="container">
<div class="row"> <div class="row row-card">
<div class="col-3"> <div class="col-3">
<div class="card popular"> <div class="card popular">
<div class="card__desc"> <div class="card__desc">
...@@ -744,50 +744,50 @@ ...@@ -744,50 +744,50 @@
<div class="faq-main-content block-mt-dark-blue"> <div class="faq-main-content block-mt-dark-blue">
<div class="faq-main-content__left"> <div class="faq-main-content__left">
<div class="accordion-content"> <div class="accordion-content">
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Как создать резюме?</p> <p>Как создать резюме?</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Как изменить пароль в аккаунте соискателя?</p> <p>Как изменить пароль в аккаунте соискателя?</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Виды поддержки для соискателей</p> <p>Виды поддержки для соискателей</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Управление рассылками для соискателей</p> <p>Управление рассылками для соискателей</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Как подтвердить номер телефона?</p> <p>Как подтвердить номер телефона?</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -809,7 +809,7 @@ ...@@ -809,7 +809,7 @@
<h1>Полезные статьи</h1> <h1>Полезные статьи</h1>
<div class="container"> <div class="container">
<div class="useful-articles-content block-mt-dark-blue"> <div class="useful-articles-content block-mt-dark-blue">
<div class="row"> <div class="row row-article">
<div class="col-3"> <div class="col-3">
<a href="#" class="article-block"> <a href="#" class="article-block">
<div class="article-block__image" style="background-image: url(./img/img_article1.png);"> <div class="article-block__image" style="background-image: url(./img/img_article1.png);">
......
src/js/main.js
View file @ 6ccb528e
...@@ -217,11 +217,33 @@ if(accordionContentBlock.length) ...@@ -217,11 +217,33 @@ if(accordionContentBlock.length)
elem.addEventListener('click', function(e) elem.addEventListener('click', function(e)
{ {
e.preventDefault(); e.preventDefault();
elem.classList.toggle('accordion-content-block_hide'); // elem.classList.toggle('accordion-content-block_hide');
if(elem.classList.contains('accordion-content-block_hide'))
{
elem.classList.remove('accordion-content-block_hide');
let contentBlock = elem.querySelector('.accordion-block-desc');
showTextAccordion(contentBlock);
}
else
{
elem.classList.add('accordion-content-block_hide');
let contentBlock = elem.querySelector('.accordion-block-desc');
hideTextAccordion(contentBlock);
}
}) })
}); });
} }
function showTextAccordion(elem)
{
elem.style.height = elem.scrollHeight + 'px';
}
function hideTextAccordion(elem)
{
elem.style.height = '0';
}
// Проверка изображения в карточке статьи // Проверка изображения в карточке статьи
......
src/scss/_media.scss
View file @ 6ccb528e
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
{ {
max-width: initial; max-width: initial;
} }
.useful-articles-content .row .col-3 .row-article .col-3
{ {
flex: 0 0 33%; flex: 0 0 33%;
max-width: 33%; max-width: 33%;
...@@ -101,11 +101,11 @@ ...@@ -101,11 +101,11 @@
{ {
width: 20%; width: 20%;
} }
.all-articles .row .col-3 // .all-articles .row .col-3
{ // {
max-width: 33%; // max-width: 33%;
flex: 0 0 33%; // flex: 0 0 33%;
} // }
.block-tooltip:after .block-tooltip:after
{ {
left: -248px; left: -248px;
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
{ {
display: none; display: none;
} }
.main-search .search-list-row .col-4 .row-card .col-4
{ {
flex: 0 0 50%; flex: 0 0 50%;
max-width: 50%; max-width: 50%;
...@@ -273,11 +273,11 @@ ...@@ -273,11 +273,11 @@
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
.all-articles .row .col-3 // .all-articles .row .col-3
{ // {
flex: 0 0 50%; // flex: 0 0 50%;
max-width: 50%; // max-width: 50%;
} // }
.close-modal .close-modal
{ {
padding-left: 16px; padding-left: 16px;
...@@ -366,7 +366,7 @@ ...@@ -366,7 +366,7 @@
} }
@media(max-width: 850px) @media(max-width: 850px)
{ {
.useful-articles-content .row .col-3 .row-article .col-3
{ {
flex: 0 0 50%; flex: 0 0 50%;
max-width: 50%; max-width: 50%;
...@@ -379,7 +379,7 @@ ...@@ -379,7 +379,7 @@
flex: 0 0 100%; flex: 0 0 100%;
max-width: 100%; max-width: 100%;
} }
.main-search .search-list-row .col-4 .row-card .col-4
{ {
flex: 0 0 50%; flex: 0 0 50%;
max-width: 50%; max-width: 50%;
...@@ -734,12 +734,12 @@ ...@@ -734,12 +734,12 @@
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
} }
.main-search .search-list-row .col-4 .row-card .col-4
{ {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
} }
.main-search .search-list-row .row-card
{ {
margin-left: -16px; margin-left: -16px;
margin-right: -16px; margin-right: -16px;
...@@ -912,6 +912,54 @@ ...@@ -912,6 +912,54 @@
{ {
margin-bottom: 17px; margin-bottom: 17px;
} }
.block-pt-purple
{
padding-top: 72px;
}
.block-pt-dark-blue
{
padding-top: 56px;
}
.block-pt-blue
{
padding-top: 48px;
}
.block-pt-green
{
padding-top: 32px;
}
.block-pt-yellow
{
padding-top: 24px;
}
.block-pt-orange
{
padding-top: 17px;
}
.block-pb-purple
{
padding-bottom: 72px;
}
.block-pb-dark-blue
{
padding-bottom: 56px;
}
.block-pb-blue
{
padding-bottom: 48px;
}
.block-pb-green
{
padding-bottom: 32px;
}
.block-pb-yellow
{
padding-bottom: 24px;
}
.block-pb-orange
{
padding-bottom: 17px;
}
h1 h1
{ {
font-size: 36px; font-size: 36px;
...@@ -995,22 +1043,22 @@ ...@@ -995,22 +1043,22 @@
margin-top: 25px; margin-top: 25px;
margin-left: 0; margin-left: 0;
} }
.all-articles .row .col-3 // .all-articles .row .col-3
{ // {
max-width: 100%; // max-width: 100%;
flex: 0 0 100%; // flex: 0 0 100%;
} // }
.main-images .col-3 .main-images .col-3
{ {
max-width: 100%; max-width: 100%;
flex: 0 0 100%; flex: 0 0 100%;
} }
.useful-articles-content .row .col-3, .new-vacancies-content .col-3, .new-resumes-content .col-3 .row-article .col-3, .row-card .col-3
{ {
flex: 0 0 100%; flex: 0 0 100%;
max-width: 100%; max-width: 100%;
} }
.main-search .search-list-row .col-4 .row-card .col-4
{ {
max-width: 100%; max-width: 100%;
flex: 0 0 100%; flex: 0 0 100%;
...@@ -1031,7 +1079,7 @@ ...@@ -1031,7 +1079,7 @@
{ {
margin-bottom: 10px; margin-bottom: 10px;
} }
.main-search .search-list-row .col-4 .row-card .col-4
{ {
flex: 0 0 100%; flex: 0 0 100%;
max-width: 100%; max-width: 100%;
......
src/scss/style.scss
View file @ 6ccb528e
...@@ -9,6 +9,8 @@ ...@@ -9,6 +9,8 @@
position: relative; position: relative;
} }
// Margin
.block-mt-purple .block-mt-purple
{ {
margin-top: 96px; margin-top: 96px;
...@@ -59,6 +61,58 @@ ...@@ -59,6 +61,58 @@
margin-bottom: 22px; margin-bottom: 22px;
} }
// Padding
.block-pt-purple
{
padding-top: 96px;
}
.block-pt-dark-blue
{
padding-top: 75px;
}
.block-pt-blue
{
padding-top: 64px;
}
.block-pt-green
{
padding-top: 43px;
}
.block-pt-yellow
{
padding-top: 32px;
}
.block-pt-orange
{
padding-top: 22px;
}
.block-pb-purple
{
padding-bottom: 96px;
}
.block-pb-dark-blue
{
padding-bottom: 75px;
}
.block-pb-blue
{
padding-bottom: 64px;
}
.block-pb-green
{
padding-bottom: 43px;
}
.block-pb-yellow
{
padding-bottom: 32px;
}
.block-pb-orange
{
padding-bottom: 22px;
}
body body
{ {
padding: 0; padding: 0;
...@@ -2130,6 +2184,7 @@ textarea:disabled ...@@ -2130,6 +2184,7 @@ textarea:disabled
transition: .3s; transition: .3s;
} }
.card .card
{ {
max-width: 295px; max-width: 295px;
...@@ -2342,20 +2397,20 @@ textarea:disabled ...@@ -2342,20 +2397,20 @@ textarea:disabled
{ {
text-align: center; text-align: center;
} }
&-content // &-content
{ // {
.row // .row
{ // {
margin-right: -10px; // margin-right: -10px;
margin-left: -10px; // margin-left: -10px;
} // }
.col-3 // .col-3
{ // {
margin-bottom: 22px; // margin-bottom: 22px;
padding-left: 10px; // padding-left: 10px;
padding-right: 10px; // padding-right: 10px;
} // }
} // }
} }
.ref-detail .ref-detail
...@@ -2722,9 +2777,9 @@ button ...@@ -2722,9 +2777,9 @@ button
{ {
&-block &-block
{ {
margin-bottom: 33px; // margin-bottom: 33px;
border-top: solid 2px #dddce8; border-top: solid 2px #dddce8;
padding-top: 33px; // padding-top: 33px;
cursor: pointer; cursor: pointer;
.accordion-block-title .accordion-block-title
{ {
...@@ -2772,7 +2827,10 @@ button ...@@ -2772,7 +2827,10 @@ button
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-primary; color: $color-primary;
margin-top: 33px; // margin-top: 33px;
overflow: hidden;
transition: all .5s;
height: 0;
} }
} }
&-block:nth-child(1) &-block:nth-child(1)
...@@ -2795,7 +2853,9 @@ button ...@@ -2795,7 +2853,9 @@ button
{ {
.accordion-block-desc .accordion-block-desc
{ {
display: none; // display: none;
// height: 0;
margin: 0;
} }
.accordion-block-title .accordion-block-title
{ {
...@@ -2935,37 +2995,37 @@ button ...@@ -2935,37 +2995,37 @@ button
{ {
text-align: center; text-align: center;
} }
&-content // &-content
{ // {
.row // .row
{ // {
margin-left: -10px; // margin-left: -10px;
margin-right: -10px; // margin-right: -10px;
.col-3 // .col-3
{ // {
padding-left: 10px; // padding-left: 10px;
padding-right: 10px; // padding-right: 10px;
margin-bottom: 22px; // margin-bottom: 22px;
} // }
} // }
} // }
} }
// Страница Статьи // Страница Статьи
.all-articles .all-articles
{ {
.row // .row
{ // {
margin-left: -10px; // margin-left: -10px;
margin-right: -10px; // margin-right: -10px;
.col-3 // .col-3
{ // {
padding-left: 10px; // padding-left: 10px;
padding-right: 10px; // padding-right: 10px;
margin-bottom: 22px; // margin-bottom: 22px;
} // }
} // }
} }
// Страница Часто задаваемые вопросы // Страница Часто задаваемые вопросы
...@@ -3059,17 +3119,17 @@ button ...@@ -3059,17 +3119,17 @@ button
.main-search .main-search
{ {
// margin-top: 32px; // margin-top: 32px;
.search-list-row // .search-list-row
{ // {
margin-left: -10px; // margin-left: -10px;
margin-right: -10px; // margin-right: -10px;
.col-4 // .col-4
{ // {
margin-bottom: 22px; // margin-bottom: 22px;
padding-left: 10px; // padding-left: 10px;
padding-right: 10px; // padding-right: 10px;
} // }
} // }
.search-list-row-companies .search-list-row-companies
{ {
margin-left: -9px; margin-left: -9px;
...@@ -3191,13 +3251,11 @@ button ...@@ -3191,13 +3251,11 @@ button
line-height: 1.57; line-height: 1.57;
letter-spacing: normal; letter-spacing: normal;
color: $color-disabled; color: $color-disabled;
margin-bottom: 32px;
} }
&__preview &__preview
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 19px; font-size: 19px;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: 1.47; line-height: 1.47;
...@@ -3461,7 +3519,8 @@ label ...@@ -3461,7 +3519,8 @@ label
.block-tooltip .block-tooltip
{ {
position: relative; // position: relative;
position: absolute;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
...@@ -3470,6 +3529,7 @@ label ...@@ -3470,6 +3529,7 @@ label
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-left: 10px; margin-left: 10px;
right: -10px;
.img-svg .img-svg
{ {
max-width: 100%; max-width: 100%;
...@@ -3564,6 +3624,7 @@ label ...@@ -3564,6 +3624,7 @@ label
margin-right: 20px; margin-right: 20px;
justify-content: center; justify-content: center;
padding-top: 15px; padding-top: 15px;
position: relative;
} }
.tabs-item_active .tabs-item_active
{ {
...@@ -4773,15 +4834,15 @@ input[type="submit"] ...@@ -4773,15 +4834,15 @@ input[type="submit"]
.row .row
{ {
.block-checkbox, .block-radio // .block-checkbox, .block-radio
{ // {
margin-top: 0; // margin-top: 0;
margin-bottom: 22px; // margin-bottom: 22px;
label // label
{ // {
margin: 0; // margin: 0;
} // }
} // }
.col-4 .col-4
{ {
p p
...@@ -5901,6 +5962,20 @@ hr ...@@ -5901,6 +5962,20 @@ hr
} }
} }
// Rows для карточек
.row-card, .row-article
{
margin-right: -10px;
margin-left: -10px;
.col-3, .col-4
{
padding-left: 10px;
padding-right: 10px;
margin-bottom: 22px;
}
}
// Футер // Футер
......
src/service-rules.html
View file @ 6ccb528e
...@@ -274,54 +274,50 @@ ...@@ -274,54 +274,50 @@
<p>Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p> <p>Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
<div class="service-rules block-mt-orange block-mb-purple"> <div class="service-rules block-mt-orange block-mb-purple">
<div class="accordion-content"> <div class="accordion-content">
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Шаг 1. Зарегистрируйтесь</p> <p>Как создать резюме?</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Шаг 2. Найдите подходящую вакансию</p> <p>Как изменить пароль в аккаунте соискателя?</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Шаг 3. Напишите работодателю</p> <p>Виды поддержки для соискателей</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc"> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
<p>Оперативно откликайтесь на резюме. Это важно: чем раньше отклик на резюме, тем вероятнее, что на него откликнутся, в отличие от тех, кто откликнулся в хвосте.</p>
<br>
<img src="./img/img_step_rule.png" alt="">
</div> </div>
</div> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Шаг 4. Создайте резюме</p> <p>Управление рассылками для соискателей</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
<div class="accordion-content-block accordion-content-block_hide"> <div class="block-mb-yellow block-pt-yellow accordion-content-block accordion-content-block_hide">
<div class="accordion-block-title"> <div class="accordion-block-title">
<p>Шаг 5. Поднимите свою компанию в рейтинге</p> <p>Как подтвердить номер телефона?</p>
<a href="#" class="arrow-accordion"> <a href="#" class="arrow-accordion">
<img class="img-svg" src="./img/arrow_accordion.svg" alt=""> <img class="img-svg" src="./img/arrow_accordion.svg" alt="">
</a> </a>
</div> </div>
<div class="accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div> <div class="block-mt-yellow accordion-block-desc">Чтобы мы могли обеспечить защиту и поддержку вашего аккаунта, вы должны предоставить нам действительный номер телефона. Для проверки точности и актуальности указанной вами информации мы можем попросить вас подтвердить номер телефона через SMS или звонок. Вы получите от нас 6-значный PIN-код, который нужно будет указать в аккаунте.</div>
</div> </div>
</div> </div>
</div> </div>
......
src/vacancies-list.html
View file @ 6ccb528e
...@@ -450,6 +450,7 @@ ...@@ -450,6 +450,7 @@
</div> </div>
</div> </div>
<div class="col-9"> <div class="col-9">
<div class="block-mb-yellow">
<div class="additional-search"> <div class="additional-search">
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_map.svg" alt=""> <img class="img-svg" src="./img/icon_map.svg" alt="">
...@@ -463,8 +464,9 @@ ...@@ -463,8 +464,9 @@
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);"> <input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form> </form>
</div> </div>
</div>
<div class="main-search"> <div class="main-search">
<div class="row search-list-row"> <div class="row row-card">
<div class="col-4"> <div class="col-4">
<a href="#" class="image-vacancies" style="background-image: url(./img/img_banner3.png);"></a> <a href="#" class="image-vacancies" style="background-image: url(./img/img_banner3.png);"></a>
</div> </div>
......
src/vacancies-map.html
View file @ 6ccb528e
...@@ -450,6 +450,7 @@ ...@@ -450,6 +450,7 @@
</div> </div>
</div> </div>
<div class="col-9"> <div class="col-9">
<div class="block-mb-yellow">
<div class="additional-search"> <div class="additional-search">
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_list.svg" alt=""> <img class="img-svg" src="./img/icon_list.svg" alt="">
...@@ -463,6 +464,7 @@ ...@@ -463,6 +464,7 @@
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);"> <input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form> </form>
</div> </div>
</div>
<div class="main-search"> <div class="main-search">
<div class="map-api" id="vacancies-map"></div> <div class="map-api" id="vacancies-map"></div>
</div> </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