diff --git a/index.html b/index.html
index bf96356..37d26d3 100644
--- a/index.html
+++ b/index.html
@@ -19,17 +19,9 @@
 	</style>
     <body class="nav-fixed">
         <nav class="topnav shadow-sm  navbar navbar-expand justify-content-between justify-content-sm-start navbar-light bg-white" style="height:5rem" id="sidenavAccordion">
-			<!-- Sidenav Toggle Button-->
-			<!-- <button class="btn btn-icon btn-transparent-dark order-1 order-lg-0 me-2 ms-lg-2 me-lg-0" id="sidebarToggle"><i data-feather="menu"></i></button> -->
 			<a class="me-3 ms-4 ms-lg-15" href="index.html">
 				<img src="assets/img/tys-logo-512x512.png" style="max-width: 5.25rem" />
 			</a>
-			<!-- Navbar Brand-->
-			<!-- * * Tip * * You can use text or an image for your navbar brand.-->
-			<!-- * * * * * * When using an image, we recommend the SVG format.-->
-			<!-- * * * * * * Dimensions: Maximum height: 32px, maximum width: 240px-->
-			
-			
 			<!-- Navbar Items-->
 			<ul class="navbar-nav align-items-center ms-auto">
 				<a class="pt-3 pb-3" href="#skills" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Skills">
@@ -82,32 +74,24 @@
 				<div class="container-xl px-4">
 					<div class="text-center">
 						<h1 class="text-dark fw-bolder mt-10">Hello! I am Reynaldo B. Cortez Jr.</h1>
-						<p class="lead mb-4 text-dark">An Aspiring Professional Backend Developer.</p>
+						<p class="lead mb-4 text-dark">An Aspiring Professional Software Developer.</p>
 					</div>
 				</div>
 			</header>
 			<div class="text-center bg-white">
 				<img class="img-fluid mb-0" src="assets/img/illustrations/tys-avatar-professional.png" alt="" style="max-width: 16.25rem" />
-
 			</div>
 			<header class="page-header page-header-dark bg-tys pb-15">
 				<div class="container-xl px-4">
 					<div class="page-header-content">
-						<div class="row text-center">
-							<div class="col-3">
-								
-							</div>
-							<div class="col-xl-6 col-sm-12 mt-4">
+						<div class="row justify-content-center">
+							<div class="col-xl-6 col-sm-12 mt-4 text-center">
 								<h1 class="fw-bolder text-light">
 									Welcome to my Portfolio!
 								</h1>
 								<br>
-								<div class="text-light">I am passionate in creating efficient backend solutions as being part of the Development Team in my College Journey. Looking to start the career as an entry-level software developer with enough knowledge driven by technology.</div>
+								<div class="text-light">I am passionate in creating efficient frontend and backend solutions as being part of the Development Team in my College Journey. Looking to start the career as an entry-level software developer with enough knowledge driven by technology.</div>
 							</div>
-							<div class="col-3 mt-4">
-								
-							</div>
-							
 						</div>
 					</div>
 				</div>
@@ -116,7 +100,55 @@ <h1 class="fw-bolder text-light">
 			<!-- Main page content-->
 			<div class="container-xl px-4 mt-n15" id="skills">
 				<div class="row">
-					<div class="col-xl-6 mb-4">
+					<div class="col-xl-4 mb-4">
+						<!-- Dashboard example card 1-->
+						<div class="card rounded-xl shadow-none card-waves h-1000">
+							<div class="card-body d-flex justify-content-center flex-column">
+								<div class="d-flex align-items-center justify-content-between">
+									<div class="me-3 align-items-center">
+										<div class="icon-stack bg-secondary-soft text-secondary mb-3"><i class="feather text-secondary" data-feather="code"></i></div>
+										<h5 class="fw-bolder">Frontend Development</h5>
+										<div class="text-dark small">I enjoy creating user-friendly interfaces that are both efficient and easy to maintain</div>
+									</div>
+									<img src="assets/img/illustrations/backend-developer.svg" alt="..." style="width: 8rem" />
+								</div>
+							</div>
+							<br>
+							<div class="mb-3">
+								<h5 class="text-secondary text-center">Frontend Skills:</h5>
+								<div class="list-group list-group-flush small">
+                                        <div class="list-group-item list-group-item-action" href="#!">
+                                            <i class="fas fa-code fa-fw text-purple me-2"></i>
+                                            HTML, CSS, Javascript
+                                        </div>
+                                        <div class="list-group-item list-group-item-action" href="#!">
+                                            <i class="fas fa-regular fa-file-code fa-fw text-purple me-2"></i>
+                                            Bootstrap CSS Framework
+                                        </div>
+                                        <div class="list-group-item list-group-item-action" href="#!">
+                                            <i class="fas fa-code-branch fa-fw text-purple me-2"></i>
+                                            jQuery
+                                        </div>
+                                        <div class="list-group-item list-group-item-action" href="#!">
+                                            <i class="fas fa-code-compare fa-fw text-purple me-2"></i>
+                                            AJAX requests
+                                        </div>
+                                        <div class="list-group-item list-group-item-action" href="#!">
+                                            <i class="fas fa-network-wired fa-fw text-purple me-2"></i>
+                                            React JS
+                                        </div>
+                                </div>
+							</div>
+							<br>
+							<div class="text-center mb-3">
+								<h5 class="text-secondary">Application Tools:</h5>
+								<div class="text-dark small">Visual Studio Code</div>
+								<div class="text-dark small">Vite JS</div>
+								<div class="text-dark small">npm & yarn</div>
+							</div>
+						</div>
+					</div>
+					<div class="col-xl-4 mb-4">
 						<!-- Dashboard example card 1-->
 						<div class="card rounded-xl shadow-none card-waves h-1000">
 							<div class="card-body d-flex justify-content-center flex-column">
@@ -127,7 +159,6 @@ <h5 class="fw-bolder">Backend Development</h5>
 										<div class="text-dark small">I like to program things from the server-side, and write clean and maintainable code</div>
 									</div>
 									<img src="assets/img/illustrations/backend-developer.svg" alt="..." style="width: 8rem" />
-									
 								</div>
 							</div>
 							<br>
@@ -158,14 +189,14 @@ <h5 class="text-primary text-center">Backend Skills:</h5>
 							</div>
 							<br>
 							<div class="text-center mb-3">
-								<h5 class="text-primary">Application Tools:</h5>
+								<h5 class="text-primary">Development Tools:</h5>
 								<div class="text-dark small">Visual Studio Express</div>
 								<div class="text-dark small">Microsoft Azure Portal</div>
 								<div class="text-dark small">SQL Server Management Studio</div>
 							</div>
 						</div>
 					</div>
-					<div class="col-xl-6 mb-4">
+					<div class="col-xl-4 mb-4">
 						<!-- Dashboard example card 3-->
 						<div class="card rounded-xl shadow-none card-waves h-100">
 							<div class="card-body d-flex justify-content-center flex-column">
@@ -284,7 +315,6 @@ <h5 class="text-secondary fw-bolder">JUNIOR HIGH</h5>
 											<div class="text-dark fst-italic">Bacoor National High School - Molino Main</div>
 										</div>
 										<img src="assets/img/Bacoor.jpg" alt="..." style="width: 8rem" />
-										
 									</div>
 								</div>
 							</div>
@@ -304,7 +334,6 @@ <h5 class="text-warning fw-bolder">ELEMENTARY</h5>
 											<div class="text-dark fst-italic">CAA Elementary School - Main</div>
 										</div>
 										<img src="assets/img/CAAElem.jpg" alt="..." style="width: 8rem" />
-										
 									</div>
 								</div>
 							</div>
@@ -315,20 +344,14 @@ <h5 class="text-warning fw-bolder">ELEMENTARY</h5>
 			<header class="page-header page-header-dark bg-tys pb-15" id="projects">
 				<div class="container-xl px-4">
 					<div class="page-header-content">
-						<div class="row text-center">
-							<div class="col-3 mt-4">
-								
-							</div>
-							<div class="col-xl-6 col-sm-12">
+						<div class="row justify-content-center">
+							<div class="col-xl-6 col-sm-12 text-center">
 								<h1 class="fw-bolder text-light">
 									My Startup Projects
 								</h1>
 								<br>
 								<div class="text-light">My college experience involved my participation in various applications, including mobile game development and web development.</div>
 							</div>
-							<div class="col-3 mt-4">
-								
-							</div>
 						</div>
 					</div>
 				</div>
@@ -523,8 +546,6 @@ <h4 class="fw-bold text-light">Interested in working together? We should set up
 								<i class="fas fa-regular fa-envelope fa-fw text-light me-2"></i>
 								Send me a message
 							</a>
-
-							
 						</div>
 					</div>
 				</div>
@@ -541,11 +562,8 @@ <h4 class="fw-bold text-light">Interested in working together? We should set up
 					<h1 class="text-gray-300 fst-italic mb-0">Growing and improving each day</h1>
 					<h1 class="text-gray-300 fst-italic mb-5">through living and learning.</h1>
 					<br>
-					<div class="row">
-						<div class="col-xl-4 col-md-3 col-lg-3">
-							
-						</div>
-						<div class="col-xl-4 col-sm-12 col-md-6 col-lg-6 rounded-pill bg-light pb-2 pt-2">
+					<div class="row justify-content-center">
+						<div class="col-xl-4 col-sm-12 col-md-6 col-lg-6 rounded-pill bg-light pb-2 pt-2 text-center">
 							<a class="btn btn-outline-purple btn-icon me-4 my-1" href="https://www.facebook.com/messages/t/100005996918901" target="_blank" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook">
 								<i data-feather="facebook"></i>
 							</a> 
@@ -562,9 +580,6 @@ <h1 class="text-gray-300 fst-italic mb-5">through living and learning.</h1>
 								<i data-feather="mail"></i>
 							</a>
 						</div>
-						<div class="col-xl-4 col-md-3 col-lg-3">
-							
-						</div>
 					</div>
 					<br>
 					<p class="lead text-gray-500 fw-bold">E-Porfolio by Reynaldo B. Cortez Jr. &copy;  2023</p>
