-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
462 lines (412 loc) · 28.8 KB
/
index.html
File metadata and controls
462 lines (412 loc) · 28.8 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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="Homepage of Erik Sudderth, UC Irvine Department of Computer Science.">
<meta name="author" content="Erik Sudderth">
<title>Chen Mo</title>
<!-- Bootstrap core CSS -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/carousel.css" rel="stylesheet">
</head>
<body>
<nav class="navbar font-weight-bold navbar-light navbar-expand-sm justify-content-between fixed-top" style="background-color: #1ee884;">
<div class="container">
<div class="navbar-header"><span id="id_name_of_site" class="navbar-brand">Chen Mo</span></div>
<div class="collapse navbar-collapse" id="navbar-buttons">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="">About<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#education-scroll">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#experiences-scroll">Experiences</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects-scroll">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#skills-scroll">Skills</a>
</li>
</ul>
</div>
</div>
</nav><!-- nav -->
<div class="container hello">
<div class="row">
<div class="col-sm-3">
<img class="img-thumbnail img-responsive center-block mx-auto" src="assets/img/profile-img.jpg" alt="Chen Mo">
<br>
<div class="icon-links">
<a href="https://www.linkedin.com/in/mochen1228/" target="_blank"><img class="img-circle img-responsive center-block" src="assets/img/linkedin-icon.png" alt="UCI ICS Logo"></a>
<a href="https://github.com/mochen1228" target="_blank"><img class="img-circle img-responsive center-block" src="assets/img/github-icon.png" alt="UCI ICS Logo"></a>
<a class="email-link" href="mailto:[email protected]" target="_blank"><img class="img-circle img-responsive center-block" src="assets/img/gmail-icon.png" alt="UCI ICS Logo"></a>
<a href="assets/files/ChenMo_Resume_May2020.pdf" target="_blank"><img class="img-circle img-responsive center-block" src="assets/img/resume-icon.png" alt="UCI ICS Logo"></a>
</div>
<div class="personal-info">
<svg class="bi bi-envelope" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
<path d="M.05 3.555C.017 3.698 0 3.847 0 4v.697l5.803 3.546L0 11.801V12c0 .306.069.596.192.856l6.57-4.027L8 9.586l1.239-.757 6.57 4.027c.122-.26.191-.55.191-.856v-.2l-5.803-3.557L16 4.697V4c0-.153-.017-.302-.05-.445L8 8.414.05 3.555z"/>
</svg>
<a class="email-link" href="mailto:[email protected]"> [email protected]</a></br>
<svg class="bi bi-phone" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M11 1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/>
<path fill-rule="evenodd" d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
</svg>
<a> (949) 501-5532</a></br>
<svg class="bi bi-building" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M15.285.089A.5.5 0 0 1 15.5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5H1a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .418-.493l5.582-.93V3.5a.5.5 0 0 1 .324-.468l8-3a.5.5 0 0 1 .46.057zM7.5 3.846V8.5a.5.5 0 0 1-.418.493l-5.582.93V15h8v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.222l-7 2.624z"/>
<path fill-rule="evenodd" d="M6.5 15.5v-7h1v7h-1z"/>
<path d="M2.5 11h1v1h-1v-1zm2 0h1v1h-1v-1zm-2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm6-10h1v1h-1V3zm2 0h1v1h-1V3zm-4 2h1v1h-1V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zm-2 2h1v1h-1V7zm2 0h1v1h-1V7zm-4 0h1v1h-1V7zm0 2h1v1h-1V9zm2 0h1v1h-1V9zm2 0h1v1h-1V9zm-4 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z"/>
</svg>
<span> Santa Clara, CA</span></br>
</div>
</div><!-- col-sm-3 -->
<div class="col-xs-12 col-sm-9">
<div class="rectangle-about"></div>
<h1>About Me</h1>
<p class="about-me-text"> I am a graduate student at Carnegie Mellon University studying Computer Networks and Mobility.
I went to UC Irvine for undergrad, where I obtained my Bachelor’s degree in Computer Science.
In the past few years, I have studied and practiced various areas in Computer Science and Software Engineering,
such as Mobile Development, Web Development, Database Management, Big Data, Computer Vision and Machine Learining.
</br></br>
In Summer 2020, I will be joining Hulu as a Software Engineering Intern, working on DevOps in the Networks team.
</p>
</div><!-- col-sm-9 -->
</div>
<div class="container education">
<div id="education-scroll"></div>
<div class="rectangle-education"></div>
<h1>Education</h1>
<p class="lead">As of June 2020, I am a Master's student at Carnegie Mellon University. I am expecting to graduate in May 2021.</p>
<div class="row">
<div class="col-sm-8 col-md-9 col-xs-12">
<h2 class=title-school>Carnegie Mellon University:<small style="color: grey"> Aug 2019 - Present</small></h2>
<h2 class="sub-title-1">Master of Science in Information Technology - Mobility</h2></br>
<p class="description-01">The <a href="https://www.cmu.edu/ini/academics/bicoastal/index.html" target="_blank">MSIT-MOB</a> degree is a bicoastal degree at the <a href="https://www.cmu.edu/ini/" target="_blank">Information Networking Institute</a>
that requires us to study at CMU's Pittsburgh campus for the first year, and Silicon Valley's campus for the second year.
It prepares us to be at the forefront of the mobility field with a multidisciplinary
curriculum spanning topics in mobile applications, services, and devices.</p>
<ul>
<li><span class="bullet-title-01">Expected Graduation:</span> May 2021</li>
<li><span class="bullet-title-01">Core Courses:</span> 15-513 Intro to Computer Systems, 14-740 Fundamentals of Computer Networks, 14-741 Intro to Information Security, 17-637 Web Development, 17-781 Mobile & IoT Services</li>
<li><span class="bullet-title-01">GPA: 3.56</span></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 hidden-xs">
<img class="img-thumbnail img-responsive center-block" src="assets/img/cmu-crest.jpg" alt="BNP Spatial Partition">
</div>
</div><!-- row -->
<hr>
<div class="row">
<div class="col-sm-8 col-sm-push-4 col-md-9 col-md-push-3 col-xs-12">
<h2 class=title-school>University of California, Irvine:<small style="color: grey"> Sep 2015 - Mar 2019</small></h2>
<h2 class="sub-title-1">Bachelor of Science in Computer Science</h2>
<p class="description-01">During my studies at UCI, I mainly focused general topics in Computer Science. As a degree track preference,
I dug a bit more into areas related to intelligent systems such as Machine Learning and Computer Vision.
</p>
<ul>
<li><span class="bullet-title-01">Core Courses: </span>iOS Development, Machine Learning, Deep Learning, Computer Vision, Applied
Probability and Statistics, Databases, Information Retrieval</li>
<li><span class="bullet-title-01">Major GPA: 3.73</span></li>
</ul>
</div>
<div class="col-sm-4 col-sm-pull-8 col-md-3 col-md-pull-9 hidden-xs">
<img class="img-thumbnail img-responsive center-block" src="assets/img/uci-crest.jpg" alt="Graphical Model">
</div>
</div><!-- row -->
</div>
<div class="container experiences">
<div id="experiences-scroll"></div>
<div class="rectangle-experiences"></div>
<h1>Experiences</h1>
<p class="lead">As of June 2020, I am working at Hulu as a Software Engineering Intern. My latest Industry experience was
Software Engineering Intern at Xiaomi.
</p>
<div class="row">
<div class="col-sm-4 col-md-3 hidden-xs">
<a href="https://www.hulu.com/jobs/university" target="_blank"><img class="img-thumbnail img-responsive center-block" src="assets/img/hulu-logo-green.png" alt="Hulu Logo"></a>
</div><!-- logo -->
<div class="col-sm-8 col-md-9 col-xs-12">
<h2 class=title-school>Software Engineering Intern:<small style="color: grey"> Jun 2020 - Present</small></h2>
<h2 class="sub-title-1">Hulu</h2>
<p class="description-01">Due to the COVID-19 pandemic,
Hulu have shifted the internship program from a 12-week onsite summer program to an 8-week virtual program.
Except the length, everything else remains the same for my internship, such as my team and responsibilities.
My internship is scheduled to start on June 15th 2020.
</p>
<ul>
<li><span class="bullet-title-01">Location:</span> The internship location was originally planned for the Santa Monica Headquarters.
Since my internship is going virtual, I will be working remotely from my home in Santa Clara.</li>
<li><span class="bullet-title-01">Team:</span>: I will be working on DevOps in the networks team.
They build infrastructure and platforms that enable developers to build, automate, host and monitor their services in our data centers. </li>
<li><span class="bullet-title-01">Responsibilities:</span>: As far as I know, for the first module of my internship, I will be building
a CI/CD pipeline using Python.</li>
</ul>
</div><!-- hulu description -->
</div><!-- row -->
<hr>
<div class="row">
<div class="col-sm-4 col-sm-pull-8 col-md-3 col-md-pull-9 hidden-xs">
<a href="https://www.mi.com/global/" target="_blank"><img class="img-thumbnail img-responsive center-block" src="assets/img/xiaomi-logo.png" alt="Xiaomi Logo"></a>
</div><!-- xiaomi logo -->
<div class="col-sm-8 col-sm-push-4 col-md-9 col-md-push-3 col-xs-12">
<h2 class=title-school>Software Engineering Intern:<small style="color: grey"> May 2019 - Jul 2019</small></h2>
<h2 class="sub-title-1">Xiaomi</h2>
<p class="description-01">I worked for the Big Data Team under Xiaomi Cloud Division as a Software Engineering Intern. During my 9 weeks at
<a href="https://www.mi.com/global/" target="_blank">Xiaomi</a>,
I assited my team on processing and analyzing user activity data for 240+ million monthly active Xiaomi smartphone users,
such as application usage data, user behavior data and advertisement exposure data.</br></br>
Some of my key contributions were:
</p>
<ul>
<li>Utilized user profiles and activities to run Spark jobs that generate advertising targets for Xiaomi app store publishers.</li>
<li>Collaborated with the advertising and business department to fit advertisement deploying schedules.</li>
<li>Increased the advertisement view/click rates by up to 15% for several big-name applications.</li>
</ul>
<p class="description-01">For my internship, I used various Big Data technologies/tools such as
<span class="bullet-highlight-01">Spark, Hadoop, SQL and Hive.</span> My code was mainly written in <span class="bullet-highlight-01">Scala</span>.
</p>
</div><!-- xiaomi description -->
</div>
<hr>
<div class="row">
<div class="col-sm-4 col-sm-pull-8 col-md-3 col-md-pull-9 hidden-xs">
<img class="img-thumbnail img-responsive center-block" src="assets/img/uci-ics-logo.jpeg" alt="UCI ICS Logo">
</div><!-- tutor logo -->
<div class="col-sm-8 col-sm-push-4 col-md-9 col-md-push-3 col-xs-12">
<h2 class=title-school>Lab Tutor:<small style="color: grey"> Mar 2016 - Jun 2018</small></h2>
<h2 class="sub-title-1">UCI School of Information & Computer Sciences</h2>
<p class="description-01">Throughout the four years of my undergraduate career, I worked as a <a href="http://tutors.ics.uci.edu/" target="_blank">Lab Tutor</a>
under the School of Computer Science. I Taught 3 different levels of <span class="bullet-highlight-01">Python</span> programming courses in 5 separate courses with 40+ students per course, which renders a total of 200+ students taught. I Received approval ratings above 93% in student evaluations for each course, and approvals from my professors as well.</br></br>
As a Lab Tutor, my main responsibilities are:
</p>
<ul>
<li>Work alongside teaching assistants to teach students course materials and to help them understand lab assignments.</li>
<li>Guide students on how to write sturctured & efficient code, and teach them debugging skills face-to-face.</li>
<li>Design learning materials for professors' and tutors' reference in the future.</li>
</ul>
<p class="description-01">Courses Taught:</p>
<ul>
<li><a href="https://www.ics.uci.edu/~pattis/ICS-31/handouts/syllabus/index.html" target="_blank">UCI ICS-31:</a> Introduction to Programming</li>
<li><a href="https://www.ics.uci.edu/~thornton/ics32/CourseReference.html" target="_blank">UCI ICS-32:</a> Programming with Software Libraries</li>
<li><a href="https://www.ics.uci.edu/~pattis/ICS-31/handouts/syllabus/index.html" target="_blank">UCI ICS-33:</a> Introduction to Programming</li>
</ul>
</div><!-- tutor description -->
</div>
</div>
<div class="container projects">
<div id="projects-scroll"></div>
<div class="rectangle-projects"></div>
<h1>Projects</h1>
<p class="lead">Here are some of my highlighted projects that I have done in the past two years. GitHub links are available.</p>
<div class="row">
<div class="col-sm-8 col-md-9 col-xs-12">
<h2 class=title-school>Quizhub: <small style="color: grey">A Web Application for Live Classroom Quizzes</small></h2>
<h2 class="sub-title-1"><a href="https://github.com/mochen1228/Quizhub" target="_blank">https://github.com/mochen1228/Quizhub</a></h2></br>
<p class="description-01">Quizhub is a game-based learning web application inspired by <a href="https://kahoot.com/" target="_blank">Kahoot!</a>. The application provides instructors a way to create fun and competitive real-time quizzes for students to participate, which could help increase student engagement in classrooms. Unlike Kahoot!, Quizhub does not need a big screen to project questions, everything could be done with just a laptop or smartphone.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
<li>Et leo duis ut diam quam nulla porttitor massa id. Dictum varius duis at consectetur lorem donec massa sapien.</li>
<li>Ullamcorper morbi tincidunt ornare massa eget egestas.</li>
<li>Sit amet commodo nulla facilisi nullam vehicula ipsum a. Eget magna fermentum iaculis eu.</li>
</ul>
</div>
<div class="col-sm-4 col-md-3 hidden-xs">
<img class="img-thumbnail img-responsive center-block" src="assets/img/quizhub-screenshot-03.png" alt="BNP Spatial Partition">
</div>
</div><!-- row -->
<hr>
<div class="row">
<div class="col-sm-8 col-sm-push-4 col-md-9 col-md-push-3 col-xs-12">
<h2 class=title-school>Squad: <small style="color: grey">An iOS Application Facilitating Group Event Planning</small></h2>
<h2 class="sub-title-1"><a href="https://github.com/mochen1228/Squad" target="_blank">https://github.com/mochen1228/Squad</a></h2></br>
<p class="description-01">Squad is an iOS app that helps people plan events together, whether a group of friends wants to go to a concert, or coworkers want to organize a happy hour, Squad makes planning events easy. This app facilitates group event planning by providing an all-in-one platform for people to plan collaboratively, manage preference polling and provide user tracking.
</p>
<ul>
<li>Aliquet porttitor lacus luctus accumsan tortor posuere ac. Nibh venenatis cras sed felis eget.</li>
<li>Varius quam quisque id diam vel. Nunc sed id semper risus in hendrerit. </li>
<li>Condimentum id venenatis a condimentum vitae sapien.</li>
<li>Viverra justo nec ultrices dui sapien eget mi proin sed Massa massa ultricies mi quis hendrerit..</li>
</ul>
</div>
<div class="col-sm-4 col-sm-pull-8 col-md-3 col-md-pull-9 hidden-xs">
<img class="img-thumbnail img-responsive center-block" src="assets/img/squad-screenshot-02.png" alt="Graphical Model">
</div>
</div><!-- row -->
<hr>
<div class="row">
<div class="col-sm-8 col-sm-push-4 col-md-9 col-md-push-3 col-xs-12">
<h2 class=title-school>iHere: <small style="color: grey">An iOS Application for Taking Classroom Attendance</small></h2>
<h2 class="sub-title-1"><a href="https://github.com/mochen1228/iHere" target="_blank">https://github.com/mochen1228/iHere</a></h2></br>
<p class="description-01">iHere is an application that will make the process of taking class attendance easier. It allows instructors to make class sessions with a specified location and a secret code. For students to check in to the class, they have to be in the specified location and know the secret code. This will ensure that only people that are in class can use the check-in word to check in.
</p>
<ul>
<li>Designed and developed a native Swift application that helps instructors to create lectures and manage attendance using device location proximity and passcode.</li>
<li>Provided different versions for both student and instructor accounts. Used auto layout to support all iOS devices.</li>
<li>Implemented the backend with Parse and deployed on Heroku. Utilized MapKit, UIKit and several other Cocoapods packages.</li>
<li>Selected as the <span class="bullet-highlight-01">Best MapKit Implementation</span> and the <span class="bullet-highlight-01">Best Utility App</span> among all applications in the course.</li>
</ul>
</div>
<div class="col-sm-4 col-sm-pull-8 col-md-3 col-md-pull-9 hidden-xs">
<img class="img-thumbnail img-responsive center-block" src="assets/img/ihere-screenshot.png" alt="Graphical Model">
</div>
</div><!-- row -->
</div>
<div class="container skills">
<div id="skills-scroll"></div>
<div class="rectangle-skills"></div>
<h1>Skills</h1>
<p class="lead">As of June 2020, I am working at Hulu as a Software Engineering Intern. My latest Industry experience was
Software Engineering Intern at Xiaomi.
</p>
<div class="skills-div">
<h2 class=title-school>Programming Languages</h2>
<div class="row">
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/python-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Python</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/swift-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Swift</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/javascript-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">JavaScript</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/java-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Java</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/scala-icon.jpeg" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Scala</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/c-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">C</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/c++-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">C++</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/matlab-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">MATLAB</h3>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div><!-- /.skills-languages -->
<div class="skills-div">
<h2 class=title-school></br>Technologies - Web Development</h2>
<div class="row">
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/nodejs-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Node.js</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/react-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">React.js</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/express-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Express.js</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/django-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Django</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/html-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">HTML5</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/css-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">CSS</h3>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div><!-- /.skills-webdev -->
<div class="skills-div">
<h2 class=title-school></br>Technologies - Back-end, Cloud & Database</h2>
<div class="row">
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/firebase-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Firebase</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/mongodb-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">MongoDB</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/parse-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Parse</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/heroku-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Heroku</h3>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div><!-- /.skills-backend-db -->
<div class="skills-div">
<h2 class=title-school></br>Technologies - Data</h2>
<div class="row">
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/hadoop-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Hadoop</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/spark-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Spark</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/sql-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">SQL</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/hive-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Hive</h3>
</div>
</div><!-- /.row -->
</div><!-- /.skills-data -->
<div class="skills-div">
<h2 class=title-school></br>Technologies - IDE</h2>
<div class="row">
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/xcode-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Xcode</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/pycharm-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">PyCharm</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/android-studio-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Android Studio</h3>
</div><!-- /.col-lg-4 -->
<div class="col-12 col-lg-2">
<img class="img-fluid" src="assets/img/skills-icons/intellij-icon.png" alt="Generic placeholder image" width="140" height="140">
<h3 class="skills-title">Intellij IDEA</h3>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div>
</div>
<div>
<footer class="foot">
<hr>
<p class="lead">© 2020 Chen Mo · [email protected]</p>
</footer>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>