diff --git a/assets/img/CAAAnnex.jpg b/assets/img/CAAAnnex.jpg
new file mode 100644
index 0000000..8728a1c
Binary files /dev/null and b/assets/img/CAAAnnex.jpg differ
diff --git a/index.html b/index.html
index 5212bfe..b4232f1 100644
--- a/index.html
+++ b/index.html
@@ -294,47 +294,85 @@ <h1 class="text-dark fw-bolder">My Educational Background</h1>
 							<div class="timeline-item-marker-indicator bg-primary-soft text-primary"><i data-feather="calendar"></i></div>
 						</div>
 						<div class="timeline-item-content pt-0">
-							<div class="card shadow-none rounded-xl border-primary">
-								<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">
-											<h5 class="text-primary fw-bolder">COLLEGE</h5>
-											<h1 class="text-dark fw-bolder p-0 m-0">Bachelor of Science in Computer Engineering</h1>
-											<div class="text-dark fst-italic">Polytechnic University of the Philippines - Parañaque Campus</div>
-											<div class="card-body">
-												<div class="timeline timeline-xs">
-                                                    <!-- Timeline Item 1-->
-                                                    <div class="timeline-item">
-                                                        <div class="timeline-item-marker">
-                                                            <div class="timeline-item-marker-indicator bg-blue"></div>
-                                                        </div>
-                                                        <div class="timeline-item-content">
-                                                            Cum Laude
-                                                        </div>
-                                                    </div>
-                                                    <!-- Timeline Item 2-->
-                                                    <div class="timeline-item">
-                                                        <div class="timeline-item-marker">
-                                                            <div class="timeline-item-marker-indicator bg-blue"></div>
-                                                        </div>
-                                                        <div class="timeline-item-content">
-                                                            Project Engineer of the Year 2023
-                                                        </div>
-                                                    </div>
-                                                    <!-- Timeline Item 3-->
-                                                    <div class="timeline-item">
-                                                        <div class="timeline-item-marker">
-                                                            <div class="timeline-item-marker-indicator bg-blue"></div>
-                                                        </div>
-                                                        <div class="timeline-item-content">
-                                                            Service Award 2023
-                                                        </div>
-                                                    </div>
-                                                </div>
+							<div class="col-xxl-4 col-xl-12 mb-4">
+                                <div class="card h-100 shadow-none rounded-xl border-primary">
+                                    <div class="card-body h-100 p-5">
+                                        <div class="row align-items-center">
+                                            <div class="col-xl-9 col-xxl-12">
+                                                <div class="me-3 align-items-center">
+													<h5 class="text-primary fw-bolder">COLLEGE</h5>
+													<h1 class="text-dark fw-bolder p-0 m-0">Bachelor of Science in Computer Engineering</h1>
+													<div class="text-dark fst-italic">Polytechnic University of the Philippines - Parañaque Campus</div>
+													<div class="card-body">
+														<div class="timeline timeline-xs">
+															<!-- Timeline Item 1-->
+															<div class="timeline-item">
+																<div class="timeline-item-marker">
+																	<div class="timeline-item-marker-indicator bg-blue"></div>
+																</div>
+																<div class="timeline-item-content">
+																	Cum Laude
+																</div>
+															</div>
+															<!-- Timeline Item 2-->
+															<div class="timeline-item">
+																<div class="timeline-item-marker">
+																	<div class="timeline-item-marker-indicator bg-blue"></div>
+																</div>
+																<div class="timeline-item-content">
+																	Project Engineer of the Year 2023
+																</div>
+															</div>
+															<!-- Timeline Item 3-->
+															<div class="timeline-item">
+																<div class="timeline-item-marker">
+																	<div class="timeline-item-marker-indicator bg-blue"></div>
+																</div>
+																<div class="timeline-item-content">
+																	Service Award 2023
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>
+                                            </div>
+                                            <div class="col-xl-3 col-xxl-12 text-center"><img class="img-fluid" src="assets/img/PUPLogo.png" style="max-width: 8rem" /></div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+						</div>
+					</div>
+					<div class="timeline-item">
+						<div class="timeline-item-marker">
+							<div class="timeline-item-marker-text">2017-2019</div>
+							<div class="timeline-item-marker-indicator bg-success-soft text-success"><i data-feather="calendar"></i></div>
+						</div>
+						<div class="timeline-item-content pt-0">
+							<div class="card h-100 shadow-none rounded-xl border-success">
+								<div class="card-body h-100 p-5">
+									<div class="row align-items-center">
+										<div class="col-xl-9 col-xxl-12">
+											<div class="me-3 align-items-center">
+												<h5 class="text-success fw-bolder">SENIOR HIGH</h5>
+												<h1 class="text-dark fw-bolder p-0 m-0">General Academic Strand</h1>
+												<div class="text-dark fst-italic">Las Piñas City National Senior High School - CAA Campus</div>
+												<div class="card-body">
+													<div class="timeline timeline-xs">
+														<!-- Timeline Item 1-->
+														<div class="timeline-item">
+															<div class="timeline-item-marker">
+																<div class="timeline-item-marker-indicator bg-green"></div>
+															</div>
+															<div class="timeline-item-content">
+																With Honors
+															</div>
+														</div>
+													</div>
+												</div>
 											</div>
 										</div>
-										<img src="assets/img/PUPLogo.png" alt="..." style="width: 8rem" />
-										
+										<div class="col-xl-3 col-xxl-12 text-center"><img class="img-fluid" src="assets/img/CAASHS.jpg" style="max-width: 8rem" /></div>
 									</div>
 								</div>
 							</div>
@@ -342,33 +380,20 @@ <h1 class="text-dark fw-bolder p-0 m-0">Bachelor of Science in Computer Engineer
 					</div>
 					<div class="timeline-item">
 						<div class="timeline-item-marker">
-							<div class="timeline-item-marker-text">2017-2019</div>
-							<div class="timeline-item-marker-indicator bg-success-soft text-success"><i data-feather="calendar"></i></div>
+							<div class="timeline-item-marker-text">2014-2017</div>
+							<div class="timeline-item-marker-indicator bg-secondary-soft text-secondary"><i data-feather="calendar"></i></div>
 						</div>
 						<div class="timeline-item-content pt-0">
-							<div class="card shadow-none rounded-xl border-success">
-								<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">
-											<h5 class="text-success fw-bolder">SENIOR HIGH</h5>
-											<h1 class="text-dark fw-bolder p-0 m-0">General Academic Strand</h1>
-											<div class="text-dark fst-italic">Las Piñas City National Senior High School - CAA Campus</div>
-											<div class="card-body">
-												<div class="timeline timeline-xs">
-                                                    <!-- Timeline Item 1-->
-                                                    <div class="timeline-item">
-                                                        <div class="timeline-item-marker">
-                                                            <div class="timeline-item-marker-indicator bg-green"></div>
-                                                        </div>
-                                                        <div class="timeline-item-content">
-                                                            With Honors
-                                                        </div>
-                                                    </div>
-                                                </div>
-											</div>
+							<div class="card h-100 shadow-none rounded-xl border-secondary">
+								<div class="card-body h-100 p-5">
+									<div class="row align-items-center">
+										<div class="col-xl-9 col-xxl-12">
+											<div class="me-3 align-items-center">
+											<h5 class="text-secondary fw-bolder">JUNIOR HIGH</h5>
+											<div class="text-dark fst-italic">Bacoor National High School - Molino Main</div>
+										</div>
 										</div>
-										<img src="assets/img/CAASHS.jpg" alt="..." style="width: 8rem" />
-										
+										<div class="col-xl-3 col-xxl-12 text-center"><img class="img-fluid" src="assets/img/Bacoor.jpg" style="max-width: 8rem" /></div>
 									</div>
 								</div>
 							</div>
@@ -376,18 +401,20 @@ <h1 class="text-dark fw-bolder p-0 m-0">General Academic Strand</h1>
 					</div>
 					<div class="timeline-item">
 						<div class="timeline-item-marker">
-							<div class="timeline-item-marker-text">2013-2017</div>
+							<div class="timeline-item-marker-text">2013-2014</div>
 							<div class="timeline-item-marker-indicator bg-secondary-soft text-secondary"><i data-feather="calendar"></i></div>
 						</div>
 						<div class="timeline-item-content pt-0">
-							<div class="card shadow-none rounded-xl border-secondary">
-								<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="card h-100 shadow-none rounded-xl border-secondary">
+								<div class="card-body h-100 p-5">
+									<div class="row align-items-center">
+										<div class="col-xl-9 col-xxl-12">
+											<div class="me-3 align-items-center">
 											<h5 class="text-secondary fw-bolder">JUNIOR HIGH</h5>
-											<div class="text-dark fst-italic">Bacoor National High School - Molino Main</div>
+											<div class="text-dark fst-italic">CAA National High School - Annex</div>
 										</div>
-										<img src="assets/img/Bacoor.jpg" alt="..." style="width: 8rem" />
+										</div>
+										<div class="col-xl-3 col-xxl-12 text-center"><img class="img-fluid" src="assets/img/CAAAnnex.jpg" style="max-width: 8rem" /></div>
 									</div>
 								</div>
 							</div>
@@ -399,14 +426,16 @@ <h5 class="text-secondary fw-bolder">JUNIOR HIGH</h5>
 							<div class="timeline-item-marker-indicator bg-warning-soft text-warning"><i data-feather="calendar"></i></div>
 						</div>
 						<div class="timeline-item-content pt-0">
-							<div class="card shadow-none rounded-xl border-warning">
-								<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="card h-100 shadow-none rounded-xl border-warning">
+								<div class="card-body h-100 p-5">
+									<div class="row align-items-center">
+										<div class="col-xl-9 col-xxl-12">
+											<div class="me-3 align-items-center">
 											<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 class="col-xl-3 col-xxl-12 text-center"><img class="img-fluid" src="assets/img/CAAElem.jpg" style="max-width: 8rem" /></div>
 									</div>
 								</div>
 							</div>