Skip to content
Snippets Groups Projects
Commit 938d5932 authored by HouTeng Chan's avatar HouTeng Chan
Browse files

Update file inclusivity.html

parent 1f9f65e3
No related branches found
No related tags found
No related merge requests found
......@@ -69,27 +69,33 @@
<div class="row mt-4">
<div class="col-lg-12">
<h2 id="Future generations">
<h2>Future generations</h2>
<hr>
<p>we believe that real change and the power to shape the future begins today. Education is the foundation of that change, and it starts from a young age. By inspiring future generations—especially middle schoolers and even younger audiences—we can nurture a passion for science early on. </p>
<h2 id="Future-generations">Future generations</h2>
<hr>
<p>We believe that real change and the power to shape the future begins today. Education is the foundation of that change, and it starts from a young age. By inspiring future generations—especially middle schoolers and even younger audiences—we can nurture a passion for science early on.</p>
<p>People are most curious when they are young, and this curiosity enhances their brain's ability to learn, helping them retain information even if the subject is not initially interesting to them. This makes fostering curiosity in childhood essential for long-term learning and growth.</p>
<p>To achieve this, we created an engaging and easy-to-understand animation video designed to capture the attention of young minds. Our goal is to make science fun, relatable, and exciting for them.</p>
</div>
<div class="images-wrapper" style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
<div class="image-container" style="flex: 1; min-width: 200px; max-width: 350px;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic3.png" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
</div>
<div class="image-container" style="flex: 1; min-width: 200px; max-width: 350px;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic4.jpg" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
</div>
<div class="row">
<div class="col-lg-12">
<div class="images-wrapper" style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
<div class="image-container" style="flex: 1; min-width: 200px; max-width: 350px;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic3.png" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
</div>
<div class="image-container" style="flex: 1; min-width: 200px; max-width: 350px;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic4.jpg" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
</div>
</div>
</div>
</div>
<div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic5.jpg" alt="ibd_figure" class="shadowed-image" style="width: 30%; max-width: 350px;">
</div>
<div class="row">
<div class="col-lg-12">
<div class="image-container" style="display: flex; justify-content: center;">
<img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic5.jpg" alt="ibd_figure" class="shadowed-image" style="width: 30%; max-width: 350px;">
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-12">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment