This repository has been archived by the owner on Jun 9, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
education.html
153 lines (132 loc) · 9.41 KB
/
education.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!doctype html>
<html lang='en'>
<!--
Author: Ang Yak Hng
Filename: education.html
Last edit: 16 Aug 2019
-->
<head>
<title>Education</title>
<!-- Required tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Links to external files -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel='stylesheet' href='global.css' type='text/css'>
<link rel='stylesheet' href="education.css" type="text/css">
<script src="https://kit.fontawesome.com/efbe37c53e.js"></script>
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light ">
<a class="navbar-brand" href="index.html"><strong>Yak</strong></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href='index.html'>Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">Education <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="interests.html">Interests</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">Projects</a>
</li>
</ul>
</div>
</nav>
<!-- Splash screen -->
<div class='jumbotron jumbotron-fluid' id='jumbo'>
<div class='container'>
<h1 class='display-4'><strong>Education</strong></h1>
<p class='lead'>This is every school I have went to.</p>
</div>
</div>
<!-- Schools -->
<div class='container'>
<div class='row'>
<!-- Peiying Primary school card -->
<div class='col-12 col-lg-6'>
<div class='card'>
<img src='Images/pyps.jpg' class='card-img-top' alt='Primary school image'>
<div class='card-body'>
<h5 class='card-title'>Peiying Primary School</h5>
<h6 class="card-subtitle mb-2 text-muted">2009-2014, T-Score: 232</h6>
<p class='card-text'>I remember the test I had to do to get into this school. It seems incredibly basic back then, but at the time, not knowing how to spell at all was ok. I was at first upset that I didn't get into a school closer to my home and that I didn't get to join my friends from kindergarten. But, once lessons started proper, I quickly learned to enjoy the school, and forged friendships along the way.<br><br>The year leading up to PSLE was particularly daunting, mainly due to the fact that it was my first time doing a national examination, with reminders that this number could determine my entire future. This year was also the year I got accepted into SST, however, so I actually was more relaxed than my other classmates. That isn't to say that I didn't study. In fact, I studied so much that I almost burnt out. But, with help from my private tutor, teachers and my parents, I pulled through, and got close to my targer score of 240.</p>
</div>
</div>
</div>
<!-- SST card -->
<div class='col-12 col-lg-6'>
<div class='card'>
<img src="Images/sst.jpg" class='card-img-top' alt='secondary school image'>
<div class='card-body'>
<h5 class='card-title'>School of Science and Technology, Singapore</h5>
<h6 class='card-subtitle mb-2 text-muted'>2015-2018, ELR2B2: 12 (-2)</h6>
<p class='card-text'>I got into SST through an arduous 2-stage interview process that was counted as DSA. The first stage consisted of 2 tests that thousands of students took. It was a math test and a logic test. The logic test was not too difficult, as much of it had the testee apply common sense, but the math test was grueling, since we were not allowed to use a calculator and still do math with very large numbers. The second stage was an interview done by 3 teachers for 4-5 students at a time. We were assigned a single 'project' to work on, in my case it was to design and build a prototype boat that could hold a thousand families. We were given 15 minutes to brainstorm, then another 15 minutes to discuss amongst ourselves, then finally 5 minutes to present our craft. After the presentation, we were all sat down for an open-ended interview, where the teachers gave questions to all of us for us to answer. It was tough, but I got in in the end.<br><br>SST is a specialised school, in that in place of Triple Science streaming, we are offered a 'special subject'. We have 4 options: Biotechnology, Computing, Fundamentals of Electronics and Design Studies, and we had to choose at the end of Secondary 2. I, obviously, chose Computing, which at the time was a brand new subject, meaning my cohort was the first one to take it.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Credit Modal -->
<div class="modal fade" id="credits" tabindex="-1" role="dialog" aria-labelledby="credit-label" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="credit-label">Credits</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<table class='table'>
<thead class='thead-dark'>
<tr>
<th scope='col'>Image Link</th>
<th scope='col'>Credits</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href='https://unsplash.com/photos/z7prq6BtPE4'>Jumbotron background</a></td>
<td>Photo by Paweł Czerwiński on Unsplash</td>
</tr>
<tr>
<td><a href='https://www.sst.edu.sg/our-school/about-sst/'>SST compound</a></td>
<td>Photo from sst.edu.sg</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer py-3 mt-3" id='footer'>
<div class="container-fluid">
<div class='row'>
<div class='col-6 my-auto'>
<a href='https://www.instagram.com/yakhnggg/' class='btn rounded-circle' id='insta-btn' target='_blank'><i class="fab fa-instagram"></i></a>
<a href='https://reddit.com/u/ayyyyyh' class='btn rounded-circle' id='reddit-btn' target='_blank'><i class='fab fa-reddit'></i></a>
</div>
<div class='col-6 text-right'>
<a class='btn' href='#' data-toggle="modal" data-target="#credits">© Ang Yak Hng, 2019</a>
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>