29 lines
1.2 KiB
TypeScript
29 lines
1.2 KiB
TypeScript
import { MainContainer } from "../../components/MainContent/styles";
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
import { faAndroid, faAngular, faGit, faLinux, faNode, faReact, faWindows } from '@fortawesome/free-brands-svg-icons'
|
|
import { SkillsContainer } from "./styles";
|
|
import { t } from "i18next";
|
|
|
|
export default function Skills() {
|
|
return (
|
|
<MainContainer>
|
|
<h1>{t("skills")}</h1>
|
|
<SkillsContainer>
|
|
<FontAwesomeIcon size="2x" style={{ color: '#fff' }} icon={faAndroid} />
|
|
<p>Android</p>
|
|
<FontAwesomeIcon size="2x" icon={faLinux} />
|
|
<p>Linux</p>
|
|
<FontAwesomeIcon size="2x" icon={faNode} />
|
|
<p>Node</p>
|
|
<FontAwesomeIcon size="2x" icon={faReact} />
|
|
<p>React</p>
|
|
<FontAwesomeIcon size="2x" icon={faAngular} />
|
|
<p>Angular</p>
|
|
<FontAwesomeIcon size="2x" icon={faWindows} />
|
|
<p>Windows</p>
|
|
<FontAwesomeIcon size="2x" icon={faGit} />
|
|
<p>Git</p>
|
|
</SkillsContainer>
|
|
</MainContainer>
|
|
)
|
|
} |