Merge pull request #702 from Hamzathul-karrar/hamza

Hamzathul-karrar.html

Author: Roshanjossey

contributors/Hamzathul-karrar.html

@@ -0,0 +1,84 @@
+<article>
+  <h3>Hamzathul karrar</h3>
+  <p>Java + React Developer</p>
+  <h4>Programming languages I use</h4>
+  <section class="container">
+    <div class="badge" style="background-color: #a43838; color: white">
+      Java
+    </div>
+    <div class="badge" style="background-color: #106cc8; color: black;">
+      React
+    </div>
+  </section>
+
+  <h4>Tools I use</h4>
+  <section class="container">
+  <!-- Java -->
+  <img
+    class="icon"
+    src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/java/java-original.svg"
+    alt="Java"
+  />
+
+  <!-- React -->
+  <img
+    class="icon"
+    src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg"
+    alt="React"
+  />
+
+  <!-- Spring Boot -->
+  <img
+    class="icon"
+    src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/spring/spring-original.svg"
+    alt="Spring Boot"
+  />
+
+  <!-- MySQL -->
+  <img
+    class="icon"
+    src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mysql/mysql-original.svg"
+    alt="MySQL"
+  />
+
+  <!-- Eclipse -->
+  <img
+    class="icon"
+    src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/eclipse/eclipse-original.svg"
+    alt="Eclipse"
+  />
+
+  <!-- ChatGPT (not in Devicon, using alternative SVG) -->
+  <img
+    class="icon"
+    src="https://upload.wikimedia.org/wikipedia/commons/0/04/ChatGPT_logo.svg"
+    alt="ChatGPT"
+  />
+
+  <!-- Windows -->
+  <img
+    class="icon"
+    src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/windows8/windows8-original.svg"
+    alt="Windows"
+  />
+</section>
+<!--lol-->>
+
+</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>