Skip to content

Commit

Permalink
UpdateLayoutforEducation
Browse files Browse the repository at this point in the history
  • Loading branch information
@iamthighs
iamthighs committed Dec 17, 2023
1 parent dcd944b commit cf6fb91
Show file tree
Hide file tree
Showing 2 changed files with 104 additions and 75 deletions.
Binary file added assets/img/CAAAnnex.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
179 changes: 104 additions & 75 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -294,100 +294,127 @@ <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>
</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 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>
</div>
</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>
Expand All @@ -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>
Expand Down

0 comments on commit cf6fb91

Please sign in to comment.