samuelory.github.io/exp.html at master · samuelory/samuelory.github.io · GitHub

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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
<!DOCTYPE html>
<html>
<head>
  <title>Samuel Ong</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  <link rel="shortcut icon" type="image/png" href="img/favicon.png">
</head>
<body class="bg-light">

  <nav class="navbar navbar-expand-sm navbar-dark bg-secondary">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
    <div class="navbar-nav">
      <a class="nav-item nav-link" href="index.html">Home</a>
      <a class="nav-item nav-link active" href="#">Notable Experiences<span class="sr-only">(Current)</span></a>
      <a class="nav-item nav-link" href="interest.html">Current Interests</a>
    </div>
  </div>
  </nav>
<div class="container bg-dark rounded-bottom" style="padding-top:1rem; padding-bottom:1rem">
  <div class="row">
    <div class="col-sm-3">
      <div class="card border-secondary">
          <img src="img/cep.jpg" class="card-img-top">
              <div class="card-body">
                <h5 class="card-title">Computer Elective Programme</h5>
                <p class="card-text">In 2015, I joined the school's Computer Elective Programme, where I would learn coding for the next three years. </p>
                </div>
              </div>
              </div>

    <div class="col-sm-3">
        <div class="card border-secondary">
            <img src="img/geogra.jpg" class="card-img-top">
            <div class="card-body">
              <h5 class="card-title">Geography RA</h5>
              <p class="card-text"> At the start of 2016, I joined Geography RA, where I was given the opportunity to further my interest in Geography with a harder syllabus.</p>
            </div>
        </div>
      </div>

      <div class="col-sm-3">
        <div class="card border-secondary">
          <img src="img/recruitsnco.jpg" class="card-img-top">
          <div class="card-body">
              <h5 class="card-title">Recruits NCO</h5>
              <p class="card-text">Early 2016, I was selected to help introduce new secondary 1 Boys into the Boys' Brigade. </p>
          </div>
        </div>
      </div>

      <div class="col-sm-3">
        <div class="card border-secondary">
          <img src="img/drillcomp.jpg" class="card-img-top">
            <div class="card-body">
              <h5 class="card-title">Drill Competition</h5>
                <p class="card-text"> In 2016, I joined Boys' Brigade's Drill Competition team, winning our cluster's drill competition. </p>
            </div>
        </div>
      </div>

  <div class="col-sm-3">
    <div class="card border-secondary">
        <img src="img/boarding.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Boarding</h5>
                  <p class="card-text"> Mid 2016, I lived in boarding for a term, learning how to become more independent and making many good memories. </p>
                  </div>
                </div>
              </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/year3re.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Research Education</h5>
            <p class="card-text"> In 2016, my peers and I created a fitness trainer prototype with the Kinect as part of the school's research education programme. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/taiwanimmersion.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Taiwan Immersion</h5>
            <p class="card-text"> End 2016, I joined the annual immersion programme to Taiwan, where we spent 21 days in Taiwan to learn about their culture. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/urbandesignworkshop.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Urban Design Workshop</h5>
            <p class="card-text"> Early 2016, I took part in URA's inaugural Urban Design Workshop, where we learnt how to design and construct a street installation. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/foundersaward.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Founders Award</h5>
            <p class="card-text"> Mid 2016, in recognition of our efforts in the Boys' Brigade, my batchmates and I received the Founders Award, the most prestigious award a Boy can receive. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/hanoiic.JPG" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Hanoi IC</h5>
            <p class="card-text"> As part of Gap Semester, I went on a two week immersion programme to Hanoi, learning about their culture and becoming more confident. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/invent.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Raffles INVENT</h5>
            <p class="card-text"> At the start of y5, I joined Raffles INVENT, an enrichment program where we learnt how startups are formed. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/primerschallenge.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Primers Challenge</h5>
            <p class="card-text"> As part of the Primers Programme, I took part in a three day two night adventure camp in Northern Malaysia, getting the chance to do waterfall abseiling, caving and rafting. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/gearup.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Gearup 2018</h5>
            <p class="card-text"> Mid 2018, I took part in Gearup with my batchmates, a cycling event held by my schools ODAC. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/BBSGwarehouse.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">BBSG Warehouse</h5>
            <p class="card-text"> In 2018, I helped out Boys' Brigade Share a Gift in their warehouse, organising Boys to pack hampers for the needy. </p>
        </div>
      </div>
    </div>
    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/geha.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Helping out at GEHA</h5>
            <p class="card-text">In 2018, I helped with my friend's student initated project, bringing around old folks from Geylang East Home for the Aged around Chinatown to take photos. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/missiontrip2018.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Mission Trip 2018</h5>
            <p class="card-text"> End 2018, I joined Kampong Kapor Methodist Church (KKMC)'s annual short term mission trip to Thailand, spreading the gospel through song and dance.</p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/habitatforhumanity.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Habitat for Humanity</h5>
            <p class="card-text">In 2019, I helped Habitat for Humanity brighten an old man's day by cleaning his home. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/missiontrip2019.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Mission Trip 2019</h5>
            <p class="card-text"> In 2019, I took part in KKMC's annual mission trip again, this time with my own batchmates. </p>
        </div>
      </div>
    </div>

    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/epworth.png" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Student Care Work</h5>
            <p class="card-text"> After As, I took up a part time job at Epworth Community Services, helping take care of boys at the after school student care at ACS(P). </p>
        </div>
      </div>
    </div>
    <div class="col-sm-3">
      <div class="card border-secondary">
        <img src="img/recruitsprogramme.jpg" class="card-img-top">
        <div class="card-body">
          <h5 class="card-title">Recruits Programme</h5>
          <p class="card-text"> Before enlisting, I came back to mentor this years Recruits Programme NCOs as they induct the new Year 1s into Boys' Brigade. </p>
          </div>
        </div>
        </div>


  </div>
</div>

  <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>