add Jayraje-Shinde

contributors/Jayraje-Shinde.html

@@ -0,0 +1,100 @@
+<article class="profile-card">
+  <header>
+    <h2>Jayraje Shinde</h2>
+    <p class="bio">Enthusiastic computer science student experienced in full-stack development, API engineering, and database-driven applications. Actively building projects that strengthen technical skills and reflect a disciplined, solution-oriented approach.</p>
+  </header>
+
+  <section>
+    <h3>Programming Languages</h3>
+    <div class="badge-container">
+      <div class="badge" style="background-color: #f7df1e; color: #000;">JavaScript / TypeScript</div>
+      <div class="badge" style="background-color: #5382a1; color: #fff;">Java</div>
+      <div class="badge" style="background-color: #3776ab; color: #fff;">Python</div>
+      <div class="badge" style="background-color: #00599c; color: #fff;">C / C++</div>
+      <div class="badge" style="background-color: #00758f; color: #fff;">SQL</div>
+      <div class="badge" style="background-color: #777bb3; color: #fff;">PHP</div>
+    </div>
+  </section>
+
+  <section>
+    <h3>Tools & Technologies</h3>
+    <div class="icon-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/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/postman/postman-original.svg"/>
+      <img class="icon" 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/express/express-original.svg"/>
+      <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mongodb/mongodb-original.svg"/>
+      <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/prisma/prisma-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/javascript/javascript-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/html5/html5-original.svg"/>
+      <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-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/arduino/arduino-original.svg"/>
+      <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/c/c-original.svg"/>
+      <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/java/java-original.svg"/>
+      <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/firebase/firebase-plain.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/electron/electron-original.svg"/>
+      <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/windows8/windows8-original.svg"/>
+    </div>
+  </section>
+</article>
+
+<style>
+  body {
+    font-family: sans-serif;
+  }
+
+  .profile-card {
+    max-width: 650px;
+    margin: auto;
+    padding: 2rem;
+    border-radius: 1rem;
+    background: #ffffff;
+    box-shadow: 0 4px 18px rgba(0,0,0,0.1);
+  }
+
+  .profile-card header {
+    text-align: center;
+  }
+
+  .bio {
+    font-size: 0.9rem;
+    color: #555;
+    margin-top: -0.5rem;
+  }
+
+  h3 {
+    margin-top: 2rem;
+  }
+
+  .badge-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.6rem;
+  }
+
+  .badge {
+    padding: 0.45rem 0.8rem;
+    border-radius: 0.4rem;
+    font-size: 0.85rem;
+    font-weight: 500;
+  }
+
+  .icon-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    margin-top: 1rem;
+  }
+
+  .icon {
+    width: 2.5rem;
+    height: 2.5rem;
+  }
+</style>