add of skill cards on skills section part 2

public/assets/images/skills/HTML.svg

@@ -4,10 +4,10 @@
 <svg
    version="1.1"
    id="svg1"
-   width="225"
+   width="169"
-   height="225"
+   height="169"
-   viewBox="0 0 225 225"
+   viewBox="0 0 169 169"
-   sodipodi:docname="HTML.png"
+   sodipodi:docname="image-removebg-preview.png"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -29,10 +29,10 @@
      inkscape:label="Image"
      id="g1">
     <image
-       width="225"
+       width="169"
-       height="225"
+       height="169"
        preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,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&#10;sIyYW1npUIhG2Cy3ELine truncated
+       xlink:href="data:image/png;base64,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&#10;8YQSBirhKengEMNtyLine truncated
        id="image1" />
   </g>
 </svg>

src/components/Skills.jsx

@@ -1,8 +1,36 @@
+import SkillCard from "./SkillCard.jsx";
+import "../styles/Skills.css";
+
 function Skills() {
     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>
     )
 }