partner catalog and no requests block
This commit is contained in:
@ -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;
|
||||
|
@ -10,7 +10,7 @@
|
||||
|
||||
&__container {
|
||||
max-width: 1160px;
|
||||
padding: 0 10px;
|
||||
padding: 0 15px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
@ -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>
|
||||
);
|
||||
|
Reference in New Issue
Block a user