Skip to content

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

The tablet adaptive is almost done

parent 9d414563
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 679 additions and 119 deletions
src/404.html
View file @ 10bb6aef
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/access-account.html
View file @ 10bb6aef
...@@ -185,7 +185,7 @@ ...@@ -185,7 +185,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/articles.html
View file @ 10bb6aef
...@@ -302,7 +302,7 @@ ...@@ -302,7 +302,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/companies-list.html
View file @ 10bb6aef
...@@ -519,7 +519,7 @@ ...@@ -519,7 +519,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/companies-map.html
View file @ 10bb6aef
...@@ -261,7 +261,7 @@ ...@@ -261,7 +261,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/current-article.html
View file @ 10bb6aef
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/current-company.html
View file @ 10bb6aef
...@@ -184,40 +184,64 @@ ...@@ -184,40 +184,64 @@
<div class="detailed-description block-mb-blue"> <div class="detailed-description block-mb-blue">
<h2>Основные данные</h2> <h2>Основные данные</h2>
<div class="detailed-description-block"> <div class="detailed-description-block">
<div class="detailed-description-block__name"> <div class="row">
<p>Тип работодателя</p> <div class="col-3">
</div> <div class="detailed-description-block__name">
<div class="detailed-description-block__text"> <p>Тип работодателя</p>
<p>Прямой работодатель</p> </div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Прямой работодатель</p>
</div>
</div>
</div> </div>
</div> </div>
<div class="detailed-description-block"> <div class="detailed-description-block">
<div class="detailed-description-block__name"> <div class="row">
<p>Адрес:</p> <div class="col-3">
</div> <div class="detailed-description-block__name">
<div class="detailed-description-block__text"> <p>Адрес:</p>
<p>г. Нижний Новгород, ул. Ивана Романова, д. 2</p> </div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>г. Нижний Новгород, ул. Ивана Романова, д. 2</p>
</div>
</div>
</div> </div>
</div> </div>
<div class="detailed-description-block"> <div class="detailed-description-block">
<div class="detailed-description-block__name"> <div class="row">
<p>Количество сотрудников:</p> <div class="col-3">
</div> <div class="detailed-description-block__name">
<div class="detailed-description-block__text"> <p>Количество сотрудников:</p>
<p>Менее 50</p> </div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Менее 50</p>
</div>
</div>
</div> </div>
</div> </div>
<div class="detailed-description-block"> <div class="detailed-description-block">
<div class="detailed-description-block__name"> <div class="row">
<p>Описание:</p> <div class="col-3">
</div> <div class="detailed-description-block__name">
<div class="detailed-description-block__text"> <p>Описание:</p>
<p>Текст о компании – это краткая презентация фирмы. Он рассказывает, чем занимается компания, какие у нее достижения, чем она отличается от конкурентов, как фирма появилась и развивалась. Цель текста о компании – сформировать у читателей доверие к фирме. Когда человек находит сайт компании в интернете, он не может заглянуть в ее офис, лично поговорить с менеджерами. Он не знает, есть ли за яркой вывеской в виде сайта реальная компания. А если и есть, то не обманут ли его? Возможно, компания появилась вчера и завтра закроется? Текст о компании должен развеять сомнения клиента и показать, что фирма надежная, и с ней можно работать. В данном мастер-классе мы расскажем, как правильно написать текст о компании для сайта.</p> </div>
</div> </div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Текст о компании – это краткая презентация фирмы. Он рассказывает, чем занимается компания, какие у нее достижения, чем она отличается от конкурентов, как фирма появилась и развивалась. Цель текста о компании – сформировать у читателей доверие к фирме. Когда человек находит сайт компании в интернете, он не может заглянуть в ее офис, лично поговорить с менеджерами. Он не знает, есть ли за яркой вывеской в виде сайта реальная компания. А если и есть, то не обманут ли его? Возможно, компания появилась вчера и завтра закроется? Текст о компании должен развеять сомнения клиента и показать, что фирма надежная, и с ней можно работать. В данном мастер-классе мы расскажем, как правильно написать текст о компании для сайта.</p>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="wrapper-map"> <div class="wrapper-map">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A805e8a92d74677c7d0faadbbe38c16ccd54442663acf6a9591c2c8ce6d3b9c9e&amp;source=constructor" width="100%" height="420" frameborder="0"></iframe> <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A805e8a92d74677c7d0faadbbe38c16ccd54442663acf6a9591c2c8ce6d3b9c9e&amp;source=constructor" width="100%" height="100%" frameborder="0"></iframe>
</div> </div>
<div class="vacancies-company block-mt-purple block-mb-purple"> <div class="vacancies-company block-mt-purple block-mb-purple">
<h2>Вакансии компании</h2> <h2>Вакансии компании</h2>
...@@ -368,7 +392,7 @@ ...@@ -368,7 +392,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/current-resume.html
View file @ 10bb6aef
...@@ -367,7 +367,7 @@ ...@@ -367,7 +367,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/current-vacancy.html
View file @ 10bb6aef
This diff is collapsed.
src/faq.html
View file @ 10bb6aef
...@@ -204,7 +204,7 @@ ...@@ -204,7 +204,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/favorites-vacancies-list.html
View file @ 10bb6aef
...@@ -347,7 +347,7 @@ ...@@ -347,7 +347,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/favorites-vacancies-map.html
View file @ 10bb6aef
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/img/icon_option.svg 0 → 100644
View file @ 10bb6aef
<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 11C8 12.7 6.7 14 5 14C3.7 14 2.6 13 2.2 12H0V10H2.2C2.6 9 3.7 8 5 8C6.7 8 8 9.3 8 11ZM10 11C10 11.4 9.9 11.7 9.8 12H20V10H9.8C9.9 10 10 10.6 10 11ZM17.8 2C17.4 1 16.3 0 15 0C13.3 0 12 1.3 12 3C12 4.7 13.3 6 15 6C16.3 6 17.4 5 17.8 4H20V2H17.8ZM10 3C10 2.6 10.1 2 10.2 2H0V4H10.2C10.1 4 10 3.4 10 3Z" fill="#262262"/>
</svg>
src/index.html
View file @ 10bb6aef
...@@ -735,7 +735,7 @@ ...@@ -735,7 +735,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/js/main.js
View file @ 10bb6aef
...@@ -94,6 +94,17 @@ $('.top-companies-slider-wrapper').owlCarousel({ ...@@ -94,6 +94,17 @@ $('.top-companies-slider-wrapper').owlCarousel({
touchDrag: false, touchDrag: false,
navContainer: '.navigation-top-companies', navContainer: '.navigation-top-companies',
navText: ["<div class='arrow-slider'><img src='./img/arrow_slider_left.svg'></div>", "<div class='arrow-slider'><img src='./img/arrow_slider_right.svg'></div>"], navText: ["<div class='arrow-slider'><img src='./img/arrow_slider_left.svg'></div>", "<div class='arrow-slider'><img src='./img/arrow_slider_right.svg'></div>"],
responsive:{
0:{
items:1
},
750:{
items:2
},
1220:{
items:3
}
}
}); });
$('.usage-steps-slider-wrapper').owlCarousel({ $('.usage-steps-slider-wrapper').owlCarousel({
...@@ -107,6 +118,7 @@ $('.usage-steps-slider-wrapper').owlCarousel({ ...@@ -107,6 +118,7 @@ $('.usage-steps-slider-wrapper').owlCarousel({
autoplayTimeout:300, //Время смены слайда autoplayTimeout:300, //Время смены слайда
mouseDrag: false, mouseDrag: false,
touchDrag: false, touchDrag: false,
autoHeight: true,
navContainer: '.navigation-steps-slider', navContainer: '.navigation-steps-slider',
navText : ["<div class='arrow-steps arrow-steps__left'><img src='./img/arrow_right_step.svg' style='transform:rotateZ(180deg)'>Шаг <span></span></div>","<div class='arrow-steps arrow-steps__right'>Шаг <span></span><img src='./img/arrow_right_step.svg'></div>"], navText : ["<div class='arrow-steps arrow-steps__left'><img src='./img/arrow_right_step.svg' style='transform:rotateZ(180deg)'>Шаг <span></span></div>","<div class='arrow-steps arrow-steps__right'>Шаг <span></span><img src='./img/arrow_right_step.svg'></div>"],
onInitialized: function(e) onInitialized: function(e)
...@@ -160,6 +172,20 @@ $('.similar-vacancies-slider-wrapper').owlCarousel({ ...@@ -160,6 +172,20 @@ $('.similar-vacancies-slider-wrapper').owlCarousel({
touchDrag: false, touchDrag: false,
navContainer: '.navigation-similar-vacancies', navContainer: '.navigation-similar-vacancies',
navText: ["<div class='arrow-slider'><img src='./img/arrow_slider_left.svg'></div>", "<div class='arrow-slider'><img src='./img/arrow_slider_right.svg'></div>"], navText: ["<div class='arrow-slider'><img src='./img/arrow_slider_left.svg'></div>", "<div class='arrow-slider'><img src='./img/arrow_slider_right.svg'></div>"],
responsive:{
0:{
items: 1
},
550:{
items:2
},
900:{
items:3
},
1220:{
items:4
}
}
}); });
// Аккордеон // Аккордеон
......
src/main.html
View file @ 10bb6aef
...@@ -225,7 +225,7 @@ ...@@ -225,7 +225,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/my-resumes.html
View file @ 10bb6aef
...@@ -484,7 +484,7 @@ ...@@ -484,7 +484,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/password-recovery.html
View file @ 10bb6aef
...@@ -161,7 +161,7 @@ ...@@ -161,7 +161,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/post-resume-step1.html
View file @ 10bb6aef
...@@ -253,7 +253,7 @@ ...@@ -253,7 +253,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/post-resume-step2.html
View file @ 10bb6aef
...@@ -533,7 +533,7 @@ ...@@ -533,7 +533,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/post-resume-step3.html
View file @ 10bb6aef
...@@ -258,7 +258,7 @@ ...@@ -258,7 +258,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/post-resume-step4.html
View file @ 10bb6aef
...@@ -380,7 +380,7 @@ ...@@ -380,7 +380,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/profile-editing.html
View file @ 10bb6aef
...@@ -226,7 +226,7 @@ ...@@ -226,7 +226,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/profile.html
View file @ 10bb6aef
...@@ -223,7 +223,7 @@ ...@@ -223,7 +223,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/registration.html
View file @ 10bb6aef
...@@ -252,7 +252,7 @@ ...@@ -252,7 +252,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/response-resume.html
View file @ 10bb6aef
...@@ -199,7 +199,7 @@ ...@@ -199,7 +199,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/response-vacancy-not-reg.html
View file @ 10bb6aef
...@@ -188,7 +188,7 @@ ...@@ -188,7 +188,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/response-vacancy.html
View file @ 10bb6aef
...@@ -201,7 +201,7 @@ ...@@ -201,7 +201,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/response.html
View file @ 10bb6aef
...@@ -327,7 +327,7 @@ ...@@ -327,7 +327,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/scss/_media.scss
View file @ 10bb6aef
@media(max-width: 1310px)
{
.advantages-registration-row
{
margin-left: -15px;
margin-right: -15px;
}
.advantages-registration-row .block-advantages-registration
{
padding-left: 0;
padding-right: 0;
}
}
@media(max-width: 1280px) @media(max-width: 1280px)
{ {
.container .container
...@@ -16,4 +29,440 @@ ...@@ -16,4 +29,440 @@
padding-left: 30px; padding-left: 30px;
padding-right: 30px; padding-right: 30px;
} }
.list-container-row
{
margin-left: -20px;
margin-right: -20px;
}
.list-container-row .col-3, .list-container-row .col-9
{
padding-right: 20px;
padding-left: 20px;
}
.main-search .search-list-row-companies .col-6
{
padding-left: 15px;
padding-right: 15px;
}
}
@media(max-width: 1180px)
{
.new-vacancies-content .col-3
{
flex: 0 0 33%;
max-width: 33%;
}
.vacancy-card
{
max-width: initial;
}
.useful-articles-content .row .col-3
{
flex: 0 0 33%;
max-width: 33%;
}
.main-search .search-list-row-vacancies .col-4
{
flex: 0 0 50%;
max-width: 50%;
}
.image-vacancies
{
max-width: initial;
}
.vacancy-card .vacancy-card__toggle
{
width: 20%;
}
.all-articles .row .col-3
{
max-width: 33%;
flex: 0 0 33%;
}
.block-tooltip:after
{
left: -248px;
}
.block-tooltip:before
{
left: -18px;
transform: rotate(180deg);
}
.vacancies-company .row .col-3
{
max-width: 33%;
flex: 0 0 33%;
}
.footer .footer-right .col-auto
{
flex: 0 0 25%;
max-width: 25%;
}
}
@media(max-width: 1000px)
{
.faq-main-content__right
{
display: none;
}
.faq-main-content__left
{
width: 100%;
}
.block-mt-purple
{
margin-top: 72px;
}
.block-mt-dark-blue
{
margin-top: 56px;
}
.block-mt-blue
{
margin-top: 48px;
}
.block-mt-green
{
margin-top: 32px;
}
.block-mt-yellow
{
margin-top: 24px;
}
.block-mt-orange
{
margin-top: 17px;
}
.block-mb-purple
{
margin-bottom: 72px;
}
.block-mb-dark-blue
{
margin-bottom: 56px;
}
.block-mb-blue
{
margin-bottom: 48px;
}
.block-mb-green
{
margin-bottom: 32px;
}
.block-mb-yellow
{
margin-bottom: 24px;
}
.block-mb-orange
{
margin-bottom: 17px;
}
h1
{
font-size: 36px;
}
h2
{
font-size: 23px;
}
h3
{
font-size: 17px;
}
p
{
font-size: 15px;
}
a
{
font-size: 15px;
}
ul li
{
font-size: 15px;
}
.advantages-registration-row .col-3
{
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 25px;
}
.main-images .col-3
{
max-width: 33%;
flex: 0 0 33%;
}
}
@media(max-width: 965px)
{
.footer .row:nth-child(1)
{
flex-direction: column;
justify-content: center !important;
align-items: center;
}
.footer .footer-left, .footer .footer-right
{
max-width: 100%;
flex: 0 0 100%;
}
.footer .footer-left
{
display: flex;
justify-content: center;
align-items: center;
}
.footer-pages
{
display: none;
}
.footer .footer-right
{
margin-top: 25px;
}
.footer .footer-contacts
{
display: flex;
flex-direction: column;
align-items: center;
}
.footer .footer-right .col-auto
{
flex: 0 0 100%;
max-width: 100%;
}
.footer
{
padding-top: 54px;
padding-bottom: 48px;
}
}
@media(max-width: 940px)
{
.quick-job-search-block-content form input[type=text]
{
width: 25%;
}
.quick-job-search-block-content
{
padding: 43px;
}
}
@media(max-width: 900px)
{
.vacancies-company .row .col-3
{
max-width: 50%;
flex: 0 0 50%;
}
.new-vacancies-content .col-3
{
flex: 0 0 50%;
max-width: 50%;
}
}
@media(max-width: 850px)
{
.brief-information
{
flex-direction: column;
}
.useful-articles-content .row .col-3
{
flex: 0 0 50%;
max-width: 50%;
}
}
@media(max-width: 800px)
{
.detailed-description-block .col-3, .detailed-description-block .col-9
{
flex: 0 0 100%;
max-width: 100%;
}
.navigation-steps-slider
{
position: relative;
top: 0;
margin-top: 50px;
}
.usage-steps-slider-block__image
{
height: auto;
}
.usage-steps-slider-block__desc, .usage-steps-slider-block__name
{
width: 100%;
}
.usage-steps-slider-block__name
{
margin-top: 50px;
}
.usage-steps-slider-block__desc
{
margin-top: 32px;
}
}
@media(max-width: 750px)
{
.main-images .col-3
{
flex: 0 0 50%;
max-width: 50%;
}
}
@media(max-width: 700px)
{
.container-compressed
{
width: 100%;
}
.wrapper-form-share form input[type=text]
{
display: block;
width: 100%;
margin-right: 0;
}
.wrapper-form-share form input[type=submit]
{
margin-top: 10px;
}
}
@media(max-width: 650px)
{
.tabs-items
{
flex-wrap: wrap;
margin: 0;
}
.tabs-items .tabs-item
{
width: 100%;
margin: 0;
padding-top: 20px;
padding-left: 0;
padding-right: 0;
}
.modal-form
{
width: 100%;
left: 0;
right: 0;
}
}
@media(max-width: 600px)
{
.brief-information-block
{
flex-direction: column;
}
.block-to-rate
{
margin-top: 20px;
}
.brief-information-block__info
{
margin-left: 0;
margin-top: 20px;
}
.new-vacancies-content .col-3
{
flex: 0 0 100%;
max-width: 100%;
}
.useful-articles-content .row .col-3
{
flex: 0 0 100%;
max-width: 100%;
}
}
@media(max-width: 550px)
{
.advantages-registration-row .col-3
{
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 30px;
}
.wrapper-map
{
height: 270px;
}
.vacancies-company .row .col-3
{
max-width: 100%;
flex: 0 0 100%;
}
.company-card
{
flex-direction: column;
}
.company-card__right
{
width: 100%;
margin-top: 25px;
margin-left: 0;
}
.modal-form-content
{
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
}
@media(max-width: 500px)
{
.block-file label
{
flex-direction: column;
}
.block-file label .file-value
{
margin-left: 0;
margin-top: 20px;
}
.block-file label .button-attach-file
{
width: 100%;
}
.wrapper-form-share form .block-choice-filter
{
flex-direction: column;
align-items: flex-start;
}
.wrapper-form-share form .block-choice-filter .block-radio
{
margin-right: 0;
margin-top: 20px;
}
.main-images .col-3
{
max-width: 100%;
flex: 0 0 100%;
}
}
@media(max-width: 450px)
{
.block-gender
{
flex-direction: column;
align-items: flex-start;
}
.block-gender .block-radio
{
margin-top: 20px;
margin-left: 0;
}
}
@media(max-width: 400px)
{
.container-compressed form .block-remember
{
flex-direction: column;
align-items: flex-start;
}
.container-compressed form .block-remember a
{
margin-top: 10px;
}
} }
\ No newline at end of file
src/scss/style.scss
View file @ 10bb6aef
...@@ -739,7 +739,7 @@ ul ...@@ -739,7 +739,7 @@ ul
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-primary; color: $color-primary;
width: 80%; width: auto;
} }
} }
} }
...@@ -769,6 +769,7 @@ ul ...@@ -769,6 +769,7 @@ ul
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-primary; color: $color-primary;
margin-bottom: 0 !important;
.check .check
{ {
display: block; display: block;
...@@ -815,7 +816,7 @@ ul ...@@ -815,7 +816,7 @@ ul
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-primary; color: $color-primary;
width: 80%; width: auto;
} }
} }
} }
...@@ -1094,7 +1095,7 @@ textarea.field-error ...@@ -1094,7 +1095,7 @@ textarea.field-error
z-index: -1; z-index: -1;
opacity: 0; opacity: 0;
display: block; display: block;
right: calc(50% - 295px); right: calc(50% - 305px);
top: calc(50% - 305px); top: calc(50% - 305px);
transform: translateY(100%); transform: translateY(100%);
&-content &-content
...@@ -1790,10 +1791,11 @@ textarea.field-error ...@@ -1790,10 +1791,11 @@ textarea.field-error
{ {
display: flex; display: flex;
align-items: center; align-items: center;
height: 60px;
.vacancy-card__toggle .vacancy-card__toggle
{ {
width: 60px; width: 60px;
height: 60px; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
...@@ -1811,8 +1813,8 @@ textarea.field-error ...@@ -1811,8 +1813,8 @@ textarea.field-error
} }
.vacancy-card__respond .vacancy-card__respond
{ {
height: 60px; height: 100%;
width: 79%; width: 80%;
transition: .3s; transition: .3s;
background-color: transparent; background-color: transparent;
} }
...@@ -1958,7 +1960,8 @@ button ...@@ -1958,7 +1960,8 @@ button
border: 0; border: 0;
&__left &__left
{ {
width: 31%; // width: 31%;
width: 100px;
} }
&__right &__right
{ {
...@@ -1967,6 +1970,7 @@ button ...@@ -1967,6 +1970,7 @@ button
} }
&__image &__image
{ {
width: 100%;
img img
{ {
max-width: 100%; max-width: 100%;
...@@ -1978,7 +1982,6 @@ button ...@@ -1978,7 +1982,6 @@ button
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 18px; font-size: 18px;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -2116,6 +2119,7 @@ button ...@@ -2116,6 +2119,7 @@ button
// margin-bottom: 22px; // margin-bottom: 22px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
margin-bottom: 22px;
// height: 184px; // height: 184px;
} }
&__block &__block
...@@ -2423,13 +2427,12 @@ button ...@@ -2423,13 +2427,12 @@ button
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
font-size: 18px; font-size: 18px;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-primary; color: $color-primary;
height: 86px; // height: 86px;
max-height: 86px; max-height: 86px;
overflow: hidden; overflow: hidden;
margin-bottom: 22px; margin-bottom: 22px;
...@@ -2444,7 +2447,7 @@ button ...@@ -2444,7 +2447,7 @@ button
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-primary; color: $color-primary;
height: 136px; // height: 136px;
max-height: 136px; max-height: 136px;
overflow: hidden; overflow: hidden;
margin-bottom: 22px; margin-bottom: 22px;
...@@ -2459,7 +2462,7 @@ button ...@@ -2459,7 +2462,7 @@ button
line-height: 1.57; line-height: 1.57;
letter-spacing: normal; letter-spacing: normal;
color: $color-disabled; color: $color-disabled;
height: 22px; // height: 22px;
max-height: 22px; max-height: 22px;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
...@@ -2484,6 +2487,7 @@ button ...@@ -2484,6 +2487,7 @@ button
{ {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
margin-bottom: 22px;
} }
} }
} }
...@@ -2629,7 +2633,6 @@ button ...@@ -2629,7 +2633,6 @@ button
margin-bottom: 22px; margin-bottom: 22px;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 14px; font-size: 14px;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -3588,12 +3591,12 @@ ymaps[class$='pie-chart-content'] ...@@ -3588,12 +3591,12 @@ ymaps[class$='pie-chart-content']
} }
&-block &-block
{ {
display: flex; // display: flex;
margin-bottom: 32px; margin-bottom: 32px;
justify-content: space-between; // justify-content: space-between;
&__name &__name
{ {
width: 16%; // width: 16%;
p p
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
...@@ -3608,7 +3611,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3608,7 +3611,7 @@ ymaps[class$='pie-chart-content']
} }
&__text &__text
{ {
width: 84%; // width: 84%;
p p
{ {
font-family: Montserrat Regular; font-family: Montserrat Regular;
...@@ -3627,6 +3630,7 @@ ymaps[class$='pie-chart-content'] ...@@ -3627,6 +3630,7 @@ ymaps[class$='pie-chart-content']
.wrapper-map .wrapper-map
{ {
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
height: 420px;
} }
.wrapper-form-share .wrapper-form-share
......
src/service-rules.html
View file @ 10bb6aef
...@@ -186,7 +186,7 @@ ...@@ -186,7 +186,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/subscription.html
View file @ 10bb6aef
...@@ -357,7 +357,7 @@ ...@@ -357,7 +357,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/vacancies-list.html
View file @ 10bb6aef
...@@ -652,7 +652,7 @@ ...@@ -652,7 +652,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
src/vacancies-map.html
View file @ 10bb6aef
...@@ -326,7 +326,7 @@ ...@@ -326,7 +326,7 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-2 footer-left"> <div class="col-3 footer-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
......
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