-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
194 lines (190 loc) · 7.68 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="project" content="marketplace" />
<meta name="preferred-role" content="indifferent" />
<meta name="work-schedule" content="morning" />
<link rel="stylesheet" href="styles.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<title>Celine Huang</title>
<style></style>
</head>
<body>
<div class="row">
<div class="four columns side-bar">
<header class="name-title">Celine Huang</header>
<div class="">
<img class="profile-pic" src="images/profile.jpeg" />
</div>
<div style="position:fixed; width:33%">
<nav class="nav" id="main-nav">
<p>
<a href="#about" id="view-about"><b>ABOUT</b></a>
</p>
<p>
<a href="#project-idea" id="view-project-idea"
><b>PROJECT IDEA</b></a
>
</p>
<p>
<a href="#extra-info" id="view-extra-info"><b>EXTRA INFO</b></a>
</p>
<p>
<a href="#contact" id="view-contact"><b>CONTACT</b></a>
</p>
<p>
<a href="chuang_cv.pdf" target="_blank"><b>RESUME</b></a>
</p>
</nav>
<footer style="margin-top: 15%">
<a
href="https://www.linkedin.com/in/celinexhuang/"
target="_blank"
class="fa fa-linkedin"
></a>
<a
href="https://github.com/celinehuang"
target="_blank"
class="fa fa-github"
></a>
<a
href="mailto:[email protected]"
target="_blank"
class="fa fa-envelope"
></a>
</footer>
</div>
</div>
<div class="eight columns" style="overflow: scroll; ">
<div
class="section section-dark background hero-wrap overlay"
style="background-image: url(/images/background_img.jpg)"
>
<div class="section-text">
<div class="nav-section" id="about">
<h4>ABOUT ME</h4>
<article>
<p>
I'm currently in my fourth year at McGill studying computer
science and mathematics.
</p>
<section>
Before university, I had no programming experience. My first
proper experience with programming came in my second semester
of first year, when I took COMP 202. I learned a lot of the
fundamentals, and I was officially on my way with my computer
science major.
</section>
<br />
<section>
In Fall 2018 I joined McGill Formula Electric's Controls Team,
where I helped to implement and test safety checks for the
throttle control while adjusting the software based on the
team’s car. This car later won first place overall in FSAE
Electrical Championships. The next fall, I joined the first
Canadian chapter of
<a href="https://hack4impact-mcgill.now.sh/"> Hack4Impact</a>,
where we build software for non-profit organizations to help
drive positive social impact.
</section>
<br />
<section>
I will be a Software Engineer Intern at
<a href="https://www.hubspot.com/">HubSpot</a> this upcoming
summer. HubSpot is located in Boston and they build software
products tools for social media marketing, content management,
web analytics, and search engine optimization.
</section>
</article>
</div>
<div class="nav-section" id="project-idea">
<h4>PROJECT IDEA</h4>
<article>
<p>Online Marketplace for Buy and Sell</p>
<section>
Since I am an avid user of Amazon, the online buy and sell
marketplace project topic caught my eye. As busy students, I
find that we often have trouble meal prepping for school after
a long day. An online marketplace idea I have is creating an
application that would allow you to submit links of a recipe
you'd like to make, and then it'd return you a pre-selected
list of ingredients from a online grocery store. After
de-selecting ingredients (so you don't own 10 salt shakers),
you can purchase the groceries with just one click and have
them delivered to your front door without having to make
multiple trips to the grocery store if you forget an
ingredient. You may also simply just select individual
ingredients you want to purchase or even selecting what you've
previously bought - making meal prepping and cooking a lot
easier and enjoyable!
</section>
</article>
</div>
<div class="nav-section" id="extra-info">
<h4>EXTRA INFO</h4>
<section>
Fun fact: I play competitive ultimate frisbee (usually known as
just Ultimate). Since high school, I’ve played on several
high-level teams, including the British Columbia junior team,
team Montreal, and the McGill Ultimate Team where we placed top
four in the country!
</section>
<!-- <br /> -->
<div>
<table style="margin-left:15%">
<tr>
<td>High Tide tournament in South Carolina</td>
<td>Canadian University Ultimate Nationals</td>
</tr>
<td><img class="table-pic" src="/images/hightide.jpg" /></td>
<td>
<img class="table-pic" src="/images/hypecircle.jpg" />
</td>
<tr>
<td>
"ULtiMaTE FriSBEe iS nOt A sPOrt"
</td>
<td>
Team Montreal at Regionals
</td>
</tr>
<td><img class="table-pic" src="/images/frispic.jpg" /></td>
<td><img class="table-pic" src="/images/fristhrow.jpg" /></td>
</table>
</div>
</div>
<div class="nav-section" id="contact">
<h4>CONTACT ME</h4>
<p style="font-size:20px"><b>Let's Get In Touch!</b></p>
<ul>
<li>
<a href="mailto:[email protected]">Email Me</a>
</li>
<li>
Find Me on
<a href="https://www.linkedin.com/in/celinexhuang/"
>LinkedIn</a
>
</li>
<li>
Checkout My
<a href="https://github.com/celinehuang">GitHub</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script
src="//code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"
></script>
<script src="/js/main.js"></script>
</body>
</html>