From 378657010d384f62fea14ce30a0b09160a8a809c Mon Sep 17 00:00:00 2001
From: Methembe11 <mkhizemethembe89@gmail.com>
Date: Mon, 22 Jun 2026 18:18:05 +0200
Subject: [PATCH] add Methembe11 contributor card

---
 contributors/Methembe11.html | 61 ++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 contributors/Methembe11.html

diff --git a/contributors/Methembe11.html b/contributors/Methembe11.html
new file mode 100644
index 0000000..8bfb129
--- /dev/null
+++ b/contributors/Methembe11.html
@@ -0,0 +1,61 @@
+<article>
+  <h3>Methembe11</h3>
+  <p>Software developer</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: #f7df1e; color: black">
+      JavaScript
+    </div>
+    <div class="badge" style="background-color: #1572b6; color: white">CSS</div>
+    
+    <div class="badge" style="background-color: #e34f26; color: white">
+      HTML
+    </div>
+  </section>
+
+ <h4>Tools I use</h4>
+
+<section class="container">
+
+  <div style="display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap">
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg" alt="GitHub" />
+    <span class="tool">GitHub</span>
+  </div>
+
+  <div style="display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap">
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg" alt="Git" />
+    <span class="tool">Git</span>
+  </div>
+
+  <div style="display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap">
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg" alt="VS Code" />
+    <span class="tool">VS Code</span>
+  </div>
+
+  <div style="display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap">
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg" alt="Bash" />
+    <span class="tool">Bash</span>
+  </div>
+
+</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>