-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
216 lines (209 loc) · 9.46 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
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<head>
<title>Nick Sunga</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Styles -->
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Passion+One" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<link rel="stylesheet" href="styles/styles.css" type="text/css">
<link rel="stylesheet" href= "styles/bootstrap.min.css" type="text/css">
</head>
<body>
<section id="nav-bar-container">
<div id="navbar">
<div class="container anchor-pts">
<div class="col-xs-8">
<a class="nav-anchor" href="#about">about</a>
<a class="nav-anchor" href="#experience">experience</a>
<a class="nav-anchor" href="#projects">projects</a>
</div>
<div class="col-xs-4">
<a class="nav-anchor" target="_blank" href="https://www.linkedin.com/in/nicholas-sunga-78b001b0/"><i class="fab fa-linkedin-in fa-lg"></i></a>
<a class="nav-anchor" style="margin-right: 0;" target="_blank" href="https://www.github.com/nsunga"><i class="fab fa-github fa-lg"></i></a>
</div>
</div>
</div>
</section>
<section id="header">
<div class="container">
<p id="typed-strings" class="type"></p>
</div>
</section>
<section id="about" class="about-desktop">
<div class="container">
<div class="col-xs-12">
<h3>about me</h3>
</div>
<div class="col-md-4 col-xs-12" style="margin-bottom: 30px; margin-top: 30px;">
<img src="images/headshot.png" width="200px" id="profile-pic" class="center-block img-round">
</div>
<div class="col-md-8 col-xs-12" style="margin-bottom: 30px; margin-top: 30px;">
<p>I have a passion for creating and planning software with good user interfaces.
I have over four years of software development and delivering minimum viable
products correctly and on time. Outside of learning new bleeding-edge
technologies, I love all things related to basketball and fashion.
Check out my github for all the latest projects I'm working on!
</p>
<p>
Contact me via linkedin
</p>
</div>
<div class="col-xs-12 about-me-box">
<div class="about-me-box-body">
<h4>Loyola Marymount University</h4>
<h5>B.S Computer Science, May 2018</h5>
<div class="col-xs-12 decorative-line"></div>
<h5>Coursework</h5>
<div class="row">
<div class="col-xs-12 col-md-6">
<ul>
<li>Interaction Design</li>
<li>Computer Graphics</li>
<li>Language Translation and Implementation</li>
<li>Algorithms</li>
<li>Data Structures</li>
</ul>
</div>
<div class="col-xs-12 col-md-6">
<ul>
<li>Computer System Design</li>
<li>Logic Design</li>
<li>Artificial Intelligence</li>
<li>Database Systems</li>
<li>Programming Languages</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="experience" class="experience-desktop">
<div class="container">
<div class="col-xs-12">
<h3>experience</h3>
</div>
<div class="col-xs-12 experience-box">
<div class="experience-box-body">
<h4>lapd</h4>
<h5>software engineering intern (aug 2017-dec 2017)</h5>
<ul>
<li>Created ‘CrookBook’: LAPD's in-house web application for tracking victim case files</li>
<li>Technologies used: Django Web Framework, PostegreSQL Database, and Docker</li>
<li>Heavy duty on frontend development, backend HTTP requests, and code review</li>
<li>https://github.com/evanhessler/CrookBook</li>
</ul>
<div class="col-xs-12 decorative-line"></div>
<h4>fullscreen media</h4>
<h5>product management intern (may 2017-aug 2017)</h5>
<ul>
<li>Helped create and push their in-house influencer marketing platform: FullScreen Brand Campaigns</li>
<li>Worked with Software Engineers and Project Managers to learn AGILE development</li>
<li>Used SQL to generate data reports on social media influencers using their relational database</li>
<li>Documented software bugs and pushed for a clean and seamless user interface</li>
</ul>
<div class="col-xs-12 decorative-line"></div>
<h4>santa monica college</h4>
<h5>mathematics tutor (june 2015-aug 2015)</h5>
<ul>
<li>Helped students in all college level mathematics up to Calculus II</li>
<li>Worked in a turn-based, one on one environment or in groups of students</li>
<li>Partitioned my time to be quick but effective through seamless teaching methodologies</li>
</ul>
</div>
</div>
<div class="col-xs-12" style="margin-top: 50px;">
<div class="skillbar clearfix " data-percent="100%">
<div class="skillbar-title" style="background: #87b491;"><span>Java</span></div>
<div class="skillbar-bar" style="background: #96C8A2;"></div>
<div class="skill-bar-percent">100%</div>
</div>
<div class="skillbar clearfix " data-percent="90%">
<div class="skillbar-title" style="background: #87b491;"><span>JavaScript</span></div>
<div class="skillbar-bar" style="background: #96C8A2;"></div>
<div class="skill-bar-percent">90%</div>
</div>
<div class="skillbar clearfix " data-percent="95%">
<div class="skillbar-title" style="background: #87b491;"><span>HTML</span></div>
<div class="skillbar-bar" style="background: #96C8A2;"></div>
<div class="skill-bar-percent">95%</div>
</div>
<div class="skillbar clearfix " data-percent="95%">
<div class="skillbar-title" style="background: #87b491;"><span>CSS</span></div>
<div class="skillbar-bar" style="background: #96C8A2;"></div>
<div class="skill-bar-percent">95%</div>
</div>
<div class="skillbar clearfix " data-percent="90%">
<div class="skillbar-title" style="background: #87b491;"><span>Python</span></div>
<div class="skillbar-bar" style="background: #96C8A2;"></div>
<div class="skill-bar-percent">90%</div>
</div>
</div>
</div>
</section>
<section id="projects" class="projects-desktop">
<div class="container">
<div class="col-xs-12">
<h3 class="proj-headers" style="text-align: center !important;">projects</h3>
</div>
<div class="col-md-4 col-xs-12" style="margin-bottom: 30px;">
<div class="proj-titles">
<a target="_blank" href="https://github.com/mitchelljfs/madmaan">
<h4>madmaan</h4>
<h6>view more</h6>
</a>
</div>
</div>
<div class="col-md-8 col-xs-12" style="margin-bottom: 30px; margin-top: 30px;">
<p class="proj-sent">Madmaan is a dynamically and strong typed language
that simplifies JavaScript's syntax and looks M A D S I C K, man.
Hate semi-colons? Well, try out exclamation marks! Does using "!"
for "not" not make sense? Okay, use "NOT" instead, M A N. Plus, we
know how ugly {} can be. S O. N O. C U R L Y. B R A C K E T S, M A N.
This language explodes(compiles) into JavaScript, now go get M A D, M A A N.
</p>
</div>
<div class="col-md-4 col-xs-12" style="margin-bottom: 30px;">
<div class="proj-titles">
<a target="_blank" href="https://github.com/evanhessler/crookbook">
<h4>crookbook</h4>
<h6>view more</h6>
</a>
</div>
</div>
<div class="col-md-8 col-xs-12" style="margin-bottom: 30px; margin-top: 30px;">
<p class="proj-sent">A case information database and front-end interface
for many of the Los Angeles Police Department’s (LAPD) cases. Focused
on providing an easy experience for detectives to add new cases,
update existing ones as new information comes in, and query all
existing cases with a wide search criteria. Represents case data
elegantly to distinguish cases that are most worthwhile investigating.
End users are homicide detectives.
</p>
</div>
<div class="col-md-4 col-xs-12" style="margin-bottom: 30px;">
<div class="proj-titles">
<a target="_blank" href="https://github.com/nsunga/GiphyProject">
<h4>giph me</h4>
<h6>view more</h6>
</a>
</div>
</div>
<div class="col-md-8 col-xs-12" style="margin-bottom: 30px; margin-top: 30px;">
<p class="proj-sent">Users can search for their favorite gifs and shorten
their URLs to share with their friends. Makes use of Giphy's and Bitly's
RESTful API.
</p>
</div>
</div>
</section>
<section id="footer">
<div class="col-md-12 col-xs-12">
<p class="proj-sent">© Nick Sunga 2018</p>
</div>
</section>
<script src="scripts/jquery-3.3.1.min.js"></script>
<script src="scripts/typed/typed.js"></script>
<script src="scripts/script.js"></script>
</body>