Merge pull request #706 from SamuelIVX/add-SamuelIVX

add SamuelIVX

Author: Roshanjossey

contributors/SamuelIVX.html

@@ -0,0 +1,57 @@
+<article>
+    <h3>SamuelIVX</h3>
+    <p>
+        Hey everyone! I'm Samuel, a junior and a CS major at CSI! I am currently practicing on contributing to open
+        source projects!
+    </p>
+    <h4>Programming languages I use</h4>
+    <section class="container">
+        <div class="badge" style="background-color: #22e21b; color: white">
+            Python
+        </div>
+        <div class="badge" style="background-color: #f7df1e; color: black;">
+            JavaScript
+        </div>
+        <div class="badge" style="background-color: #3381c1; color: white">
+            TypeScript
+        </div>
+        <div class="badge" style="background-color: #d05fcc; color: black;">
+            Java
+        </div>
+        <div class="badge" style="background-color: #3874a4; color: white">
+            C++
+        </div>
+        <div class="badge" style="background-color: #f71e1e; color: white;">
+            React
+        </div>
+    </section>
+
+    <h4>Tools I use</h4>
+    <section class="container">
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nextjs/nextjs-original.svg" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg" />
+    </section>
+</article>
+<style>
+    body {
+        font-family: sans-serif;
+    }
+
+    .container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1rem;
+    }
+
+    .badge {
+        padding: 0.5rem;
+        border-radius: 0.25rem;
+    }
+
+    .icon {
+        width: 2rem;
+    }
+</style>