diff --git a/assets/docs/1stSem20-21.png b/assets/docs/1stSem20-21.png
new file mode 100644
index 0000000..8d332ec
Binary files /dev/null and b/assets/docs/1stSem20-21.png differ
diff --git a/assets/docs/1stSem21-22.png b/assets/docs/1stSem21-22.png
new file mode 100644
index 0000000..6f41c8e
Binary files /dev/null and b/assets/docs/1stSem21-22.png differ
diff --git a/assets/docs/1stSem22-23.png b/assets/docs/1stSem22-23.png
new file mode 100644
index 0000000..350a3d7
Binary files /dev/null and b/assets/docs/1stSem22-23.png differ
diff --git a/assets/docs/2ndSem20-21.png b/assets/docs/2ndSem20-21.png
new file mode 100644
index 0000000..376aa6e
Binary files /dev/null and b/assets/docs/2ndSem20-21.png differ
diff --git a/index.html b/index.html
index 3f19e78..316dfd1 100644
--- a/index.html
+++ b/index.html
@@ -409,6 +409,30 @@ <h1 class="text-dark fw-bolder">My Certifications</h1>
 					</div>
 				</header>
 				<div class="row">
+					<div class="col-xl-3 mb-4">
+						<!-- Illustration dashboard card example-->
+						<a class="card lift shadow-none rounded-0 mb-4" href="assets/docs/1stSem20-21.png" target=”_blank” data-bs-toggle="tooltip" data-bs-placement="top" title="1st Sem A.Y. 20-21">
+							<img src="assets/docs/1stSem20-21.png"/>
+						</a>
+					</div>
+					<div class="col-xl-3 mb-4">
+						<!-- Illustration dashboard card example-->
+						<a class="card lift shadow-none rounded-0 mb-4" href="assets/docs/2ndSem20-21.png" target=”_blank” data-bs-toggle="tooltip" data-bs-placement="top" title="2nd Sem A.Y. 20-21">
+							<img src="assets/docs/2ndSem20-21.png"/>
+						</a>
+					</div>
+					<div class="col-xl-3 mb-4">
+						<!-- Illustration dashboard card example-->
+						<a class="card lift shadow-none rounded-0 mb-4" href="assets/docs/1stSem21-22.png" target=”_blank” data-bs-toggle="tooltip" data-bs-placement="top" title="1st Sem A.Y. 21-22">
+							<img src="assets/docs/1stSem21-22.png"/>
+						</a>
+					</div>
+					<div class="col-xl-3 mb-4">
+						<!-- Illustration dashboard card example-->
+						<a class="card lift shadow-none rounded-0 mb-4" href="assets/docs/1stSem22-23.png" target=”_blank” data-bs-toggle="tooltip" data-bs-placement="top" title="1st Sem A.Y. 22-23">
+							<img src="assets/docs/1stSem22-23.png"/>
+						</a>
+					</div>
 					<div class="col-xl-4 mb-4">
 						<!-- Illustration dashboard card example-->
 						<a class="card lift shadow-none rounded-0 mb-4" href="assets/docs/Sololearn.png" target=”_blank” data-bs-toggle="tooltip" data-bs-placement="top" title="C# Sololearn">