-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
190 lines (175 loc) · 6.42 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
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Morgan Koh</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="https://afeld.github.io/emoji-css/emoji.css">
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>Morgan Koh</h1>
<p>To know me is to fly with me <i class="em em-small_airplane"></i></p>
<ul class="actions">
<li><a href="#header" class="button icon solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Morgan Koh</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="projects/overview.html">Projects</a></li>
</ul>
<ul class="icons">
<li><a href="https://github.com/delacrixmorgan/" class="icon fa-github"><span
class="label">GitHub</span></a></li>
<li><a href="https://twitter.com/DelacrixMorgan/" class="icon fa-twitter"><span
class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/delacrixmorgan/" class="icon fa-instagram"><span
class="label">Instagram</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<header class="major">
<h2><a href="#">Hello World</a></h2>
<p>My name is Morgan. I'm an Android developer from Malaysia <i class="em em-flag-my"></i><br />
Currently working at <a href="https://www.snappymob.com/">SnappyMob</a> and making magic happen in
Kotlin.<br />
<a href="https://twitter.com/hashtag/makegoodthings">#MakeGoodThings</a><i
class="em em-rocket"></i>
</p>
</header>
<a href="#" class="image main"><img src="images/me.jpg" alt="" /></a>
<ul class="actions special">
<li><a href="#" class="button large">Full Story</a></li>
</ul>
</article>
<!-- Posts -->
<section class="posts">
<article>
<header>
<h2><a href="projects/kingscup.html">King's Cup</a></h2>
</header>
<a href="projects/kingscup.html" class="image fit"><img src="images/kingscup/0_header.png"
alt="" /></a>
<p>Drinking Game with Material Design artwork and animations that can be played with a group of
friends.</p>
<ul class="actions special">
<li><a href="projects/kingscup.html" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="projects/squark.html">Squark</a></h2>
</header>
<a href="projects/squark.html" class="image fit"><img src="images/squark/0_header.png" alt="" /></a>
<p>Currency Converter App that lets you interactively convert your money in a super easy and fun
way.</p>
<ul class="actions special">
<li><a href="projects/squark.html" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="projects/mamika.html">Mamika</a></h2>
</header>
<a href="projects/mamika.html" class="image fit"><img src="images/mamika/0_header.png" alt="" /></a>
<p>Video camera that capture moments that will turn them to GIFs and send them with their messaging
app.</p>
<ul class="actions special">
<li><a href="projects/mamika.html" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="projects/lava.html">Lava</a></h2>
</header>
<a href="projects/lava.html" class="image fit"><img src="images/lava/0_header.png" alt="" /></a>
<p>Discovery browser that lets you experience beautifully captured moments frozen in time.</p>
<ul class="actions special">
<li><a href="projects/lava.html" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="projects/twilight.html">Lava</a></h2>
</header>
<a href="projects/twilight.html" class="image fit"><img src="images/twilight/0_header.png" alt="" /></a>
<p>Timezone tracker app that would make you never have to worry about timezones ever again.</p>
<ul class="actions special">
<li><a href="projects/twilight.html" class="button">Full Story</a></li>
</ul>
</article>
</section>
<!-- Footer -->
<!-- <footer>
<div class="pagination">
<!--<a href="#" class="previous">Prev</a>-->
<!-- <a href="#" class="page active">1</a>
<a href="#" class="page">2</a>
<a href="#" class="page">3</a>
<span class="extra">…</span>
<a href="#" class="page">8</a>
<a href="#" class="page">9</a>
<a href="#" class="page">10</a>
<a href="#" class="next">Next</a>
</div>
</footer>-->
</div>
<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section>
<h3>Email</h3>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://github.com/delacrixmorgan/" class="icon alt fa-github"><span
class="label">GitHub</span></a></li>
<li><a href="https://twitter.com/DelacrixMorgan" class="icon alt fa-twitter"><span
class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/delacrixmorgan/" class="icon alt fa-instagram"><span
class="label">Instagram</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul>
<li>Photo By <a href="https://unsplash.com/@cmventi20">Cameron Venti</a> on Unsplash</li>
<li>Design By <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script>w3.includeHTML();</script>
</body>
</html>