Merge pull request #746 from Abvvs/add-Abvvs

add Abvvs

Author: Roshanjossey

contributors/Abvvs.html

@@ -0,0 +1,83 @@
+<article>
+  <h3>Abvvs</h3>
+  <p>Hi, i'm learning how to contribute in OS projects, i'm very exiting about this because i want to grow as a software enginner </p>
+  <h4>Programming languages I use</h4>
+  <section class="container">
+    <div class="badge" style="background-color: #3776AB; color: white">
+      Python
+    </div>
+    <div class="badge" style="background-color: #F7DF1E; color: black;">
+      JavaScript
+    </div>
+    <div class="badge" style="background-color: #3178C6; color: white;">
+      TypeScript
+    </div>
+    <div class="badge" style="background-color: #336791; color: white;">
+      PostgreSQL
+    </div>
+  </section>
+  <h4>Frameworks & Libraries</h4>
+  <section class="container">
+    <div class="badge" style="background-color: #092E20; color: white">
+      Django
+    </div>
+    <div class="badge" style="background-color: #61DAFB; color: black;">
+      React
+    </div>
+    <div class="badge" style="background-color: #42B883; color: white;">
+      Vue
+    </div>
+    <div class="badge" style="background-color: #150458; color: white;">
+      Pandas
+    </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://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/react/react-original.svg"
+    />
+    <img
+      class="icon"
+      src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/notion/notion-original.svg"
+    />
+    <img
+      class="icon"
+      src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/npm/npm-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"
+    />
+  </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>