Skip to content

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

Start edits all pages

parent 3fee6418
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 340 additions and 175 deletions
src/access-account.html
View file @ 6ccb528e
......@@ -322,7 +322,7 @@
</div>
</div>
<div class="registration-offer">
<p>У вас ещё нет аккаунта? <a href="#">Зарегистрируйтесь</a></p>
<p>У вас ещё нет аккаунта? <a href="#" style="padding-bottom: 7px;">Зарегистрируйтесь</a></p>
</div>
</div>
</div>
......
src/articles.html
View file @ 6ccb528e
......@@ -272,7 +272,7 @@
<h1>Полезные статьи</h1>
<div class="content-page block-mt-dark-blue">
<div class="all-articles">
<div class="row">
<div class="row row-article">
<div class="col-3">
<a href="#" class="article-image" style="background-image: url(./img/img_banner2.png);"></a>
</div>
......
src/companies-list.html
View file @ 6ccb528e
......@@ -385,18 +385,20 @@
</div>
</div>
<div class="col-9">
<div class="additional-search">
<a href="#" class="button-text vacancies-map">
<img class="img-svg" src="./img/icon_map.svg" alt="">
Показать на карте
</a>
<button type="button" class="other-button button-filter">
<img class="img-svg" src="./img/icon_option.svg" alt="">
</button>
<form action="" id="quick-search">
<input type="text" name="q" placeholder="Поиск по компаниям">
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form>
<div class="block-mb-yellow">
<div class="additional-search">
<a href="#" class="button-text vacancies-map">
<img class="img-svg" src="./img/icon_map.svg" alt="">
Показать на карте
</a>
<button type="button" class="other-button button-filter">
<img class="img-svg" src="./img/icon_option.svg" alt="">
</button>
<form action="" id="quick-search">
<input type="text" name="q" placeholder="Поиск по компаниям">
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form>
</div>
</div>
<div class="main-search">
<div class="row search-list-row-companies">
......
src/current-article.html
View file @ 6ccb528e
......@@ -275,7 +275,9 @@
<div class="article-detail__image block-mb-blue">
<img src="./img/img_article_detail.png" alt="">
</div>
<p class="article-detail__date">12.12.2019</p>
<div class="block-mb-yellow">
<p class="article-detail__date">12.12.2019</p>
</div>
<p class="article-detail__preview">Вступление статьи. Текст, который показывается в превью на главной и раздаточной страницах. Как правило, один абзац текста, который подробно раскрывает проблему, поставленную автором, и обозначает ее важность для читателя. Если заголовок привлекает внимание читателя, то вступление должно побудить прочитать статью до конца.</p>
</div>
<p>Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
......
src/faq.html
View file @ 6ccb528e
This diff is collapsed.
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
This diff is collapsed.
src/js/main.js
View file @ 6ccb528e
......@@ -217,10 +217,32 @@ if(accordionContentBlock.length)
elem.addEventListener('click', function(e)
{
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 @@
{
max-width: initial;
}
.useful-articles-content .row .col-3
.row-article .col-3
{
flex: 0 0 33%;
max-width: 33%;
......@@ -101,11 +101,11 @@
{
width: 20%;
}
.all-articles .row .col-3
{
max-width: 33%;
flex: 0 0 33%;
}
// .all-articles .row .col-3
// {
// max-width: 33%;
// flex: 0 0 33%;
// }
.block-tooltip:after
{
left: -248px;
......@@ -149,7 +149,7 @@
{
display: none;
}
.main-search .search-list-row .col-4
.row-card .col-4
{
flex: 0 0 50%;
max-width: 50%;
......@@ -273,11 +273,11 @@
padding-left: 20px;
padding-right: 20px;
}
.all-articles .row .col-3
{
flex: 0 0 50%;
max-width: 50%;
}
// .all-articles .row .col-3
// {
// flex: 0 0 50%;
// max-width: 50%;
// }
.close-modal
{
padding-left: 16px;
......@@ -366,7 +366,7 @@
}
@media(max-width: 850px)
{
.useful-articles-content .row .col-3
.row-article .col-3
{
flex: 0 0 50%;
max-width: 50%;
......@@ -379,7 +379,7 @@
flex: 0 0 100%;
max-width: 100%;
}
.main-search .search-list-row .col-4
.row-card .col-4
{
flex: 0 0 50%;
max-width: 50%;
......@@ -734,12 +734,12 @@
padding-left: 16px;
padding-right: 16px;
}
.main-search .search-list-row .col-4
.row-card .col-4
{
padding-left: 16px;
padding-right: 16px;
}
.main-search .search-list-row
.row-card
{
margin-left: -16px;
margin-right: -16px;
......@@ -912,6 +912,54 @@
{
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
{
font-size: 36px;
......@@ -995,22 +1043,22 @@
margin-top: 25px;
margin-left: 0;
}
.all-articles .row .col-3
{
max-width: 100%;
flex: 0 0 100%;
}
// .all-articles .row .col-3
// {
// max-width: 100%;
// flex: 0 0 100%;
// }
.main-images .col-3
{
max-width: 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%;
max-width: 100%;
}
.main-search .search-list-row .col-4
.row-card .col-4
{
max-width: 100%;
flex: 0 0 100%;
......@@ -1031,7 +1079,7 @@
{
margin-bottom: 10px;
}
.main-search .search-list-row .col-4
.row-card .col-4
{
flex: 0 0 100%;
max-width: 100%;
......
src/scss/style.scss
View file @ 6ccb528e
......@@ -9,6 +9,8 @@
position: relative;
}
// Margin
.block-mt-purple
{
margin-top: 96px;
......@@ -59,6 +61,58 @@
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
{
padding: 0;
......@@ -2130,6 +2184,7 @@ textarea:disabled
transition: .3s;
}
.card
{
max-width: 295px;
......@@ -2342,20 +2397,20 @@ textarea:disabled
{
text-align: center;
}
&-content
{
.row
{
margin-right: -10px;
margin-left: -10px;
}
.col-3
{
margin-bottom: 22px;
padding-left: 10px;
padding-right: 10px;
}
}
// &-content
// {
// .row
// {
// margin-right: -10px;
// margin-left: -10px;
// }
// .col-3
// {
// margin-bottom: 22px;
// padding-left: 10px;
// padding-right: 10px;
// }
// }
}
.ref-detail
......@@ -2722,9 +2777,9 @@ button
{
&-block
{
margin-bottom: 33px;
// margin-bottom: 33px;
border-top: solid 2px #dddce8;
padding-top: 33px;
// padding-top: 33px;
cursor: pointer;
.accordion-block-title
{
......@@ -2772,7 +2827,10 @@ button
line-height: normal;
letter-spacing: normal;
color: $color-primary;
margin-top: 33px;
// margin-top: 33px;
overflow: hidden;
transition: all .5s;
height: 0;
}
}
&-block:nth-child(1)
......@@ -2795,7 +2853,9 @@ button
{
.accordion-block-desc
{
display: none;
// display: none;
// height: 0;
margin: 0;
}
.accordion-block-title
{
......@@ -2935,37 +2995,37 @@ button
{
text-align: center;
}
&-content
{
.row
{
margin-left: -10px;
margin-right: -10px;
.col-3
{
padding-left: 10px;
padding-right: 10px;
margin-bottom: 22px;
}
}
}
// &-content
// {
// .row
// {
// margin-left: -10px;
// margin-right: -10px;
// .col-3
// {
// padding-left: 10px;
// padding-right: 10px;
// margin-bottom: 22px;
// }
// }
// }
}
// Страница Статьи
.all-articles
{
.row
{
margin-left: -10px;
margin-right: -10px;
.col-3
{
padding-left: 10px;
padding-right: 10px;
margin-bottom: 22px;
}
}
// .row
// {
// margin-left: -10px;
// margin-right: -10px;
// .col-3
// {
// padding-left: 10px;
// padding-right: 10px;
// margin-bottom: 22px;
// }
// }
}
// Страница Часто задаваемые вопросы
......@@ -3059,17 +3119,17 @@ button
.main-search
{
// margin-top: 32px;
.search-list-row
{
margin-left: -10px;
margin-right: -10px;
.col-4
{
margin-bottom: 22px;
padding-left: 10px;
padding-right: 10px;
}
}
// .search-list-row
// {
// margin-left: -10px;
// margin-right: -10px;
// .col-4
// {
// margin-bottom: 22px;
// padding-left: 10px;
// padding-right: 10px;
// }
// }
.search-list-row-companies
{
margin-left: -9px;
......@@ -3191,13 +3251,11 @@ button
line-height: 1.57;
letter-spacing: normal;
color: $color-disabled;
margin-bottom: 32px;
}
&__preview
{
font-family: Montserrat Bold;
font-size: 19px;
font-stretch: normal;
font-style: normal;
line-height: 1.47;
......@@ -3461,7 +3519,8 @@ label
.block-tooltip
{
position: relative;
// position: relative;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
......@@ -3470,6 +3529,7 @@ label
width: 16px;
height: 16px;
margin-left: 10px;
right: -10px;
.img-svg
{
max-width: 100%;
......@@ -3564,6 +3624,7 @@ label
margin-right: 20px;
justify-content: center;
padding-top: 15px;
position: relative;
}
.tabs-item_active
{
......@@ -4773,15 +4834,15 @@ input[type="submit"]
.row
{
.block-checkbox, .block-radio
{
margin-top: 0;
margin-bottom: 22px;
label
{
margin: 0;
}
}
// .block-checkbox, .block-radio
// {
// margin-top: 0;
// margin-bottom: 22px;
// label
// {
// margin: 0;
// }
// }
.col-4
{
p
......@@ -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
This diff is collapsed.
src/vacancies-list.html
View file @ 6ccb528e
......@@ -450,21 +450,23 @@
</div>
</div>
<div class="col-9">
<div class="additional-search">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_map.svg" alt="">
Показать на карте
</a>
<button type="button" class="other-button button-filter">
<img class="img-svg" src="./img/icon_option.svg" alt="">
</button>
<form action="" id="quick-search">
<input type="text" name="q" placeholder="Поиск по вакансиям">
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form>
<div class="block-mb-yellow">
<div class="additional-search">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_map.svg" alt="">
Показать на карте
</a>
<button type="button" class="other-button button-filter">
<img class="img-svg" src="./img/icon_option.svg" alt="">
</button>
<form action="" id="quick-search">
<input type="text" name="q" placeholder="Поиск по вакансиям">
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form>
</div>
</div>
<div class="main-search">
<div class="row search-list-row">
<div class="row row-card">
<div class="col-4">
<a href="#" class="image-vacancies" style="background-image: url(./img/img_banner3.png);"></a>
</div>
......
src/vacancies-map.html
View file @ 6ccb528e
......@@ -450,18 +450,20 @@
</div>
</div>
<div class="col-9">
<div class="additional-search">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_list.svg" alt="">
Показать списком
</a>
<button type="button" class="other-button button-filter">
<img class="img-svg" src="./img/icon_option.svg" alt="">
</button>
<form action="" id="quick-search">
<input type="text" name="q" placeholder="Поиск по вакансиям">
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form>
<div class="block-mb-yellow">
<div class="additional-search">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_list.svg" alt="">
Показать списком
</a>
<button type="button" class="other-button button-filter">
<img class="img-svg" src="./img/icon_option.svg" alt="">
</button>
<form action="" id="quick-search">
<input type="text" name="q" placeholder="Поиск по вакансиям">
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form>
</div>
</div>
<div class="main-search">
<div class="map-api" id="vacancies-map"></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