This repository has been archived by the owner on Oct 11, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
370 lines (298 loc) · 15.9 KB
/
index.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
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
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
<!DOCTYPE html>
<html>
<head runat="server">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Font Awesome -->
<link rel="stylesheet" href="fontawesome/css/all.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- Page CSS -->
<link href="css/homepage.css" rel="stylesheet" />
<title>Jun Kang</title>
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- Anime JS -->
<script src="js/anime.min.js"></script>
<!-- Waypoints JS -->
<script src="js/jquery.waypoints.min.js"></script>
<script ype="text/javascript" src="js/typeit.min.js"></script>
<!-- Homepage JS -->
<script src="js/homepage.js"></script>
</head>
<body>
<!-- As a heading -->
<nav id="navbar" class="navbar navbar-light darken-4 fixed-top">
<div id="title-irminrics" class="navbar-brand">
<div style="float:left;" class="icon irminrics-dp"></div>JUN KANG
</div>
<div id="nav-container-right">
<!-- <a href="https://www.facebook.com/A0J0K"><div class="icon icon-facebook"></div></a>
<a href="https://www.linkedin.com/in/angjunkang/"><div class="icon icon-linkedin"></div></a>
<a href="mailto:irminrics@gmail.com"><div class="icon icon-email"></div></a> -->
<ul class="text-uppercase" id="nav-items">
<li class="nav-item "><a id="nav-about" class="nav-link" onclick="scrollToAbout()">About Me</a></li>
<li class="nav-item"><a id="nav-experience" class="nav-link"
onclick="scrollToExperience()">Experience</a></li>
<li class="nav-item"><a id="nav-awards" class="nav-link" onclick="scrollToAwards()">Awards</a></li>
<li class="nav-item"><a id="nav-contact" class="nav-link" onclick="scrollToContact()">Contact</a></li>
</ul>
</div>
</nav>
<div class="header">
<div class="progress-bar" id="myBar"></div>
</div>
<div id="intro-background">
<div id="main-intro">
<div id="intro-div">
<div class="typeText">
<div class="content"></div>
</div>
<span class="intro-description">This site is still under construction. I am working hard to make this
website available as soon as possible.
Until then, I look forward to seeing you on any of my social media!
</span>
<br />
<br />
<form method="get" action="../images/ajkresume.jpg">
<button class="btn btn-rounded resume-btn" type="submit">Resume</button>
</form>
</div>
</div>
</div>
<div id="about-me-div">
<h1 class="about">
<span class="text-wrapper">
<span class="line line1"></span>
<span class="letters">ABOUT ME</span>
<span class="line line2"></span>
</span>
</h1>
<div class="row about-me-box">
<div class="col-lg-5 col-md-12" id="about-me-picture-box">
<img src="../images/about-me-irminrics.png" alt="Jun Kang's DP" id="about-me-picture" />
</div>
<div class="col-lg-7 col-md-12" id="about-me-description-box">
<div id="about-me-description">
<p>Hello there, I am Jun Kang, and I grew up in Singapore. As a child, I fell in love with computer
games and shows that involve programming and software development. I always thought it was cool
to be a programmer and would imagine myself as the main character, developing a new game or
software that will make a big hit and change the world. This ultimately led me towards Nanyang
Polytechnic to pursue a Diploma in Information Technology.</p>
<p>With broad exposure to the computing field, I realize programming is such a powerful tool and
brings limitless possibilities. It has power to solve complex problems with automated solutions
and even to bring ideas from the brain to life. With modern libraries, coding languages, and
operating systems developing even as you are reading this, learning in this field is a
never-ending journey. This is what affirmed my deep passion and interest in the computing field.
</p>
<p>I am currently a Year 1 student at the National University of Singapore, majoring in computer
science. I hope to work as a software engineer or a web application developer. Feel free to
contact me if you would like to collaborate or discuss possibilities!</p>
</div>
</div>
</div>
</div>
<div id="experience-div">
<h1 class="experience">
<span class="text-wrapper">
<span class="line line1"></span>
<span class="letters">EXPERIENCE</span>
<span class="line line2"></span>
</span>
</h1>
<div id="experience-diagram" class="row">
<div id="nyp-box" class="experience-box col-xs-12 col-sm-6 col-md-3">
<div class="experience-icons">
<img src="images/nyp-icon.png" class="experience-icon" width="100px" height="100px"
alt="Nanyang Polytechnic">
</div>
<div class="experience-description">
<h5><span class="experience-title">Information Technology </span>
<br>
<span class="etc"><i>Nanyang Polytechnic | 2016 - 2019</i></span>
</h5>
<p class="experience-info">
I studied Information Technology during my time in Nanyang Polytechnic. In my final year, I
specialized in Information Security and Forensics.
It was during these three years in my education where I found my passion for the computing
field.
</p>
</div>
</div>
<div id="crow-box" class="experience-box col-xs-12 col-sm-6 col-md-3">
<div class="experience-icons">
<img src="images/CROW-icon.png" class="experience-icon" width="100px" height="100px" alt="C.R.O.W">
</div>
<div class="experience-description">
<h5><span class="experience-title">Overseas Internship Program</span><br>
<span class="etc"><i>Cyber Security Researchers of Waikato | Mar - May 2018</i></span>
</h5>
<p class="experience-info">
During my time in Nanyang Polytechnic, I was posted to a cybersecurity lab at the University of
Waikato in New Zealand
as an intern to help design a windows registry filter driver that collects and logs information
about operations in a log file.
</p>
</div>
</div>
<div id="csit-box" class="experience-box col-xs-12 col-sm-6 col-md-3">
<div class="experience-icons">
<img src="images/csit-icon.png" class="experience-icon" width="100px" height="100px"
alt="Centre for Strategic Infocomm Technologies">
</div>
<div class="experience-description">
<h5><span class="experience-title">UX Internship </span>
<br>
<span class="etc"><i>Centre for Strategic Infocomm Technologies | May - July 2018</i></span>
</h5>
<p class="experience-info">
I interned at the Centre for Strategic Infocomm Technologies to serve the bond for my NYP-CSIT
Scholarship.
I helped design, build, and enhance new or existing components for collaboration using libraries
such as Socket I/O.
These also include the software testing and documentation of the project.
</p>
</div>
</div>
<div id="nus-box" class="experience-box col-xs-12 col-sm-6 col-md-3">
<div class="experience-icons">
<img src="images/nus-icon.png" class="experience-icon" width="100px" height="100px"
alt="National University of Singapore">
</div>
<div class="experience-description">
<h5><span class="experience-title">Bachelor of Computing (CS)</span><br>
<span class="etc"><i>National University of Singapore | 2021 - Present</i></span>
</h5>
<p class="experience-info">
I am currently pursuing a degree in Computer Science at the National University of Singapore. I
hope to be able to work and contribute back to the
computing industry someday.
</p>
</div>
</div>
</div>
</div>
<div id="second-background">
<div id="about-me-content">
<p id="about-me-p">
“ Enthusiast and a passionate learner that has a great interest towards the uprising technology
especially in certain aspect of fields like network security and full-stack web developer ”
</p>
</div>
</div>
<div id="awards-div">
<h1 class="awards">
<span class="text-wrapper">
<span class="line line1"></span>
<span class="letters">AWARDS</span>
<span class="line line2"></span>
</span>
</h1>
<div id="awards-box" class="container">
<div class="row awards-row">
<div id="div1" class="award-box col-6">
<div class="icon gold-medal"></div>
<div class="award-content">
<h5><span class="award-title">Accenture Gold Medal </span></h5>
<span class="etc"><i>Nanyang Polytechnic</i></span>
<p class="award-description">Awarded to the top academic achiever from the Diploma in
Information Technology.</p>
</div>
</div>
<div id="div2" class="award-box col-6">
<div class="icon csit-scholarship"></div>
<div class="award-content">
<h5><span class="award-title">CSIT - Nanyang Scholarship</span></h5>
<span class="etc"><i>Centre for Strategic Infocomm Technologies</i></span>
<p class="award-description">CSIT has partnered with Nanyang Polytechnic to offer scholarships
to qualified students in Nanyang Polytechnic, School of Information Technology.</p>
</div>
</div>
</div>
<div class="row awards-row">
<div id="div3" class="award-box col-6 ">
<div class="icon scroll"></div>
<div class="award-content">
<h5><span class="award-title">Nanyang Polytechnic Director List</span></h5>
<span class="etc"><i>Nanyang Polytechnic</i></span>
<p class="award-description">
Students who excel academically in the semester in a full-time diploma are placed on the
Director’s List.
Placed on the Director's List for all 6 semesters in Nanyang Polytechnic.
</p>
</div>
</div>
<div id="div4" class="award-box col-6">
<div class="icon nus-scholarship"></div>
<div class="award-content">
<h5><span class="award-title">NUS Merit Scholarship</span></h5>
<span class="etc"><i>National University of Singapore</i></span>
<p class="award-description">
Awarded to high calibre individuals who demonstrate academic excellence,
present excellent co-curricular activities records and exhibit outstanding leadership
qualities.
</p>
</div>
</div>
</div>
</div>
</div>
<div id="contact-div">
<h1 class="contact">
<span class="text-wrapper">
<span class="line line1"></span>
<span class="letters">CONTACT</span>
<span class="line line2"></span>
</span>
</h1>
<div id="contact-form">
<form method="post" action="https://formspree.io/f/xaylrbyp">
<div id="contact-name" class="contact-box md-form form-group">
<i class="fal fa-user prefix contact-icon"></i>
<input type="text" id="contactName" name="Name" required="required" autocomplete="off" />
<label class="contact-label" for="contactName">Name</label>
</div>
<div id="contact-email" class="contact-box md-form form-group">
<i class="fal fa-envelope prefix contact-icon"></i>
<input type="text" id="contactEmail" name="Email" size="30" required="required"
autocomplete="off" />
<label class="contact-label" for="contactEmail">Email</label>
</div>
<div id="contact-phone" class="contact-box md-form form-group">
<i class="fal fa-phone prefix contact-icon"></i>
<input type="text" id="contactPhone" name="Phone" required="required" autocomplete="off" />
<label class="contact-label" for="contactPhone">Phone</label>
</div>
<div id="contact-message" class="contact-box md-form form-group">
<i class="fal fa-comment prefix contact-icon"></i>
<textarea class="form-control" id="contactMessage" rows="4" name="Message" required="required"
autocomplete="off"></textarea>
<label class="contact-label" for="contactMessage">Message</label>
</div>
<div id="contact-submit">
<input color="white" type="submit" class="btn btn-rounded" data-mdb-ripple-color="white"
id="btn-submit" value="Submit" />
</div>
</form>
</div>
<div id="copyright">Copyright © 2021 Irminrics, Jun Kang</div>
</div>
<div id="back-to-top">
<i id="btt-button" onclick="scrollToTop()" class="fas fa-arrow-circle-up fa-4x"></i>
</div>
<!-- Load React. -->
<script src="js/react.development.js" crossorigin></script>
<script src="js/react-dom.development.js" crossorigin></script>
<!-- JSX -->
<script src="js/babel.min.js" crossorigin></script>
</body>
</html>