From 995e8e2468b776e10fde403bd448217db134a8d4 Mon Sep 17 00:00:00 2001
From: khandelwal20sid <khandelwal20sid@gmail.com>
Date: Thu, 31 Oct 2024 02:02:14 +0530
Subject: [PATCH] Updated project card layout
---
project.html | 2032 ++++++++++++++++++++++++++++++--------------------
style.css | 18 +-
2 files changed, 1240 insertions(+), 810 deletions(-)
diff --git a/project.html b/project.html
index 3f6b2ca..040e9f0 100644
--- a/project.html
+++ b/project.html
@@ -1,827 +1,1255 @@
<!DOCTYPE html>
<html lang="en">
-
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Projects</title>
- <link rel="shortcut icon" href="https://oyepriyansh.pages.dev/i/favicon.ico" type="image/x-icon">
- <link rel="stylesheet" href="style.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
- integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
- crossorigin="anonymous" referrerpolicy="no-referrer" />
- <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
- <script async src="https://www.googletagmanager.com/gtag/js?id=G-GTFGBS8HG8"></script>
- <script type="text/javascript" src="https://oyepriyansh.pages.dev/cdnjs/analytics/devprofiles.js"></script>
-</head>
-
-<body>
+ <link
+ rel="shortcut icon"
+ href="https://oyepriyansh.pages.dev/i/favicon.ico"
+ type="image/x-icon"
+ />
+ <link rel="stylesheet" href="style.css" />
+ <link
+ rel="stylesheet"
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
+ integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
+ crossorigin="anonymous"
+ referrerpolicy="no-referrer"
+ />
+ <link
+ rel="stylesheet"
+ href="https://unicons.iconscout.com/release/v4.0.8/css/line.css"
+ />
+ <script
+ async
+ src="https://www.googletagmanager.com/gtag/js?id=G-GTFGBS8HG8"
+ ></script>
+ <script
+ type="text/javascript"
+ src="https://oyepriyansh.pages.dev/cdnjs/analytics/devprofiles.js"
+ ></script>
+ </head>
+
+ <body>
<div class="progress-bar" id="progressBar">
- <div class="bar" id="bar"></div>
+ <div class="bar" id="bar"></div>
</div>
<div class="navbar">
- <header>
- <nav>
- <p class="title"><a href="#">Dev Profiles</a></p>
- <div class="nav-links">
-
- <a href="index.html"><button class="add">Go To Profile Section <i class="fa-solid fa-user"></i> </button></a>
-
- <!-- <button class="add" onclick='window.open("https://github.com/Gyanthakur/DevProfile","_blank")'>Add your Project
- <i class="
- fa-sharp fa-solid fa-user-plus"></i>
- </button> -->
-
- <a href="https://github.com/Gyanthakur/DevProfile" target="_blank">
- <button class="add">
- Add your Project <i class="fa-sharp fa-solid fa-user-plus"></i>
- </button>
- </a>
- <a href="about-us.html">
- <button class="add" onclick='window.open("about-us.html","_self")'>
- About Us <i class="fa-solid fa-info-circle"></i>
- </button>
- </a>
-
- <a href="contact-us.html">
- <button class="add" onclick='window.open("contact-us.html","_self")'>
- Contact Us <i class="fa-solid fa-address-book"></i>
- </button>
- </a>
- <button class="dark-btn"><img id="icon" src="dark.png" alt="Dark"></img></button>
- </div>
-
- </nav>
- </header>
+ <header>
+ <nav>
+ <p class="title"><a href="#">Dev Profiles</a></p>
+ <div class="nav-links">
+ <a href="index.html"
+ ><button class="add">
+ Go To Profile Section
+ <i class="fa-solid fa-user"></i></button
+ ></a>
+
+ <a href="https://github.com/Gyanthakur/DevProfile" target="_blank">
+ <button class="add">
+ Add your Project
+ <i class="fa-sharp fa-solid fa-user-plus"></i>
+ </button>
+ </a>
+ <a href="about-us.html">
+ <button
+ class="add"
+ onclick='window.open("about-us.html","_self")'
+ >
+ About Us <i class="fa-solid fa-info-circle"></i>
+ </button>
+ </a>
+
+ <a href="contact-us.html">
+ <button
+ class="add"
+ onclick='window.open("contact-us.html","_self")'
+ >
+ Contact Us <i class="fa-solid fa-address-book"></i>
+ </button>
+ </a>
+ <button class="dark-btn">
+ <img id="icon" src="dark.png" alt="Dark" />
+ </button>
+ </div>
+ </nav>
+ </header>
</div>
- <div class="line"><br></div>
+ <div class="line"><br /></div>
<div class="search">
- <input type="text" id="searchInput" placeholder="Search by name or skill...">
+ <input
+ type="text"
+ id="searchInput"
+ placeholder="Search by name or skill..."
+ />
</div>
<div class="container">
- <!--Projects-->
-
-
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/145559687?v=4" alt="User Image"></div>
- <h3 class="name">Tanvi</h3>
- <div class="project">
- <a href="https://github.com/TanviS001" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/TanviS001/Drum-Kit" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://github.com/TanviCodesEveryday/Drum-Kit" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- </div>
- <div class="projectNam">
- <span>Drum-Kit</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">HTML</span>
- <span class="skill">CSS</span>
- <span class="skill">JavaScript</span>
- </div>
- <div class="social">
- <a href="https://github.com/TanviS001" target="_blank"><i class="fa-brands fa-github"></i></a>
- </div>
- </div>
-
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/98226958?v=4" alt="User Image"></div>
- <h3 class="name">Gyan Pratap Singh</h3>
- <div class="project">
- <a href="https://github.com/Gyanthakur" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/Gyanthakur/TextUtils" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://gyanthakur.github.io/TextUtils/" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>Text_UTILS Editor</span>
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">Javascript</span>
- <span class="skill">ReactJs</span>
- <span class="skill">C++</span>
- <span class="skill">Nodejs</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/Gyanthakur" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://twitter.com/gps_96169" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/" target="_blank"><i
- class="fa-brands fa-linkedin-in"></i></a>
- <a href="https://m.facebook.com/profile.php?eav=AfaqcHZxqYa9JW_KiMc12-UaK795uvnKLpf6fkHA6L4JkUTH-M30JYLTQ5nSffYiVJI&paipv=0"
- target="_blank"><i class="fa-brands fa-facebook"></i></a>
- </div>
- </div>
-
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://github.com/anurag-327.png" alt="User Image"></div>
- <h3 class="name">Anurag Srivastav</h3>
- <div class="project">
- <a href="https://github.com/anurag-327" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/anurag-327/QuickSign" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://quick-sign.vercel.app/" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>Quicker Sign</span>
- <span>Repo URL</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">React js</span>
- <span class="skill">Express</span>
- <span class="skill">Mongo DB</span>
- <span class="skill">JWT</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/anurag-327" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://twitter.com/itsAnurag_sri" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="https://www.linkedin.com/in/anuragsr327/" target="_blank"><i
- class="fa-brands fa-linkedin-in"></i></a>
- </div>
- </div>
-
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/137164745?v=4&size=64" alt="User Image">
- </div>
- <h3 class="name">Atik Vohra</h3>
- <div class="project">
- <a href="https://github.com/atik-7866" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/atik-7866/todoweb" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://atik-7866.github.io/todoweb/" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>ToDoWeb</span>
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">HTML</span>
- <span class="skill">CSS</span>
- <span class="skill">JS</span>
- <span class="skill">React</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/atik-7866" target="_blank"><i class="fa-brands fa-github"></i></a>
-
- </div>
- </div>
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/73955457?v=4&size=64" alt="User Image">
- </div>
- <h3 class="name">Mohamed Rizad</h3>
- <div class="project">
- <a href="https://github.com/riz4d" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/riz4d/EventGate" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://event-gate.vercel.app" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>EventGate</span>
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">Security Researcher</span>
- <span class="skill">Python/Django Developer</span>
- <span class="skill">React/Next.js</span>
- <span class="skill">Linux</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/riz4d" target="_blank"><i class="fa-brands fa-github"></i></a>
-
- </div>
- </div>
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/91364014?v=4" alt="User Image"></div>
- <h3 class="name">Ankit Jha</h3>
- <div class="project">
- <a href="https://github.com/ankitjhagithub21" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/ankitjhagithub21/PicPrism" target="_blank"><i class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://pic-prism-iota.vercel.app/" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>Pic Prism</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
-
- <div class="skills">
- <span class="skill">Javascript</span>
- <span class="skill">ReactJs</span>
- <span class="skill">Mongodb</span>
- <span class="skill">Nodejs</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/ankitjhagithub21" target="_blank"><i class="fa-brands fa-github"></i></a>
-
- </div>
- </div>
-
- <div class="profile">
- <div class="lines"></div>
- <!-- change './default.png' to your profile image url -->
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/106344460?s=96&v=4" alt="User Image">
- </div>
- <h3 class="name">Karunakar S</h3>
-
- <div class="project">
- <a href="https://github.com/Karna0005" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/Karna0005/techstartup" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://karna0005.github.io/techstartup/" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
-
- <div class="projectNam">
- <span>Tech Startup Landing Page</span>
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">HTML</span>
- <span class="skill">CSS</span>
- <span class="skill">JavaScript</span>
- <span class="skill">React.js</span>
- </div>
- <div class="social">
- <a href="https://github.com/Karna0005" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://twitter.com/KarunakarViswas" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="https://www.linkedin.com/in/karunakar-s-b52895202" target="_blank"><i
- class="fa-brands fa-linkedin-in"></i></a>
- </div>
- </div>
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/133865660?v=4" alt="User Image"></div>
- <h3 class="name">Hemang Yadav</h3>
- <div class="project">
- <a href="https://github.com/Zemerik" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/Zemerik/ZemPosts" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://zemposts.vercel.app" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>ZemPosts</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">Javascript</span>
- <span class="skill">Typescript</span>
- <span class="skill">Astro</span>
- <span class="skill">ReactJS</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/Zemerik" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://x.com/Zemerik_X" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="https://linkedin.com/in/zemerik" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
- </div>
- </div>
-
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/AnkurRam2002" alt="User Image"></div>
- <h3 class="name">Ankur Ram</h3>
- <div class="project">
- <a href="https://github.com/AnkurRam2002" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/AnkurRam2002/Kindle-Clone" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://kindle-clone.vercel.app/" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>Kindle Clone</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">Skill-1</span>
- <span class="skill">Skill-2</span>
- <span class="skill">Skill-3</span>
- <span class="skill">Skill-4</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/AnkurRam2002" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/AnkurRam2002" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
- </div>
- </div>
-
-
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/115791148?s=400&v=4" alt="User Image"></div>
- <h3 class="name">Prateek Sethi</h3>
- <div class="project">
- <a href="https://github.com/prateekpr17/" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/prateekpr17/Temperature_Converter" target="_blank"><i class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://prateekpr17.github.io/Temperature_Converter/" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>Temp_Conv.</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">HTML</span>
- <span class="skill">CSS</span>
-
- </div>
- <div class="social">
- <a href="[YOUR GITHUB URL]" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="[YOUR LINKEDIN URL]" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
- </div>
- </div>
-
-
-
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/64124782?v=4" alt="User Image"></div>
- <h3 class="name">Vikas Anand</h3>
- <div class="project">
- <a href="https://github.com/kingcoolvikas" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/kingcoolvikas/TNB-Tech-Resume-Builder" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://kingcoolvikas.github.io/TNB-Tech-Resume-Builder" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectName">
- <span>Resume Generator</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">Security Researcher</span>
- <span class="skill">Web Pentesting</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/kingcoolvikas" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://twitter.com/kingcoolvikas" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="https://www.linkedin.com/in/kingcoolvikas" target="_blank"><i
- class="fa-brands fa-linkedin-in"></i></a>
- <a href="https://www.facebook.com/kingcoolvikas" target="_blank"><i
- class="fa-brands fa-facebook"></i></a>
- </div>
- </div>
-
-
- <!-- Ketan Sharma -->
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img
- src="https://avatars.githubusercontent.com/u/146920220?s=400&u=7cfc5f3daffb94dc97d85fbde0f7cff28d6e299b&v=4"
- alt="User Image"></div>
- <h3 class="name">Ketan Sharma</h3>
- <div class="project">
- <a href="https://github.com/ketan270" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/ketan270/My-Portfolio" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://ketansharma.tech/" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>My Portfolio</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">HTML</span>
- <span class="skill">CSS</span>
- <span class="skill">JAVASCRIPT</span>
- <span class="skill">REACT</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/ketan270" target="_blank"><i class="fa-brands fa-github"></i></a>
- <!-- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> -->
- <a href="https://www.linkedin.com/in/ketan-sharma-a40432203/" target="_blank"><i
- class="fa-brands fa-linkedin-in"></i></a>
- <!-- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a> -->
- </div>
- </div>
-
-<!-- Krishna Yadav -->
-<div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img
+ <!--Projects-->
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/145559687?v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Tanvi</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/TanviS001" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Drum-Kit</p>
+ </div>
+ <div>
+ <a href="https://github.com/TanviS001/Drum-Kit" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/TanviCodesEveryday/Drum-Kit"
+ target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+
+ <div class="skills">
+ <span class="skill">HTML</span>
+ <span class="skill">CSS</span>
+ <span class="skill">JavaScript</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/TanviS001" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/98226958?v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Gyan Pratap Singh</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/Gyanthakur" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Text_UTILS Editor</p>
+ </div>
+ <div>
+ <a href="https://github.com/Gyanthakur/TextUtils" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="https://gyanthakur.github.io/TextUtils/" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">JavaScript</span>
+ <span class="skill">ReactJs</span>
+ <span class="skill">C++</span>
+ <span class="skill">Nodejs</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/Gyanthakur" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="https://twitter.com/gps_96169" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a
+ href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/"
+ target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <a
+ href="https://m.facebook.com/profile.php?eav=AfaqcHZxqYa9JW_KiMc12-UaK795uvnKLpf6fkHA6L4JkUTH-M30JYLTQ5nSffYiVJI&paipv=0"
+ target="_blank"
+ ><i class="fa-brands fa-facebook"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img src="https://github.com/anurag-327.png" alt="User Image" />
+ </div>
+ <h3 class="name">Anurag Srivastav</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/anurag-327" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Quicker Sign</p>
+ </div>
+ <div>
+ <a href="https://github.com/anurag-327/QuickSign" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo URL</p>
+ </div>
+ <div>
+ <a href="https://quick-sign.vercel.app/" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">React js</span>
+ <span class="skill">Express</span>
+ <span class="skill">Mongo DB</span>
+ <span class="skill">JWT</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/anurag-327" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="https://twitter.com/itsAnurag_sri" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a href="https://www.linkedin.com/in/anuragsr327/" target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/137164745?v=4&size=64"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Atik Vohra</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/atik-7866" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">ToDoWeb</p>
+ </div>
+ <div>
+ <a href="https://github.com/atik-7866/todoweb" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="https://atik-7866.github.io/todoweb/" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">HTML</span>
+ <span class="skill">CSS</span>
+ <span class="skill">JS</span>
+ <span class="skill">React</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/atik-7866" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/73955457?v=4&size=64"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Mohamed Rizad</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/riz4d" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">EventGate</p>
+ </div>
+ <div>
+ <a href="https://github.com/riz4d/EventGate" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="https://event-gate.vercel.app" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">Security Researcher</span>
+ <span class="skill">Python/Django Developer</span>
+ <span class="skill">React/Next.js</span>
+ <span class="skill">Linux</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/riz4d" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/91364014?v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Ankit Jha</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/ankitjhagithub21" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Pic Prism</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/ankitjhagithub21/PicPrism"
+ target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="https://pic-prism-iota.vercel.app/" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">JavaScript</span>
+ <span class="skill">ReactJs</span>
+ <span class="skill">MongoDB</span>
+ <span class="skill">Nodejs</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/ankitjhagithub21" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/106344460?s=96&v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Karunakar S</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/Karna0005" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Tech Startup Landing Page</p>
+ </div>
+ <div>
+ <a href="https://github.com/Karna0005/techstartup" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="https://karna0005.github.io/techstartup/" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">HTML</span>
+ <span class="skill">CSS</span>
+ <span class="skill">JavaScript</span>
+ <span class="skill">React.js</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/Karna0005" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="https://twitter.com/KarunakarViswas" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a
+ href="https://www.linkedin.com/in/karunakar-s-b52895202"
+ target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/133865660?v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Hemang Yadav</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/Zemerik" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">ZemPosts</p>
+ </div>
+ <div>
+ <a href="https://github.com/Zemerik/ZemPosts" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="https://zemposts.vercel.app" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">Javascript</span>
+ <span class="skill">Typescript</span>
+ <span class="skill">Astro</span>
+ <span class="skill">ReactJS</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/Zemerik" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="https://x.com/Zemerik_X" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a href="https://linkedin.com/in/zemerik" target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/AnkurRam2002"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Ankur Ram</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/AnkurRam2002" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Kindle Clone</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/AnkurRam2002/Kindle-Clone"
+ target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="https://kindle-clone.vercel.app/" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">Skill-1</span>
+ <span class="skill">Skill-2</span>
+ <span class="skill">Skill-3</span>
+ <span class="skill">Skill-4</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/AnkurRam2002" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="https://linkedin.com/in/AnkurRam2002" target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/115791148?s=400&v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Prateek Sethi</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/prateekpr17" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Temp_Conv.</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/prateekpr17/Temperature_Converter"
+ target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a
+ href="https://prateekpr17.github.io/Temperature_Converter/"
+ target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">HTML</span>
+ <span class="skill">CSS</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/prateekpr17" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="https://twitter.com/prateekpr17" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a href="https://linkedin.com/in/prateekpr17" target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <a href="https://facebook.com/prateekpr17" target="_blank"
+ ><i class="fa-brands fa-facebook"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/64124782?v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Vikas Anand</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/kingcoolvikas" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Resume Generator</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/kingcoolvikas/TNB-Tech-Resume-Builder"
+ target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a
+ href="https://kingcoolvikas.github.io/TNB-Tech-Resume-Builder"
+ target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">Security Researcher</span>
+ <span class="skill">Web Pentesting</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/kingcoolvikas" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="https://twitter.com/kingcoolvikas" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a href="https://linkedin.com/in/kingcoolvikas" target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ </div>
+ </div>
+
+ <!-- yaha -->
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/146920220?s=400&u=7cfc5f3daffb94dc97d85fbde0f7cff28d6e299b&v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Ketan Sharma</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/ketan270" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">My Portfolio</p>
+ </div>
+ <div>
+ <a href="https://github.com/ketan270/My-Portfolio" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="https://ketansharma.tech/" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">HTML</span>
+ <span class="skill">CSS</span>
+ <span class="skill">JAVASCRIPT</span>
+ <span class="skill">REACT</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/ketan270" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <!-- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> -->
+ <a
+ href="https://www.linkedin.com/in/ketan-sharma-a40432203/"
+ target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <!-- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a> -->
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
src="https://avatars.githubusercontent.com/u/143788465?v=4"
- alt="User Image"></div>
- <h3 class="name">Krishna Yadav</h3>
- <div class="project">
- <a href="https://github.com/krishna1584" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/krishna1584/portfolio" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://krishna-yadav.vercel.app/" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>My Portfolio</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">HTML</span>
- <span class="skill">CSS</span>
- <span class="skill">JAVASCRIPT</span>
- <span class="skill">REACT</span>
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Krishna Yadav</h3>
+ <div class="project">
+ <div>
+ <a href="https://github.com/krishna1584" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">My Portfolio</p>
+ </div>
+ <div>
+ <a href="https://github.com/krishna1584/portfolio" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="https://krishna-yadav.vercel.app/" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">HTML</span>
+ <span class="skill">CSS</span>
+ <span class="skill">JAVASCRIPT</span>
+ <span class="skill">REACT</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/krishna1584" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <!-- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> -->
+ <a href="https://www.linkedin.com/in/krishna-yadav20/" target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <!-- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a> -->
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/116500216?s=400&u=c00d1665cea0713131779bf84add548ce4a9630a&v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Kavindu Praneeth</h3>
+
+ <div class="project">
+ <div>
+ <a href="https://github.com/praneeth724" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">My Portfolio</p>
+ </div>
+ <div>
+ <a href="https://github.com/praneeth724/3DPortFolio" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a
+ href="https://kavindupraneeth-portfolio-site.netlify.app/"
+ target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
- </div>
- <div class="social">
- <a href="https://github.com/krishna1584" target="_blank"><i class="fa-brands fa-github"></i></a>
- <!-- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> -->
- <a href="https://www.linkedin.com/in/krishna-yadav20/" target="_blank"><i
- class="fa-brands fa-linkedin-in"></i></a>
- <!-- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a> -->
- </div>
-</div>
-
- <!-- Kavindu Praneeth -->
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img
- src="https://avatars.githubusercontent.com/u/116500216?s=400&u=c00d1665cea0713131779bf84add548ce4a9630a&v=4"
- alt="User Image"></div>
- <h3 class="name">Kavindu Praneeth</h3>
- <div class="project">
- <a href="https://github.com/praneeth724" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/praneeth724/3DPortFolio" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://kavindupraneeth-portfolio-site.netlify.app/" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>My Portfolio</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">3JS</span>
- <span class="skill">CSS</span>
- <span class="skill">JAVASCRIPT</span>
- <span class="skill">REACT</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/praneeth724" target="_blank"><i class="fa-brands fa-github"></i></a>
- <!-- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> -->
- <a href="https://www.linkedin.com/in/kavindu-praneeth-48529a249/" target="_blank"><i
- class="fa-brands fa-linkedin-in"></i></a>
- <!-- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a> -->
- </div>
- </div>
-
-
-
- <!--YB-->
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/147707204?v=4" alt="User Image"></div>
- <h3 class="name">Yash-Bandal</h3>
- <div class="project">
- <a href="https://github.com/Yash-Bandal" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/Yash-Bandal/Medicine-Recommendation-System" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://yash-bandal.github.io/Medicine-Recommendation-System/ML-Medicine%20Recommendation%20System/templates/FrontEnd.html"
- target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>Medicine rec<span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">Ambidextrous</span>
- <span class="skill">Web Development </span>
- <span class="skill">DSA</span>
- <span class="skill">DBMS</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/Yash-Bandal" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://leetcode.com/u/Yash_L/" target="_blank"><i class="cib-leetcode"></i></a>
- </div>
- </div>
-
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/91364014?v=4" alt="User Image"></div>
- <h3 class="name">Ankit Jha</h3>
- <div class="project">
- <a href="https://github.com/ankitjhagithub21" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/ankitjhagithub21/shopping-cart" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://shopping-cart-orpin-three.vercel.app/" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>Shopping Cart</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">C++</span>
- <span class="skill">Javascript</span>
- <span class="skill">React</span>
- <span class="skill">Python</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/ankitjhagithub21" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://twitter.com/ItsAnkitjha22" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="https://www.linkedin.com/in/ankitjha3731/" target="_blank"><i
- class="fa-brands fa-linkedin-in"></i></a>
- <a href="https://www.facebook.com/ankitjha2018" target="_blank"><i
- class="fa-brands fa-facebook"></i></a>
- </div>
- </div>
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/100522447?v=4" alt="User Image"></div>
- <h3 class="name">Fariha Naqvi</h3>
- <div class="project">
- <a href="https://github.com/farihaNaqvi" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/farihaNaqvi/Amazon-Scraping-With-Python-" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="[Project Deploy URL(If applicable)]" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>Amazon Scraping With Python</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">Python</span>
- <span class="skill">Beautiful soap</span>
- <span class="skill">AWS</span>
- <span class="skill">Data Extraction</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/farihaNaqvi" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="https://www.linkedin.com/in/s-farihanaqvi/" target="_blank"><i
- class="fa-brands fa-linkedin-in"></i></a>
- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
- </div>
- </div>
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/129689787?v=4" alt="User Image"></div>
- <h3 class="name">Sai kumar</h3>
- <div class="project">
- <a href="https://github.com/sai-kumar0" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/sai-kumar0/Food-Court-P1" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://sai-kumar0.github.io/Food-Court-P1/" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>Food Court</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">HTML</span>
- <span class="skill">CSS</span>
- <span class="skill">JavaScript</span>
- <span class="skill">React JS</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/sai-kumar0" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://twitter.com/SaiKuma50434005?t=A0cRKmL9Yf_n5DlB9B9CEA&s=08" target="_blank"><i
- class="fa-brands fa-x-twitter"></i></a>
- <a href="www.linkedin.com/in/sai-kumar-chary-19653b246" target="_blank"><i
- class="fa-brands fa-linkedin-in"></i></a>
- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
- </div>
- </div>
-
- <!-- ============== -->
-
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/119102832?v=4" alt="Ashish"></div>
- <h3 class="name">Ashish</h3>
- <div class="project">
- <a href="https://github.com/ashish-bazad" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/ashish-bazad/my-website.git" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="[Project Deploy URL(If applicable)]" target="_blank"><i
- class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>My Portfolio</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">HTML</span>
- <span class="skill">CSS</span>
- <span class="skill">Javascript</span>
- <span class="skill">Django</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/ashish-bazad" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="[YOUR LINKEDIN URL]" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
- </div>
- </div>
-
-
-<!-- ============== -->
-
-
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/154046510?v=4" alt="Suramya"></div>
- <h3 class="name">Suramya Ranjan</h3>
- <div class="project">
- <a href="https://github.com/SuramyaRanjan" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="https://github.com/SuramyaRanjan/Bharat-Intern-MTapp/tree/master" target="_blank"><i
- class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="https://suramyaranjan.github.io/Bharat-Intern-MTapp/public/index.html" target="_blank">
- <!-- project will not run since backend is not deployed -->
- <i class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span>My Portfolio</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span>Repo Url</span>
- <span>Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">HTML</span>
- <span class="skill">CSS</span>
- <span class="skill">Javascript</span>
- <span class="skill">MERN</span>
- <span class="skill">Python</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/SuramyaRanjan" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="https://www.linkedin.com/in/suramya-ranjan-19a517298/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
- </div>
- </div>
-
- <div class="profile">
- <div class="lines"></div>
- <div class="pfp"><img src="https://avatars.githubusercontent.com/u/148654884?v=4" alt="User Image"></div>
- <h3 class="name">Vidhan Gupta</h3>
- <div class="project">
- <a href="[Your Github URL]" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="[Your Github Repository URL]" target="_blank"><i class="fa-solid fa-money-bill-transfer"></i></a>
- <a href="[Project Deploy URL(If applicable)]" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
- </div>
- <div class="projectNam">
- <span >Your Project Title</span>
- <!-- Do not change Repo URl and Dploy Link given under two line -->
- <span >Repo Url</span>
- <span >Deploy Link</span>
- </div>
- <div class="skills">
- <span class="skill">Frontend</span>
- <span class="skill">Flutter</span>
- <span class="skill">C++</span>
- <span class="skill">Python</span>
-
- </div>
- <div class="social">
- <a href="https://github.com/Crusherbolt" target="_blank"><i class="fa-brands fa-github"></i></a>
- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
- <a href="[YOUR LINKEDIN URL]" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
- </div>
- </div>
-
-
- <!-- project -->
+ <div class="skills">
+ <span class="skill">3JS</span>
+ <span class="skill">CSS</span>
+ <span class="skill">JAVASCRIPT</span>
+ <span class="skill">REACT</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/praneeth724" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <!-- <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> -->
+ <a
+ href="https://www.linkedin.com/in/kavindu-praneeth-48529a249/"
+ target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <!-- <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a> -->
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/147707204?v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Yash-Bandal</h3>
+
+ <div class="project">
+ <div>
+ <a href="https://github.com/Yash-Bandal" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Medicine rec</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/Yash-Bandal/Medicine-Recommendation-System"
+ target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a
+ href="https://yash-bandal.github.io/Medicine-Recommendation-System/ML-Medicine%20Recommendation%20System/templates/FrontEnd.html"
+ target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+
+ <div class="skills">
+ <span class="skill">Ambidextrous</span>
+ <span class="skill">Web Development </span>
+ <span class="skill">DSA</span>
+ <span class="skill">DBMS</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/Yash-Bandal" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="https://leetcode.com/u/Yash_L/" target="_blank"
+ ><i class="cib-leetcode"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/91364014?v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Ankit Jha</h3>
+
+ <div class="project">
+ <div>
+ <a href="https://github.com/ankitjhagithub21" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Shopping Cart</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/ankitjhagithub21/shopping-cart"
+ target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a
+ href="https://shopping-cart-orpin-three.vercel.app/"
+ target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+
+ <div class="skills">
+ <span class="skill">C++</span>
+ <span class="skill">Javascript</span>
+ <span class="skill">React</span>
+ <span class="skill">Python</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/ankitjhagithub21" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="https://twitter.com/ItsAnkitjha22" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a href="https://www.linkedin.com/in/ankitjha3731/" target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <a href="https://www.facebook.com/ankitjha2018" target="_blank"
+ ><i class="fa-brands fa-facebook"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/100522447?v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Fariha Naqvi</h3>
+
+ <div class="project">
+ <div>
+ <a href="https://github.com/farihaNaqvi" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Amazon Scraping With Python</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/farihaNaqvi/Amazon-Scraping-With-Python-"
+ target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="[Project Deploy URL(If applicable)]" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+ <div class="skills">
+ <span class="skill">Python</span>
+ <span class="skill">Beautiful soap</span>
+ <span class="skill">AWS</span>
+ <span class="skill">Data Extraction</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/farihaNaqvi" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="[YOUR X/TWITTER URL]" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a href="https://www.linkedin.com/in/s-farihanaqvi/" target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <a href="[YOUR FACEBOOK URL]" target="_blank"
+ ><i class="fa-brands fa-facebook"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/129689787?v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Sai kumar</h3>
+
+ <div class="project">
+ <div>
+ <a href="https://github.com/sai-kumar0" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Food Court</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/sai-kumar0/Food-Court-P1"
+ target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a
+ href="https://sai-kumar0.github.io/Food-Court-P1/"
+ target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+
+ <div class="skills">
+ <span class="skill">HTML</span>
+ <span class="skill">CSS</span>
+ <span class="skill">JavaScript</span>
+ <span class="skill">React JS</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/sai-kumar0" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a
+ href="https://twitter.com/SaiKuma50434005?t=A0cRKmL9Yf_n5DlB9B9CEA&s=08"
+ target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a
+ href="www.linkedin.com/in/sai-kumar-chary-19653b246"
+ target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <a href="[YOUR FACEBOOK URL]" target="_blank"
+ ><i class="fa-brands fa-facebook"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/119102832?v=4"
+ alt="Ashish"
+ />
+ </div>
+ <h3 class="name">Ashish</h3>
+
+ <div class="project">
+ <div>
+ <a href="https://github.com/ashish-bazad" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">My Portfolio</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/ashish-bazad/my-website.git"
+ target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="[Project Deploy URL(If applicable)]" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+
+ <div class="skills">
+ <span class="skill">HTML</span>
+ <span class="skill">CSS</span>
+ <span class="skill">Javascript</span>
+ <span class="skill">Django</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/ashish-bazad" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="[YOUR X/TWITTER URL]" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a href="[YOUR LINKEDIN URL]" target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <a href="[YOUR FACEBOOK URL]" target="_blank"
+ ><i class="fa-brands fa-facebook"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/154046510?v=4"
+ alt="Suramya"
+ />
+ </div>
+ <h3 class="name">Suramya Ranjan</h3>
+
+ <div class="project">
+ <div>
+ <a href="https://github.com/SuramyaRanjan" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">My Portfolio</p>
+ </div>
+ <div>
+ <a
+ href="https://github.com/SuramyaRanjan/Bharat-Intern-MTapp/tree/master"
+ target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a
+ href="https://suramyaranjan.github.io/Bharat-Intern-MTapp/public/index.html"
+ target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+
+ <div class="skills">
+ <span class="skill">HTML</span>
+ <span class="skill">CSS</span>
+ <span class="skill">Javascript</span>
+ <span class="skill">MERN</span>
+ <span class="skill">Python</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/SuramyaRanjan" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="[YOUR X/TWITTER URL]" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a
+ href="https://www.linkedin.com/in/suramya-ranjan-19a517298/"
+ target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <a href="[YOUR FACEBOOK URL]" target="_blank"
+ ><i class="fa-brands fa-facebook"></i
+ ></a>
+ </div>
+ </div>
+
+ <div class="profile">
+ <div class="lines"></div>
+ <div class="pfp">
+ <img
+ src="https://avatars.githubusercontent.com/u/148654884?v=4"
+ alt="User Image"
+ />
+ </div>
+ <h3 class="name">Vidhan Gupta</h3>
+
+ <div class="project">
+ <div>
+ <a href="[Your Github URL]" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <p class="projectNam">Your Project Title</p>
+ </div>
+ <div>
+ <a href="[Your Github Repository URL]" target="_blank"
+ ><i class="fa-solid fa-money-bill-transfer"></i
+ ></a>
+ <p class="projectNam">Repo Url</p>
+ </div>
+ <div>
+ <a href="[Project Deploy URL(If applicable)]" target="_blank"
+ ><i class="fa-brands fa-octopus-deploy"></i
+ ></a>
+ <p class="projectNam">Deploy Link</p>
+ </div>
+ </div>
+
+ <div class="skills">
+ <span class="skill">Frontend</span>
+ <span class="skill">Flutter</span>
+ <span class="skill">C++</span>
+ <span class="skill">Python</span>
+ </div>
+ <div class="social">
+ <a href="https://github.com/Crusherbolt" target="_blank"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ <a href="[YOUR X/TWITTER URL]" target="_blank"
+ ><i class="fa-brands fa-x-twitter"></i
+ ></a>
+ <a href="[YOUR LINKEDIN URL]" target="_blank"
+ ><i class="fa-brands fa-linkedin-in"></i
+ ></a>
+ <a href="[YOUR FACEBOOK URL]" target="_blank"
+ ><i class="fa-brands fa-facebook"></i
+ ></a>
+ </div>
+ </div>
+
+ <!-- project -->
</div>
- <button id="backToTopBtn" title="Go to top"><i class="fa-solid fa-arrow-up"></i>
+ <button id="backToTopBtn" title="Go to top">
+ <i class="fa-solid fa-arrow-up"></i>
</button>
-
- <script src="script.js"></script>
-
-<footer class="footer">
- <ul class="social-icon">
- <li class="social-icon__item"><a class="social-icon__link" href="https://m.facebook.com/profile.php?eav=AfaQiAnLMKoJt9fhAP0mpclv59dhzAMBnCy-rfJi2qawDv01IOkuI4RSxLQFG4508J0&paipv=0">
- <ion-icon name="logo-facebook"></ion-icon>
- </a></li>
- <li class="social-icon__item"><a class="social-icon__link" href=" https://twitter.com/gps_96169">
- <i class="fa-brands fa-x-twitter"></i>
- </a></li>
- <li class="social-icon__item"><a class="social-icon__link" href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/">
- <ion-icon name="logo-linkedin"></ion-icon>
- </a></li>
- <li class="social-icon__item"><a class="social-icon__link" href=" https://www.instagram.com/gp.singh.ro.ckstar4438/">
- <ion-icon name="logo-instagram"></ion-icon>
- </a></li>
- <li class="social-icon__item"></i><a class="social-icon__link" href="https://wa.me/918957818597?text=Hey%20%F0%9F%91%8B%2C%20how%20can%20I%20help%20you%3F">
+ <script src="script.js"></script>
+
+ <footer class="footer">
+ <ul class="social-icon">
+ <li class="social-icon__item">
+ <a
+ class="social-icon__link"
+ href="https://m.facebook.com/profile.php?eav=AfaQiAnLMKoJt9fhAP0mpclv59dhzAMBnCy-rfJi2qawDv01IOkuI4RSxLQFG4508J0&paipv=0"
+ >
+ <ion-icon name="logo-facebook"></ion-icon>
+ </a>
+ </li>
+ <li class="social-icon__item">
+ <a class="social-icon__link" href=" https://twitter.com/gps_96169">
+ <i class="fa-brands fa-x-twitter"></i>
+ </a>
+ </li>
+ <li class="social-icon__item">
+ <a
+ class="social-icon__link"
+ href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/"
+ >
+ <ion-icon name="logo-linkedin"></ion-icon>
+ </a>
+ </li>
+ <li class="social-icon__item">
+ <a
+ class="social-icon__link"
+ href=" https://www.instagram.com/gp.singh.ro.ckstar4438/"
+ >
+ <ion-icon name="logo-instagram"></ion-icon>
+ </a>
+ </li>
+ <li class="social-icon__item">
+ <a
+ class="social-icon__link"
+ href="https://wa.me/918957818597?text=Hey%20%F0%9F%91%8B%2C%20how%20can%20I%20help%20you%3F"
+ >
<ion-icon name="logo-whatsapp"></ion-icon>
- </a></li>
- </ul>
- <ul class="menu">
- <li class="menu__item"><a class="menu__link" href="#">Home</a></li>
- <li class="menu__item"><a class="menu__link" href="about-us.html">About</a></li>
- <li class="menu__item"><a class="menu__link" href="index.html">Profile Section</a></li>
- <li class="menu__item"><a class="menu__link" href="contact-us.html">Contact</a></li>
- </ul>
- <p>Dev Profiles © <span id="dates"></span> | All Rights Reserved</p>
- </footer>
- <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
- <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
-<script src="script.js"></script>
-<script>
- document.addEventListener('DOMContentLoaded', function () {
-
- const container = document.querySelector('.container');
-
- const profiles = Array.from(container.querySelectorAll('.profile'));
-
- profiles.sort((a, b) => {
- const nameA = a.querySelector('.name').textContent.toUpperCase();
- const nameB = b.querySelector('.name').textContent.toUpperCase();
-
- if (nameA < nameB) {
- return -1;
- }
- if (nameA > nameB) {
- return 1;
- }
- return 0;
- });
-
- container.innerHTML = '';
-
- profiles.forEach(profile => {
- container.appendChild(profile);
- });
+ </a>
+ </li>
+ </ul>
+ <ul class="menu">
+ <li class="menu__item"><a class="menu__link" href="#">Home</a></li>
+ <li class="menu__item">
+ <a class="menu__link" href="about-us.html">About</a>
+ </li>
+ <li class="menu__item">
+ <a class="menu__link" href="index.html">Profile Section</a>
+ </li>
+ <li class="menu__item">
+ <a class="menu__link" href="contact-us.html">Contact</a>
+ </li>
+ </ul>
+ <p>Dev Profiles © <span id="dates"></span> | All Rights Reserved</p>
+ </footer>
+ <script
+ type="module"
+ src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
+ ></script>
+ <script
+ nomodule
+ src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
+ ></script>
+ <script src="script.js"></script>
+ <script>
+ document.addEventListener("DOMContentLoaded", function () {
+ const container = document.querySelector(".container");
+
+ const profiles = Array.from(container.querySelectorAll(".profile"));
+
+ profiles.sort((a, b) => {
+ const nameA = a.querySelector(".name").textContent.toUpperCase();
+ const nameB = b.querySelector(".name").textContent.toUpperCase();
+
+ if (nameA < nameB) {
+ return -1;
+ }
+ if (nameA > nameB) {
+ return 1;
+ }
+ return 0;
});
- </script>
-</body>
+ container.innerHTML = "";
+ profiles.forEach((profile) => {
+ container.appendChild(profile);
+ });
+ });
+ </script>
+ </body>
</html>
diff --git a/style.css b/style.css
index f04d31b..1b29dcd 100644
--- a/style.css
+++ b/style.css
@@ -331,8 +331,17 @@ body .title {
.project {
display: flex;
justify-content: space-between;
- padding: 5px 10px;
+ align-items: center;
font-size: 35px;
+ margin: 10px 0;
+}
+
+.project div {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: 5px;
}
.project a {
@@ -353,13 +362,6 @@ body .title {
}
.projectNam {
- margin: 13px;
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- padding: 5px 10px;
- border-radius: 5px;
- margin: 0 5px 10px 0;
font-size: 16px;
}