-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·180 lines (156 loc) · 7.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale = 1, maximum-scale=1, user-scalable=no" />
<meta name="description" content="">
<meta name="author" content="Ng Si Kai">
<title>Ng Si Kai</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- Custom CSS -->
<link href="css/simple-sidebar.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- Morphext CSS -->
<link href="css/morphext.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<h1>ngsikai</h1>
</li>
<li>
<a href="#aboutme">About Me</a>
</li>
<li>
<a href="#pastprojects">What I've Done</a>
</li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<a href="#" id="menu-toggle"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a>
<div class="container-fluid" id="page-content">
<div class="row" id="aboutme">
<div class="col-md-12">
<h1>Hello, I'm Si Kai</h1>
<h2>I am a <span id="role-rotator">PL ENTHUSIAST., WEB DEVELOPER., INFINTE LEARNER., PLANCK USER.</span></h2>
<br>
<br>
<p>I am a Software Engineer @ TradeGecko helping e-commerce entrepreneurs build the business of their dreams.</p>
<p>I aspire to be a software craftsman as I believe that <b style="font-size:19px;">writing maintainable software mindfully and skillfully is an art.</b></p>
<p>When I'm away from the computer, I read, cycle and mess around with ortholinear keyboards.</p>
<br>
</div>
</div>
<div id="pastprojects">
<div class="row">
<div class="col-md-12">
<h1>Past Projects</h1>
</div>
</div>
<div class="row">
<div class="col-md-8">
<h2>Pear</h2>
<p>Pear is a dating application that allows your real life friends to become your virtual matchmaker.
Won Overall 2nd place for 11th STEPS (SoC Term Project Showcase). It is available on Web, Android and iOS.
</p>
</div>
<div class="col-md-4">
<a href="https://pear.netlify.com/#/"><img src="img/pear.png" class="img-btn" width="100%" height="100%"></a>
</div>
</div>
<div class="row top-buffer">
<div class="col-md-8">
<h2>Quack</h2>
<p>Quack is a location-based chat application built as a Progressive Web Application, achieving Google Lighthouse score of over 90.
</p>
</div>
<div class="col-md-4">
<a href="https://github.com/nus-chatbox/quack"><img src="img/quack.png" class="img-btn img-outline" width="100%" height="100%"></a>
</div>
</div>
<div class="row top-buffer bottom-buffer">
<div class="col-md-8">
<h2>Pixelect</h2>
<p>Pixelect is a web application that allows close friends to gather their precious photographic memories and vote on the best ones to upload to Facebook.
</p>
</div>
<div class="col-md-4">
<a href="https://github.com/anaprimawaty/pixelect"><img src="img/pixelect.png" class="img-btn" width="100%" height="100%"></a>
</div>
</div>
<div class="row">
<div class="col-md-8">
<h2>Flexi-List</h2>
<p>Flexi-List is a stand-alone task management application that is catered for fast typists who don't want
their hands off the keyboard.</p>
</div>
<div class="col-md-4">
<a href="https://github.com/cs2103aug2015-w14-2j/main/releases"><img src="img/flexi-list.png" class="img-btn" width="100%" height="100%"></a>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<h2>Choosy</h2>
<p>Choosy is a web application that acts as an interactive platform for users to seek second opinions in their everyday decisions.</p>
</div>
<div class="col-md-6">
<a href="https://choosyweb.herokuapp.com"><img src="img/choosy.png" class="img-btn" width="100%" height="100%"></a>
</div>
</div>
</div>
<br>
<br>
<div id="findoutmore">
<div class="row">
<div class="col-md-12">
<h1>Find out more</h1>
<br>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="./resume.pdf" download><span class="resume">Résumé</span></a>
</div>
</div>
<br>
<div class="row">
<div class="col-md-12">
<a href="https://github.com/ngsikai" class="socialbuttons"><i class="fa fa-github fa-3x"></i></a>
<a href="https://sg.linkedin.com/in/si-kai-ng-678941116" class="socialbuttons"><i class="fa fa-linkedin fa-3x"></i></a>
<a href="mailto:[email protected]" class="socialbuttons"><i class="fa fa-envelope fa-3x"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Hammer.js -->
<script src="js/hammer.min.js"></script>
<!-- Morphext Script -->
<script src="js/morphext.min.js"></script>
<!-- Menu Toggle Script -->
<script src="js/sikai.js"></script>
</body>
</html>