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