adaptive autstaffing
This commit is contained in:
parent
f2821db65a
commit
5b2a4a92b9
24
src/assets/images/bagITguild.svg
Normal file
24
src/assets/images/bagITguild.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 98 MiB |
59
src/assets/images/cat.svg
Normal file
59
src/assets/images/cat.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 12 MiB |
@ -1,13 +1,26 @@
|
||||
import React from "react";
|
||||
import SVG from "react-inlinesvg";
|
||||
import { Link, NavLink } from "react-router-dom";
|
||||
|
||||
import authIcon from "assets/icons/authIcon.svg";
|
||||
|
||||
import "./authHeader.scss";
|
||||
|
||||
export const AuthHeader = () => {
|
||||
return (
|
||||
<div className="auth-header">
|
||||
<div className="auth-header__navigation">
|
||||
<h3 className="auth__logo">IT GUILD</h3>
|
||||
<div className="auth__logo">
|
||||
<div>
|
||||
<SVG src={authIcon} />
|
||||
</div>
|
||||
<h3>IT GUILD</h3>
|
||||
<div>
|
||||
<Link to="/auth">
|
||||
<SVG src={authIcon} />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="auth-nav">
|
||||
<ul>
|
||||
<li>
|
||||
|
||||
@ -5,6 +5,10 @@
|
||||
font-family: "GT Eesti Pro Display";
|
||||
background: #eeeeee;
|
||||
|
||||
@media (max-width: 431px) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&__navigation {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -12,27 +16,66 @@
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
|
||||
@media (max-width: 431px) {
|
||||
flex-direction: column;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.auth {
|
||||
&__logo {
|
||||
color: #4a4a4a;
|
||||
font-weight: 900;
|
||||
font-size: 16px;
|
||||
letter-spacing: 2px;
|
||||
position: relative;
|
||||
@media (max-width: 431px) {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 27px 27px 40px 27px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background: #a7ca60;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-radius: 100px;
|
||||
left: 49%;
|
||||
top: -30%;
|
||||
div {
|
||||
display: none;
|
||||
|
||||
@media (max-width: 431px) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #4a4a4a;
|
||||
font-weight: 900;
|
||||
font-size: 16px;
|
||||
letter-spacing: 2px;
|
||||
position: relative;
|
||||
|
||||
@media (max-width: 431px) {
|
||||
font-size: 32px;
|
||||
line-height: 37.12px;
|
||||
letter-spacing: 0.11em;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background: #a7ca60;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-radius: 100px;
|
||||
left: 49%;
|
||||
top: -30%;
|
||||
|
||||
@media (max-width: 431px) {
|
||||
width: 14.67px;
|
||||
height: 14.67px;
|
||||
left: 48%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-nav {
|
||||
@media (max-width: 431px) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
column-gap: 50px;
|
||||
@ -92,20 +135,24 @@
|
||||
}
|
||||
border: 1px solid #a7ca60;
|
||||
background: none;
|
||||
|
||||
@media (max-width: 431px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.auth-header {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
// @media (max-width: 768px) {
|
||||
// .auth-header {
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
|
||||
@media (max-width: 1375px) {
|
||||
.auth-header {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
// @media (max-width: 1375px) {
|
||||
// .auth-header {
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
|
||||
@ -9,7 +9,8 @@ import arrowReviewsRight from "assets/icons/arrows/arrowReviewsRight.png";
|
||||
import fileUploadIcon from "assets/icons/fileUploadIcon.svg";
|
||||
import Ellipse from "assets/images/EllipseIntro.svg";
|
||||
import backgroundOpp from "assets/images/backgroundOpportunity.png";
|
||||
import cat from "assets/images/cat.png";
|
||||
import bagITguild from "assets/images/bagITguild.svg";
|
||||
import cat from "assets/images/cat.svg";
|
||||
import clue from "assets/images/clue.png";
|
||||
import code from "assets/images/landingBackgroundCode.png";
|
||||
import codeWhite from "assets/images/landingBackgroundCodeWhite.png";
|
||||
@ -72,7 +73,7 @@ export const Stack = () => {
|
||||
description:
|
||||
"<span>Внедрение искусственного интеллекта</span> (ИИ) в IT-проекты. Интеграции любых популярных сервисов.",
|
||||
img: hand,
|
||||
name: hand
|
||||
name: "hand"
|
||||
},
|
||||
{
|
||||
description:
|
||||
@ -225,10 +226,12 @@ export const Stack = () => {
|
||||
</h1>
|
||||
<span className="intro__subtitle">IT-специалистов</span>
|
||||
<p className="intro__about">
|
||||
Подберем и документально оформим IT-специалистов, после чего
|
||||
передадим исполнителей под ваше руководство.{" "}
|
||||
<span>Вы получаете полное управление над сотрудниками,</span> имея
|
||||
возможность контролировать и заменять IT штат.
|
||||
<span>Все для решения конкретных задач</span> в области
|
||||
информационных технологий, обеспечивая оперативное усиление
|
||||
команды и гибкое управление персоналом. <br />
|
||||
<br />
|
||||
Мы выделяем на проект как отдельных специалистов, так и целые
|
||||
команды, в зависимости от потребностей и объема работы.
|
||||
</p>
|
||||
<div className="intro__links">
|
||||
<button className="stack__button">оставить заявку</button>
|
||||
@ -271,8 +274,11 @@ export const Stack = () => {
|
||||
<img src={clue} alt="clue" />
|
||||
<p>
|
||||
Можем подготовить специалиста конкретно под ваш проект и
|
||||
используемый стек. Таким образом вы сможете сэкономить ресурсы
|
||||
на поиск кандидата.
|
||||
используемый стек. <br />
|
||||
<span>
|
||||
Таким образом вы сможете сэкономить ресурсы на поиск
|
||||
кандидата.
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -291,12 +297,17 @@ export const Stack = () => {
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
<div className="opportunity__title-mobile">
|
||||
<h3>Stack</h3>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="stack__projects projects">
|
||||
<div className="stack__container projects__container">
|
||||
<img className="projects__code" src={code} alt="code" />
|
||||
<h3 className="projects__title">ITGUILD</h3>
|
||||
<div className="projects__title">
|
||||
<h3>ITGUILD</h3>
|
||||
</div>
|
||||
<div className="projects__block">
|
||||
<h4>Наши проекты</h4>
|
||||
<div className="projects__examples">
|
||||
@ -321,8 +332,8 @@ export const Stack = () => {
|
||||
<p>
|
||||
<span>Мы обеспечиваем</span> финансовые, юридические и кадровые
|
||||
гарантии, предоставляем SLA и берем на себя ответственность за
|
||||
работу команды. Вам не требуется заниматься поиском, оформлением
|
||||
или увольнением сотрудников —{" "}
|
||||
работу команды. <br /> <br /> Вам не требуется заниматься
|
||||
поиском, оформлением или увольнением сотрудников —{" "}
|
||||
<span>мы берем на себя все хлопоты.</span>
|
||||
</p>
|
||||
<button>оставить заявку</button>
|
||||
@ -370,6 +381,9 @@ export const Stack = () => {
|
||||
<div className="steps__portfolio">
|
||||
<img src={portfolio} alt="portfolio" />
|
||||
</div>
|
||||
<div className="steps__portfolio-mobile">
|
||||
<img src={bagITguild} alt="portfolio" />
|
||||
</div>
|
||||
<img
|
||||
className="steps__code steps__code--first"
|
||||
src={code}
|
||||
@ -456,15 +470,19 @@ export const Stack = () => {
|
||||
<img src={clue} alt="clue" />
|
||||
<h3 className="info__title">ПОИСК</h3>
|
||||
<div className="info-content">
|
||||
<p>
|
||||
Заполните, пожалуйста, форму и наш <br /> менеджер обязательно
|
||||
с вами свяжется
|
||||
</p>
|
||||
<h4>Нужен специалист?</h4>
|
||||
<span>Посмотрите и другие продукты ITGUILD</span>
|
||||
<div className="info-content__buttons">
|
||||
<button>Система для отчётности</button>
|
||||
<button>Система контроля версий GIT</button>
|
||||
<div className="info-content__title">
|
||||
<p>
|
||||
<span>Заполните, пожалуйста, форму</span> и <br /> наш
|
||||
менеджер обязательно с вами свяжется
|
||||
</p>
|
||||
<h4>Нужен специалист?</h4>
|
||||
</div>
|
||||
<div className="info-content__nav">
|
||||
<span>Посмотрите и другие продукты ITGUILD</span>
|
||||
<div className="info-content__buttons">
|
||||
<button>Система для отчётности</button>
|
||||
<button>Система контроля версий GIT</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user