this is my card

Author: yats0x7

contributors/yats0x7.html

@@ -0,0 +1,62 @@
+<article>
+  <h3>yats0x7</h3>
+  <p>Future Tech Founder 🚀 | Learning Coding, AI & Robotics | Passionate About Building Smart Solution</p>
+  <h4>Programming languages I use</h4>
+  <section class="container">
+    <div class="badge" style="background-color: #3874a4; color: white">
+      Python
+    </div>
+
+    <div class="badge" style="background-color: #ea6c0c; color: white">
+      HTML
+    </div>
+
+    <div class="badge" style="background-color: #033f70; color: white">
+      CSS
+    </div>
+
+    <div class="badge" style="background-color: #f7df1e; color: black;">
+      JavaScript
+    </div>
+  </section>
+
+  <h4>Tools I use</h4>
+  <section class="container">
+    <img
+      class="icon"
+      src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg"
+    />
+
+    <img
+      class="icon"
+      src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTYk594AhSKw5Eb3iHkPHs_XmpCqaRVgu0mvg&s"
+    />
+
+    <img
+      class="icon"
+      src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRA_l4bsHVcipzP-OZcdauxacMXuQjqSOiEPA&s"
+    />
+
+    <img
+      class="icon"
+      src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-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>