📦 Updated

Author: CSFelix

index.html

@@ -408,14 +408,10 @@ <h2 class="skillsTitle">Live Projects</h2>
 					</div>
 				</div>
 
-				<br /><hr /><br />
+				<br /><br />
 
 				<div class="containerContent">
 					<br /><br />
-					<br /><br />
-					<br /><br />
-
-
 					<div class="projectsSubContainer">
 						<!--
 							*************************** 
@@ -432,6 +428,21 @@ <h2 class="skillsTitle">Recommendation System</h2>
 
 						<br /><br />
 
+						<!--
+							*********
+							** NLP **
+							*********
+						-->
+						<div id="nlpBtn" class="skillsCard">
+							<div class="wrapper">
+								<img src="./assets/icons/projects/cards/nlp-1.avif" class="cover-image" alt="NLP 1" width="200px" height="200px" />
+							</div>
+							<h2 class="skillsTitle">NLP</h2>
+							<img src="./assets/icons/nlp-2.avif" class="character" alt="NLP 2" width="200px" height="200px" />
+						</div>
+
+						<br /><br />
+
 						<!--
 							****************
 							** DS Studies **
@@ -1141,5 +1152,54 @@ <h2 class="containerTitle">
 		    </div>
 		  </div>
 		</div>
+
+		<!-- NLP -->
+		<div id="nlpModal" class="modal">
+		  
+		  <div class="modalContent">
+
+		  	<!-- close button -->
+		    <span id="nlpClose" class="close">&times;</span>
+
+		    <!-- title -->
+		    <div class="modalTitle">
+		    	<img src="./assets/icons/nlp-2.avif" alt="NLP Logo" width="200px" height="200px" />
+		    	&nbsp
+		    	<span>NLP</span>
+		    </div>
+
+		    <br />
+
+		    <!-- items -->
+		    <div class="modalItems">
+		    	<video width="175px" height="auto" loop muted autoplay>
+					<source src="./assets/stickers/robot/projects.mp4" type="video/mp4" />
+				</video>
+		    	&nbsp
+
+		    	<!-- cards -->
+		    	<div class="cardsGroup">
+		    		
+		    		<!-- Part 0 -->
+		    		<a href="https://www.kaggle.com/code/dsfelix/0-spacy-chapter-0-finding-words-phrases-name" target="_blank">
+		    			<div class="card" data-tilt>
+		    				<img src="./assets/icons/spacy.avif" alt="Spacy 0" width="200px" height="200px">
+
+		    				<span>Spacy 0</span>
+		    			</div>
+		    		</a>
+
+		    		<!-- Part 1 -->
+		    		<a href="https://www.kaggle.com/code/dsfelix/00-text-manipulation" target="_blank">
+		    			<div class="card" data-tilt>
+		    				<img src="./assets/icons/spacy.avif" alt="Spacy 1" width="200px" height="200px">
+
+		    				<span>Spacy 1</span>
+		    			</div>
+		    		</a>
+		    	</div>
+		    </div>
+		  </div>
+		</div>
 	</body>
 </html>