-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
895 lines (892 loc) · 37.7 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
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Portfolio website for Shaifil Maknojia" />
<meta name="author" content="Shaifil Maknojia" />
<title>SM - Portfolio</title>
<link rel="icon" type="image/x-icon" href="./assets/images/portfolio/favicon_new.ico" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Crimson+Pro" />
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />
<!-- MDB -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
</head>
<!-- HEADER START -->
<header>
<nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top">
<!-- Toggle button for small screens showing the nav bar -->
<div class="text-center">
<button
class="navbar-toggler"
type="button"
data-mdb-toggle="collapse"
data-mdb-target="#navbarRightAlignExample"
aria-controls="navbarRightAlignExample"
aria-expanded="false"
aria-label="Toggle navigation"
>
SM
<i class="fas fa-bars text-center"></i>
</button>
</div>
<!-- Container wrapper -->
<div class="container-fluid">
<!-- Collapsible wrapper -->
<div class="collapse navbar-collapse" id="navbarRightAlignExample">
<!-- Left links -->
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#interests">Interests</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#connect">Connect</a>
</li>
<li class="nav-item me-5">
<a
class="nav-link"
style="color: #1ec521 !important"
href="./assets/Saifil_SD_Resume.pdf"
target="_blank"
download
><i class="fa-solid fa-cloud-arrow-down"></i>
<sub><b>CV</b></sub>
</a>
</li>
</ul>
<!-- Left links -->
</div>
<!-- Collapsible wrapper -->
</div>
<!-- Container wrapper -->
</nav>
</header>
<!-- HEADER END -->
<body style="background-color: #e5e5e5">
<section id="home">
<div class="container pt-3 pb-3">
<div class="row justify-content-center">
<div class="col-md-6 d-flex justify-content-center">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="./assets/images/portfolio/profile-pic.jpg" style="width: 400px; height: auto" />
<div class="mask"></div>
</div>
</div>
<div class="col-md-6 d-flex align-items-center">
<p class="fs-5">
Hey there! I am <b class="fs-4" style="color: black">Shaifil Maknojia</b>. A bit about me... I am a Software Developer <a href="https://www.esri.com/en-us/home"> @ESRI</a> working on the ArcGis Knowledge Graphs product. Although I have worked on Full Stack development in the past, I incline more toward working on Server side development. Outside of work and profession, my interests lie in Football, Finance, and Spirituality. I am a huge fan of Arsenal f.c and follow them closely watching all their matches. I also enjoy traveling and all things Nature or Historic. Reading and watching good movies/TV series is also something that I enjoy. Apart from that, I am enthusiastic about Personal Finance and Investments with an interest in Financial Independence, and Retire Early (FIRE movement)
</p>
</div>
</div>
</div>
</section>
<section id="experience">
<h3 class="fs-3 text-uppercase text-muted text-center">Experience</h3>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fa-solid fa-laptop-code"></i></div>
<div class="divider-custom-line"></div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<h4 class="resume-title text-center text-muted text-decoration-underline">Professional Experience</h4>
<figure class="bg-white p-3 rounded individual_experience_box" style="border-left: 0.25rem solid #ff5a70">
<div class="hstack">
<div class="fs-5 bg-dark bg-opacity-10 border fw-bold">Software Development Engineer, ESRI</div>
<div class="fs-5 ms-auto fst-italic bg-dark bg-opacity-10 border">Jan 2021 - Present</div>
</div>
<ul>
<li>
Enhanced the testing framework to automate the validation of the REST endpoint operations reducing
manual effort required for verification resulting in added robustness and certainty to the system
</li>
<li>
Developed a datastore upgrade tool to add/update features on the Arango/Neo4j database to make it
forward compatible with latest version of ArcGIS Enterprise
</li>
<li>
Automated the daily build, deployment, regression testing process by setting up a CI/CD environment
using Jenkins, GitHub webhooks
</li>
<li>
Extended the Java testing framework to support concurrency testing using Futures and Concurrency API
in Java
</li>
</ul>
</figure>
<figure class="bg-white p-3 rounded individual_experience_box" style="border-left: 0.25rem solid #47aeff">
<div class="hstack">
<div class="fs-5 bg-dark bg-opacity-10 border fw-bold">
Student Web Developer, University of Florida
</div>
<div class="fs-5 ms-auto fst-italic bg-dark bg-opacity-10 border">Sept 2019 - Nov 2020</div>
</div>
<ul>
<li>
Designed and developed an interactive mobile friendly web app for Microbiology dept, added support for
disabled users
</li>
<li>
Revamped Lake Watch website by improving navigation, creating media sections, accelerated load time,
resulting in nearly 27% increase in monthly users
</li>
<li>
Developed a Claps WordPress plugin to like posts on blogs.ifas using inbuilt store for caching and
persistent storage
</li>
<li>
Effectively reduced search time on photos.ifas.ufl.edu by implementing feature to prioritize images
based on dimensions
</li>
</ul>
</figure>
<figure class="bg-white p-3 rounded individual_experience_box" style="border-left: 0.25rem solid #ffb703">
<div class="hstack">
<div class="fs-5 bg-dark bg-opacity-10 border fw-bold">
Application Development Associate, Accenture
</div>
<div class="fs-5 ms-auto fst-italic bg-dark bg-opacity-10 border">Nov 2016 - May 2018</div>
</div>
<ul>
<li>
Developed bash script to automate querying of SAP/Informatica messaging queues and email hourly
reports, resulting into 35% reduction in Service Level Agreement (SLA) breaches
</li>
<li>
Integrated and debugged IBM's remote message queue objects with local queues to reduce file transfer
time by 3ms
</li>
<li>
Collaborated with automation engineers and functional support team for application design in an agile
environment
</li>
</ul>
</figure>
</div>
<div class="col-md-6">
<h4 class="resume-title text-center text-muted text-decoration-underline">Education</h4>
<figure class="note note-success p-4 individual_experience_box" style="border-left: 0.3rem solid #1ec521">
<blockquote class="blockquote pb-2">
<div class="fs-4 fst-italic fw-bold">Shaifil Maknojia</div>
<p class="text-muted">
Focused and Driven Software Developer with 3+ years of experience designing and developing Software
for the Web, Server and Desktop. Also experienced in testing REST API's, certified Oracle Java
Programmer. Interested in learning more about valuing businesses and performing deep fundamental
analysis
</p>
</blockquote>
</figure>
<figure class="bg-white p-3 rounded individual_experience_box" style="border-left: 0.25rem solid #ff9a8f">
<div class="hstack">
<div class="fs-5 bg-dark bg-opacity-10 border fw-bold">Master in Computer Science</div>
<div class="fs-5 ms-auto fst-italic bg-dark bg-opacity-10 border">Aug 2018 - May 2020</div>
</div>
<ul>
<li>
Pursued Master's degree from University of Florida taking courses focused on Distributed Systems,
Advanced Data Structures, Concurrent Programming, Databases, Algorithms and Divergent thinking
</li>
<li>Worked on projects using Java, web Technologies, Elixir</li>
<li>Attended 5th Edition of Swamp Hacks in 2019</li>
</ul>
</figure>
<figure class="bg-white p-3 rounded individual_experience_box" style="border-left: 0.25rem solid #0d30df">
<div class="hstack">
<div class="fs-5 bg-dark bg-opacity-10 border fw-bold">Bachelor in Computer Engineering</div>
<div class="fs-5 ms-auto fst-italic bg-dark bg-opacity-10 border">Aug 2012 - June 2016</div>
</div>
<ul>
<li>
Pursued Bachelor's from University of Mumbai laying out fundamental's of computer Science focusing on
basics of Programming, Operating Systems, Web development, Object Oriented Design etc
</li>
<li>
Worked on a research paper and project based on Lesk's Algorithm to automate summarizing of text and
scientific articles
</li>
<li>
Interned as a Trainee Game Developer from Aug 2016 - Oct 2016 at Rendered Ideas and was a part of the
team that created Jungle Adventures 2
</li>
</ul>
</figure>
</div>
</div>
</div>
</section>
<section id="projects">
<h3 class="fs-3 text-uppercase text-muted text-center">Projects</h3>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fa-solid fa-laptop-code"></i></div>
<div class="divider-custom-line"></div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card h-100">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="./assets/images/portfolio/newsAggregator.jpg" class="img-fluid" />
<a href="#!">
<div class="mask"></div>
</a>
</div>
<h4 class="card-header text-dark fst-italic text-center">News AggreGATOR!</h4>
<div class="card-body py-1">
<ul class="list-group list-group-light list-group-small">
<li class="list-group-item px-2 text-justify">
Web app to curate news articles from hundreds of sources in a central location using NewsCatcher
public API
</li>
<li class="list-group-item px-2">
Features include sort by Best Match, Date, filter by topics, get news from past n days
</li>
</ul>
</div>
<div class="card-footer text-center">
<a href="https://news-aggregator-sail.herokuapp.com/" target="_blank" class="btn btn-success"
>View live</a
>
<a
href="https://github.com/saifilmaknojia/News-AggreGator"
target="_blank"
class="btn text-black mx-3 btn-warning"
>Source Code</a
>
</div>
</div>
</div>
<div class="col-md-4 mt-3 mt-md-0">
<div class="card h-100">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="./assets/images/portfolio/lacitycrimeanalysis.jpg" class="img-fluid" />
<a href="#!">
<div class="mask"></div>
</a>
</div>
<h4 class="card-header text-dark fst-italic text-center">LA City Crime Analysis</h4>
<div class="card-body py-1">
<ul class="list-group list-group-light list-group-small">
<li class="list-group-item px-2 text-justify">
Implemented a REST based Web app for analyzing crimes across the city of Los Angeles using data from
<a href="data.lacity.org" class="fst-italic" target="_blank">data.lacity.org</a>
</li>
<li class="list-group-item px-2">
Optimized operational efficiency by performing normalization of 2 million records into multiple
database tables
</li>
</ul>
</div>
<div class="card-footer text-center">
<a
href="https://github.com/AmrutaB26/CrimeDataset"
target="_blank"
class="btn text-black mx-3 btn-warning"
>Source Code</a
>
</div>
</div>
</div>
<div class="col-md-4 mt-3 mt-md-0">
<div class="card h-100">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="./assets/images/portfolio/airTrafficControl.jpg" class="img-fluid" />
<a href="#!">
<div class="mask"></div>
</a>
</div>
<h4 class="card-header text-dark fst-italic text-center">Air Traffic Control System</h4>
<div class="card-body py-1">
<ul class="list-group list-group-light list-group-small">
<li class="list-group-item px-2 text-justify">
Developed a Queue Depth based Load Balancer to manage Air Traffic Control (ATC) infrastructure using
Concurrent Programming and Object-Oriented design principles in Java
</li>
<li class="list-group-item px-2">
Live updates of the transition of Airplanes current states along with other details are rendered on
a GUI
</li>
</ul>
</div>
<div class="card-footer text-center">
<a
href="https://github.com/saifilmaknojia/Air-Traffic-Control-System-Simulation"
target="_blank"
class="btn text-black mx-3 btn-warning"
>Source Code</a
>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-md-4">
<div class="card h-100">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="./assets/images/portfolio/stack.jpg" class="img-fluid" />
<a href="#!">
<div class="mask"></div>
</a>
</div>
<h4 class="card-header text-dark fst-italic text-center">Stack Overflow dataset analysis</h4>
<div class="card-body py-1">
<ul class="list-group list-group-light list-group-small">
<li class="list-group-item px-2 text-justify">
Analyzed more than 1GB of users and posts data collected from Stack Overflow to find the most active
question on
</li>
<li class="list-group-item px-2">
Reduced memory consumption by more than 900% from around 1Gb to 60mb
</li>
</ul>
</div>
<div class="card-footer text-center">
<a
href="https://github.com/saifilmaknojia/Air-Traffic-Control-System-Simulation"
target="_blank"
class="btn text-black mx-3 btn-warning"
>Source Code</a
>
</div>
</div>
</div>
<div class="col-md-4 mt-3 mt-md-0">
<div class="card h-100">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="./assets/images/portfolio/scraper.jpg" class="img-fluid" />
<a href="#!">
<div class="mask"></div>
</a>
</div>
<h4 class="card-header text-dark fst-italic text-center">Pre-Market Stock Index futures</h4>
<div class="card-body py-1">
<ul class="list-group list-group-light list-group-small">
<li class="list-group-item px-2 text-justify">
Wrote a web scraper to get the futures data for major indices from businessinsider website and
scheduled daily emails
</li>
<li class="list-group-item px-2">
Used Pandas to normalize, structure the data and to create pretty HTML tables
</li>
</ul>
</div>
<div class="card-footer text-center">
<a
href="https://github.com/saifilmaknojia/Web-Scraping/tree/main/PreMarketFutures"
target="_blank"
class="btn text-black mx-3 btn-warning"
>Source Code</a
>
</div>
</div>
</div>
<div class="col-md-4 mt-3 mt-md-0">
<div class="card h-100">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="./assets/images/portfolio/automaticTextSummarizer.jpg" class="img-fluid" />
<a href="#!">
<div class="mask"></div>
</a>
</div>
<h4 class="card-header text-dark fst-italic text-center">Automatic Text Summarization</h4>
<div class="card-body py-1">
<ul class="list-group list-group-light list-group-small">
<li class="list-group-item px-2 text-justify">
Developed an Extractive Text Summarizer to generate a summary of text from the original text using
Data Mining
</li>
<li class="list-group-item px-2">
Implemented Simplified Lesk algorithm to determine the weights of each sentence, achieved results
with up to 70% summarization
</li>
</ul>
</div>
<div class="card-footer text-center"></div>
</div>
</div>
</div>
</div>
</section>
<section id="skills" class="mt-3">
<h3 class="fs-3 text-uppercase text-muted text-center">Skills</h3>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fa-solid fa-laptop-code"></i></div>
<div class="divider-custom-line"></div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<h4 class="h4 text-center text-muted text-decoration-underline">Programming</h4>
<div class="skill">
<span class="skill-name">Java</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped bg-success progress-bar-animated"
role="progressbar"
aria-valuenow="75"
aria-valuemin="0"
aria-valuemax="100"
style="width: 75%"
>
75%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">Python</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="60"
aria-valuemin="0"
aria-valuemax="100"
style="width: 60%"
>
60%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">JavaScript</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="50"
aria-valuemin="0"
aria-valuemax="100"
style="width: 50%"
>
50%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">HTML</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped bg-success progress-bar-animated"
role="progressbar"
aria-valuenow="70"
aria-valuemin="0"
aria-valuemax="100"
style="width: 70%"
>
70%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">CSS</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="50"
aria-valuemin="0"
aria-valuemax="100"
style="width: 50%"
>
50%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">PHP</span>
<div class="progress">
<div
class="progress-bar bg-danger progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="35"
aria-valuemin="0"
aria-valuemax="100"
style="width: 35%"
>
35%
</div>
</div>
</div>
</div>
<div class="col-md-4 mt-3 mt-md-0">
<h4 class="h4 text-center text-muted text-decoration-underline">Frameworks and Databases</h4>
<div class="skill">
<span class="skill-name">MS SQL Server</span>
<div class="progress">
<div
class="progress-bar bg-success progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="60"
aria-valuemin="0"
aria-valuemax="100"
style="width: 60%"
>
60%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">Express.js</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="45"
aria-valuemin="0"
aria-valuemax="100"
style="width: 45%"
>
45%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">ArangoDB</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped bg-success progress-bar-animated"
role="progressbar"
aria-valuenow="50"
aria-valuemin="0"
aria-valuemax="100"
style="width: 50%"
>
60%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">Neo4j</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="50"
aria-valuemin="0"
aria-valuemax="100"
style="width: 50%"
>
50%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">MySQL</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="50"
aria-valuemin="0"
aria-valuemax="100"
style="width: 50%"
>
50%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">Spring boot</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped bg-danger progress-bar-animated"
role="progressbar"
aria-valuenow="25"
aria-valuemin="0"
aria-valuemax="100"
style="width: 25%"
>
25%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">JUnit</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="55"
aria-valuemin="0"
aria-valuemax="100"
style="width: 55%"
>
55%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">Bootstrap</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped bg-success progress-bar-animated"
role="progressbar"
aria-valuenow="65"
aria-valuemin="0"
aria-valuemax="100"
style="width: 65%"
>
65%
</div>
</div>
</div>
</div>
<div class="col-md-4 mt-3 mt-md-0">
<h4 class="h4 text-center text-muted text-decoration-underline">Tools/Misc</h4>
<div class="skill mt-2">
<span class="skill-name">Jenkins CI/CD</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped bg-success progress-bar-animated"
role="progressbar"
aria-valuenow="70"
aria-valuemin="0"
aria-valuemax="100"
style="width: 70%"
>
70%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">Git</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="55"
aria-valuemin="0"
aria-valuemax="100"
style="width: 55%"
>
55%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">IntelliJ</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped bg-success progress-bar-animated"
role="progressbar"
aria-valuenow="65"
aria-valuemin="0"
aria-valuemax="100"
style="width: 60%"
>
60%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">PowerShell</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="40"
aria-valuemin="0"
aria-valuemax="100"
style="width: 40%"
>
40%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">JMeter</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
aria-valuenow="35"
aria-valuemin="0"
aria-valuemax="100"
style="width: 35%"
>
35%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">IBM WebSphere MQ</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped bg-danger progress-bar-animated"
role="progressbar"
aria-valuenow="20"
aria-valuemin="0"
aria-valuemax="100"
style="width: 20%"
>
20%
</div>
</div>
</div>
<div class="skill mt-2">
<span class="skill-name">WordPress</span>
<div class="progress">
<div
class="progress-bar progress-bar-striped bg-danger progress-bar-animated"
role="progressbar"
aria-valuenow="25"
aria-valuemin="0"
aria-valuemax="100"
style="width: 25%"
>
25%
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="interests" class="mt-3">
<h3 class="fs-3 text-uppercase text-muted text-center">Interests</h3>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fa-solid fa-laptop-code"></i></div>
<div class="divider-custom-line"></div>
</div>
<div class="container interests">
<div class="row">
<div class="col-md-3">
<div class="icon-box">
<i class="fa-solid fa-code" style="color: #1667e1"></i>
<h3>Software Development</h3>
</div>
</div>
<div class="col-md-3 mt-3 mt-md-0">
<div class="icon-box">
<i class="fa-regular fa-futbol" style="color: #ffa76e"></i>
<h3>Football</h3>
</div>
</div>
<div class="col-md-3 mt-3 mt-md-0">
<div class="icon-box">
<i class="fa-solid fa-chart-line" style="color: #29cc61"></i>
<h3>Investing</h3>
</div>
</div>
<div class="col-md-3 mt-3 mt-md-0">
<div class="icon-box">
<i class="fa-solid fa-book-open-reader" style="color: #11dbcf"></i>
<h3>Reading</h3>
</div>
</div>
</div>
<!-- START SECOND ROW -->
<div class="row mt-4">
<div class="col-md-3">
<div class="icon-box">
<i class="fa-solid fa-chart-pie" style="color: #e900e5"></i>
<h3>Data Analytics</h3>
</div>
</div>
<div class="col-md-3 mt-3 mt-md-0">
<div class="icon-box">
<i class="fa-solid fa-atom" style="color: #47aeff"></i>
<h3>Spirituality</h3>
</div>
</div>
<div class="col-md-3 mt-3 mt-md-0">
<div class="icon-box">
<i class="fa-solid fa-hand-holding-dollar" style="color: #b2904f"></i>
<h3>Personal Finance</h3>
</div>
</div>
<div class="col-md-3 mt-3 mt-md-0">
<div class="icon-box">
<i class="fa-solid fa-film" style="color: #b20961"></i>
<h3>Watching Movies/TV Series</h3>
</div>
</div>
</div>
</div>
</section>
</body>
<section id="connect" class="mt-3">
<footer class="page-footer bg-dark font-small text-center pt-2">
<!-- MDB -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.js"></script>
<!-- Footer Elements -->
<div class="container">
<h4 class="fs-4 text-white text-opacity-75 text-center">Connect on...</h4>
<!-- Social buttons -->
<ul class="list-unstyled list-inline">
<a
class="btn btn-primary btn-lg btn-floating mx-2"
style="background-color: #3b5998"
href="https://www.facebook.com/saifil.maknojia"
role="button"
target="_blank"
><i class="fab fa-facebook fa-xl"></i
></a>
<a
class="btn btn-primary btn-lg btn-floating mx-2"
style="background-color: #55acee"
href="https://twitter.com/SaifilMaknojia"
role="button"
target="_blank"
><i class="fab fa-twitter fa-xl"></i
></a>
<a
class="btn btn-primary btn-lg btn-floating mx-2"
style="background-color: #494747"
href="https://github.com/saifilmaknojia/"
role="button"
target="_blank"
><i class="fab fa-github fa-xl"></i
></a>
<a
class="btn btn-primary btn-lg btn-floating mx-2"
style="background-color: #0082ca"
href="https://www.linkedin.com/in/shaifilmaknojia/"
role="button"
target="_blank"
><i class="fab fa-linkedin fa-xl"></i
></a>
<a
class="btn btn-primary btn-lg btn-floating mx-2"
style="background-color: #ff4500"
href="https://www.reddit.com/user/sailmak"
role="button"
target="_blank"
><i class="fab fa-reddit-alien fa-xl"></i
></a>
</ul>
<!-- Social buttons -->
</div>
<!-- Footer Elements -->
<!-- Copyright -->
<div class="footer-copyright text-center text-opacity-75 text-white">
© 2022 Copyright:
<a href="https://github.com/saifilmaknojia/saifilmaknojia.github.io" class="fst-italic" target="_blank">
Shaifil Maknojia</a
>
</div>
<!-- Copyright -->
</footer>
</section>
</html>