@@ -350,6 +350,24 @@ <h2 class="containerTitle">
350350 < br /> < br />
351351 < br /> < br />
352352
353+ < div class ="projectsSubContainer ">
354+ <!--
355+ *********
356+ ** NLP **
357+ *********
358+ -->
359+ < div id ="nlpBtn " class ="skillsCard ">
360+ < div class ="wrapper ">
361+ < img src ="./assets/icons/projects/cards/nlp-1.avif " class ="cover-image " alt ="NLP 1 " width ="200px " height ="200px " />
362+ </ div >
363+ < h2 class ="skillsTitle "> NLP</ h2 >
364+ < img src ="./assets/icons/nlp-2.avif " class ="character " alt ="NLP 2 " width ="200px " height ="200px " />
365+ </ div >
366+ </ div >
367+
368+ < br /> < br />
369+ < br /> < br />
370+
353371 < div class ="projectsSubContainer ">
354372 <!--
355373 ****************
@@ -409,55 +427,38 @@ <h2 class="skillsTitle">Live Projects</h2>
409427 </ div >
410428
411429 < br /> < br />
412-
413- < div class ="containerContent ">
414- < br /> < br />
415- < div class ="projectsSubContainer ">
416- <!--
417- ***************************
418- ** Recommendation System **
419- ***************************
420- -->
421- < div id ="recommendationSystemBtn " class ="skillsCard ">
422- < div class ="wrapper ">
423- < img src ="./assets/icons/projects/cards/rating.avif " class ="cover-image " alt ="Recommendation System 1 " width ="200px " height ="200px " />
424- </ div >
425- < h2 class ="skillsTitle "> Recommendation System</ h2 >
426- < img src ="./assets/icons/recommendation-system.avif " class ="character " alt ="Recommendation System 2 " width ="200px " height ="200px " />
430+ < br /> < br />
431+
432+ < div class ="projectsSubContainer ">
433+ <!--
434+ ***************************
435+ ** Recommendation System **
436+ ***************************
437+ -->
438+ < div id ="recommendationSystemBtn " class ="skillsCard ">
439+ < div class ="wrapper ">
440+ < img src ="./assets/icons/projects/cards/rating.avif " class ="cover-image " alt ="Recommendation System 1 " width ="200px " height ="200px " />
427441 </ div >
442+ < h2 class ="skillsTitle "> Recommendation System</ h2 >
443+ < img src ="./assets/icons/recommendation-system.avif " class ="character " alt ="Recommendation System 2 " width ="200px " height ="200px " />
444+ </ div >
428445
429- < br /> < br />
446+ < br /> < br />
430447
431- <!--
432- *********
433- ** NLP **
434- *********
435- -->
436- < div id ="nlpBtn " class ="skillsCard ">
448+ <!--
449+ ****************
450+ ** DS Studies **
451+ ****************
452+ -->
453+ < a href ="https://github.com/CSFelix/data-science-studies/tree/main " target ="_blank ">
454+ < div id ="dsStudiesBtn " class ="skillsCard ">
437455 < div class ="wrapper ">
438- < img src ="./assets/icons/projects/cards/nlp-1 .avif " class ="cover-image " alt ="NLP 1 " width ="200px " height ="200px " />
439- </ div >
440- < h2 class ="skillsTitle "> NLP </ h2 >
441- < img src ="./assets/icons/nlp-2 .avif " class ="character " alt ="NLP 2 " width ="200px " height ="200px " />
456+ < img src ="./assets/icons/projects/cards/ds-studies .avif " class ="cover-image " alt ="DS Studies 1 " width ="200px " height ="200px " />
457+ </ div >
458+ < h2 class ="skillsTitle "> DS Studies </ h2 >
459+ < img src ="./assets/icons/ds-studies .avif " class ="character " alt ="DS Studies 2 " width ="200px " height ="200px " />
442460 </ div >
443-
444- < br /> < br />
445-
446- <!--
447- ****************
448- ** DS Studies **
449- ****************
450- -->
451- < a href ="https://github.com/CSFelix/data-science-studies/tree/main " target ="_blank ">
452- < div id ="dsStudiesBtn " class ="skillsCard ">
453- < div class ="wrapper ">
454- < img src ="./assets/icons/projects/cards/ds-studies.avif " class ="cover-image " alt ="DS Studies 1 " width ="200px " height ="200px " />
455- </ div >
456- < h2 class ="skillsTitle "> DS Studies</ h2 >
457- < img src ="./assets/icons/ds-studies.avif " class ="character " alt ="DS Studies 2 " width ="200px " height ="200px " />
458- </ div >
459- </ a >
460- </ div >
461+ </ a >
461462 </ div >
462463
463464 < br />
@@ -703,6 +704,79 @@ <h2 class="containerTitle">
703704 ******************************
704705 -->
705706
707+ <!-- NLP -->
708+ < div id ="nlpModal " class ="modal ">
709+
710+ < div class ="modalContent ">
711+
712+ <!-- close button -->
713+ < span id ="nlpClose " class ="close "> ×</ span >
714+
715+ <!-- title -->
716+ < div class ="modalTitle ">
717+ < img src ="./assets/icons/nlp-2.avif " alt ="NLP Logo " width ="200px " height ="200px " />
718+  
719+ < span > NLP</ span >
720+ </ div >
721+
722+ < br />
723+
724+ <!-- items -->
725+ < div class ="modalItems ">
726+ < video width ="175px " height ="auto " loop muted autoplay >
727+ < source src ="./assets/stickers/robot/projects.mp4 " type ="video/mp4 " />
728+ </ video >
729+  
730+
731+ <!-- cards -->
732+ < div class ="cardsGroup ">
733+
734+ <!-- Part 0 -->
735+ < a href ="https://www.kaggle.com/code/dsfelix/0-spacy-chapter-0-finding-words-phrases-name " target ="_blank ">
736+ < div class ="card " data-tilt >
737+ < img src ="./assets/icons/spacy.avif " alt ="Spacy 0 " width ="200px " height ="200px ">
738+
739+ < span > Spacy 0</ span >
740+ </ div >
741+ </ a >
742+
743+ <!-- Part 1 -->
744+ < a href ="https://www.kaggle.com/code/dsfelix/00-text-manipulation " target ="_blank ">
745+ < div class ="card " data-tilt >
746+ < img src ="./assets/icons/spacy.avif " alt ="Spacy 1 " width ="200px " height ="200px ">
747+
748+ < span > Spacy 1</ span >
749+ </ div >
750+ </ a >
751+
752+ <!-- Part 2.0 -->
753+ < a href ="https://www.kaggle.com/code/dsfelix/00-introduction-to-vectors " target ="_blank ">
754+ < div class ="card " data-tilt >
755+ < img src ="./assets/icons/math.avif " alt ="Linear Algebra " width ="200px " height ="200px ">
756+
757+ < span > Linear Algebra</ span >
758+ </ div >
759+ </ a >
760+
761+ <!-- Part 2.1 -->
762+ < a href ="https://www.kaggle.com/code/dsfelix/00-lu-decomposition " target ="_blank ">
763+ < div class ="card " data-tilt >
764+ < img src ="./assets/icons/math.avif " alt ="Linear Algebra " width ="200px " height ="200px ">
765+
766+ < span > Matrix Decomposition</ span >
767+ </ div >
768+ </ a >
769+ </ div >
770+ </ div >
771+ </ div >
772+ </ div >
773+
774+ <!--
775+ *******************************
776+ ** Modals - Projects Part II **
777+ *******************************
778+ -->
779+
706780 <!-- Dashboards -->
707781 < div id ="dashboardModal " class ="modal ">
708782
@@ -1037,9 +1111,9 @@ <h2 class="containerTitle">
10371111 </ div >
10381112
10391113 <!--
1040- *******************************
1041- ** Modals - Projects Part II **
1042- *******************************
1114+ ********************************
1115+ ** Modals - Projects Part III **
1116+ ********************************
10431117 -->
10441118 <!-- Recommendation System -->
10451119 < div id ="recommendationSystemModal " class ="modal ">
@@ -1152,72 +1226,5 @@ <h2 class="containerTitle">
11521226 </ div >
11531227 </ div >
11541228 </ div >
1155-
1156- <!-- NLP -->
1157- < div id ="nlpModal " class ="modal ">
1158-
1159- < div class ="modalContent ">
1160-
1161- <!-- close button -->
1162- < span id ="nlpClose " class ="close "> ×</ span >
1163-
1164- <!-- title -->
1165- < div class ="modalTitle ">
1166- < img src ="./assets/icons/nlp-2.avif " alt ="NLP Logo " width ="200px " height ="200px " />
1167-  
1168- < span > NLP</ span >
1169- </ div >
1170-
1171- < br />
1172-
1173- <!-- items -->
1174- < div class ="modalItems ">
1175- < video width ="175px " height ="auto " loop muted autoplay >
1176- < source src ="./assets/stickers/robot/projects.mp4 " type ="video/mp4 " />
1177- </ video >
1178-  
1179-
1180- <!-- cards -->
1181- < div class ="cardsGroup ">
1182-
1183- <!-- Part 0 -->
1184- < a href ="https://www.kaggle.com/code/dsfelix/0-spacy-chapter-0-finding-words-phrases-name " target ="_blank ">
1185- < div class ="card " data-tilt >
1186- < img src ="./assets/icons/spacy.avif " alt ="Spacy 0 " width ="200px " height ="200px ">
1187-
1188- < span > Spacy 0</ span >
1189- </ div >
1190- </ a >
1191-
1192- <!-- Part 1 -->
1193- < a href ="https://www.kaggle.com/code/dsfelix/00-text-manipulation " target ="_blank ">
1194- < div class ="card " data-tilt >
1195- < img src ="./assets/icons/spacy.avif " alt ="Spacy 1 " width ="200px " height ="200px ">
1196-
1197- < span > Spacy 1</ span >
1198- </ div >
1199- </ a >
1200-
1201- <!-- Part 2.0 -->
1202- < a href ="https://www.kaggle.com/code/dsfelix/00-introduction-to-vectors " target ="_blank ">
1203- < div class ="card " data-tilt >
1204- < img src ="./assets/icons/math.avif " alt ="Linear Algebra " width ="200px " height ="200px ">
1205-
1206- < span > Linear Algebra</ span >
1207- </ div >
1208- </ a >
1209-
1210- <!-- Part 2.1 -->
1211- < a href ="https://www.kaggle.com/code/dsfelix/00-lu-decomposition " target ="_blank ">
1212- < div class ="card " data-tilt >
1213- < img src ="./assets/icons/math.avif " alt ="Linear Algebra " width ="200px " height ="200px ">
1214-
1215- < span > Matrix Decomposition</ span >
1216- </ div >
1217- </ a >
1218- </ div >
1219- </ div >
1220- </ div >
1221- </ div >
12221229 </ body >
12231230</ html >
0 commit comments