-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
197 lines (177 loc) · 8.38 KB
/
Copy pathindex.html
File metadata and controls
197 lines (177 loc) · 8.38 KB
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
<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-137375717-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-137375717-1');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Michelle Chen
</title>
<link rel="icon" type="image/png" href="images/mwc_logo.png"/>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Import specific fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair Display">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<!-- Font awesome CSS -->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<!-- main css -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href="css/main.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[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.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-inner">
<div class="container" id="navbar-container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
<img src="images/MichelleChenLogo.png" alt="Logo to redirect back to the home page."/>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#interests">Interests</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div> <!-- End container -->
</div>
</nav>
<!-- Section 1 -->
<section id="about" data-speed="6" data-type="background">
<div class="container">
<img src="images/michelleChen_circle.png" alt="Profile picture of Michelle Chen"/>
<h1> <i> Greetings! </i> </h1>
<p> My name is Michelle Chen. I hope you are having an amazing day. </p>
<p> I am data-driven individual who loves to enable people to become better versions of themselves through storytelling and technology. </p>
</div>
</div>
</section>
<!-- Section 2 -->
<section id="projects" data-speed="4" data-type="background">
<div class="container">
<div class="col-md-12">
<h1> Projects </h1>
<h3> Kyruus </h3>
<p>
I am currently a senior software engineer at <a href="www.kyruus.com" aria-label="link to Kyruus our company's website">Kyruus</a> working on the search team.
Our company's mission is to provide a solution to match patients to the right provider using our search, scheduling and data management tools.
</p>
<p>
Previous to Kyruus, I had received my Bachelors and Master in Engineering from Massachusetts Institute of Technology
in Electrical Engineering and Computer Science.
</p>
<h3> Eastern Collegiate Taekwondo Conference (ECTC)</h3>
<p>
There have been two projects that I have been working on regarding the taekwondo league that I am a part of:
<ul>
<li>Redesigning the ECTC main website:
<a href="https://ectctaekwondo.wixsite.com/website-1" aria-label="New ECTC home page"> Link to the work in progress</a>
</li>
<li>Software used to run the 5 tournaments:
<a href="https://ectc-tournaments.org/tmdb/tournaments" aria-label="ECTC Tournaments home page"> Link to tournament management site</a>
</li>
</ul>
</p>
<h3> Other side projects</h3>
<p> When using this Apache project (cTAKES) as a graduate student, I helped to rewrite the home page to modernize the
<a href="http://ctakes.apache.org/" aria-label="Home page for Apache project on natural language processing for medical texts">
site
</a>.
</p>
</div>
</div>
</section>
<!-- Section 3 -->
<section id="interests" data-speed="4" data-type="background">
<div class="container">
<h1> Interests </h1>
<row>
<div class="col-md-4">
<h3> Sports </h3>
<p> Being an athlete is important to me because sports challenge us to be mentally and physically strong. I practice and teach Taekwondo at the MIT Sport Taekwondo Club.</p>
<p> When I am not doing taekwondo, I can be seen running outside. Some of my favorite runs have been:
<ul>
<li> My first marathon in Berlin</li>
<li> Running the Reach the Beach Race (200+ miles with 12 teammates)</li>
<li> Spending my birthday running a half marathon in the rain with my dad</li>
</ul>
</p>
</div>
<div class="col-md-4">
<h3> Traveling </h3>
<p> I love traveling to different places around the world to see how people live around the world.
I can be seen throwing taekwondo kicks and eating ice cream around the world. </p>
<img src="images/peru_kick.jpg" alt="Photo of me kicking in Peru" style="width:200px; height:200px">
</div>
<div class="col-md-4">
<h3> Storytelling </h3>
<p> Every individual is unique. People want to be heard and loved. I want to listen to people as they tell their unique journeys. I am been exploring this by: </p>
<ul>
<li> Talking to strangers -- whether in Lyfts, planes or public transportation </li>
<li> Listening to The Moth -- via podcasts as well as live story slams. I've spoken at one about my slight obsession with jigsaw puzzles!</li>
<li> Reading Memoirs -- recent favorites: <i>Becoming</i>, <i>Educated</i> and <i>I am Malala</i> </li>
</ul>
</div>
</row>
<row>
<div class="col-md-4">
<h3> Ice Cream Manifesto </h3>
<p> Inspired by <a href="https://larahogan.me/donuts/" aria-label="Read about a blogger who writes about her love for donuts"> Lara Hogan's Donut Manifesto</a>,
I have taken to getting ice cream for important career milestones such as new job, promotions or speaking at events. </p>
</div>
</row>
</div>
</section>
<section id="contact" data-speed="2" data-type="background">
<div class="container">
<h1> Contact</h1>
<p> To learn more about me or to get in touch, use one of the following: </p>
<div class="row">
<div class="col-md-1 col-md-offset-4 col-xs-4 contact-logo">
<a href="http://www.linkedin.com/in/chenmichellew">
<i class="fa fa-linkedin-square fa-3x"> </i>
</a>
</div>
<div class="col-md-1 col-xs-4 contact-logo">
<a href="mailto:michelle.chen@alum.mit.edu">
<i class="fa fa-envelope-o fa-3x"> </i>
</a>
</div>
<div class="col-md-1 col-xs-4 contact-logo">
<a href="http://github.com/mwchen">
<i class="fa fa-github-square fa-3x"> </i>
</a>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>