Giovanni-Josserand/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add of skill cards on skills section part 2

Browse Source
This commit is contained in:
Giovanni-Josserand 2025-08-21 12:41:59 +02:00
parent 9be5f05e43
commit 48351a76e4
2 changed files with 38 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/assets/images/skills/HTML.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 45 KiB

34
src/components/Skills.jsx
View File

@ -1,8 +1,36 @@
import SkillCard from "./SkillCard.jsx";
import "../styles/Skills.css";
function Skills() { function Skills() {
return ( return (
<section id="skills-section"> <section id="skills-section">
<h1>Skills</h1> <h1>Skills</h1>
</section> <div id="languages" className="skill-category">
<h2>Languages</h2>
<div className="skills">
<SkillCard text="Python"/>
<SkillCard text="Java"/>
<SkillCard text="C++"/>
<SkillCard text="HTML"/>
<SkillCard text="CSS"/>
<SkillCard text="JavaScript"/>
<SkillCard text="PHP"/>
<SkillCard text="SQL"/>
</div>
</div>
<div id="librairies" className="skill-category">
<h2>Librairies</h2>
<div className="skills">
<SkillCard text="React"/>
</div>
</div>
<div id="tools" className="skill-category">
<h2>Tools</h2>
<div className="skills">
<SkillCard text="Git"/>
</div>
</div>
</section>
) )
} }