Cebo develop

contributors/ceboMakeleni.html

@@ -0,0 +1,135 @@
+<article>
+    <h3>
+        Cebo Makeleni 
+        <img src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/za.svg" width="22" alt="South Africa" style="vertical-align: middle; margin-left: 8px;">
+    </h3>
+    <p>
+        Software Engineer and Product Engineer with years of experience building and scaling payment, banking, and Bitcoin/Lightning systems. Currently building Bitcoin and Lightning payment products at Machankura serving users across Africa. Previously led stability operations at Absa Bank and developed secure ATM software at Diebold Nixdorf. Strong background in fintech, mobile development, and cloud infrastructure.
+    </p>
+
+    <h4>Programming Languages</h4>
+    <section class="container">
+        <div class="badge" style="background-color: #00599C; color: white">
+            C++
+        </div>
+        <div class="badge" style="background-color: #239120; color: white">
+            C#
+        </div>
+        <div class="badge" style="background-color: #007396; color: white">
+            Java
+        </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: #0175C2; color: white">
+            Dart
+        </div>
+        <div class="badge" style="background-color: #7F52FF; color: white">
+            Kotlin
+        </div>
+        <div class="badge" style="background-color: #336791; color: white">
+            SQL
+        </div>
+    </section>
+
+    <h4>Frameworks & Technologies</h4>
+    <section class="container">
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/flutter/flutter-original.svg"
+            alt="Flutter"
+            title="Flutter"
+        />
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/angular/angular-original.svg"
+            alt="Angular"
+            title="Angular"
+        />
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-original.svg"
+            alt="Node.js"
+            title="Node.js"
+        />
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/firebase/firebase-original.svg"
+            alt="Firebase"
+            title="Firebase"
+        />
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/amazonwebservices/amazonwebservices-original-wordmark.svg"
+            alt="AWS"
+            title="AWS"
+        />
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/googlecloud/googlecloud-original.svg"
+            alt="GCP"
+            title="GCP"
+        />
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/html5/html5-original.svg"
+            alt="HTML5"
+            title="HTML5"
+        />
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-original.svg"
+            alt="CSS3"
+            title="CSS3"
+        />
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/tailwindcss/tailwindcss-original.svg"
+            alt="TailwindCSS"
+            title="TailwindCSS"
+        />
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg"
+            alt="Git"
+            title="Git"
+        />
+        <img
+            class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bitcoin/bitcoin-original.svg"
+            alt="Bitcoin"
+            title="Bitcoin"
+        />
+    </section>
+</article>
+<style>
+    body {
+        font-family: sans-serif;
+    }
+    h3 {
+        display: flex;
+        align-items: center;
+    }
+    .container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1rem;
+    }
+    .badge {
+        padding: 0.5rem 1rem;
+        border-radius: 0.5rem;
+        font-weight: 500;
+        font-size: 0.9rem;
+    }
+    .icon {
+        width: 2.5rem;
+        height: 2.5rem;
+        transition: transform 0.2s;
+    }
+    .icon:hover {
+        transform: scale(1.1);
+    }
+</style>