diff --git a/src/App.js b/src/App.js index 2bec9c98..3e807c38 100644 --- a/src/App.js +++ b/src/App.js @@ -62,7 +62,7 @@ const App = () => { }/> - }/> + }/> }/> }/> }/> diff --git a/src/components/OutstaffingBlock/outstaffingBlock.scss b/src/components/OutstaffingBlock/outstaffingBlock.scss index a30646d7..ad817dda 100644 --- a/src/components/OutstaffingBlock/outstaffingBlock.scss +++ b/src/components/OutstaffingBlock/outstaffingBlock.scss @@ -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; diff --git a/src/components/ProfileHeader/profileHeader.scss b/src/components/ProfileHeader/profileHeader.scss index 417669ec..4c218440 100644 --- a/src/components/ProfileHeader/profileHeader.scss +++ b/src/components/ProfileHeader/profileHeader.scss @@ -10,7 +10,7 @@ &__container { max-width: 1160px; - padding: 0 10px; + padding: 0 15px; margin: 0 auto; display: flex; justify-content: space-between; diff --git a/src/components/SliderWorkers/SliderWorkers.js b/src/components/SliderWorkers/SliderWorkers.js index 18b58b82..041aa55b 100644 --- a/src/components/SliderWorkers/SliderWorkers.js +++ b/src/components/SliderWorkers/SliderWorkers.js @@ -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 (
-
-

Свободные разработчики

-

для Вашей команды

-
- + {Boolean(title) ? +
+

{title}

+

{titleInfo}

+
+ : "" + } {workers.map((worker) => { return ( @@ -64,15 +66,17 @@ export const SliderWorkers = ({}) => { ); })} - -
-

Дополните свою команду опытными ИТ-специалистами

-

- Даём финансовые, юридические и кадровые гарантии, предоставляем SLA - и отвечаем за работу команды. Вам не нужно искать, оформлять или - увольнять сотрудника — все хлопоты мы берем на себя. -

-
+ {Boolean(subTitle) ? +
+

Дополните свою команду опытными ИТ-специалистами

+

+ Даём финансовые, юридические и кадровые гарантии, предоставляем SLA + и отвечаем за работу команды. Вам не нужно искать, оформлять или + увольнять сотрудника — все хлопоты мы берем на себя. +

+
+ : "" + }
); diff --git a/src/images/cursorImg.png b/src/images/cursorImg.png new file mode 100644 index 00000000..51fa0832 Binary files /dev/null and b/src/images/cursorImg.png differ diff --git a/src/pages/AuthForDevelopers/AuthForDevelopers.js b/src/pages/AuthForDevelopers/AuthForDevelopers.js index e3075654..5f40f25a 100644 --- a/src/pages/AuthForDevelopers/AuthForDevelopers.js +++ b/src/pages/AuthForDevelopers/AuthForDevelopers.js @@ -34,7 +34,7 @@ const AuthForDevelopers = () => { return (
- +
{ return (
- +
diff --git a/src/pages/Home/Home.js b/src/pages/Home/Home.js index 905b5543..beb60514 100644 --- a/src/pages/Home/Home.js +++ b/src/pages/Home/Home.js @@ -7,7 +7,8 @@ import {Footer} from '../../components/Footer/Footer' import {profiles, tags} from '../../redux/outstaffingSlice' -import {Header} from "../../components/Header/Header"; +import {ProfileHeader} from "../../components/ProfileHeader/ProfileHeader"; +import {ProfileBreadcrumbs} from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs" import {apiRequest} from "../../api/request"; import {Navigate} from "react-router-dom"; @@ -56,11 +57,20 @@ const Home = () => { return ( <> -
-
- - -