-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
596 lines (495 loc) · 35.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
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
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
<!-- Developer - Adarsh Maurya -->
<!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">
<meta name="keywords" content="Adarsh Maurya, Adarsh,Adarsh Web Developer,Adarsh onionreads">
<meta name="author" content="Adarsh Maurya">
<meta name="robots" content="index, follow">
<meta name="description"
content="Adarsh, a skilled web developer and programmer, specializes in creating dynamic and user-friendly websites. With a passion for crafting clean and efficient code, Adarsh delivers innovative solutions tailored to clients' specific needs. Explore Adarsh's portfolio and experience his expertise in front-end and back-end development, responsive design, and web application development. Contact Adarsh today to discuss your web development project.">
<meta property="og:title" content="Adarsh Maurya - Web Developer and Programmer">
<meta property="og:description"
content="Adarsh, a skilled web developer and programmer, specializes in creating dynamic and user-friendly websites. With a passion for crafting clean and efficient code, Adarsh delivers innovative solutions tailored to clients' specific needs. Explore Adarsh's portfolio and experience his expertise in front-end and back-end development, responsive design, and web application development. Contact Adarsh today to discuss your web development project.">
<meta property="og:image" content="https://adarshmaurya.onionreads.com/img/adarsh-maurya-new-final-main.jpg">
<meta property="og:url" content="https://adarshmaurya.onionreads.com">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Adarsh Maurya - Web Developer and Programmer">
<meta name="language" content="en-US">
<link rel="canonical" href="https://adarshmaurya.onionreads.com" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@4darsh_Dev">
<meta name="twitter:title" content="Adarsh Maurya - Web Developer and Programmer">
<meta name="twitter:description"
content="Adarsh, a skilled web developer and programmer, specializes in creating dynamic and user-friendly websites.">
<meta name="twitter:image" content="https://adarshmaurya.onionreads.com/img/adarsh-maurya-new-final-main.jpg">
<!-- Social Media Meta Tags -->
<meta property="og:image" content="https://adarshmaurya.onionreads.com/img/adarsh-maurya-new-final-main.jpg">
<meta property="og:title" content="Adarsh Maurya - Web Developer and Programmer">
<meta property="og:description"
content="Adarsh, a skilled web developer and programmer, specializes in creating dynamic and user-friendly websites.">
<meta property="og:url" content="https://adarshmaurya.onionreads.com">
<!-- GitHub -->
<meta property="og:site_name" content="GitHub">
<meta property="og:type" content="website">
<meta property="og:url" content="https://github.com/4darsh-Dev">
<meta property="og:title" content="Adarsh Maurya - GitHub Profile">
<meta property="og:description" content="Check out my GitHub profile for my latest projects and contributions.">
<!-- Instagram -->
<meta property="og:site_name" content="Instagram">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.instagram.com/its_adarsh.me">
<meta property="og:title" content="Adarsh Maurya - Instagram Profile">
<meta property="og:description" content="Follow me on Instagram for behind-the-scenes and updates.">
<!-- LinkedIn -->
<meta property="og:site_name" content="LinkedIn">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.linkedin.com/in/adarsh-maurya-dev/">
<meta property="og:title" content="Adarsh Maurya - LinkedIn Profile">
<meta property="og:description"
content="Connect with me on LinkedIn for professional networking and collaborations.">
<title>Adarsh Maurya - Web Developer and Programmer</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="dynamics.css">
<link rel="stylesheet" href="responsive.css">
<link rel="stylesheet" href="shapes.css">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
</head>
<body>
<header>
<nav id="my-nav">
<input type="checkbox" id="check">
<label id="check-label" for="check" class="checkbtn">
<i class='bx bx-menu'></i>
</label>
<div class="logo">
<p>Portfolio.</p>
</div>
<ul class="menu-list">
<li><a class="font-ss active" href="#home">Home</a></li>
<!-- <li><a class="font-ss" href="#about">About</a></li> -->
<li><a target="_blank" class="font-ss" href="https://www.onionreads.com">Blog</a></li>
<li><a class="font-ss" href="#services">Services</a></li>
<li><a class="font-ss" href="#skills">Skills</a></li>
<li><a class="font-ss" href="#projects">Projects</a></li>
<!-- <li><a class="font-ss" href="#achievements">Achievements</a></li> -->
<li><a class="font-ss" href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main >
<div class="shapes">
<div class="shape shape1"></div>
<div class="shape shape2"></div>
<div class="shape shape3"></div>
<div class="shape shape8"></div>
</div>
<div id="home" class="container main-bg-2">
<div class="sub-box">
<div class="s-box-1">
<div class="s-box-1-ins">
<h3>Hello, It's Me</h3>
<h1>Adarsh Maurya</h1>
<h3>And I'm a <span class="dynamic-txt"></span></h3>
<p class="font-ss">
Hello there, tech-savvy minds and visionary leaders! I'm Adarsh Maurya, a passionate web
developer, programmer, and all-around tech enthusiast, eager to embark on new adventures in
the digital realm. </p>
<div class="contact-links">
<a target="_blank" href="https://www.linkedin.com/in/adarsh-maurya-dev/"><i
class='bx bxl-linkedin'></i></a>
<a href="https://github.com/4darsh-Dev" target="_blank"><i class='bx bxl-github'></i></a>
<a target="_blank" href="https://www.facebook.com/people/Onion-Reads/100089856034775"><i
class='bx bxl-facebook'></i></a>
<a target="_blank" href="#"><i class='bx bxl-instagram'></i></a>
<a target="_blank" href="https://twitter.com/OnionReads"><i class='bx bxl-twitter'></i></a>
</div>
<a href="#contact" class="btn-box font-ss">CONTACT ME </a>
<a target="_blank" href="https://onionreads.com/wp-content/uploads/2024/06/adarsh_maurya_cv-1.pdf" style="margin-left: 12px;" class="btn-box font-ss"> SEE RESUME </a>
</div>
</div>
<div class="s-box-2">
<div class="img-box">
<!-- <img class="prof-img" src="img/home-gif.gif"
alt="Coder Background image"> -->
<video autoplay loop class="prof-img">
<source src="img/home-gif.webm" type="video/webm">
Video unsupported
</video>
</div>
</div>
</div>
<section class="about" id="about">
<div class="about-img">
<img src="img/adarsh-maurya-new-final-main.webp" alt="Adarsh Maurya - Web Developer and Programmer">
</div>
<div class="about-text">
<h2 class="font-head">About <span>Me</span></h2>
<h4>What I do ?</h4>
<p class="about-para">
Hi there! I'm Adarsh Maurya , a web developer, programmer, and entrepreneur fueled by a passion for creating ✨<br>
🚀 I thrive on taking complex challenges and crafting elegant solutions using my diverse skillset (think languages like HTML, CSS, JavaScript, C, C++, Python and frameworks like Django ) <br>
🚀 I specialize in creating dynamic and user-friendly websites that are both visually stunning and highly functional. <br>
🚀 Always up-to-date, I leverage cutting-edge tools like Git, GitHub, Nginx, Gunicorn, and even the wonders of Generative AI (OpenAI API, HuggingFace LLMs) for NLP tasks to stay ahead of the curve. <br>
</p>
</div>
</section>
<section id="services">
<div class="services-container">
<h1 class="sub-title font-head">My <span>Services</span></h1>
<div class="services-list">
<div class="service-card" data-tilt>
<i class='bx bx-code' style='color:var(--blue)'></i>
<h2 class="font-head">Web Dev & APIs</h2>
<p class="font-ss">Creating Modern Websites Frontend using HTML, CSS, JavaScript and ReactJS. Powerful RESTful API's using python high level Django Rest Framework (DRF) with SQL based databases like MySQL, PostgreSQL, etc. For Web Apps and E-commerce platforms using Django and DRF with ReactJS.</p>
<a href="#" class="read">Learn more</a>
</div>
<div class="service-card" data-tilt>
<i class='bx bxs-brain' style='color:var(--blue)'></i>
<h2 class="font-head">Gen AI Apps</h2>
<p class="font-ss">Harness the power of AI to Create Chatbots, LLM Applications, Recommendation Systems, Personal Assistant empowering your Business. Creating chatbot based on Retrieval Augmented Generation (RAG) using modern tools like Vector Databases, langchain and HuggingFace Models(BERT, Llama) and OpenAI.</p>
<a href="#" class="read">Learn more</a>
</div>
<div class="service-card" data-tilt>
<i class='bx bxl-apple' style='color:var(--blue)'></i>
<h2 class="font-head">UI/UX Design</h2>
<p class="font-ss">Enhance user satisfaction and drive conversions with our intuitive and visually appealing designs using Figma, Canva, and other modern AI tools. Create wireframes, mockups, and prototypes for websites and mobile apps.</p>
<a href="#" class="read">Learn more</a>
</div>
</div>
</div>
</section>
<h1 class="sub-title font-head">My <span>Skills🎯</span></h1>
<section>
<div class="skill-container" id="skills">
<h1 class="heading1 font-ss">Technical Skills</h1>
<div class="technical-bars font-head">
<div class="bar font-ss"><i class='bx bxl-html5' style='color:#c95d2e'></i>
<div class="info">
<span>HTML</span>
</div>
<div class="progress-line html">
<span></span>
</div>
</div>
<div class="bar"><i class='bx bxl-css3' style='color:#147bbc'></i>
<div class="info">
<span>CSS</span>
</div>
<div class="progress-line css">
<span></span>
</div>
</div>
<div class="bar"><i class='bx bxl-javascript' style='color:#b0bc1e'></i>
<div class="info">
<span>JavaScript</span>
</div>
<div class="progress-line JavaScript">
<span></span>
</div>
</div>
<div class="bar">
<div class="info"><i class='bx bxl-python' style='color:#c32ec9'></i>
<div class="div-py">Python</div>
</div>
<div class="progress-line Python">
<span></span>
</div>
</div>
<div class="bar"><i class='bx bxl-django' style='color:#388019fc'></i>
<div class="info">
<span>Django</span>
</div>
<div class="progress-line Django">
<span></span>
</div>
</div>
<div class="bar"><img class="bx bxl-python" height="32px" src="img/c-program.svg" alt="C">
<div class="info">
<span>C</span>
</div>
<div class="progress-line C">
<span></span>
</div>
</div>
</div>
</div>
<div class="skill-container">
<h1 class="heading1 font-head">Professional Skills</h1>
<div class="radial-bars">
<div class="radial-bar font-ss">
<svg x="0px" y="0px" viewbox="0 0 200 200">
<circle class="progress-bar" cx="100" cy="100" r="80"></circle>
<circle class="path path-1" cx="100" cy="100" r="80"></circle>
</svg>
<div class="percentage">90%</div>
<div class="text">"Creativity</div>
</div>
<div class="radial-bar">
<svg x="0px" y="0px" viewbox="0 0 200 200">
<circle class="progress-bar" cx="100" cy="100" r="80"></circle>
<circle class="path path-2" cx="100" cy="100" r="80"></circle>
</svg>
<div class="percentage">60%</div>
<div class="text">Communication</div>
</div>
<div class="radial-bar">
<svg x="0px" y="0px" viewbox="0 0 200 200">
<circle class="progress-bar" cx="100" cy="100" r="80"></circle>
<circle class="path path-3" cx="100" cy="100" r="80"></circle>
</svg>
<div class="percentage">85%</div>
<div class="text">Problem Solving</div>
</div>
<div class="radial-bar">
<svg x="0px" y="0px" viewbox="0 0 200 200">
<circle class="progress-bar" cx="100" cy="100" r="80"></circle>
<circle class="path path-4" cx="100" cy="100" r="80"></circle>
</svg>
<div class="percentage">80%</div>
<div class="text">Team Work</div>
</div>
</div>
</div>
</section>
<section id="projects" class="projects">
<h2 class="font-head">Latest <span>Projects <i class='bx bxs-rocket'></i></span></h2>
<div class="project-container">
<div class="project-card" data-tilt>
<img src="img/cogniguard-cert.webp" alt="CogniGuard">
<h3>CogniGuard </h3>
<p>A web extension for detecing and combatting dark patterns on various websites, particularly focusing on E-commerce platforms. Ensuring users a transparent and ethical online experience. Powered by a Django API containing Fine-Tuned BERT (LLM) on dark-pattern labelled textual-data. Features include Chrome Web Extension, Django API, Crowdsource Database for Dark Pattern Reports.</p>
<p><b>Tech Stack: </b>HTML, CSS, JavaScript, Django, DRF(API), PyTorch, HuggingFace, Deep Learning , Transformers, Python-NLTK, MySQL, Reddis-server, celery, PostgreSQL</p>
<div class="project-links">
<a target="_blank" href="https://github.com/4darsh-Dev/CogniGaurd" class="btn-box font-ss">GitHub </a>
<a target="_blank" href="https://cogniguard.onionreads.com/" class="btn-box font-ss">Live </a>
</div>
</div>
<div class="project-card" data-tilt>
<img src="img/medicure-cert.webp" alt="Medicure RAG Chatbot">
<h3>Medicure RAG Chatbot</h3>
<p>A Medical assitant Chatbot using Retrieval Augmented Generation powered by Meta Llama2-7b LLM quantized Model. The Web App is built using streamlit and deployed on huggingface hub spaces. Uses Pinecone Vector database, langchain and Setence-transformers embedding model. </p>
<p><b>Tech Stack: </b>Python, Pincecone, Langchain, Llama (LLM) PyTorch, Transformers, Hugging Face API,Deep Learning, Natural Language Processing>
<div class="project-links">
<a target="_blank" href="https://github.com/4darsh-Dev/medicure-rag-chatbot/" class="btn-box font-ss">GitHub </a>
<a target="_blank" href="https://huggingface.co/spaces/4darsh-Dev/medicure" class="btn-box font-ss">Live</a>
</div>
</div>
<div class="project-card" data-tilt>
<img src="img/project-muskanai.webp" alt="MuskanAi">
<h3>MuskanAi</h3>
<p>A digital assitant which has full automation capabilties of Nautral Language Understanding and speech input and output along with Emotional Intelligence and Web Browsing also perform day to day activities like Sending message,answering calls, etc. Uses Fine-Tuned Deep Learning Large Languae Model (LLMs) for Emotional Understading and Question Answering.</p>
<p><b>Tech Stack: </b>HTML, CSS, JavaScript, Django,Sqlit3, PyTorch, Transformers, LLMs Hugging Face API,Deep Learning, Speech Recognition</p>
<div class="project-links">
<a target="_blank" href="#" class="btn-box font-ss">Devfolio </a>
<a target="_blank" href="https://github.com/4darsh-Dev/MuskanAi/" class="btn-box font-ss">GitHub </a>
</div>
</div>
<div class="project-card" data-tilt>
<img src="img/solve-ease-cert.webp" alt="Solve-Ease">
<h3>Solve-Ease Website</h3>
<p>A FrontEnd website for Solve-Ease Community with home, about, contact, testimonials and Other pages. It is built using modern JS libraries like AOS(Aniamte on scroll), Anime.js and three.js for 3D components. </p>
<p><b>Tech Stack: </b>HTML, SASS, JavaScript, ReactJS, Github Actions</p>
<div class="project-links">
<a target="_blank" href="https://github.com/solve-ease/official-website" class="btn-box font-ss"> GitHub </a>
<a target="_blank" href="https://solve-ease.github.io/official-website/" class="btn-box font-ss">Live </a>
</div>
</div>
<div class="project-card" data-tilt>
<img src="img/nyaysarathi-cert.webp" alt="NyaySarathi Web">
<!-- <img src="candid-connect.jpg" alt="Candid Connect"> -->
<h3>NyaySarathi</h3>
<p>A web platform for spreading legal awareness powered by AI chatbot built using OpenAI API and a crowdsource database for user response collection.User Auth System, Chat History and Contact Form.</p>
<p><b>Tech Stack: </b>HTML, CSS, JavaScript, Django, Python, OpenAI API, MySQL, GuniCorn, Nginx, AWS EC-2</p>
<div class="project-links">
<a target="_blank" href="https://github.com/4darsh-Dev/NyaySarathi/" class="btn-box font-ss">GitHub </a>
<a target="_blank" href="https://nyay-sarathi.vercel.app" class="btn-box font-ss">Live</a>
</div>
</div>
<div class="project-card" data-tilt>
<img src="img/flavormaster-cert.webp" alt="FlavorMaster Web">
<!-- <img src="candid-connect.jpg" alt="Candid Connect"> -->
<h3>FlavorMaster</h3>
<p>A web platform for finding recipes with their details such as preparation time, ingredients ,etc. Include About, Contact and Services Page </p>
<p><b>Tech Stack: </b>HTML, CSS, JavaScript, Django, Sqite3</p>
<div class="project-links">
<a target="_blank" href="https://github.com/4darsh-Dev/recipe-Chatbot-web" class="btn-box font-ss">GitHub </a>
<a target="_blank" href="https://flavormaster-web.vercel.app" class="btn-box font-ss">Live</a>
</div>
</div>
<div class="project-card" data-tilt>
<img src="img/ayurvichar-cert.webp" alt="Ayurvichar Web">
<!-- <img src="candid-connect.jpg" alt="Candid Connect"> -->
<h3>Ayurvichar</h3>
<p>A web platform for finding Phenotype of a person as per Ayurveda Tridosha theory(Vatta+Kappa+Pitta) and suggesting lifestyle according to their phenotype to cure diseases and promote healthy living.</p>
<p><b>Tech Stack: </b>HTML, CSS, JavaScript, Django, Sqlite3</p>
<div class="project-links">
<a target="_blank" href="https://devfolio.co/projects/nyaysarathi-laws-made-simpler-45ab" class="btn-box font-ss">Devfolio</a>
<a target="_blank" href="https://github.com/4darsh-Dev/NyaySarathi" class="btn-box font-ss">GitHub </a>
</div>
</div>
<div class="project-card" data-tilt>
<img src="img/jyoti-maurya-cert.webp" alt="Doctor Portfolio">
<!-- <img src="candid-connect.jpg" alt="Candid Connect"> -->
<h3>Doctor's Portfolio</h3>
<p>A medical professional portfolio website containing about section, Blog Post (from WordPres) and Contact Form.</p>
<p><b>Tech Stack: </b>HTML, CSS, JavaScript</p>
<div class="project-links">
<a target="_blank" href="https://github.com/4darsh-Dev/portfolio-Doctor" class="btn-box font-ss">GitHub </a>
<a target="_blank" href="https://jyotimaurya.onionreads.com/" class="btn-box font-ss">Live</a>
</div>
</div>
<div class="project-card" data-tilt>
<img src="img/ericmusic-cert.webp" alt="EricMusic Web">
<!-- <img src="candid-connect.jpg" alt="Candid Connect"> -->
<h3>EricMusic</h3>
<p>A music player website named Eric Music.</p>
<p><b>Tech Stack: </b>HTML, CSS, JavaScript</p>
<div class="project-links">
<a target="_blank" href="https://4darsh-dev.github.io/ericMusicProject/" class="btn-box font-ss">Devfolio</a>
<a target="_blank" href="https://github.com/4darsh-Dev/ericMusicProject" class="btn-box font-ss">GitHub </a>
</div>
</div>
</div>
</section>
<!-- Education section for the protfolio -->
<section id="achievements" class="certifications">
<h2 class="font-head">My <span>Certifcates <i class='bx bxs-bookmark-star'></i></span></h2>
<div id="cert-contain" class="certification-container">
<div class="certification-card">
<img src="img/dpbh-round2-cert.webp" alt="DPBH 2023 ">
<h3>Certificate of Appreciaton DPBH</h3>
<p>Worked on Project CogniGuard and built a Solution for Dark pattern Detection using Web and Deep Learning Technologies. Dark Pattern Buster Hackathon 2023 was organized by Ministry of Consumer Affairs and IITBHU. </p>
<a target="_blank" href="https://onionreads.com/wp-content/uploads/2024/07/Round-2-Appreciation-Certficate-251-475-page159.pdf"
class="btn-box font-ss">View</a>
</div>
<div class="certification-card">
<img src="img/genai-cert.webp" alt="Generative Ai Inueron">
<h3>Foundational Generative AI by Ineuron.ai</h3>
<p>Learnt Foundational Gen AI and Deep Learning Neural networks, OpenAI API, LLMs , Huggingface, Langchain, Vector Databases like Pinecone and ChromaDB, Retrieval Augmented Generation, LLama2(llm) and build real world projects. </p>
<a target="_blank" href="https://learn.ineuron.ai/certificate/2ed04f73-39fc-4e19-aa24-265e81b94a43"
class="btn-box font-ss">View</a>
</div>
<div class="certification-card">
<img src="img/cert-harvard.jpeg" alt="Havard University CS50">
<h3>CS50x Certificate by Harvad University</h3>
<p>It taught me about SQL, Data Structures, Python (Programming Language), Flask ,Algorithms , C
(Programming Language)</p>
<a target="_blank" href="https://cs50.harvard.edu/certificates/dba45dd1-2054-44df-a1b0-b3f5b10fc2d1"
class="btn-box font-ss">View</a>
</div>
<div class="certification-card">
<img src="img/cert-hackcbs6.jpeg" alt="HackCBS Certification">
<h3>HackCBS6.0 Participant</h3>
<p>Particpated in Hackathon organized by Saheed Sukhdev College of Businsess Studies(DU) and worked on Ayurvichar project.</p>
<a target="_blank" href="https://onionreads.com/wp-content/uploads/2023/12/HackCBS6.0-participant-Adarsh-Maurrya.pdf" class="btn-box font-ss">View </a>
</div>
<div class="certification-card">
<img src="https://onionreads.com/wp-content/uploads/2023/12/Adarsh-Maurya-HackwithMAIT4.0-certficate.png" alt="Adarsh-Maurya-HackwithMAIT4 Certification">
<h3>HackwithMAIT4 Participant</h3>
<p>Particpated in Hackathon organized by Maharaja Agrsen Institude of Technologya and worked on NyaySarathi project.</p>
<a target="_blank" href="https://onionreads.com/wp-content/uploads/2023/12/Adarsh-Maurya-HackwithMAIT4.0-certficate.png" class="btn-box font-ss">View </a>
</div>
<div class="certification-card">
<img src="img/cert-ratatype.webp" alt="RataType Certification">
<h3>RataType Certificate</h3>
<p>RataType Touch Typing certificate.</p>
<a target="_blank" href="https://www.ratatype.com/u6009748/certificate/en_new/" class="btn-box font-ss">View </a>
</div>
<div class="certification-card">
<img src="img/cert-python-final.webp" alt="Python Certification">
<h3>Python Certificate </h3>
<p>Python certificate by HackerRank.</p>
<a target="_blank" href="https://www.hackerrank.com/certificates/438391703808" class="btn-box font-ss">View </a>
</div>
<div class="certification-card">
<img src="img/cert-js-final.webp" alt="JavaScript Certification">
<h3>JavaScript Certificate</h3>
<p>JavaScript certificate by HackerRank.</p>
<a target="_blank" href="https://www.hackerrank.com/certificates/f76684450efd" class="btn-box font-ss">View </a>
</div>
</div>
</section>
<section class="education">
<h2 class="font-head">My <span>Education <i class='bx bx-code-alt'></i></span></h2>
<div class="school">
<h3>Keshav Mahavidyalaya (University of Delhi)</h3>
<p>Bachelor of Science in Computer Science Honors<br>
September 2023 - July 2027</p>
<p class="school-para2">Learned C++ and Python Programming languages and core computer science concepts.</p>
<p class="school-para2">Particpated in various Hackathons such as 🔹 Smart India Hackathon (SIH), 2023
🔹 hackCBS6.0, 2023
🔹 HackwithMAIT4.0, 2023
🔹 Dark Pattern Buster Hackathon (DPBH), 2023
🔹 hackJNU3.0, 2024</p>
</div>
<div class="school">
<h3>Central Hindu Boys School BHU, Varanasi</h3>
<p>Schooling</p>
<p class="school-para2">Stream : Physics, Chemistry, Mathematics</p>
<p class="school-para2">Acheived 95.5% in CBSE X Boards.</p>
<p class="school-para2">Participated in CodeX Fenestra '23 by DPS Varansi.</p>
</div>
</section>
<section class="contact" id="contact">
<div class="contact-text">
<h2 class="font-head">Contact <span>Me</span></h2>
<h4>Let's work Together</h4>
<p class="font-ss"> <b>Are you in search of a creative mastermind to drive your web development
projects to new heights? Look no further!</b><br>
Together, we can transform ideas into captivating digital experiences that leave a lasting
impact. Let's harness the power of innovation, fueled by cutting-edge technologies, and create a
future that's both user-friendly and visually stunning.
</p>
<div class="contact-list">
<h3><i class='bx bxs-send'></i> adarsh@<span><a class="contact-h3-link" href="https://www.onionreads.com/">onionreads</a>
</span>.com</h3>
</div>
<div class="contact-links">
<a target="_blank" href="https://www.linkedin.com/in/adarsh-maurya-dev/"><i
class='bx bxl-linkedin'></i></a>
<a href="https://github.com/4darsh-Dev" target="_blank"><i class='bx bxl-github'></i></a>
<a target="_blank" href="https://www.kaggle.com/adarshm09"> <img style="width: 12px;" src="/img/kaggle-brands-solid.svg" alt="k"></a>
<a target="_blank" href="https://www.instagram.com/its_adarsh.me/"><i class='bx bxl-instagram'></i></a>
<a target="_blank" href="https://twitter.com/4darsh_Dev"><i class='bx bxl-twitter'></i></a>
</div>
</div>
<div class="contact-form">
<form action="mailto:[email protected]?subject=Portfolio%20Inquiry" method="POST">
<input name="name" type="text" placeholder="Enter your name" required>
<input name="email" type="email" placeholder="Enter your email" required>
<input name="subject" type="text" placeholder="Subject" required>
<textarea name="message" id="message" cols="40" rows="10" placeholder="Description"></textarea>
<input type="submit" value="Submit" class="send">
</form>
</div>
<button id="back-to-top" class="back-to-top">
<svg class="progress-ring" width="50" height="50">
<circle class="progress-ring__circle" stroke="white" stroke-width="4" fill="transparent" r="20" cx="25" cy="25"/>
</svg>
<i class='bx bx-up-arrow-alt'></i>
</button>
</section>
</div>
<div class="cursor-outer"></div>
<div class="cursor-inner"></div>
</main>
<footer>
<div class="last-text main-bg-1">
<p class="font-ss">Designed & Developed with <i id="heart" class=' bx bxs-heart'></i> Love by Adarsh Maurya © 2024
</p>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-tilt.min.js"></script>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="/script.js"></script>
<script src="/animations.js"></script>
<script src="/shapes.js"></script>
<script src="/projects.js"></script>
<script src="/certificates.js"></script>
</body>
</html>