added my contributor card

README.md

@@ -8,6 +8,7 @@
 <kbd><img title="Brazil"   alt="Brazil"   src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/br.svg" width="22"></kbd>
 <kbd><img title="Tanzania" alt="Tanzania flag" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/tz.svg" width="22"></kbd>
 <kbd><img title="South Africa"   alt="South Africa"   src="https://cdn.pixabay.com/photo/2012/04/10/23/14/south-africa-26912_1280.png" width="22"></kbd>
+<kbd><img title="Mozambican" alt="Mozambican" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/mz.svg" width="22"></kbd>
 
 
 This is a project for you to practice contributing to open source projects with code.

contributors/Bahati-bk.html

@@ -0,0 +1,94 @@
+<article
+    style="background: #fff0f6; padding: 20px; border-radius: 16px; box-shadow: 0 8px 20px rgba(255, 77, 166, 0.15);">
+
+    <h3 style="color:#ff4da6;">💗 Bahati Brenda Kizito</h3>
+
+    <p style="color:#444;">
+        Software Engineer in the making | Data Science & Machine Learning Enthusiast | Web3 Explorer
+    </p>
+
+    <p style="color:#555;">
+        I’m passionate about using technology to solve real-world problems. I enjoy working with data,
+        building intelligent systems, and exploring decentralized technologies.
+    </p>
+
+    <h4 style="color:#ff4da6;">💻 Programming & Skills</h4>
+
+    <section class="container">
+        <div class="badge">Python</div>
+        <div class="badge">FastAPI</div>
+        <div class="badge">Flask</div>
+        <div class="badge">Machine Learning</div>
+        <div class="badge">Data Science</div>
+        <div class="badge">Streamlit</div>
+        <div class="badge">Docker</div>
+        <div class="badge">JavaScript</div>
+        <div class="badge">GitHub Actions</div>
+        <div class="badge">Bitcoin</div>
+        <div class="badge">Lightning</div>
+    </section>
+
+    <h4 style="color:#ff4da6;">🛠️ Tools I Use</h4>
+
+    <section class="container">
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/python/python-original.svg" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-original.svg" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/flask/flask-original.svg" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/fastapi/fastapi-original.svg" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-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/linux/linux-original.svg" />
+        <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/vscode/vscode-original.svg" />
+    </section>
+
+</article>
+
+<style>
+    body {
+        font-family: sans-serif;
+        background: #fff;
+    }
+
+    .container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 12px;
+        margin-top: 10px;
+    }
+
+    /* 💗 Pink badges */
+    .badge {
+        padding: 0.5rem 0.8rem;
+        border-radius: 12px;
+        background: linear-gradient(135deg, #ff4da6, #ff85c1);
+        color: white;
+        font-size: 0.85rem;
+        font-weight: 500;
+        box-shadow: 0 4px 10px rgba(255, 77, 166, 0.3);
+        transition: all 0.2s ease;
+    }
+
+    .badge:hover {
+        transform: scale(1.1);
+        box-shadow: 0 6px 16px rgba(255, 77, 166, 0.5);
+    }
+
+    /* 💗 Pink icon cards */
+    .icon {
+        width: 40px;
+        padding: 6px;
+        background: white;
+        border-radius: 12px;
+        box-shadow: 0 4px 10px rgba(255, 77, 166, 0.2);
+        transition: all 0.25s ease;
+    }
+
+    .icon:hover {
+        transform: scale(1.2) rotate(5deg);
+        box-shadow: 0 6px 18px rgba(255, 77, 166, 0.4);
+    }
+</style>

contributors/Degrandiloquent.html

@@ -0,0 +1,21 @@
+<article class="file">
+    <h3>Dyphe Xihluke Chauke 🇿🇦</h3>
+    <p>
+        Software Developer with a passion for building efficient and reliable systems. 
+        I have a background in C++, Python, Java, and SQL, and I enjoy working on projects 
+        that challenge me to learn and grow. I am particularly interested in Data Structures 
+        & Algorithms and Computer Networking.
+    </p>
+    <section class="container">
+        <h4>Programming languages I use:</h4>
+        <div class="badge" style="background-color: #00599C; color: white">C++</div>
+        <div class="badge" style="background-color: #3572A5; color: white">Python</div>
+        <div class="badge" style="background-color: #b07219; color: white">Java</div>
+        <div class="badge" style="background-color: #e38c00; color: white">SQL</div>
+        <div class="badge" style="background-color: #2e7d32; color: white">Data Structures & Algorithms</div>
+        <div class="badge" style="background-color: #1565C0; color: white">Computer Networking</div>
+    </section>
+    <section class="container">
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg"/>
+    </section>
+</article>

contributors/HerbertInk.html

@@ -0,0 +1,32 @@
+<article>
+  <h3>Herbert Nduhura</h3>
+  <p>backend developer, with cryptography in the veins</p>
+  <h4>Programming languages I use</h4>
+  <section class="container">
+    <div class="badge" style="background-color: #f7df1e; color: black;">JavaScript</div>
+    <div class="badge" style="background-color: #000000; color: white">Python</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"/>
+  </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>

contributors/MathekoTauu.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <article>
+  <h3>Matheko Masemola</h3>
+  <p>A software developer passionate about open source and systems programming.</p>
+  <h4>Programming languages I use</h4>
+   <h5>Python</h5>
+   <h5>C++</h5>
+
+
+  <section class="container">
+    <div class="badge" style="background-color: #000000; color: white">Rust</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"/>
+  </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>
+
+
+</body>
+</html>

contributors/Noah-Ian.html

@@ -0,0 +1,34 @@
+<article>
+  <h3>KAZIBWE NOAH IAN</h3>
+  <p>I am a Software Engineering student at Makerere University</p>
+  <h4>Programming languages I use</h4>
+
+  <section class="container">
+    <div class="badge" style="background-color: #000000; color: white">Python</div>
+    <div class="badge" style="background-color: #f7df1e; color: black;">JavaScript</div>
+    <div class="badge" style="background-color: #0d0d0e; color: rgb(80, 10, 245);">Java</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"/ alt="bash">
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg"/ alt="linux">
+  </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>

contributors/Solomon-3.html

@@ -0,0 +1,33 @@
+<article>
+  <h3>Ainebyona Solomon Spencer</h3>
+  <p>An upcoming software engineer</p>
+  <h4>Programming languages I use</h4>
+  <section class="container">
+    <div class="badge" style="background-color: #000000; color: white">Nodejs</div>
+    <div class="badge" style="background-color: #f7df1e; color: black;">Java</div>
+    <div class="badge" style="background-color: #f7df1e; color: black;">Flutter</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"/>
+  </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>

contributors/broniaB2.html

@@ -0,0 +1,36 @@
+<article>
+    <h3>BOONABAANA BRONIA</h3>
+    <p>I am a software engineer and a web3 developer in the making.Pationate about community building, cloud computing
+        ,AI and data science</p>
+    <h4>Programming languages I use are python, java ,solidity</h4>
+    <section class="container">
+        <div class="badge" style="background-color: #000000; color: white">Rust</div>
+        <div class="badge" style="background-color: #f7df1e; color: black;">JavaScript</div>
+    </section>
+
+    <h4>Tools I use include open AI tools ,frameworks other softwares etc</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" />
+    </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>

contributors/coder256.html

@@ -0,0 +1,50 @@
+<article>
+    <h3>Andrew Mugasa</h3>
+    <p>Full stack developer starting out with bitcoin development</p>
+    <h4>Programming languages I use</h4>
+    <section class="container">
+        <div class="badge" style="background-color: #26a733; color: rgb(255, 255, 255)">
+            Python
+        </div>
+        <div class="badge" style="background-color: #f7df1e; color: black">
+            JavaScript
+        </div>
+        <div class="badge" style="background-color: #146dd3; color: white">
+            Flutter
+        </div>
+        <div class="badge" style="background-color: #000000; color: white">
+            Rust
+        </div>
+    </section>
+
+    <h4>Tools I use</h4>
+    <section class="container">
+        <img class="icon" src="https://devicon-website.vercel.app/api/bash/original.svg"></img>
+        <img class="icon" src="https://devicon-website.vercel.app/api/linux/original.svg"></img>
+        <img class="icon" src="https://devicon-website.vercel.app/api/docker/original.svg"></img>
+        <img class="icon" src="https://devicon-website.vercel.app/api/git/original.svg"></img>
+        <img class="icon" src="https://devicon-website.vercel.app/api/ssh/original.svg"></img>
+        <img class="icon" src="https://devicon-website.vercel.app/api/vscode/original.svg"></img>
+        <img class="icon" src="https://devicon-website.vercel.app/api/androidstudio/original.svg"></img>
+    </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>