partner catalog and no requests block

This commit is contained in:
2023-03-27 16:03:24 +03:00
parent d07b9473c4
commit 5f4dc3a5f2
11 changed files with 278 additions and 54 deletions

View File

@ -1,10 +1,26 @@
.container {
max-width: 1160px !important;
}
.catalog {
background: #F1F1F1;
height: 100%;
min-height: 100vh;
font-family: 'LabGrotesque', sans-serif;
padding-top: 24px;
&__title {
font-weight: 700;
font-size: 22px;
line-height: 32px;
}
}
.outstaffing-block__selected .outstaffing-block__img {
background-color: #52b70999;
color: #f9f9f9;
}
.outstaffing-block {
margin-top: 60px;
display: flex;
flex-direction: column;
align-items: center;

View File

@ -10,7 +10,7 @@
&__container {
max-width: 1160px;
padding: 0 10px;
padding: 0 15px;
margin: 0 auto;
display: flex;
justify-content: space-between;

View File

@ -7,7 +7,7 @@ import "./sliderWorkers.scss";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
export const SliderWorkers = ({}) => {
export const SliderWorkers = ({title, titleInfo, subTitle}) => {
const [workers] = useState([
{
avatar: mockWorker,
@ -46,11 +46,13 @@ export const SliderWorkers = ({}) => {
return (
<div className="slider-workers">
<div className="container">
<div className="slider-workers__title">
<h2>Свободные разработчики </h2>
<h3> для Вашей команды</h3>
</div>
{Boolean(title) ?
<div className="slider-workers__title">
<h2>{title}</h2>
<h3>{titleInfo}</h3>
</div>
: ""
}
<Slider {...settings}>
{workers.map((worker) => {
return (
@ -64,15 +66,17 @@ export const SliderWorkers = ({}) => {
);
})}
</Slider>
<div className="slider-workers__description">
<h2>Дополните свою команду опытными ИТ-специалистами</h2>
<p>
Даём финансовые, юридические и кадровые гарантии, предоставляем SLA
и отвечаем за работу команды. Вам не нужно искать, оформлять или
увольнять сотрудника все хлопоты мы берем на себя.
</p>
</div>
{Boolean(subTitle) ?
<div className="slider-workers__description">
<h2>Дополните свою команду опытными ИТ-специалистами</h2>
<p>
Даём финансовые, юридические и кадровые гарантии, предоставляем SLA
и отвечаем за работу команды. Вам не нужно искать, оформлять или
увольнять сотрудника все хлопоты мы берем на себя.
</p>
</div>
: ""
}
</div>
</div>
);