-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (125 loc) · 3.98 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
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Kyle Ho</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">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Who I am</a></li>
<li><a href="#one">What I do</a></li>
<li><a href="#two">Get in touch</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Kyle Q. P. Ho</h1>
<p>College senior with a passion for supporting others, eager to explore new opportunities and technology</a>.
</p>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style3 fade-up">
<div class="inner">
<h2>What I do</h2>
<p>
My interests lie in, but are not limited to, data science and technology. While I am still building my
experience, I am passionate about helping others and contributing to projects to learn new skills.
</p>
<div class="features">
<section>
<span class="icon solid major fa-gem"></span>
<h3>SoCal Data Science Program</h3>
<p>
Within a small team, I worked together with others to develop models to predict the damage that
earthquakes would cause to bridge columns and eventually present our findings.
</p>
</section>
<section>
<span class="icon solid major fa-chalkboard-teacher"></span>
<h3>ACM @ CSUF AI Officer</h3>
<p>
As a board member of the club, I worked to prepare workshops and presentations to peers to teach them
about artificial intelligence.
</p>
</section>
<section>
<span class="icon solid major fa-laptop-code"></span>
<h3>FullyHacks 2024</h3>
<p>
At this hackathon, organized by ACM @ CSUF itself, I collaborated with others in a small team to create a
game using the Godot game engine.
</p>
</section>
<section>
<span class="icon solid major fa-brain"></span>
<h3>ASA DataFest at UCLA</h3>
<p>
In the two times I've competed in this data hackathon, I've worked alongside others to analyze data
ranging from legal information from the American Bar Association to analytics for data-driven textbooks
from CourseKata.
</p>
</section>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<div class="split style1">
<section>
<ul class="contact">
<li>
<h3>Social</h3>
<ul class="icons">
<li><a href="https://github.com/KQPH" class="icon brands fa-github"><span
class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/kyleqpho/" class="icon brands fa-linkedin-in"><span
class="label">LinkedIn</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<!-- <li>© Kyle Ho. All rights reserved.</li> -->
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- 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>