GivFNZ/my-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: create skills section

Browse Source
This commit is contained in:
GiovaniFZ 2025-02-02 17:21:20 -03:00
parent 9a2998b222
commit 7ff356f4b6
No known key found for this signature in database
GPG Key ID: 63DD92181B575322
3 changed files with 370 additions and 474 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

826
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
src/App.tsx
View File

@ -8,6 +8,7 @@ import Contact from './pages/contact';
import Projects from './pages/projects';
import { HashRouter } from 'react-router-dom';
import '@fontsource-variable/red-hat-display';
import Skills from './pages/skills';
function App() {
return (
@ -24,6 +25,9 @@ function App() {
<section id="about">
<About />
</section>
<section id="skills">
<Skills />
</section>
<section id="contact">
<Contact />
</section>

14
src/pages/skills/index.tsx Normal file
View File

@ -0,0 +1,14 @@
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'
export default function Skills() {
return (
<MainContainer>
<h1>Skills</h1>
<Paragraph>Hey, check some of my skills:</Paragraph>
<FontAwesomeIcon icon={faAndroid} />
</MainContainer>
)
}