-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
186 lines (176 loc) · 7.29 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
<!DOCTYPE html>
<!--
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="en">
<head>
<title>Ryan Lee - About</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="description"
content="Ryan Lee, a computer science major in his final year at Stevens Institute of Technology, showcases his projects and skills. Based in Oakland Gardens, NY, explore Ryan's life and journey in technology and innovation.">
<link rel="stylesheet" href="assets/css/main.css">
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css">
</noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<a href="/" class="logo"><strong>Home</strong> <span>Ryan Lee</span></a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="/">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="product.html">Product</a></li>
<li><a href="https://drive.google.com/drive/folders/1j5pTY76qOED7tI0Y2zBhXas00apVHmEx">Resume</a></li>
</ul>
<!-- <ul class="actions stacked">
<li><a href="#" class="button primary fit">Get Started</a></li>
<li><a href="#" class="button fit">Log In</a></li>
</ul> -->
</nav>
<!-- Main -->
<div id="main" class="alt">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h1>About</h1>
</header>
<span class="image main"><img src="images/pic11.jpg" alt="Ryan at a pickleball court with people"></span>
<p>
I am Ryan Lee, a senior computer science student at Stevens
Institute of Technology. My journey has been enriched with
experiences in web development, systems programming, and team
leadership. Now, I turn to data science as an aspiring data
analyst/scientist. I am interested in utilizing data science,
machine learning, and predictive analytics to solve problems
across all domains. Currently part of the Headstarter AI software
engineering fellowship with my peers!
</p>
<p>
My core values are teamwork, open communication, and diverse
perspectives. I am interested in hands-on projects that will make
a difference in the community, and am always open to further doing
so. Explore my portfolio to see my latest projects and
achievements!
</p>
<p>
Outside of work, I love to read manga, watch anime, and play
pickleball. I am still an amateur, so I still have a lot to learn and develop like 3rd shot drops and
drives. I prefer pickleball over badminton, and one of the reasons is that I can play pickleball better
outdoors.
I enjoy exploring artist discographies too! Magdalena Bay's 2nd studio album, "Imaginal Disk", is 2024 album
of the year for me. Take a peek at it!
</p>
</div>
<div class="media-container">
<iframe style="border-radius:12px;"
src="https://open.spotify.com/embed/album/4HTy9WFTYooRjE9giTmzAF?utm_source=generator" frameborder="0"
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy">
</iframe>
<iframe style="border-radius:12px;" src="https://www.youtube.com/embed/OPe7tn_Hju4" frameborder="0"
allow="autoplay; encrypted-media; fullscreen; picture-in-picture" loading="lazy">
</iframe>
</div>
</section>
<!-- Two -->
<section id="two">
<div class="inner">
<header class="major">
<h2>Get in Touch</h2>
</header>
<p>
Please drop me a message if you would like to chat! You can also
connect with me on social media below.
</p>
</div>
</section>
</div>
<!-- Contact -->
<section id="contact">
<div class="inner">
<form action="https://formsubmit.co/b7f000260506e96ac8b4eff407ce720f" method="POST">
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" required>
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" required>
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6" required></textarea>
</div>
</div>
<ul class="actions">
<li>
<input type="submit" value="Send Message" class="primary">
</li>
<li><input type="reset" value="Clear"></li>
</ul>
</form>
<section class="split">
<div class="contact-method">
<span class="icon solid alt fa-envelope"></span>
<h3>Email</h3>
<span>[email protected]</span>
</div>
<div class="contact-method">
<span class="icon solid alt fa-home"></span>
<h3>Location</h3>
<span>Oakland Gardens, NY</span>
</div>
</section>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<!-- <li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li> -->
<li>
<a href="https://www.instagram.com/noscros/" class="icon brands alt fa-instagram"><span
class="label">Instagram</span></a>
</li>
<li>
<a href="https://github.com/Ryantron/" class="icon brands alt fa-github"><span
class="label">GitHub</span></a>
</li>
<li>
<a href="https://www.linkedin.com/in/ryanleecs/" class="icon brands alt fa-linkedin-in"><span
class="label">LinkedIn</span></a>
</li>
</ul>
<ul class="copyright">
<li>Copyright © 2024 Ryan Lee</li>
<li>All Rights Reserved</li>
<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.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>