-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
276 lines (262 loc) · 14.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vineet Kumar - Portfolio</title>
<meta name="description" content="Portfolio of Vineet Kumar, a Python developer specializing in automation and data analysis.">
<meta name="keywords" content="Vineet Kumar, Python developer, data science, AI, portfolio">
<meta property="og:title" content="Vineet Kumar - Portfolio">
<meta property="og:description" content="Portfolio of Vineet Kumar, a Python developer specializing in automation and data analysis.">
<script src="script.js" defer></script>
<link rel="icon" type="image/png" href="./assets/V.png">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<a class="logo" href="index.html" aria-label="Home">Vineet</a>
<nav>
<ul class="nav_links">
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#connect">Contact</a></li>
</ul>
</nav>
<a class="HireMe" href="https://www.freelancer.com/u/whyvineet" target="_blank" rel="noopener noreferrer"><button>Hire Me</button></a>
<div class="hamburger" aria-label="Menu" aria-expanded="false" aria-controls="navOverlay">
<span></span>
<span></span>
<span></span>
</div>
</header>
<div id="navOverlay" class="overlay">
<div class="overlay-content">
<a href="#about">About</a>
<a href="#projects">Projects</a>
<a href="#connect">Contact</a>
</div>
</div>
<main>
<section id="mainTemplate">
<div class="container">
<h1>Hi, I'm <div class="name">Vineet Kumar</div>
</h1>
<h3>Data science & AI enthusiast!</h3>
</div>
</section>
<section id="about">
<div class="container">
<h2>About Me</h2>
<div class="about-content">
<img src="./assets/myPhoto_Sq.jpg" alt="Vineet Kumar">
<div class="about-text">
<p>
I am Vineet Kumar, a BTech CSE student specializing in AI at Galgotias University, graduating in 2027.
</p>
<p>
I am dedicated to building a career as a software developer, with a strong interest in data science and AI. I am open to opportunities and eager to make a meaningful impact in the tech industry.
</p>
<p>
Feel free to download my resume here for more details about my background and skills.
</p>
<a href="./assets/resume.pdf" target="_blank" rel="noopener noreferrer">
<button>Download Resume</button>
</a>
</div>
</div>
</div>
</section>
<section id="articles">
<div class="container">
<h2>Publications</h2>
<div class="articles-content">
<div class="article-item">
<div class="article-header">
<img src="./assets/GFG Logo.png" alt="GeeksforGeeks Logo" class="publication-logo">
<img src="./assets/Article3.png" alt="Article Thumbnail" class="article-thumbnail">
<div class="article-text">
<h3><a href="https://www.geeksforgeeks.org/estimating-pi-with-buffons-needle-in-python/" target="_blank">Estimating Pi with Buffon's Needle in Python</a></h3>
<p>Published on GeeksforGeeks</p>
</div>
</div>
<p class="article-description">
This article explores Buffon’s Needle, a classic probability problem used to estimate Pi (π). It includes the mathematical background, along with a Python implementation.
</p>
</div>
</div>
<button class="view-articles">
<a href="https://www.geeksforgeeks.org/user/whyvineet/contributions/" target="_blank"> More Articles </a>
</button>
</section>
<section id="skills">
<div class="container">
<h2>Proficiencies</h2>
<div class="skills-grid">
<div class="card-content">
<h3 class="card-title">Programming Languages</h3>
<div class="skill">
<img src="./assets/Python.png" alt="Python Logo" class="skill-image">
<img src="./assets/Java.png" alt="Java Logo" class="skill-image">
<img src="./assets/C.png" alt="C Logo" class="skill-image">
</div>
</div>
<div class="card-content">
<h3 class="card-title">Web Development</h3>
<div class="skill">
<img src="./assets/HTML5.png" alt="HTML Logo" class="skill-image">
<img src="./assets/CSS.png" alt="CSS Logo" class="skill-image">
<img src="./assets/Flask.png" alt="Flask Logo" class="skill-image">
</div>
</div>
<div class="card-content">
<h3 class="card-title">Data Analysis</h3>
<div class="skill">
<img src="./assets/Python Pandas Logo.png" alt="Pandas Logo" class="skill-image">
<img src="./assets/NumPy.png" alt="NumPy Logo" class="skill-image">
<img src="./assets/Matplotlib.png" alt="Matplotlib Logo" class="skill-image">
<img src="./assets/Seaborn.png" alt="Seaborn Logo" class="skill-image">
<img src="./assets/Tableau.png" alt="Tableau Logo" class="skill-image">
</div>
</div>
<div class="card-content">
<h3 class="card-title">Machine Learning</h3>
<div class="skill">
<img src="./assets/TensorFlow.png" alt="TensorFlow Logo" class="skill-image">
<img src="./assets/PyTorch.png" alt="PyTorch Logo" class="skill-image">
</div>
</div>
</div>
</div>
</section>
<section id="experience">
<div class="container">
<h2>Experience</h2>
<div class="experience-item">
<div class="experience-content">
<h3>Software Engineering Virtual Experience</h3>
<h4>J.P. Morgan (Completed on Forage)</h4>
<p>July 2024</p>
<ul>
<li>Set up a local dev environment by downloading the necessary files, tools and dependencies.</li>
<li>Fixed broken files in the repository to make web application output correctly.</li>
<li>Used Perspective to create a live, visually appealing data feed graph for traders.</li>
</ul>
<a href="./assets/jp-morgan-certificate.pdf" target="_blank" rel="noopener noreferrer">
<button>View Certificate</button>
</a>
</div>
<div class="experience-content">
<h3>Data Visualisation: Empowering Business with Effective Insights Job Simulation</h3>
<h4>Tata Group (Completed on Forage)</h4>
<p>June 2024</p>
<ul>
<li>Completed a simulation involving creating data visualizations for Tata Consultancy Services.</li>
<li>Prepared questions for a meeting with client senior leadership.</li>
<li>Created visuals for data analysis to help executives with effective decision making.</li>
</ul>
<a href="./assets/tata-group-certificate.pdf" target="_blank" rel="noopener noreferrer">
<button>View Certificate</button>
</a>
</div>
</div>
</div>
</section>
<section id="projects">
<div class="container">
<h2>Projects</h2>
<div class="projects-grid">
<div class="project">
<img src="./assets/project-raksha.webp" alt="Project Raksha Thumbnail" class="project-thumbnail">
<div class="project-info">
<h3>Project Raksha</h3>
<p>Project Raksha uses an algorithm to provide the safest and shortest route by prioritizing safety points like police stations. It includes a voice-activated SOS system for emergency alerts.</p>
<a href="https://projectraksha.netlify.app" target="_blank">
<button>View Project</button>
</a>
</div>
</div>
<div class="project">
<img src="./assets/portfolio-project.png" alt="Portfolio Website Thumbnail" class="project-thumbnail">
<div class="project-info">
<h3>Portfolio Website</h3>
<p>Developed a static portfolio website using HTML, CSS, and JavaScript to showcase my skills and projects. It features an overview of my experience, projects, and contact information.</p>
<a href="https://github.com/whyvineet/portfolio" target="_blank">
<button>View Project</button>
</a>
</div>
</div>
<div class="project">
<img src="./assets/telegram-bot.webp" alt="Telegram Bot Thumbnail" class="project-thumbnail">
<div class="project-info">
<h3>QueryGenie</h3>
<p>This Telegram chatbot, integrated with the Gemini API, greets users upon the /start command and responds directly to queries, providing relevant information based on input.</p>
<a href="https://github.com/whyvineet/telegram-bot" target="_blank">
<button>View Project</button>
</a>
</div>
</div>
<!-- <div class="project">
<img src="./assets/project4.png" alt="Project 4 Thumbnail" class="project-thumbnail">
<div class="project-info">
<h3>Project Title 4</h3>
<p>Brief description of the project.</p>
<a href="https://link-to-project4.com" target="_blank">
<button>View Project</button>
</a>
</div>
</div> -->
</div>
</div>
</section>
<section id="connect">
<div class="container">
<h2>Connect</h2>
<div class="connect-grid">
<div class="connect-form">
<form netlify>
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit">Submit</button>
</form>
</div>
<div class="connect-links">
<div class="social-icons">
<a href="https://www.linkedin.com/in/whyvineet" target="_blank">
<img src="./assets/LinkedIn Logo.png" alt="LinkedIn">
<span>LinkedIn</span>
</a>
<a href="https://github.com/whyvineet" target="_blank">
<img src="./assets/GitHub logo.png" alt="GitHub">
<span>GitHub</span>
</a>
<a href="https://twitter.com/whyvineet" target="_blank">
<img src="./assets/X Logo.png" alt="Twitter">
<span>Twitter</span>
</a>
<a href="https://www.instagram.com/whyvineet" target="_blank">
<img src="./assets/Instagram Logo.png" alt="Instagram">
<span>Instagram</span>
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<p>© 2024 Vineet Kumar. All rights reserved.</p>
</div>
</footer>
</body>
</html>