Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
83 changes: 83 additions & 0 deletions contributors/sakshampaliwal21.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Salar Memon</title>
</head>
<body>
<article>
<h3>Salar Memon</h3>
<p>I am a web developer passionate about creating efficient and scalable solutions. This is my first ever contribution to an open-source project.</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>
</section>

<h4>Frameworks and Libraries I use</h4>
<section class="container">

<div class="badge" style="background-color: #61dbfb; color: black;">
React
</div>
<div class="badge" style="background-color: #68a063; color: white;">
Tailwind CSS
</div>

<div class="badge" style="background-color: #2d333b; color: white;">
Node.js
</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"
/>
<img
class="icon"
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-plain.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/vscode/vscode-original.svg"
/>
<img class="icon"
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/webpack/webpack-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>
87 changes: 51 additions & 36 deletions contributors/sandeep-sk.html
Original file line number Diff line number Diff line change
@@ -1,60 +1,72 @@

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Saksham Paliwal</title>
</head>
<body>
<article>
<h3>Sandeep Kumar</h3>
<p>Just a dev building cool things with code</p>
<h4>Programming languages I use</h4>
<h3>Saksham Paliwal</h3>

<p>
Google Student Ambassador | B.Tech CS & Artificial Intelligence |
Passionate about Web Development, Open Source, and Building Real-World Projects.
</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: #e34c26; color: white;">
HTML
</div>
<div class="badge" style="background-color: #264de4; color: white;">
CSS
</div>
</section>

<h4>Tools I use</h4>
<h4>Frameworks and Libraries 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"
/>
<img
class="icon"
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/express/express-original-wordmark.svg"
/>
<img
class="icon"
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mongodb/mongodb-original-wordmark.svg"
/>
<img
class="icon"
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mongoose/mongoose-original-wordmark.svg"
/>
<img
class="icon"
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mysql/mysql-original-wordmark.svg"
<div class="badge" style="background-color: #61dbfb; color: black;">
React
</div>
<div class="badge" style="background-color: #38bdf8; color: white;">
Tailwind CSS
</div>
</section>
<h4>Tools I Use</h4>
<section class="container">
<img class="icon"
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-plain.svg"
/>
<img
class="icon"
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-original-wordmark.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/react/react-original-wordmark.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/vscode/vscode-original-wordmark.svg"
<img class="icon"
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vercel/vercel-original.svg"
/>
</section>

<h4>About Me</h4>
<p>
🚀 I’m on a mission to turn curiosity into code, building projects that challenge me to learn something new every day.
I enjoy exploring open source, creating web applications, and continuously improving my skills in React, JavaScript, and Python.
</p>
</article>
<style>
body {
font-family: sans-serif;
}

.container {
display: flex;
flex-wrap: wrap;
Expand All @@ -64,7 +76,10 @@ <h4>Tools I use</h4>
padding: 0.5rem;
border-radius: 0.25rem;
}

.icon {
width: 2rem;
}
</style>
</body>
</html>