-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
512 lines (489 loc) · 26.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arya Vishal: Data Science</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- Font Awesome for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<!-- introduction -->
<section id="intro" class="py-5" style="background-color:#f9d5d5;">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="intro-text mt-5 ml-3 ">
<h2>Arya Vishal</h2>
<p>I'm a passionate Software Engineering and Data Scientist, dedicated to leveraging data-driven insights to
create impactful solutions. With expertise in both data science and front-end technologies, I bring a
unique blend of analytical skills and creative problem-solving to every project.</p>
<a href="https://www.linkedin.com/in/vishalarya1706/" class="btn btn-primary">Contact Me</a>
</div>
</div>
<!-- <div class="col-md-1"></div> -->
<div class="col-md-4">
<img src="img\profile.png" alt="Profile Image" class="img-fluid rounded-circle">
</div>
</div>
</div>
</section>
<!-- Education Section -->
<section id="education" class="py-5" style="background-color: #c7c0c0;">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="text-dark">Education</h2>
<div class="divider" style="background-color: #007bff;"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="timeline">
<!-- Timeline Item 1: Current College -->
<div class="timeline-item">
<div class="timeline-icon">
<i class="fas fa-graduation-cap"></i>
</div>
<div class="timeline-content">
<h4>Nirma University</h4>
<h5>Institute of Technology,Nirma University</h5>
<p>Bachelor's in Computer Science and Engineering</p>
<p>Expected Graduation: 2025</p>
</div>
</div>
<!-- Timeline Item 2: Past College -->
<div class="timeline-item">
<div class="timeline-icon">
<i class="fas fa-graduation-cap"></i>
</div>
<div class="timeline-content">
<h4>Gujarat Technological University</h4>
<h5>Aditya Silver Oak Institute of Technology</h5>
<p>Diploma in Information Technology</p>
<p>Graduated: 2022</p>
</div>
</div>
<!-- Timeline Item 3: Past School -->
<div class="timeline-item">
<div class="timeline-icon">
<i class="fas fa-school"></i>
</div>
<div class="timeline-content">
<h4>Gujarat Secondary and Higher Secondary Education Board</h4>
<h5>Shah V. H. H. HighSchool</h5>
<p>High School Diploma</p>
<p>Pass Out: 2018</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Add the following CSS to your style.css file -->
<!-- project Section -->
<section class="features_area" style="background-color: #5c5f54b4;">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="main_title">
<h2>My Projects</h2>
<p>Check out some of the projects I've worked on.</p>
</div>
</div>
</div>
<div class="row feature_inner">
<!-- Marine Debris -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center h-100">
<img src="img/Projects/Marine-Debris.png" alt="Marine Debris Detection" class="img-fluid mb-3">
<h4>Floating Marine Debris Detection Using Remote Sensing Data</h4>
<p class="text-muted">I have implemented a floating marine debris detection system using the
MARIDA dataset, a benchmark dataset available online. Leveraging satellite imagery and advanced
machine learning techniques, the system efficiently identifies and monitors debris in real-time,
significantly contributing to marine pollution management and environmental protection.</p>
<a href="" target="_blank"
class="btn btn-primary">View Details</a>
</div>
</div>
<!-- Machine Transation -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center h-100">
<img src="img/Projects/Machine-Translation.jpg" alt="Machine Translation" class="img-fluid mb-3">
<h4>French-to-English Machine Translation</h4>
<p class="text-muted">
I developed a machine translation system for converting French text to English. By employing state-of-the-art neural networks and natural language processing techniques, this system delivers accurate and fluent translations, enhancing communication across languages.
</p>
<a href="https://github.com/aryaVishal1706/French-to-English-Machine-Translation" target="_blank"
class="btn btn-primary">View Details</a>
</div>
</div>
<!-- Customer Churn Detection -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center h-100">
<img src="img/Projects/Customer_churn_detection.jpg" alt="Customer Churn Detection"
class="img-fluid mb-3">
<h4>Customer Churn Detection</h4>
<p class="text-muted">Detecting customer churn using predictive analytics and machine learning
techniques.</p>
<a href="https://github.com/aryaVishal1706/Customer-Churn-Detection" target="_blank"
class="btn btn-primary">View Details</a>
</div>
</div>
<!-- Portfolio Website -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center h-100">
<img src="img/Projects/Portfolio.jpg" alt="Portfolio Website" class="img-fluid mb-3">
<h4>Portfolio Website</h4>
<p class="text-muted">Designing and developing a personal portfolio website using HTML, CSS, and
JavaScript.</p>
<a href="https://github.com/aryaVishal1706/Portfolio-Website" target="_blank"
class="btn btn-primary">View Details</a>
</div>
</div>
<!-- Cats vs Dog Classification -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center h-100">
<img src="img/Projects/Dog_vs_Cat.jpg" alt="Cats vs Dog Classification"
class="img-fluid mb-3">
<h4>Cats vs Dog Classification</h4>
<p class="text-muted">Classifying images of cats and dogs using deep learning techniques.</p>
<a href="https://github.com/aryaVishal1706/Cats-vs-Dogs " target="_blank"
class="btn btn-primary">View Details</a>
</div>
</div>
<!-- Handwritten Digit Classification -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center h-100">
<img src="img/Projects/Digit_Recognization.jpg" alt="Handwritten Digit Classification"
class="img-fluid mb-3">
<h4>Handwritten Digit Classification</h4>
<p class="text-muted">Recognizing handwritten digits using convolutional neural networks.</p>
<a href="https://github.com/aryaVishal1706/Handwritten-Digit-Classification" target="_blank"
class="btn btn-primary">View Details</a>
</div>
</div>
<!-- Olympic Prediction -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center h-100">
<img src="img/Projects/Olypmpic_prediction.jpg" alt="Olympic Prediction"
class="img-fluid mb-3">
<h4>Olympic Prediction</h4>
<p class="text-muted">Predicting the outcomes of Olympic events using machine learning models.
</p>
<a href="https://github.com/aryaVishal1706/OLYMPIC-PREDICTION" target="_blank"
class="btn btn-primary">View Details</a>
</div>
</div>
<!-- CV-Builder -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center h-100">
<img src="img/Projects/CV_Builder.jpg" alt="CV-Builder" class="img-fluid mb-3">
<h4>CV-Builder</h4>
<p class="text-muted">Building professional resumes and CVs using web-based tools.</p>
<a href="https://github.com/aryaVishal1706/CV-Builder" target="_blank"
class="btn btn-primary">View Details</a>
</div>
</div>
<!--Contact List Management -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center h-100">
<img src="img/Projects/contact-management.png" alt="Contact List Management"
class="img-fluid mb-3">
<h4>Contact List Management System</h4>
<p class="text-muted"> This project provides a robust contact list management system implemented in C, designed to handle a large number of contacts efficiently. By utilizing a tree data structure, the system ensures fast and effective search capabilities, making it user-friendly and scalable.</p>
<a href="https://github.com/aryaVishal1706/Contact-List/tree/main" class="btn btn-primary" target="_blank">View Details</a>
</div>
</div>
</div>
</div>
</section>
<!-- Certificate Section -->
<section class="features_area" style="background-color: #8367676a;">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="main_title">
<h2>My Certificates</h2>
<p>Take a look at some of the certifications I've achieved.</p>
</div>
</div>
</div>
<div class="row feature_inner">
<!-- Certificate 0 -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center">
<img src="img\Certificates\L2FDHDUVR878.png" alt="Certificate 1"
class="img-fluid mb-3">
<h4>Unsupervised Learning, Recommenders, Reinforcement Learning</h4>
<p class="text-muted">
I have learned how to uncover hidden patterns in data using unsupervised learning, build personalized recommendation systems, and optimize decision-making with reinforcement learning. I’ve developed practical skills in data analysis, recommendation design, and training AI agents.
</p>
<p class="text-muted">Course: <a
href="https://coursera.org/share/b8f11d4d71cbe24f870b6b380e734a75" target="_blank">View
Certificate</a></p>
</div>
</div>
<!-- Certificate 1 -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center">
<img src="img/Certificates/Coursera 58PGPR3ESKW4_page-0001.jpg" alt="Certificate 1"
class="img-fluid mb-3">
<h4>Supervised Machine Learning: Regression and Classification</h4>
<p class="text-muted">Mastered supervised machine learning techniques, focusing on regression
and classification algorithms. Explored topics such as linear regression, logistic
regression, decision trees, and ensemble methods.</p>
<p class="text-muted">Course: <a
href="https://coursera.org/share/b97768d47a7651198663120d1a8498f3" target="_blank">View
Certificate</a></p>
</div>
</div>
<!-- Certificate 2 -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center">
<img src="img/Certificates/2ND_IN_MINED_HACKATHON_CERTIFICATE_page-0001.jpg"
alt="Certificate 2" class="img-fluid mb-3">
<h4>Mind Hackathon</h4>
<p class="text-muted">Secured the 2nd runner-up position in the Mind Hackathon organized by
Nirma University. Collaborated with a team to develop innovative solutions and demonstrated
strong problem-solving and teamwork skills.</p>
</div>
</div>
<!-- Certificate 3 -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center">
<img src="img/Certificates/GenerateOnlineTraningCertificate_page-0001.jpg"
alt="Certificate 3" class="img-fluid mb-3">
<h4>E-Series Course by Universal Robot</h4>
<p class="text-muted">Completed an intensive E-Series course provided by Universal Robot,
focusing on practical applications of robotic arm technology. Developed proficiency in
programming and operating robotic arms for various industrial tasks.</p>
</div>
</div>
<!-- Certificate 4 -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="feature_item text-center">
<img src="img/Certificates/BlockChain Technology.jpg" alt="Certificate 4"
class="img-fluid mb-3">
<h4>Block Chain Technology</h4>
<p class="text-muted">Gained foundational knowledge of blockchain technology, covering key
concepts such as cryptography, distributed ledger technology, and smart contracts. Explored
potential applications in finance, supply chain management, and beyond.</p>
</div>
</div>
<!-- Add more certificates as needed -->
</div>
</div>
</section>
<!-- About -->
<section id="about" class="py-5" style="background-color: #23483496;">
<div class="container rounded shadow-lg" style="background-color: #ffffff;">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="text-dark animated fadeInDown">About Me</h2>
<div class="divider" style="background-color: #007bff;"></div>
<div class="lead animated fadeInUp" style="color: #333;">
<p>Welcome to my portfolio!</p>
<p>
I'm Arya Vishal, a Computer Engineer with a deep-seated passion for data science and cutting-edge technology. My journey began in the vibrant city of Ahmedabad, where I became fascinated with computers and coding at a young age. From dismantling gadgets to exploring complex programming concepts, I've always been driven by a curiosity to solve problems and create innovative solutions.
</p>
<p>
I hold a Diploma in Information Technology from Aditya Silver Oak Institute of Technology, which provided me with a strong foundation in computer systems and programming. I further advanced my knowledge at Nirma University, where I specialized in Computer Science and Engineering, mastering both theoretical and practical aspects of the field.
</p>
<p>
My academic background and hands-on experience led me to discover the transformative power of data science and artificial intelligence. I am passionate about leveraging these technologies to drive positive change, solve complex problems, and make data-driven decisions that have a real impact on society.
</p>
<p>
Throughout my career, I have worked on diverse projects that highlight my technical proficiency and creativity. From developing a chatbot to assist college students to creating an intuitive CV builder, I strive to enhance user experiences and streamline processes through innovative technology solutions.
</p>
<p>
As I look to the future, I am excited to bring my expertise, creativity, and enthusiasm for data science to a dynamic organization. I am eager to collaborate, innovate, and contribute to impactful projects that drive success and growth.
</p>
<p>
If you have any suggestions or opportunities, please feel free to reach out. I am always open to new discussions and collaborations!
</p>
<p>
Thank you for visiting my portfolio.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Skills Section -->
<section id="skills" class="skills" >
<div class="container" data-aos="fade-up">
<div class="section-title m-3">
<h2 class="text-dark animated fadeInDown mt-3 text-center">My Skills</h2>
<div class="divider" style="background-color: #007bff;"></div>
</div>
<div class="row skills-content">
<div class="col-lg-6">
<div class="progress">
<span class="skill">Python <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0"
aria-valuemax="90"></div>
</div>
</div>
<div class="progress">
<span class="skill">C <i class="val">80%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0"
aria-valuemax="80"></div>
</div>
</div>
<div class="progress">
<span class="skill">C++ <i class="val">85%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0"
aria-valuemax="85"></div>
</div>
</div>
<div class="progress">
<span class="skill">Java <i class="val">85%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0"
aria-valuemax="85"></div>
</div>
</div>
<div class="progress">
<span class="skill">Basic Website Designing (HTML, CSS, JavaScript) <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0"
aria-valuemax="90"></div>
</div>
</div>
<div class="progress">
<span class="skill">Innovation <i class="val">80%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0"
aria-valuemax="80"></div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="progress">
<span class="skill">PHP <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0"
aria-valuemax="90"></div>
</div>
</div>
<div class="progress">
<span class="skill">Machine Learning <i class="val">85%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0"
aria-valuemax="85"></div>
</div>
</div>
<div class="progress">
<span class="skill">Deep Learning <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0"
aria-valuemax="90"></div>
</div>
</div>
<div class="progress">
<span class="skill">Neural Networks <i class="val">70%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0"
aria-valuemax="70"></div>
</div>
</div>
<div class="progress">
<span class="skill">SQL <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0"
aria-valuemax="90"></div>
</div>
</div>
<div class="progress">
<span class="skill">Problem-solving <i class="val">95%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0"
aria-valuemax="95"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-5" style="background-color: rgb(244, 233, 229);">
<div class="container">
<div class="row">]
<!-- <div class="col-md-6 mx-auto text-center">
<img src="img/Contact.jpg " class="img-fluid rounded-circle" alt="Image"
style="max-width: 300px; height: auto;">
</div> -->
<div class="col-md-12 mx-auto">
<div class="card p-4 animated slideInLeft contact-card">
<div class="card-body">
<h3 class="text-center">Contact Me</h3>
<br />
<li>[email protected]</li>
<br />
<li>+91 7984832995</li>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<footer class="text-white text-center py-3" style="background-color: black;">
<div class="container">
<div class="row">
<div class="col-md-12">
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="list-inline">
<!-- Social media links -->
<li class="list-inline-item">
<a href="https://github.com/aryaVishal1706" target="_blank" class="text-white">
<i class="fab fa-github fa-lg mr-2 footer-icon"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://codeforces.com/profile/vishal1706" target="_blank" class="text-white">
<i class="fas fa-code fa-lg mr-2 footer-icon"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.linkedin.com/in/vishalarya1706/" target="_blank" class="text-white">
<i class="fab fa-linkedin fa-lg mr-2 footer-icon"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.instagram.com/vishalarya1706" target="_blank" class="text-white">
<i class="fab fa-instagram fa-lg mr-2 footer-icon"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://twitter.com/vishalarya1706" target="_blank" class="text-white">
<i class="fab fa-twitter fa-lg mr-2 footer-icon"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>© 2024 Arya Vishal.
<br>All rights reserved</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap JS and jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>