-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
457 lines (402 loc) · 21.8 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
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ayush Gupta</title>
<meta name="theme-color" content="#121212">
<meta name="robots" content="index,follow">
<link rel="license" href="LICENSE.md">
<meta name="title" content="Ayush Gupta">
<meta name="description"
content="Explore the world of Ayush where passion meets code. Your gateway to a developer's portfolio.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://f8th.netlify.com/">
<meta property="og:title" content="Ayush Gupta">
<meta property="og:description"
content="Explore the world of Ayush where passion meets code. Your gateway to a developer's portfolio.">
<meta property="og:image" content="./screenshot/screenshot.PNG">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://f8th.netlify.conm/">
<meta property="twitter:title" content="Ayush Gupta">
<meta property="twitter:description"
content="Explore the world of Ayush where passion meets code. Your gateway to a developer's portfolio.">
<meta property="twitter:image" content="./screenshot/screenshot.PNG">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Volkhov:ital@1&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap">
<link rel="stylesheet" href="./src/css/aos.min.css">
<link rel="stylesheet" href="./src/css/waves.min.css">
<link rel="stylesheet" href="./src/css/owl.carousel.min.css">
<link rel="stylesheet" href="./src/libs/fontawesome/css/all.css">
<link rel="stylesheet" href="./src/css/animate.min.css">
<link rel="stylesheet" href="./src/css/main.css">
<script src="./src/javascript/jquery.min.js"></script>
<script src="./src/javascript/aos.min.js"></script>
<script src="./src/javascript/baffle.min.js"></script>
<script src="./src/javascript/owl.carousel.min.js"></script>
<script src="./src/javascript/particles.min.js"></script>
</head>
<body>
<header>
<div class="scrollbar"></div>
<div class="nav-wrapper" style="opacity: 0;">
<div class="grad-bar"></div>
<nav class="navbar">
<p class="name">Ayush</p>
<div class="menu-toggle" id="mobile-menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="nav no-search">
<li class="nav-item"><a href="#">Home</a></li>
<li class="nav-item"><a href="#">About</a></li>
<li class="nav-item"><a href="#">Work</a></li>
<li class="nav-item"><a href="#">Skills</a></li>
<li class="nav-item"><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section class="home">
<div id="particles">
<div class="wrapper">
<div class="container">
<h1 class="name">Ayush Gupta</h1>
<p><span class="typing"></span></p>
<div class="container social">
<a href="https://www.linkedin.com/in/ayush-gupta-838823227/">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://www.github.com/anonymous3017">
<i class="fab fa-github"></i>
</a>
<!-- <a href="https://www.facebook.com/profile.php?id=100005091768412">
<i class="fab fa-facebook"></i>
</a> -->
<a href="https://twitter.com/AyushGupta3017">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.instagram.com/ayushgupta7434/">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
<a href="#about">
<i class="fa fa-angle-down"></i>
</a>
</div>
</div>
</section>
<section class="about" id="about">
<h2 class="headline">About</h2>
<div class="container">
<div>
<img data-tilt
src="https://firebasestorage.googleapis.com/v0/b/flutterapitest12122002.appspot.com/o/Ayush-1.jpg?alt=media&token=c5af56b2-be2b-4421-9599-68d21dd15f12"
alt="Ayush img" srcset="" style="width: 100%; max-width: 450px; height: auto;">
<!-- old src= ./src/imges/capture.jpg -->
</div>
<div>
<p data-aos="fade-up-right" style="font-size: 1.2em;">
"AI will replace developers," they said. Well, here I am, an AI engineer, creating tools to
augment human capabilities, not replace them. <br><br>
Hi, I'm Ayush Gupta, and I turn AI buzzwords into real-world solutions. <br><br>
As a Software Developer, I specialize in: <br>
1) Developing AI applications that solve actual problems (not just generate cat memes) <br>
2) Fine-tuning large language models (yes, I speak AI's language) <br>
3) Implementing Retrieval-Augmented Generation (RAG) systems (because AI needs a good memory
too) <br>
4) Full-stack development with MERN stack (because sometimes, AI needs a stylish outfit) <br>
</p>
<p data-aos="fade-up-left">
Why connect with me? <br>
• Get insights on practical AI applications in business <br>
• Learn how to bridge the gap between traditional software and AI <br>
• Discover how to stay relevant in the age of AI (spoiler: it's not by fighting it) <br> <br>
Whether you're a tech enthusiast, a business leader curious about AI, or a fellow developer, I'm
always up for a good conversation about the future of technology. <br> <br>
Want to discuss how AI can supercharge your projects without replacing your team? Drop me a
message! <br> <br>
P.S. I promise not to let the AIs take over... at least not until after coffee.
</p>
<a href="https://firebasestorage.googleapis.com/v0/b/flutterapitest12122002.appspot.com/o/Ayush%20Gupta%20Resume.pdf?alt=media&token=a56e6092-8ca3-48b6-94ab-ec2f004f758b"
download>
<button>Download CV</button>
</a><br>
</div>
</div>
</section>
<section class="skills"> <br>
<h2 class="headline">My Skills</h2>
<div class="container">
<div class="progress-bar-wrapper" data-aos="fade-up-right">
<p class="progress-bar-label">HTML/CSS</p>
<div class="progress-bar">
<div class="progress" style="width: 70%;"></div>
</div>
</div>
<div class="progress-bar-wrapper" data-aos="fade-up-left">
<p class="progress-bar-label">JavaScript</p>
<div class="progress-bar">
<div class="progress" style="width: 55%;"></div>
</div>
</div>
<div class="progress-bar-wrapper" data-aos="fade-up-right">
<p class="progress-bar-label">Python</p>
<div class="progress-bar">
<div class="progress" style="width: 75%;"></div>
</div>
</div>
<div class="progress-bar-wrapper" data-aos="fade-up-left">
<p class="progress-bar-label">Java</p>
<div class="progress-bar">
<div class="progress" style="width: 60%;"></div>
</div>
</div>
<div class="progress-bar-wrapper" data-aos="fade-up-right">
<p class="progress-bar-label">Flask</p>
<div class="progress-bar">
<div class="progress" style="width: 70%;"></div>
</div>
</div>
<div class="progress-bar-wrapper" data-aos="fade-up-left">
<p class="progress-bar-label">GIT</p>
<div class="progress-bar">
<div class="progress" style="width: 70%;"></div>
</div>
</div>
<div class="progress-bar-wrapper" data-aos="fade-up-right">
<p class="progress-bar-label">SQL</p>
<div class="progress-bar">
<div class="progress" style="width: 60%;"></div>
</div>
</div>
<div class="progress-bar-wrapper" data-aos="fade-up-left">
<p class="progress-bar-label">Shell Scripting/ Linux</p>
<div class="progress-bar">
<div class="progress" style="width: 55%;"></div>
</div>
</div>
</div>
</section>
<section class="experience">
<h2 class="headline">Experience</h2>
<div class="container">
<div data-aos="fade-up-right">
<h3 class="title">Associate Software Developer</h3>
<p class="time">At Inzint Pvt. Ltd. (Feb 2024- Present)</p>
<p class="discription">
Underwent extensive training in machine learning, deep learning, and GenAI (Transformers),
building 4+ projects
from scratch and gaining hands-on experience with various large language models.
Developed proficiency in 30+ AWS services and utilized complex frameworks to build software
applications.
Engaged in the full software development life cycle process. Collaborated closely with
cross-functional teams to
design and develop architecture for complex AI software, honing skills in team-based software
development.
</p>
</div>
<div data-aos="fade-up-left">
<h3 class="title">AI/ML Trainee</h3>
<p class="time">At Global Infoventures (Oct 2022- April 2023)</p>
<p class="discription">
Advanced expertise in industry-standard software development, leveraging the NVIDIA DGXA100 AI
supercomputer for cutting-edge research in computer vision, AI/ML, and other AI technologies.
Contributed to 5+ research projects, specializing in deep learning and machine learning
techniques, while collaborating with a team of 10+ trainers to drive innovation in AI research.
</p>
</div>
<div data-aos="fade-up-right">
<h3 class="title">Web Developer Trainee</h3>
<p class="time">At DevTown (May2023 - Nov2023)</p>
<p class="discription">
Develop expertise in full stack development, leveraging frontend technologies along with
framework like React and express to create responsive websites and applications. Designed and
deployed 5+ real world projects for clients, while learning about the latest technologies and
frameworks in web development.
</p>
</div>
<div data-aos="fade-up-left">
<h3 class="title">Data Analyst Trainee</h3>
<p class="time">At CRC ABESIT (Sep2022 - Jan2023)</p>
<p class="discription">
Applied Python and data analytics expertise in a 'Data Science and Tools' BootCamp, executing a
machine learning project on 'Stroke Prediction' to address healthcare challenges. Analyzed a
diverse dataset with 11 clinical features using NumPy, Pandas, and data visualization,
implementing ML models like Random Forest and Decision Tree for predictive analysis.
Demonstrated proficiency in exploratory data analysis, feature transformation, and model
evaluation.
</p>
</div>
<!-- <div data-aos="fade-up-left">
<h3 class="title">Accenture Data Analytics & Visualization</h3>
<p class="time">At forage (May2023 - June2023)</p>
<p class="discription">
Developed experties in data analytics and visualization, Leveraging Pandas and Matplotlib to
analyze a dataset of 24000+ records and 7+ features to idetify trends and patterns in the data.
Communicate findings through data visualization to drive business decisions.
</p>
</div> -->
</div>
</section>
<section class="experience education">
<h2 class="headline">Education</h2>
<div class="container">
<div data-aos="fade-up-right">
<h3 class="title">B.Tech</h3>
<p class="time">At ABES Institute of technology (2020-2024)</p>
<p class="discription">
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium distinctio laborum impedit
eaque, quo vel quaerat esse cumque in id? -->
</p>
</div>
<div data-aos="fade-up-left">
<h3 class="title">Class XII</h3>
<p class="time"> Kendriya Vidyalaya (2019-2020)</p>
<p class="discription">
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium distinctio laborum impedit
eaque, quo vel quaerat esse cumque in id? -->
</p>
</div>
</div>
</section>
<section class="experience project">
<h2 class="headline">Projects</h2>
<div class="container">
<div data-aos="fade-up-right">
<h3 class="title">Multi Person Face Recognition</h3>
<p class="time">(Oct 2022- April 2023)</p>
<br>
<p class="description">
a real-time multi-person identification system using machine learning and face recognition
libraries.
</p>
<br>
<a href="https://hub.docker.com/r/ayushgupta3017/face_detection" class="view-project-button">View
Project</a>
</div>
<div data-aos="fade-up-left">
<!-- <img src="project-image.jpg" alt="Project Image"> -->
<h3 class="title">PPE Violation Detection</h3>
<p class="time">(Oct 2022- March 2023)</p>
<br>
<p class="description">
Developed an automatic alert system with 97% accuracy to detect individuals without Personal
Protective Equipment (PPE)
</p>
<br>
<a href="https://hub.docker.com/r/ayushgupta3017/ppe-violation-detection"
class="view-project-button">View Project</a>
</div>
<div data-aos="fade-up-right">
<h3 class="title">Social Buzz</h3>
<p class="time">(May 2023- Jun 2023)</p>
<br>
<p class="description">
Analyzed Social Buzz's content performance data to identify key insights and trends
</p>
<br>
<a href="https://github.com/Anonymous3017/Social_Buzz" class="view-project-button">View Project</a>
</div>
<div data-aos="fade-up-left">
<br>
<h3 class="title">ToDo</h3>
<p class="time">(Jun 2023- July 2023)</p>
<br>
<p class="description">
User Friendly Flask-based ToDo app with login Authentication and CRUD operations
</p>
<br>
<a href="http://ayush042.pythonanywhere.com/" class="view-project-button">View Project</a>
</div>
<div data-aos="fade-up-right">
<h3 class="title">Study Cafe</h3>
<p class="time">(Oct 2022- April 2023)</p>
<br>
<p class="description">
Static website for a library as a business purpose.
</p>
<br>
<a href="https://anonymous3017.github.io/library/" class="view-project-button">View Project</a>
</div>
<div data-aos="fade-up-left">
<h3 class="title">Brain Stroke Prediction</h3>
<p class="time">(Dec 2022- jan 2023)</p>
<br>
<p class="description">
Machine learning model to predict the chances of a person getting a brain stroke.
</p>
<br>
<a href="https://github.com/Anonymous3017/Data-Analysis-on-Stroke-Prediction"
class="view-project-button">View Project</a>
</div>
<div data-aos="fade-up-right">
<h3 class="title">The Focal Point </h3>
<p class="time">(Aug 2022- Dec 2022)</p>
<br>
<p class="description">
Android app built in java using pomodor timer with a focus on productivity.
</p>
<br>
<a href="https://github.com/Anonymous3017/focus-timer" class="view-project-button">View Project</a>
</div>
<div data-aos="fade-up-left">
<h3 class="title">Python Stealer</h3>
<p class="time">(Feb 2023- Mar 2023)</p>
<br>
<p class="description">
A Python script that captures system information and sends it to a Telegram bot.
</p>
<br>
<a href="https://github.com/Anonymous3017/pythonStealer" class="view-project-button">View
Project</a>
</div>
</div>
</section>
<section class="contact"> <br>
<h2 class="headline">Contact Me</h2>
<p style="margin-top: 10vh;">
I'm currently looking for new opportunities, my inbox is always open.<br> Whether you have a question or
just want to say hi, I'll try my best to get back to you!
</p>
<div class="form">
<br><br>
<form action="https://f8th.pythonanywhere.com/sent" method="post" enctype="multipart/form-data">
<input type="text" name="from_name" placeholder="Name" id="from_name" required>
<input type="email" name="from" id="from" placeholder="email" required>
<input type="text" name="subject" id="subject" placeholder="Subject" required>
<textarea name="body" id="body" cols="30" rows="10" placeholder="Your Message" required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</section>
</main>
<footer>
<div>
<p>
Made with <i class="fa fa-heart"></i> by Ayush Gupta.
</p>
</div>
</footer>
<script src="./src/javascript/tilt.jquery.min.js"></script>
<script src="./src/javascript/smooth-scroll.min.js"></script>
<script src="./src/javascript/typed.js"></script>
<script src="./src/javascript/waves.min.js"></script>
<script src="./src/javascript/lettering.min.js"></script>
<script src="./src/javascript/textillate.js"></script>
<script src="./src/javascript/gsap.min.js"></script>
<script src="./src/javascript/ScrollTrigger.min.js"></script>
<script src="./src/javascript/main.js"></script>
<script src="./src/javascript/particlesConfig.js"></script>
</body>
</html>