-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
206 lines (198 loc) · 9.95 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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Yingjia Gu Personal Website</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!--header-->
<section id="header">
<div class="container text-center">
<div class = "user-box">
<img src="img/Angela.JPG">
<h1>Yingjia Gu</h1>
<p>Software Engineer</p>
</div>
</div>
<div class="scroll-btn">
<div class="scroll-bar"><a href=""><span> </span></a></div>
</div>
</section>
<!--userInfo-->
<section id="userinfo">
<div class="nav-bar">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">ABOUT ME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#resume">RESUME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">CONTACT</a>
</li>
</ul>
</div>
</nav>
</div>
<!--about-->
<div class="about container" id="about">
<div class="row">
<div class="col-md-6">
<h1 id="introduction"><b>I am Yingjia Gu</b></h1>
<p id="selfintro"><br>I am a sophomore UCSD student majoring in computer science. I am actively looking for summer interships.<br></p>
<div class="skills-bar">
<p>Java</p>
<div class="progress">
<div class="progress-bar" style="width: 80%;background-color: rgb(224, 128, 85);"></div>
</div>
<p>Python</p>
<div class="progress">
<div class="progress-bar" style="width: 75%;background-color: rgb(224, 128, 85);"></div>
</div>
<p>html</p>
<div class="progress">
<div class="progress-bar" style="width: 75%;background-color: rgb(224, 128, 85);"></div>
</div>
<p>css</p>
<div class="progress">
<div class="progress-bar" style="width: 75%;background-color: rgb(224, 128, 85);"></div>
</div>
<p>JavaScript</p>
<div class="progress">
<div class="progress-bar" style="width: 70%;background-color: rgb(224, 128, 85); "></div>
</div>
</div>
</div>
<div class="col-md-6 text-center" id="education">
<h3 id="educationBackground">Educational Background</h3>
<h5><b>University of California, San Diego</b></h5>
<p class="info">B.S. in Computer Science, Minor in Mathematics<br>
September 2018 - June 2022</em><br>
GPA: 3.72 | Major GPA: 3.95
</p>
<img src="img/geisel.png" height=280 width=380>
</div>
</div>
</div>
<!--Social Icons-->
<div class="social-icons">
<ul>
</ul>
</div>
<!--Resume-->
<div class = "resume" id="resume">
<div class="container">
<div class="row">
<div class="col-md-6">
<h3 class="text-center">My Experiences</h3>
<ul class="timeline">
<li>
<h5>CSE Academic tutor</h5>
<p>
* Hold lab hours and one-on-one meetings to help students debug their code and improve their understanding of the course-related concepts<br>
* Answer students' questions on Piazza and grade their assignments as well as exams<br>
* Assist professors to build a closer connection with students<br>
<b>Company</b> - UCSD Jacobs School of Engineering<br>
<b>Duration</b> - 2019.9 - present<br>
<b>Location</b> - San Diego<br>
</p>
</li>
<li>
<h5>Undergraduate Researcher</h5>
<p>
* Work in a program with Nadia Polikarpova aiming at automatically learning rules for speech sounds in natural languages<br>
* Enhance the front-end for displaying the rules inferred based on phonological data<br>
<b>Company</b> - UCSD Jacobs School of Engineering<br>
<b>Duration</b> - 2019.9 - present<br>
<b>Location</b> - San Diego<br>
</p>
</li>
<li>
<h5>Summer Finance Intern</h5>
<p> *Did basic data analysis and used Tableau for data visualization<br>
*Learned the knowledge about finance<br>
<b>Company</b> - CITIC Securities Company Limited<br>
<b>Duration</b> - 2019.8 - 2019.8<br>
<b>Location</b> - Shanghai<br>
</p>
</li>
</ul>
</div>
<div class="col-md-6">
<h3 class="text-center">My Projects</h3>
<ul class="timeline" id="extra">
<li>
<h5>Integrated Study Platform</h5>
<p>
* Used HTML, CSS and JavaScript to design the front-end of a study platform specifying AI tutor and efficient note-taking<br>
* Ranked the fourth out of more than 65 teams and won the bonus of 1000RMB in hackathon "the HACK" sponsored by Google<br>
</p>
</li>
<li>
<h5>Harvesthru</h5>
<p>
* Worked in a start-up project to develop a platform where users can sell and buy homegrown crops<br>
* Used HTML, CSS,JavaScript and React to design the front-end
</p>
</li>
<li>
<h5>Pacman Game</h5>
<p>
* Used JavaFX to write a Gui PacMan Game where the Pacman moves according to users' input direction and the ghosts move towards the Pacman to reduce the Manhattan Distance<br>
* Implemented the loading and the saving of the game<br>
</p>
</li>
<li>
<h5>Image Editor</h5>
<p>
* Implemented basic functionalities of an image editor which can blur or sharpen certain pixels<br>
* Used the data structure stack so that the edit history can be recorded and the "undo" and "redo" function can be called<br>
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--Contact-->
<div class="contact" id="contact">
<div class="container text-center">
<h2>Contact Me</h2>
<div class="row">
<div class="col-md-4">
<i class="fa fa-phone"></i>
<p>8585317958</p>
</div>
<div class="col-md-4">
<i class="fa fa-envelope"></i>
<p>y1gu@ucsd.edu</p>
</div>
<div class="col-md-4">
<i class="fa fa-linkedin"></i>
<p>https://www.linkedin.com/in/yingjia-g-388526154</p>
</div>
</div>
<a class="btn btn-primary" role="button" href="./resume.pdf" download="Yingjia Resume"><i class="fa fa-download"></i>Resume</a>
</div>
</div>
</section>
</body>
</html>