📦 Updates

Author: CSFelix

index.html

@@ -21,6 +21,7 @@
 		<link rel="stylesheet" type="text/css" href="./assets/css/styles/scrollbar.css" />
 		<link rel="stylesheet" type="text/css" href="./assets/css/styles/header.css">
 		<link rel="stylesheet" type="text/css" href="./assets/css/styles/sections.css">
+		<link rel="stylesheet" type="text/css" href="./assets/css/styles/footer.css">
 
 		<!-- JS Libraries -->
 		<script type="text/javascript" src="./assets/js/libraries/shuffle-text.js" defer></script>
@@ -334,6 +335,8 @@ <h2 class="containerTitle">
 						<img class="inactive" src="./assets/icons/star.png" alt="Active Star" />
 					</div>
 				</div>
+
+				<br />
 		</section>
 
 		<!--
@@ -356,40 +359,50 @@ <h2 class="containerTitle">
 			<div class="containerContent">
 				<img class="sticker" src="./assets/stickers/default/amazed.png" alt="Hey there!"/>
 
-				<div>
+				<br />
+
+				<div id="projectsSubContainer">
 					<!--
 						**********************
 						** Kaggle Notebooks **
 						**********************
 					-->
 					<div class="projectBtn">
 						<img src="./assets/icons/kaggle.svg" alt="Kaggle Logo" />
-						<span>Kaggle Notebooks</span>
+						<span>Kaggle</span>
 					</div>
 
+					<br /><br />
+
 					<!--
-						**************
-						** DS Tools **
-						**************
+						*******************
+						** ML Algorithms **
+						*******************
 					-->
 					<div class="projectBtn">
-						
+						<img src="./assets/icons/tensorflow.svg" alt="Tensor Flow Logo" />
+						<span>ML Algorithms</span>
 					</div>
 
+					<br /><br />
+
 					<!--
-						*******************
-						** ML Algorithms **
-						*******************
+						**************
+						** DS Tools **
+						**************
 					-->
 					<div class="projectBtn">
-						
+						<img src="./assets/icons/dstools.svg" alt="DS Tools Logo" />
+						<span>DS Tools</span>
 					</div>
+
+					<br /><br />
 				</div>
 		</section>
 
 		<!--
 			**************
-			** Projects **
+			** Reach Me **
 			**************
 		-->
 		<section id="reachMeContainer" class="container">
@@ -407,9 +420,80 @@ <h2 class="containerTitle">
 			<div class="containerContent">
 				<img class="sticker" src="./assets/stickers/default/excited.png" alt="Hey there!"/>
 
-				<!-- add reach me here -->
+				<br />
+
+				<!--
+					**************
+					** LinkedIn **
+					**************
+				-->
+				<div class="reachMeSubContainer">
+					<img class="reachMeLogo" src="./assets/icons/linkedin.svg" alt="LinkedIn Logo" />
+
+					<a href="https://www.linkedin.com/in/csfelix/" target="_blank">
+						&nbsp<span>linkedin.com/in/csfelix/</span>
+					</a>
+				</div>
+
+				<br />
+
+				<!--
+					************
+					** GitHub **
+					************
+				-->
+				<div class="reachMeSubContainer">
+					<img class="reachMeLogo" src="./assets/icons/github.svg" alt="GitHub Logo" />
+
+					<a href="https://github.com/CSFelix" target="_blank">
+						&nbsp<span>github.com/CSFelix</span>
+					</a>
+				</div>
+
+				<br />
+
+				<!--
+					************
+					** Kaggle **
+					************
+				-->
+				<div class="reachMeSubContainer">
+					<img class="reachMeLogo" src="./assets/icons/kaggle.svg" alt="Kaggle Logo" />
+
+					<a href="https://www.kaggle.com/dsfelix" target="_blank">
+						&nbsp<span>kaggle.com/dsfelix</span>
+					</a>
+				</div>
+
+				<br />
+
+				<!--
+					***********
+					** Gmail **
+					***********
+				-->
+				<div class="reachMeSubContainer">
+					<img class="reachMeLogo" src="./assets/icons/google.svg" alt="Google Logo" />
+
+					<a href="mailto:[email protected]">
+						&nbsp<span>[email protected]</span>
+					</a>
+				</div>
+
+				<br />
 		</section>
 
+		<!--
+			************
+			** Footer **
+			************
+		-->
+		<footer>
+			<img src="./assets/icons/balance.png" alt="Balance Icon" />
+			&nbsp
+			<span>GNU General Public License v3.0  - Copyrights 2018 - 2022</span>
+		</footer>
+
 		<!-- scripts pos-loading -->
 		<script type="text/javascript" src="./assets/js/scripts/mobile-menu-btn-effect.js"></script>
 		<script type="text/javascript" src="./assets/js/scripts/mobile-menu-toggle-effect.js"></script>