diff --git a/src/pages/about/index.tsx b/src/pages/about/index.tsx index fa39578..df6b18d 100644 --- a/src/pages/about/index.tsx +++ b/src/pages/about/index.tsx @@ -6,7 +6,7 @@ export default function About() {

About Me

- I'm Giv, a software engineering student, interning and studying in Minas Gerais, Brazil! + I'm Giovani, a software engineering student, interning and studying in Minas Gerais, Brazil!
); diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx index df2a6a9..f7830a2 100644 --- a/src/pages/home/index.tsx +++ b/src/pages/home/index.tsx @@ -11,7 +11,7 @@ export default function Home() { useEffect(() => { const typed = new Typed(typedElement.current, { - strings: ["Hi, I'm Giv! Welcome to my website!"], + strings: ["Hi, I'm Giovani! Welcome to my website!"], typeSpeed: 70, backSpeed: 50, loop: false, diff --git a/src/pages/skills/index.tsx b/src/pages/skills/index.tsx index 7914b6b..2586092 100644 --- a/src/pages/skills/index.tsx +++ b/src/pages/skills/index.tsx @@ -1,14 +1,28 @@ import { MainContainer } from "../../components/MainContent/styles"; -import { Paragraph } from "../../components/Paragraph/styles"; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faAndroid } from '@fortawesome/free-brands-svg-icons' +import { faAndroid, faAngular, faGit, faLinux, faNode, faReact, faWindows } from '@fortawesome/free-brands-svg-icons' +import { SkillsContainer } from "./styles"; export default function Skills() { return (

Skills

- Hey, check some of my skills: - + + +

Android

+ +

Linux

+ +

Node

+ +

React

+ +

Angular

+ +

Windows

+ +

Git

+
) } \ No newline at end of file diff --git a/src/pages/skills/styles.ts b/src/pages/skills/styles.ts new file mode 100644 index 0000000..ef318f6 --- /dev/null +++ b/src/pages/skills/styles.ts @@ -0,0 +1,10 @@ +import styled from "styled-components"; + +export const SkillsContainer = styled.div` +display: flex; +margin-top: 1rem; +p { + margin-left: 0.3rem; + margin-right: 2.5rem; +} +` \ No newline at end of file