Skip to content

Commit

Permalink
-- fixed expanding issue with accordion for edu
Browse files Browse the repository at this point in the history
  • Loading branch information
@greatcoltini
greatcoltini committed Aug 27, 2022
1 parent 12ae98d commit 5b3535c
Showing 1 changed file with 92 additions and 93 deletions.
185 changes: 92 additions & 93 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,11 @@ <h1 class="display-4 fst-italic">WORK EXPERIENCE & CURRENT JOB</h1>
<strong class="d-inline-block mb-2 text-primary">Six Nations of the Grand River</strong>
<h3 class="mb-0">Water Treatment Plant Operator</h3>
<div class="mb-1 text-muted">Aug 2021 -> Present</div>
<p class="card-text mb-auto">Working as a water treatment operator at a Class III water treatment plant.</p>
<p class="card-text mb-auto">Working as a water treatment operator at a Class III water treatment plant.
<blockquote> - Maintaining standards as per Ontario's Water Treatment Guidelines
<br> - Water Treatment, Water Distribution, Wastewater Treatment, and Wastewater Collection work
<br> - Adjustment of chemical dosages to ensure high quality water is outputted
<br> - </blockquote></p>
</div>
</div>
</div>
Expand All @@ -115,14 +119,11 @@ <h3 class="mb-0">Water Treatment Plant Operator</h3>
<div class="col-md-6 px-0">
<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary">World</strong>
<h3 class="mb-0">Featured post</h3>
<div class="mb-1 text-muted">Nov 12</div>
<p class="card-text mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="stretched-link">Continue reading</a>
</div>
<div class="col-auto d-none d-lg-block">
<svg class="bd-placeholder-img" width="200" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
<strong class="d-inline-block mb-2 text-primary"> Telus International</strong>
<h3 class="mb-0">Mapping Analyst</h3>
<div class="mb-1 text-muted">April 2021 -> July 2022</div>
<p class="card-text mb-auto"><blockquote> - Cleaning data produced from an AI-generated mapping program <br>
- Ensuring that standards met quality outlined in guidelines as per Telus International's regulations</blockquote></p>
</div>
</div>
</div>
Expand Down Expand Up @@ -179,94 +180,92 @@ <h3 class="mb-0">Featured post</h3>
<div id="EDU" class="container my-5">
<h1 class="border-bottom display-1"> EDUCATION </h1>
<div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg">
<div class="col-lg-7 p-3 p-lg-5 pt-lg-3">
<div class="accordion" id="accordionPanelsStayOpenExample">
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
Bachelors of Science
</button>
</h2>
<div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
<div class="accordion-body">
<strong>Graduating from University of Toronto in 2021 with a Bachelors of Science.</strong>
<table class="table table-hover">
<thead>
<tr>
<th scope="col"> Specialization </th>
<th scope="col"> Specific Courses </th>
<th scope="col"> More Detailed Description </th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"> Computer Science </th>
<td> - Object Oriented Programming</td>
<td> - Specific education with Java with regards to OOP principles and dynamics.</td>
</tr>
<tr>
<th scope="row"> Mathematics </th>
<td> - Linear Algebra <br> - Proofs <br> - Multivariable Calculus </td>
<td> - Understanding matrices and graphing </td>
</tr>
<tr>
<th scope="row"> Psychology </th>
<td> - Psychology and the Law <br> - Psychological Disorders <br> The Biopsychology of Sex </td>
<td> - Understanding the impact of Law on Psychology and research </td>
</tr>
</tbody>
</table>
</div>
<div class="accordion" id="accordionPanelsStayOpenExample">
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
Bachelors of Science
</button>
</h2>
<div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
<div class="accordion-body">
<strong>Graduating from University of Toronto in 2021 with a Bachelors of Science.</strong>
<table class="table table-hover">
<thead>
<tr>
<th scope="col"> Specialization </th>
<th scope="col"> Specific Courses </th>
<th scope="col"> More Detailed Description </th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"> Computer Science </th>
<td> - Object Oriented Programming</td>
<td> - Specific education with Java with regards to OOP principles and dynamics.</td>
</tr>
<tr>
<th scope="row"> Mathematics </th>
<td> - Linear Algebra <br> - Proofs <br> - Multivariable Calculus </td>
<td> - Understanding matrices and graphing </td>
</tr>
<tr>
<th scope="row"> Psychology </th>
<td> - Psychology and the Law <br> - Psychological Disorders <br> The Biopsychology of Sex </td>
<td> - Understanding the impact of Law on Psychology and research </td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
Water Treatment Licensing
</button>
</h2>
<div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingTwo">
<div class="accordion-body">
<strong> The Water Systems Operator licensing that I currently hold </strong>
<table class="table table-hover">
<thead>
<tr>
<th scope="col"> Licensing </th>
<th scope="col"> Date of Acquisition </th>
<th scope="col"> Description </th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"> Water Treatment I </th>
<td> July 5, 2022</td>
<td> - First level of licensing for water treatment work </td>
</tr>
<tr>
<th scope="row"> Water Distribution I </th>
<td> July 6, 2022 </td>
<td> - First level of licensing for water distribution work </td>
</tr>
<tr>
<th scope="row"> Wastewater Collection and Wastewater Treatment - O.I.T. </th>
<td> February 17, 2022 </td>
<td> - Initial training certification for Wastewater treatment and collections </td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
Water Treatment Licensing
</button>
</h2>
<div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingTwo">
<div class="accordion-body">
<strong> The Water Systems Operator licensing that I currently hold </strong>
<table class="table table-hover">
<thead>
<tr>
<th scope="col"> Licensing </th>
<th scope="col"> Date of Acquisition </th>
<th scope="col"> Description </th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"> Water Treatment I </th>
<td> July 5, 2022</td>
<td> - First level of licensing for water treatment work </td>
</tr>
<tr>
<th scope="row"> Water Distribution I </th>
<td> July 6, 2022 </td>
<td> - First level of licensing for water distribution work </td>
</tr>
<tr>
<th scope="row"> Wastewater Collection and Wastewater Treatment - O.I.T. </th>
<td> February 17, 2022 </td>
<td> - Initial training certification for Wastewater treatment and collections </td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
Additional Certifications and Training
</button>
</h2>
<div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingThree">
<div class="accordion-body">
<strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
Additional Certifications and Training
</button>
</h2>
<div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingThree">
<div class="accordion-body">
<strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
Expand Down

0 comments on commit 5b3535c

Please sign in to comment.