📦 Updated

Author: CSFelix

index.html

@@ -452,6 +452,34 @@ <h2 class="skillsTitle">DS Studies</h2>
 						  	  	<img src="./assets/icons/ds-studies.avif" class="character" alt="DS Studies 2" width="200px" height="200px" />
 							</div>
 						</a>
+
+						<br /><br/>
+
+						<!--
+							*************************** 
+							** Recommendation System **
+							***************************
+						-->
+						<div id="recommendationSystemBtn" class="skillsCard">
+							<div class="wrapper">
+								<img src="./assets/icons/projects/cards/rating.avif" class="cover-image" alt="Recommendation System 1" width="200px" height="200px" />
+							</div>
+							<h2 class="skillsTitle">Recommendation System</h2>
+							<img src="./assets/icons/recommendation-system.avif" class="character" alt="Recommendation System 2" width="200px" height="200px" />
+						</div>
+
+						<!--
+							******************************* 
+							** Statistic and Probability **
+							*******************************
+						-->
+						<div id="statisticProbabilityBtn" class="skillsCard">
+							<div class="wrapper">
+								<img src="./assets/icons/projects/cards/statistics.avif" class="cover-image" alt="Statistics and Probability 1" width="200px" height="200px" />
+							</div>
+							<h2 class="skillsTitle">Statistics & Probability</h2>
+							<img src="./assets/icons/probability.avif" class="character" alt="Statistics and Probability 2" width="200px" height="200px" />
+						</div>
 					</div>
 				</div>
 
@@ -1063,5 +1091,61 @@ <h2 class="containerTitle">
 		    </div>
 		  </div>
 		</div>
+
+		<!-- Recommendation System -->
+		<div id="recommendationSystemModal" class="modal">
+		  
+		  <div class="modalContent">
+
+		  	<!-- close button -->
+		    <span id="recommendationSystemClose" class="close">&times;</span>
+
+		    <!-- title -->
+		    <div class="modalTitle">
+		    	<img src="./assets/icons/recommendation-system.avif" alt="Recommendation System Logo" width="200px" height="200px" />
+		    	&nbsp
+		    	<span>Recommendation System</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
+		    	<span>Coming soon...</span>
+		    </div>
+		  </div>
+		</div>
+
+		<!-- Statistic and Probability -->
+		<div id="statisticProbabilityModal" class="modal">
+		  
+		  <div class="modalContent">
+
+		  	<!-- close button -->
+		    <span id="statisticProbabilityClose" class="close">&times;</span>
+
+		    <!-- title -->
+		    <div class="modalTitle">
+		    	<img src="./assets/icons/probability.avif" alt="Probability Logo" width="200px" height="200px" />
+		    	&nbsp
+		    	<span>Statistic & Probability</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
+		    	<span>Coming soon...</span>
+		    </div>
+		  </div>
+		</div>
 	</body>
 </html>