Merge pull request Roshanjossey#271 from Kikiabdilah/add-Kikiabdilah

Kikiabdilah

Author: Roshanjossey

contributors/Kikiabdilah.html

@@ -0,0 +1,73 @@
+<article>
+  <h3>Kikiabdilah</h3>
+  <p> I’m currently learning Laravel , Codeigniter and React.</p>
+  <h4>HTML, CSS, JavaScript, React, Git, GitHub, VSCode, PHP.</h4>
+  <section class="container">
+    <div class="badge" style="background-color: #3874a4; color: white">
+      PHP
+    </div>
+    <div class="badge" style="background-color: #ca0c0c; color: white">
+      Laravel
+    </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://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/neovim/neovim-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/nuxtjs/nuxtjs-original.svg"
+    />
+    <img
+      class="icon"
+      src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nixos/nixos-original.svg"
+    />
+    <img
+      class="icon"
+      src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vuejs/vuejs-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/pnpm/pnpm-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>