-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (169 loc) · 7.42 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
<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Yehyeon Cho (Evelyn)</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>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LDTKXPZRRT"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LDTKXPZRRT');
</script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1>Yehyeon Cho</h1>
<h2>Preferred Name: Evelyn</h2>
<p>University of California, Los Angeles - B.S. in Computer Science<br/>
Class of 2027</p>
</header>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="https://echo-finance-tracker.vercel.app/">Web App: ECHO Finance Tracker</a></li>
<li><a href="https://github.com/ycho1908">Github Projects</a></li>
<li><a href="#intro" class="active">About Me</a></li>
<li><a href="#second">Interest/Hobbies</a></li>
<li><a href="#cta">Get Started</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Introduction -->
<section id="intro" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>Computer Science Student @UCLA</h2>
</header>
<p>I am passionate about Computer Science and am currently diving deeper into the field of AI through research at UCLA
and the Break Through Tech AI program. I am also interested in aerospace, which I explored through my involvement in Rocket Project at UCLA and internship with Peraton Deep Space Network.
I am genuinely grateful and excited to continue my education in this field. I am always willing to inspire others to experience this same joy, especially am eager to spread this joy to the group of female engineers."</p>
<ul class="actions">
<li><a href="aboutMe.html" class="button">Learn More</a></li>
</ul>
</div>
<span class="image"><img src="images/Headshot_EvelynCho.jpg" alt="" /></span>
</div>
</section>
<!-- First Section -->
<section id="first" class="main special">
<header class="major">
<h2>More!</h2>
</header>
<ul class="features">
<li>
<span class="icon solid major style5 fa-laptop-code"></span>
<h3>Coding</h3>
<p>Coding experience with C++, Java, Python, C, HTML/CSS, Javascript, R<br/>
<em>~ Until now</em></p>
</li>
<li>
<span class="icon solid major style1 fa-user-secret"></span>
<h3>Linux Cybersecurity</h3>
<p>Competed in CyberPatriot 2019-2023 in all-service (JROTC) division.<br/>
Ranked in platinum (highest) tier.<br/>
Earned cyber varsity letters.<br/>
<em>~ During highschool</em></p>
</li>
<li>
<span class="icon solid major style3 fas fa-walking"></span>
<h3>NJROTC Cadet</h3>
<p>Rank of Senior Chief Petty Officer.<br/>
Awarded Scottish Rite of Freemasonry Award for academic success and patriotic Americanism.<br/>
<em>~ During highschool</em></p>
</li>
</ul>
</section>
<!-- Second Section -->
<section id="second" class="main special">
<header class="major">
<h2>Hobbies</h2>
</header>
<ul class="statistics">
<li class="style1">
<span class="icon solid fa-film"></span>
<strong>Films</strong> ↻ ◁ || ▷ ↺
</li>
<li class="style2">
<span class="icon solid fa-music"></span>
<strong style="white-space: nowrap;">Film music</strong> ♫⋆｡♪ ₊˚♬ ﾟ.
</li>
<li class="style3">
<span class="icon solid fa-palette"></span>
<strong style="white-space: nowrap;">Pattern art</strong> ✧˚ ༘ ⋆｡˚✐~
</li>
<li class="style4">
<span class="icon solid fa-plane"></span>
<strong>Travel</strong> ⋆｡ﾟ☁︎｡✈︎⋆｡ ﾟ☾ ﾟ｡⋆
</li>
<li class="style5">
<span class="icon solid fa-camera-retro"></span>
<strong>Photo</strong> ⊹₊[ ◉¯]₊ ⊹
</li>
</ul>
<p class="content">I love immersing myself in the world of films through film music as it transports me to magical worlds like Hogwarts, the Shire, and District 12. Through the music, I feel as if I am truly there along with the wizards, hobbits, and tributes (get the references to the movies!). Additionally, I find peace in my pattern art. The more intricate the design, the more it calms me. <br/>
Traveling is another activity that brings peace and joy. Each journey, even to places that I've been before, always feels different. Taking photos while traveling is the perfect definition of peace. Although they may not always capture the beauty I see, they capture the moment and the feelings I experience.</p>
<footer class="major">
<ul class="actions special">
<li><a href="aboutMe.html" class="button">Learn More</a></li>
</ul>
</footer>
</section>
<!-- Get Started -->
<section id="cta" class="main special">
<header class="major">
<h2>Keep in touch!</h2>
<p>Feel free to contact/connect with me on LinkedIn and check out my github!</p>
</header>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h2>Yehyeon Cho</h2>
<h3>Preferred Name: Evelyn</h3>
<p>2nd Year Computer Science Student at University of California, Los Angeles</p>
<ul class="actions">
<li><a href="aboutMe.html" class="button">Learn More</a></li>
</ul>
</section>
<section>
<h2>Contact info</h2>
<dl class="alt">
<dt>Address</dt>
<dd>Los Angeles, CA • USA</dd>
<dt>Email</dt>
<dd><a href="#">[email protected]</a></dd>
</dl>
<ul class="icons">
<li><a href="https://github.com/ycho1908" class="icon brands fa-github alt"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/yehyeon-cho/" class="icon brands fa-linkedin alt"><span class="label">LinkedIn</span></a></li>
</ul>
</section>
<p class="copyright">© echo.evelyn. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</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>