-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
40 additions
and
27 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -18,42 +18,54 @@ | |
} | ||
</style> | ||
<body class="nav-fixed"> | ||
<nav class="navbar navbar-expand justify-content-between justify-content-sm-start navbar-light bg-white" id="sidenavAccordion"> | ||
<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--> | ||
<a class="pe-3 ps-4 ps-lg-15" href="index.html"> | ||
<img src="assets/img/tys-logo-512x512.png" style="max-width: 5.25rem" /> | ||
</a> | ||
|
||
|
||
<!-- 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"> | ||
<div class="btn btn-outline-purple btn-icon me-1"><i data-feather="star"></i></div> | ||
</a> | ||
<a class="pt-3 pb-3" href="#education" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Education"> | ||
<div class="btn btn-outline-purple btn-icon me-1"><i data-feather="book-open"></i></div> | ||
</a> | ||
<a class="pt-3 pb-3" href="#projects" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Projects"> | ||
<div class="btn btn-outline-purple btn-icon me-1"><i data-feather="code"></i></div> | ||
</a> | ||
<a class="pt-3 pb-3" href="#certifications" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Certifications"> | ||
<div class="btn btn-outline-purple btn-icon me-4"><i data-feather="award"></i></div> | ||
</a> | ||
<!-- Messages Dropdown--> | ||
<li class="nav-item dropdown no-caret me-3 me-lg-10 dropdown-notifications"> | ||
<a class="btn btn-outline-purple btn-icon dropdown-toggle" id="navbarDropdownMessages" href="javascript:void(0);" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i data-feather="mail" data-bs-toggle="tooltip" data-bs-placement="top" title="Contact me"></i></a> | ||
<a class="btn btn-purple btn-icon dropdown-toggle" id="navbarDropdownMessages" href="javascript:void(0);" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i data-feather="mail"></i></a> | ||
<div class="dropdown-menu dropdown-menu-end py-0 me-sm-n15 me-lg-0 o-hidden animated--fade-in-up" aria-labelledby="navbarDropdownMessages"> | ||
<a class="dropdown-item py-3" href="mailto:[email protected]" target="_blank"> | ||
<a class="dropdown-item py-3" href="mailto:[email protected]" target="_blank" data-bs-toggle="tooltip" data-bs-placement="left" title="Send me a message"> | ||
<div class="icon-stack bg-primary-soft text-primary me-4"><i data-feather="mail"></i></div> | ||
<div> | ||
<div class="small text-primary">Email</div> | ||
[email protected] | ||
</div> | ||
</a> | ||
<div class="dropdown-divider m-0"></div> | ||
<a class="dropdown-item py-3" target="_blank"> | ||
<a class="dropdown-item py-3" target="_blank" data-bs-toggle="tooltip" data-bs-placement="left" title="Contact me"> | ||
<div class="icon-stack bg-primary-soft text-primary me-4"><i data-feather="phone"></i></div> | ||
<div> | ||
<div class="small text-primary">Contact Number</div> | ||
(+63) 960 375-2437 | ||
</div> | ||
</a> | ||
<div class="dropdown-divider m-0"></div> | ||
<a class="dropdown-item py-3" href="assets/docs/RBCortezJr_Resume.pdf" target="_blank"> | ||
<div class="icon-stack bg-primary-soft text-primary me-4"><i data-feather="file"></i></div> | ||
<a class="dropdown-item py-3" href="assets/docs/RBCortezJr_Resume.pdf" target="_blank" data-bs-toggle="tooltip" data-bs-placement="left" title="Download CV"> | ||
<div class="icon-stack bg-primary-soft text-primary me-4"><i data-feather="download"></i></div> | ||
<div> | ||
<div class="small text-primary">Profile</div> | ||
Curriculum Vitae | ||
|
@@ -65,11 +77,11 @@ | |
</ul> | ||
</nav> | ||
|
||
<main> | ||
<main id="home"> | ||
<header class="py-5 bg-white mb-0"> | ||
<div class="container-xl px-4"> | ||
<div class="text-center"> | ||
<h1 class="text-dark fw-bolder">Hello! I am Reynaldo B. Cortez Jr.</h1> | ||
<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> | ||
</div> | ||
</div> | ||
|
@@ -80,9 +92,9 @@ <h1 class="text-dark fw-bolder">Hello! I am Reynaldo B. Cortez Jr.</h1> | |
</div> | ||
<header class="page-header page-header-dark bg-tys pb-15"> | ||
<div class="container-xl px-4"> | ||
<div class="page-header-content pt-4"> | ||
<div class="page-header-content"> | ||
<div class="row text-center"> | ||
<div class="col-3 mt-4"> | ||
<div class="col-3"> | ||
|
||
</div> | ||
<div class="col-xl-6 col-sm-12 mt-4"> | ||
|
@@ -95,13 +107,14 @@ <h1 class="fw-bolder text-light"> | |
<div class="col-3 mt-4"> | ||
|
||
</div> | ||
|
||
</div> | ||
</div> | ||
</div> | ||
</header> | ||
<!-- Main page content--> | ||
<div class="container-xl px-4 mt-n15"> | ||
|
||
<!-- Main page content--> | ||
<div class="container-xl px-4 mt-n15" id="skills"> | ||
<div class="row"> | ||
<div class="col-xl-6 mb-4"> | ||
<!-- Dashboard example card 1--> | ||
|
@@ -204,7 +217,7 @@ <h5 class="text-green">Team Collaboration Tools:</h5> | |
</div> | ||
</div> | ||
<!-- Main page content--> | ||
<div class="container-xl px-4 mt-5"> | ||
<div class="container-xl px-4 mt-5" id="education"> | ||
<header class="py-5 mb-0"> | ||
<div class="container-xl px-4"> | ||
<div class="text-center"> | ||
|
@@ -214,14 +227,14 @@ <h1 class="text-dark fw-bolder">My Educational Background</h1> | |
</div> | ||
</header> | ||
<!-- Styled timeline component example --> | ||
<div class="timeline mb-5"> | ||
<div class="timeline mb-15"> | ||
<div class="timeline-item"> | ||
<div class="timeline-item-marker"> | ||
<div class="timeline-item-marker-text">2019-2023</div> | ||
<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"> | ||
<div class="card shadow-none rounded-xl"> | ||
<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"> | ||
|
@@ -242,7 +255,7 @@ <h1 class="text-dark fw-bolder">Bachelor of Science in Computer Engineering</h1> | |
<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 shadow-none"> | ||
<div class="card shadow-none rounded-xl"> | ||
<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"> | ||
|
@@ -263,7 +276,7 @@ <h1 class="text-dark fw-bolder">General Academic Strand</h1> | |
<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"> | ||
<div class="card shadow-none rounded-xl"> | ||
<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"> | ||
|
@@ -283,7 +296,7 @@ <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"> | ||
<div class="card shadow-none rounded-xl"> | ||
<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"> | ||
|
@@ -299,14 +312,14 @@ <h5 class="text-warning fw-bolder">ELEMENTARY</h5> | |
</div> | ||
</div> | ||
</div> | ||
<header class="page-header page-header-dark bg-tys pb-15"> | ||
<header class="page-header page-header-dark bg-tys pb-15" id="projects"> | ||
<div class="container-xl px-4"> | ||
<div class="page-header-content pt-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 mt-4"> | ||
<div class="col-xl-6 col-sm-12"> | ||
<h1 class="fw-bolder text-light"> | ||
My Startup Projects | ||
</h1> | ||
|
@@ -387,7 +400,7 @@ <h3 class="fw-bolder">CP-BIOWAR I</h3> | |
</div> | ||
</div> | ||
<!-- Main page content--> | ||
<div class="container-xl px-4 mt-5 mb-5"> | ||
<div class="container-xl px-4 mt-5 mb-5" id="certifications"> | ||
<header class="py-5 mb-0"> | ||
<div class="container-xl px-4"> | ||
<div class="text-center"> | ||
|
@@ -473,7 +486,7 @@ <h4 class="fw-bold text-light">Interested in working together? We should set up | |
<div class="container-xl px-4"> | ||
<div class="text-center"> | ||
<br> | ||
<a href="index.html"> | ||
<a href="#home"> | ||
<img class="mb-5 mt-10" src="assets/img/white-tys.svg" style="max-width: 7rem" /> | ||
</a> | ||
<br> | ||
|