Checklist

contributors/shanice77417486.html

@@ -0,0 +1,107 @@
+<article>
+  <h3>Shanice826</h3>
+  <p>
+    I'm an aspiring junior web developer that has gained my full stack certification from Udemy from Dr. Angela Yu's course. I have learned a lot from my time from frontend and backend however, if I had to pick one, I would say the front end is my favorite. I'm not a designer however, combining my enjoyment of technical skills and the 'designing' aspect. It's the best of both worlds. 
+  </p>
+  <h4>Programming languages I use</h4>
+  <section class="container">
+    <div class="badge" style="background-color: #dcee3a; color: black;">
+      JavaScript
+    </div>
+    <div class="badge" style="background-color: #401dc0; color: black;">
+      TypeScript
+    </div>
+    <div class="badge" style="background-color: #2f8db3; color: black;">
+      React
+    </div>
+     <div class="badge" style="background-color: #d7e424; color: black;">
+      HTML5
+    </div>
+     <div class="badge" style="background-color: #2f8db3; color: black;">
+      CSS3
+    </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/react/react-original.svg" />
+
+
+   <img
+      class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/typescript/typescript-original.svg" />
+
+<img 
+    class="icon"
+
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg" />
+
+<img
+    class="icon"
+
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original-wordmark.svg" />
+
+<img 
+    class="icon"
+
+            <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg" />
+
+<img
+    class="icon"
+
+            <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-original.svg" />
+
+<img
+    class="icon"
+
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodemon/nodemon-original.svg" />
+
+<img
+    class="icon"
+
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/npm/npm-original-wordmark.svg" />
+
+<img 
+    class="icon"
+
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/postman/postman-original.svg" />
+
+<img 
+class="icon"
+
+
+            <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/postgresql/postgresql-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>