📦 Updated

Author: CSFelix

index.html

@@ -356,22 +356,7 @@ <h2 class="containerTitle">
 				<br /><br />
 				<br /><br />
 
-				<div id="projectsSubContainer">
-					<!--
-						****************
-						** Algorithms **
-						****************
-					-->
-					<div id="mlAlgorithmsBtn" class="skillsCard">
-						<div class="wrapper">
-					      <img src="./assets/icons/projects/cards/neural.avif" class="cover-image" alt="ML Algorithms 1" width="200px" height="200px" />
-					    </div>
-					    <h2 class="skillsTitle">Algorithms</h2>
-					    <img src="./assets/icons/tensorflow.svg" class="character" alt="ML Algorithms 2" width="200px" height="200px" />
-					</div>
-
-					<br /><br />
-
+				<div class="projectsSubContainer">
 					<!--
 						****************
 						** Dashboards **
@@ -411,7 +396,7 @@ <h2 class="skillsTitle">Datasets</h2>
 						<div class="wrapper">
 					      <img src="./assets/icons/projects/cards/notebook.avif" class="cover-image" alt="Kaggle Notebooks 1" width="200px" height="200px" />
 					    </div>
-					    <h2 class="skillsTitle">Kaggle</h2>
+					    <h2 class="skillsTitle">Notebooks</h2>
 					    <img src="./assets/icons/kaggle.svg" class="character" alt="Kaggle Notebooks 2" width="200px" height="200px" />
 					</div>
 
@@ -435,20 +420,39 @@ <h2 class="skillsTitle">Live Projects</h2>
 					<br /><br />
 					<br /><br />
 					<br /><br />
-					<!--
-						****************
-						** DS Studies **
-						****************
-					-->
-					<a href="https://github.com/CSFelix/data-science-studies/tree/main" target="_blank">
-						<div id="dsStudiesBtn" class="skillsCard">
+
+
+					<div class="projectsSubContainer">
+						<!--
+							****************
+							** Algorithms **
+							****************
+						-->
+						<div id="mlAlgorithmsBtn" class="skillsCard">
 							<div class="wrapper">
-					      	<img src="./assets/icons/projects/cards/ds-studies.avif" class="cover-image" alt="DS Studies 1" width="200px" height="200px" />
-					    	</div>
-					    	<h2 class="skillsTitle">DS Studies</h2>
-					  	  	<img src="./assets/icons/ds-studies.avif" class="character" alt="DS Studies 2" width="200px" height="200px" />
+						      <img src="./assets/icons/projects/cards/neural.avif" class="cover-image" alt="ML Algorithms 1" width="200px" height="200px" />
+						    </div>
+						    <h2 class="skillsTitle">Algorithms</h2>
+						    <img src="./assets/icons/tensorflow.svg" class="character" alt="ML Algorithms 2" width="200px" height="200px" />
 						</div>
-					</a>
+
+						<br /><br />
+
+						<!--
+							****************
+							** DS Studies **
+							****************
+						-->
+						<a href="https://github.com/CSFelix/data-science-studies/tree/main" target="_blank">
+							<div id="dsStudiesBtn" class="skillsCard">
+								<div class="wrapper">
+						      	<img src="./assets/icons/projects/cards/ds-studies.avif" class="cover-image" alt="DS Studies 1" width="200px" height="200px" />
+						    	</div>
+						    	<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>
+					</div>
 				</div>
 
 				<br />
@@ -689,75 +693,11 @@ <h2 class="containerTitle">
 		</footer>
 
 		<!-- 
-			************
-			** Modals **
-			************
+			******************************
+			** Modals - Projects Part I **
+			******************************
 		-->
 
-		<!-- Algorithms -->
-		<div id="mlAlgorithmsModal" class="modal">
-		  
-		  <div class="modalContent">
-
-		  	<!-- close button -->
-		    <span id="mlAlgorithmsClose" class="close">&times;</span>
-
-		    <!-- title -->
-		    <div class="modalTitle">
-		    	<img src="./assets/icons/tensorflow.svg" alt="Tensor Flow Logo" width="200px" height="200px" />
-		    	&nbsp
-		    	<span>ML Algorithms</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">
-		    		
-					<!-- First Project -->
-		    	<a href="https://www.kaggle.com/code/dsfelix/random-forest-regressor-algorithm" target="_blank">
-		    			<div class="card" data-tilt>
-		    				<img src="./assets/icons/algorithms/trees.avif" alt="Random Forest Regressor" width="200px" height="200px">
-
-		    				<span>Random Forest Regressor</span>
-
-		    				<span class="badge regressionBadge">Regression</span>
-		    			</div>
-		    		</a>
-
-		    		<!-- Second Project -->
-		    		<a href="https://www.kaggle.com/code/dsfelix/xgboost-classifier" target="_blank">
-		    			<div class="card" data-tilt>
-		    				<img src="./assets/icons/algorithms/clustering.avif" alt="XGB Classifier" width="200px" height="200px">
-
-		    				<span>XGB Classifier</span>
-
-		    				<span class="badge classifierBadge">Classifier</span>
-		    			</div>
-		    		</a>
-
-		    		<!-- Third Project -->
-		    		<a href="https://www.kaggle.com/code/dsfelix/xgboost-regressor" target="_blank">
-		    			<div class="card" data-tilt>
-		    				<img src="./assets/icons/algorithms/logistic-regression.avif" alt="XGB Regressor" width="200px" height="200px">
-
-		    				<span>XGB Regressor</span>
-
-		    				<span class="badge regressionBadge">Regression</span>
-		    			</div>
-		    		</a>
-		    	</div>
-		    </div>
-		  </div>
-		</div>
-
 		<!-- Dashboards -->
 		<div id="dashboardModal" class="modal">
 
@@ -1090,5 +1030,38 @@ <h2 class="containerTitle">
 		    </div>
 		  </div>
 		</div>
+
+		<!-- 
+			*******************************
+			** Modals - Projects Part II **
+			*******************************
+		-->
+		<!-- Algorithms -->
+		<div id="mlAlgorithmsModal" class="modal">
+		  
+		  <div class="modalContent">
+
+		  	<!-- close button -->
+		    <span id="mlAlgorithmsClose" class="close">&times;</span>
+
+		    <!-- title -->
+		    <div class="modalTitle">
+		    	<img src="./assets/icons/tensorflow.svg" alt="Tensor Flow Logo" width="200px" height="200px" />
+		    	&nbsp
+		    	<span>ML Algorithms</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>