-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
498 lines (469 loc) · 24.1 KB
/
about.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
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
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>About Me</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">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Catherine Pham</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="#about_section">About me</a></li>
<li><a href="index.html#projects_section">Projects</a></li>
<li><a href="index.html#contact_info">Find me at</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Wrapper -->
<section id="wrapper">
<header>
<div class="inner">
<div class="box alt">
<div class="row gtr-uniform">
<div class="col-4"><span class="image fit"><img src="card_imgs/beach2.png" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="card_imgs/beach3.png" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="card_imgs/beach1.png" alt="" /></span></div>
</div>
</div>
<h2>About Me</h2>
<p>fun fact: i'm from melbourne, FL and I love going to the beach here
<!-- Fun Fact about me: I love love love sushi!</p> -->
</div>
</header>
<!-- Content -->
<div class="wrapper">
<div class="inner">
<section>
<h3 class="major">My Experience</h3>
<h4>Software Developer Intern | Apple | Summer 2023</h4>
<ul>
<li>Contributed to iOS to enhance Swift capabilities of internal frameworks with Objective-C </li>
<li>Developed features and enhancements on an internal iOS app used by over 600 drivers at Apple across teams in Software Engineering,
Hardware Engineering, AI/ML, Maps, and Human Interface to validate car experience</li>
<li>Improved manual testing efficiency by over 3 days by implementing new features on an internal iOS app with internal and
public frameworks using Swift and SwiftUI</li>
</ul>
<h4>Software Engineering Intern | L3Harris Technologies | Summer 2022</h4>
<ul>
<li>Designed, developed, and maintained multiple engineering operations projects directly supporting the CTO of L3Harris</li>
<li>Reduced business management processes by over 80% by developing automation scripts with Python, Pandas, and
OpenPyXL</li>
<li>Developed solution to maximize engagement strategies among employees</li>
<li>Automated communication methods team and talent to continuously improve the career experience of engineers</li>
<li>Aligned engineering configuration management policies' wording to support and to increase the impact of the company's mission</li>
</ul>
<h4>Network Control Intern | L3Harris Technologies | Summer 2021</h4>
<ul>
<li>Resolved over 1,000 tickets by troubleshooting and analyzing issues in a large private communications network using
network management and operation applications</li>
<li>Coordinated with both internal L3Harris departments and external telecommunication partners to mitigate network problems
across the FAA’s Telecommunications Infrastructure</li>
<li>Implemented analysis strategies to provide initial support and incident response for a nationwide critical infrastructure WAN</li>
</ul>
<h3 class="major">My Education</h3>
<p>I am a third-year Computer Science student at the University of Florida and I am expecting to graduate in the spring of 2024. </p>
<h4>my Skills</h4>
<ul class="alt">
<li><i>Languages:</i> <strong>Swift, C++, Python, Java</strong>, JavaScript, HTML, CSS, MATLAB, ARM assembly</li>
<li><i>Frameworks/Libraries:</i> <strong>React</strong>, NodeJS, Pandas, SFML, Express</li>
<li><i>General:</i> <strong>Git, GitHub</strong>, MongoDB, AGILE, Visual Studio Code, CLion, Intellij IDEA</li>
</ul>
<h4>Relevant Coursework</h4>
<div class="row">
<div class="col-6 col-12-medium">
<ul>
<li>Intro to Software Engineering</li>
<li>Intro to Computer Organization</li>
<li>Data Structures and Algorithms</li>
</ul>
</div>
<div class="col-6 col-12-medium">
<ul>
<li>C++ & Java Programming Fundamentals</li>
<li>Discrete Structures</li>
<li>Computational Linear Algebra</li>
</ul>
</div>
</div>
<h4>My Involvement</h4>
<p></p>
<h5>May 2023 - Present</h5>
<p><strong>Society of Women Engineers</strong> | <i>President</i> <br>
• Led a 6 person executive team with bi-weekly meetings to organize over 100 club events and activities for the year <br>
• Directed an annual event, called eSwamp, with over 300 attendees and increased engagement by 52% from the previous year <br>
• Coordinated travel logistics and acquired department funding for SWE National Conference (WE23) accommodating over 30 members <br>
</p>
<h5>May 2022 - May 2023</h5>
<p><strong>Society of Women Engineers</strong> | <i>Vice President of Internal Affairs</i> <br>
• Collaborated with six person executive team during bi-weekly meetings <br>
• Led a five person committee that includes Team Tech, STEAM Team, and Social to organize internal programs
</p>
<h5>Aug 2020 - May 2022</h5>
<p><strong>Society of Women Engineers</strong> | <i>Social Chair</i> <br>
• Collaborated with leaders to conduct various events that facilitated interaction among members and
encouraged member retention
</p>
<h5>Oct 2021 - present</h5>
<p><strong>University of Florida: Machen Florida Opportunity Scholars</strong> | <i>Ambassador</i> <br>
• Fostered increased involvement among MFOS scholars<br>
• Developed positive relationships with the program’s donors
</p>
<h5>Aug 2021 - Dec 2021</h5>
<p><strong>Software Engineering Club</strong> | <i>Tech Lead</i> <br>
• Contributed to the development a mobile app using the MERN stack <br>
• Completed weekly tasks such as debugging, implementing and maintaining components and features of the application
</p>
<p></p>
</section>
<h3 class="major"> </h3>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/catherinepham2/" class="icon brands fa-linkedin"><span class="linkedin"></span></a></li>
<li><a href="https://github.com/catherinepham" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
<!-- <section>
<h3 class="major">Lists</h3>
<div class="row">
<div class="col-6 col-12-medium">
<h4>Unordered</h4>
<ul>
<li>Dolor pulvinar etiam.</li>
<li>Sagittis adipiscing.</li>
<li>Felis enim feugiat.</li>
</ul>
</div>
<div class="col-6 col-12-medium">
<h4>Ordered</h4>
<ol>
<li>Dolor pulvinar etiam.</li>
<li>Etiam vel felis viverra.</li>
<li>Felis enim feugiat.</li>
<li>Dolor pulvinar etiam.</li>
<li>Etiam vel felis lorem.</li>
<li>Felis enim et feugiat.</li>
</ol>
<h4>Icons</h4>
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
</div>
</div>
<h4>Actions</h4>
<div class="row">
<div class="col-6 col-12-medium">
<ul class="actions">
<li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
<ul class="actions small">
<li><a href="#" class="button primary small">Small</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul>
<ul class="actions stacked">
<li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
<ul class="actions stacked small">
<li><a href="#" class="button primary small">Small</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul>
</div>
<div class="col-6 col-12-medium">
<ul class="actions stacked">
<li><a href="#" class="button primary fit">Default</a></li>
<li><a href="#" class="button fit">Default</a></li>
</ul>
<ul class="actions stacked small">
<li><a href="#" class="button primary small fit">Small</a></li>
<li><a href="#" class="button small fit">Small</a></li>
</ul>
</div>
</div>
<h4>Pagination</h4>
<ul class="pagination">
<li><span class="button small disabled">Prev</span></li>
<li><a href="#" class="page active">1</a></li>
<li><a href="#" class="page">2</a></li>
<li><a href="#" class="page">3</a></li>
<li><span>…</span></li>
<li><a href="#" class="page">8</a></li>
<li><a href="#" class="page">9</a></li>
<li><a href="#" class="page">10</a></li>
<li><a href="#" class="button small">Next</a></li>
</ul>
</section>
<section>
<h3 class="major">Table</h3>
<h4>Default</h4>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Item One</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Two</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Three</td>
<td> Morbi faucibus arcu accumsan lorem.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Four</td>
<td>Vitae integer tempus condimentum.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Five</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td>100.00</td>
</tr>
</tfoot>
</table>
</div>
<h4>Alternate</h4>
<div class="table-wrapper">
<table class="alt">
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Item One</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Two</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Three</td>
<td> Morbi faucibus arcu accumsan lorem.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Four</td>
<td>Vitae integer tempus condimentum.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Five</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td>100.00</td>
</tr>
</tfoot>
</table>
</div>
</section>
<section>
<h3 class="major">Buttons</h3>
<ul class="actions">
<li><a href="#" class="button primary">Primary</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button large">Large</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul>
<ul class="actions fit">
<li><a href="#" class="button fit">Fit</a></li>
<li><a href="#" class="button primary fit">Fit</a></li>
<li><a href="#" class="button fit">Fit</a></li>
</ul>
<ul class="actions fit small">
<li><a href="#" class="button primary fit small">Fit + Small</a></li>
<li><a href="#" class="button fit small">Fit + Small</a></li>
<li><a href="#" class="button primary fit small">Fit + Small</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button primary icon solid fa-download">Icon</a></li>
<li><a href="#" class="button icon solid fa-download">Icon</a></li>
</ul>
<ul class="actions">
<li><span class="button primary disabled">Disabled</span></li>
<li><span class="button disabled">Disabled</span></li>
</ul>
</section>
<section>
<h3 class="major">Form</h3>
<form method="post" action="#">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall">
<label for="demo-name">Name</label>
<input type="text" name="demo-name" id="demo-name" value="" />
</div>
<div class="col-6 col-12-xsmall">
<label for="demo-email">Email</label>
<input type="email" name="demo-email" id="demo-email" value="" />
</div>
<div class="col-12">
<label for="demo-category">Category</label>
<select name="demo-category" id="demo-category">
<option value="">-</option>
<option value="1">Manufacturing</option>
<option value="1">Shipping</option>
<option value="1">Administration</option>
<option value="1">Human Resources</option>
</select>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
<label for="demo-priority-low">Low Priority</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-normal" name="demo-priority">
<label for="demo-priority-normal">Normal Priority</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-high" name="demo-priority">
<label for="demo-priority-high">High Priority</label>
</div>
<div class="col-6 col-12-small">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Email me a copy</label>
</div>
<div class="col-6 col-12-small">
<input type="checkbox" id="demo-human" name="demo-human" checked>
<label for="demo-human">Not a robot</label>
</div>
<div class="col-12">
<label for="demo-message">Message</label>
<textarea name="demo-message" id="demo-message" rows="6"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>
</section>
<section>
<h3 class="major">Image</h3>
<h4>Fit</h4>
<div class="box alt">
<div class="row gtr-uniform">
<div class="col-12"><span class="image fit"><img src="images/pic08.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic05.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic06.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic07.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic07.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic05.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic06.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic06.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic07.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic05.jpg" alt="" /></span></div>
</div>
</div>
<h4>Left & Right</h4>
<p><span class="image left"><img src="images/pic01.jpg" alt="" /></span>Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien. Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien.</p>
<p><span class="image right"><img src="images/pic02.jpg" alt="" /></span>Vestibulum ultrices risus velit, sit amet blandit massa auctor sit amet. Sed eu lectus sem. Phasellus in odio at ipsum porttitor mollis id vel diam. Praesent sit amet posuere risus, eu faucibus lectus. Vivamus ex ligula, tempus pulvinar ipsum in, auctor porta quam. Proin nec dui cursus, posuere dui eget interdum. Fusce lectus magna, sagittis at facilisis vitae, pellentesque at etiam. Quisque posuere leo quis sem commodo, vel scelerisque nisi scelerisque. Suspendisse id quam vel tortor tincidunt suscipit. Nullam auctor orci eu dolor consectetur, interdum ullamcorper ante tincidunt. Mauris felis nec felis elementum varius. Nam sapien ante, varius in pulvinar vitae, rhoncus id massa. Donec varius ex in mauris ornare, eget euismod urna egestas. Etiam lacinia tempor ipsum, sodales porttitor justo. Aliquam dolor quam, semper in tortor eu, volutpat efficitur quam. Fusce nec fermentum nisl. Aenean erat diam, tempus aliquet erat. Etiam iaculis nulla ipsum, et pharetra libero rhoncus ut. Phasellus rutrum cursus velit, eget condimentum nunc blandit vel. In at pulvinar lectus. Morbi diam ante, vulputate et imperdiet eget, fermentum non dolor. Ut eleifend sagittis tincidunt. Sed viverra commodo mi, ac rhoncus justo. Duis neque ligula, elementum ut enim vel, posuere finibus justo. Vivamus facilisis maximus nibh quis pulvinar. Quisque hendrerit in ipsum id tellus facilisis fermentum. Proin mauris dui.</p>
</section>
</div>
</div>
</section>
Footer
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
<form method="post" action="#">
<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="email" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
<ul class="contact">
<li class="icon solid fa-home">
Untitled Inc<br />
1234 Somewhere Road Suite #2894<br />
Nashville, TN 00000-0000
</li>
<li class="icon solid fa-phone">(000) 000-0000</li>
<li class="icon solid fa-envelope"><a href="#">[email protected]</a></li>
<li class="icon brands fa-twitter"><a href="#">twitter.com/untitled-tld</a></li>
<li class="icon brands fa-facebook-f"><a href="#">facebook.com/untitled-tld</a></li>
<li class="icon brands fa-instagram"><a href="#">instagram.com/untitled-tld</a></li>
</ul>
<ul class="copyright">
<li>© Untitled Inc. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section> -->
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.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>