-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (147 loc) · 6.36 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
<!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>Samuel Khoo</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" />
<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>Samuel Khoo</h1>
<p>Getting Down and Dirty with Data</p>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Samuel Khoo</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="university.html">University</a></li>
<li><a href="internships.html">Internships</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/samuelkwz" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/samuelkhoo" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<h2>About Me</h2>
<div class="row">
<div class="col-6 col-12-small">
<span class="image fit"><img src="images/IMG_6181.jpg" alt="" /></span>
</div>
<div class="col-6 col-12-small">
<p>As an Associate Product Manager at Lazada, I coordinate with designers, engineers, data analysts, and business stakeholders to deliver the best shopping experience to our users. Coming from a data-centric internship background, I enjoy digging into data in search for answers. I'm currently in the Campaigns and Marketing Mechanism team, where we build products to enable all kinds of campaigns (from daily flash sales to huge events like 9.9) 🔥 </p>
<p>In my free time, I enjoy reading tech-related books and dabbling in cryptocurrencies. I'll also take online courses or work on side projects to keep my programming skills relevant (when I'm in the mood 🌚)</p>
<p>I'm always down for a chat about product, tech or crypto - feel free to reach out! 👋🏼</p>
</div>
</div>
</article>
<!-- Posts -->
<section class="posts">
<article>
<header>
<h2>Lazada Internship</h2>
</header>
<a class="image fit"><img src="images/lazada_logo.png" alt="" /></a>
<p>As a Product Management intern for three months, I conducted user interviews and designed mockups for various features.</p>
<ul class="actions special">
<li><a href="internships.html#lazada" class="button">Read more</a></li>
</ul>
</article>
<article>
<header>
<h2>Gojek Internship</h2>
</header>
<a class="image fit"><img src="images/gojek_logo.png" alt="" /></a>
<p>As a Business Intelligence intern for four months, I developed dashboards and built a customer churn prediction model.</p>
<ul class="actions special">
<li><a href="internships.html#gojek" class="button">Read more</a></li>
</ul>
</article>
<article>
<header>
<h2>Carousell Internship</h2>
</header>
<a class="image fit"><img src="images/carousell_logo.png" alt="" /></a>
<p>As a Data Analyst intern for six months, I built dashboards, monitored key product metrics, and conducted an A/B test.</p>
<ul class="actions special">
<li><a href="internships.html#carousell" class="button">Read more</a></li>
</ul>
</article>
<article>
<header>
<h2>NUS Fintech Society</h2>
</header>
<a class="image fit"><img src="images/nusfintech.png" alt="" /></a>
<p>As the Co-President for AY20/21, I reached out to the FinTech industry to promote the society and seeked opportunities for collaboration with our students.</p>
<ul class="actions special">
<li><a href="nus.html#nusfintech" class="button">Read more</a></li>
</ul>
</article>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h2>Get in touch</h2>
<h3><b>Reach out to me on:</b></h3>
<ul class="icons alt">
<li><a href="https://www.linkedin.com/in/samuelkwz" class="icon brands alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
<h3><b>Or drop me an email:</b></h3>
<form method="post" action="https://formspree.io/xayppdng">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="3"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© Untitled</li><li>Design: <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>
</body>
</html>