From 79299d1177629b7dc9d4fb10c763a057af6da176 Mon Sep 17 00:00:00 2001 From: Mikola Date: Thu, 18 Apr 2024 16:42:18 +0300 Subject: [PATCH 1/2] stack projects --- src/pages/Landing/Landing.jsx | 2 - src/pages/Stack/Stack.jsx | 42 +++++++++++++ src/pages/Stack/stack.scss | 111 +++++++++++++++++++++++++++++++++- 3 files changed, 152 insertions(+), 3 deletions(-) diff --git a/src/pages/Landing/Landing.jsx b/src/pages/Landing/Landing.jsx index 94acb940..e3e0f5dd 100644 --- a/src/pages/Landing/Landing.jsx +++ b/src/pages/Landing/Landing.jsx @@ -7,8 +7,6 @@ import { Footer } from "@components/Common/Footer/Footer"; import arrow from "assets/icons/arrows/arrowLanding.svg"; import authIcon from "assets/icons/authIcon.svg"; import clue from "assets/icons/landingClue.svg"; -import telegram from "assets/icons/telegramIcon.svg"; -import vk from "assets/icons/vkIcon.svg"; import codeBg from "assets/images/landingBackgroundCode.svg"; import cat from "assets/images/landingCat.png"; diff --git a/src/pages/Stack/Stack.jsx b/src/pages/Stack/Stack.jsx index 94a22cd4..dc6b46dc 100644 --- a/src/pages/Stack/Stack.jsx +++ b/src/pages/Stack/Stack.jsx @@ -43,6 +43,20 @@ export const Stack = () => { ] } ]; + + const projects = [ + { + description: "Импортозамещение в управлении проектами таск-трекер ITGuild" + }, + { + description: "Работа Тудей - это сервис, который специализируется на поиске работы на новых территориях Российской Федерации." + }, + { + description: "Внедрение искусственного интеллекта (ИИ) в IT-проекты. Интеграции любых популярных сервисов." + }, + { + description: "Новостной портал и удобный каталог компаний DaInfo.pro предоставляющих различные услуги и товары." + }] return (
@@ -128,6 +142,34 @@ export const Stack = () => {
+
+
+ code +

ITGUILD

+
+

Наши проекты

+
+ {projects.map((project, index) => { + return
+ +

+
+ }) + } +
+
+

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

+ +
+
+
+
); }; diff --git a/src/pages/Stack/stack.scss b/src/pages/Stack/stack.scss index 9397911c..7dc79c51 100644 --- a/src/pages/Stack/stack.scss +++ b/src/pages/Stack/stack.scss @@ -196,7 +196,7 @@ .background__opportunity--right { position: absolute; - bottom: 0; + bottom: -361px; right: 0; } @@ -328,4 +328,113 @@ } } } + + &__projects { + background: rgba(238, 238, 238, 1); + + .projects { + &__container { + padding-top: 190px; + padding-bottom: 81px; + } + + &__code { + position: absolute; + left: -170px; + top: 24px; + } + + &__title { + font-weight: 400; + font-size: 343px; + color: white; + font-family: "Geraspoheko"; + margin: 0 auto; + position: absolute; + width: 100%; + text-align: center; + top: -50px; + z-index: 2; + } + + &__block { + display: flex; + flex-direction: column; + width: 100%; + align-items: center; + z-index: 3; + h4 { + font-weight: 900; + font-size: 46px; + line-height: 98%; + letter-spacing: 0.03em; + text-transform: uppercase; + color: #4a4a4a; + } + } + + &__examples { + display: flex; + margin-top: 98px; + justify-content: space-between; + width: 100%; + + .stack__project { + display: flex; + flex-direction: column; + align-items: center; + row-gap: 35px; + + .project__img { + border-radius: 8px; + width: 99px; + height: 81px; + background: #d9d9d9; + } + + p { + font-weight: 250; + font-size: 14px; + line-height: 129%; + text-align: center; + color: #4a4a4a; + max-width: 226px; + + span { + font-weight: 500; + } + } + } + } + + &__info { + display: flex; + margin: 85px auto 0; + column-gap: 66px; + align-items: center; + + p { + max-width: 633px; + font-weight: 250; + font-size: 14px; + line-height: 129%; + color: #4a4a4a; + + span { + font-weight: 500; + } + } + + button { + padding: 15px 43px; + font-weight: 700; + font-size: 15px; + color: #4a4a4a; + background: #a7ca60; + border-radius: 44px; + border: none; + } + } + } + } } From 13df6976149a2cd6debe8c38dda6d3cb2a4e3c9e Mon Sep 17 00:00:00 2001 From: Mikola Date: Thu, 18 Apr 2024 16:42:54 +0300 Subject: [PATCH 2/2] stack projects --- src/pages/Stack/Stack.jsx | 44 +++++++++++++++++++++++---------------- 1 file changed, 26 insertions(+), 18 deletions(-) diff --git a/src/pages/Stack/Stack.jsx b/src/pages/Stack/Stack.jsx index dc6b46dc..6c55a2cd 100644 --- a/src/pages/Stack/Stack.jsx +++ b/src/pages/Stack/Stack.jsx @@ -46,17 +46,22 @@ export const Stack = () => { const projects = [ { - description: "Импортозамещение в управлении проектами таск-трекер ITGuild" + description: + "Импортозамещение в управлении проектами таск-трекер ITGuild" }, { - description: "Работа Тудей - это сервис, который специализируется на поиске работы на новых территориях Российской Федерации." + description: + "Работа Тудей - это сервис, который специализируется на поиске работы на новых территориях Российской Федерации." }, { - description: "Внедрение искусственного интеллекта (ИИ) в IT-проекты. Интеграции любых популярных сервисов." + description: + "Внедрение искусственного интеллекта (ИИ) в IT-проекты. Интеграции любых популярных сервисов." }, { - description: "Новостной портал и удобный каталог компаний DaInfo.pro предоставляющих различные услуги и товары." - }] + description: + "Новостной портал и удобный каталог компаний DaInfo.pro предоставляющих различные услуги и товары." + } + ]; return (
@@ -144,28 +149,31 @@ export const Stack = () => {
- code + code

ITGUILD

Наши проекты

{projects.map((project, index) => { - return
- -

-
- }) - } + return ( +
+ +

+
+ ); + })}

- Мы обеспечиваем финансовые, юридические и кадровые гарантии, предоставляем SLA и берем на себя - ответственность за работу команды. Вам не требуется заниматься поиском, оформлением или - увольнением сотрудников — мы берем на себя все хлопоты. + Мы обеспечиваем финансовые, юридические и кадровые гарантии, + предоставляем SLA и берем на себя ответственность за работу + команды. Вам не требуется заниматься поиском, оформлением или + увольнением сотрудников —{" "} + мы берем на себя все хлопоты.

- +