landing #33
@ -4,24 +4,45 @@ import SVG from "react-inlinesvg";
|
||||
import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
|
||||
|
||||
import Ellipse from "assets/images/EllipseIntro.svg";
|
||||
import backgroundOpp from "assets/images/backgroundOpportunity.png";
|
||||
import cat from "assets/images/cat.png";
|
||||
import clue from "assets/images/clue.png";
|
||||
import backgroundOpp from "assets/images/backgroundOpportunity.png"
|
||||
import code from "assets/images/landingBackgroundCode.png"
|
||||
import code from "assets/images/landingBackgroundCode.png";
|
||||
|
||||
import "./stack.scss";
|
||||
|
||||
export const Stack = () => {
|
||||
const subjects = [
|
||||
{
|
||||
name: 'Backend',
|
||||
skills: ['php', 'yii2', 'laravel', 'symfony', 'django', 'nodejs', 'fastAPI', 'flask', 'python', 'exspress', 'adonis']
|
||||
name: "Backend",
|
||||
skills: [
|
||||
"php",
|
||||
"yii2",
|
||||
"laravel",
|
||||
"symfony",
|
||||
"django",
|
||||
"nodejs",
|
||||
"fastAPI",
|
||||
"flask",
|
||||
"python",
|
||||
"exspress",
|
||||
"adonis"
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'Front',
|
||||
skills: ['react', 'next.js', 'typescript', 'redux', 'angular', 'vue', 'jquery', 'css (sass/scss, tailwind, bootstrap, БЭМ)']
|
||||
}
|
||||
name: "Front",
|
||||
skills: [
|
||||
"react",
|
||||
"next.js",
|
||||
"typescript",
|
||||
"redux",
|
||||
"angular",
|
||||
"vue",
|
||||
"jquery",
|
||||
"css (sass/scss, tailwind, bootstrap, БЭМ)"
|
||||
]
|
||||
}
|
||||
];
|
||||
return (
|
||||
<section className="stack">
|
||||
<AuthHeader />
|
||||
@ -78,30 +99,32 @@ export const Stack = () => {
|
||||
Окунитесь в экосистему ITGUIL
|
||||
</span>
|
||||
<p className="info__about">
|
||||
<span>Вы получаете полное управление над сотрудниками,</span> имея возможность контролировать и заменять IT штат.
|
||||
<span>Вы получаете полное управление над сотрудниками,</span>{" "}
|
||||
имея возможность контролировать и заменять IT штат.
|
||||
</p>
|
||||
<div className="info__notification">
|
||||
<img src={clue} alt='clue'/>
|
||||
<img src={clue} alt="clue" />
|
||||
<p>
|
||||
Можем подготовить специалиста конкретно под ваш проект и используемый стек.
|
||||
Таким образом вы сможете сэкономить ресурсы на поиск кандидата.
|
||||
Можем подготовить специалиста конкретно под ваш проект и
|
||||
используемый стек. Таким образом вы сможете сэкономить ресурсы
|
||||
на поиск кандидата.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="opportunity__subjects">
|
||||
{subjects.map((subject) => {
|
||||
return <div className="subject" key={subject.name}>
|
||||
return (
|
||||
<div className="subject" key={subject.name}>
|
||||
<h4>{subject.name}</h4>
|
||||
<div className="subject__skills">
|
||||
{subject.skills.map((skill) => {
|
||||
return <span key={skill}>{skill}</span>
|
||||
})
|
||||
}
|
||||
return <span key={skill}>{skill}</span>;
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
})
|
||||
}
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
Loading…
Reference in New Issue
Block a user