-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
263 lines (227 loc) · 10.9 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
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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
<!DOCTYPE html>
<html lang="en">
<head>
<title>Life as A Giggleball</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./css/about.css">
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="50">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Giggleball</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#qlt">QUALITIES</a></li>
<li><a href="#port">PORTFOLIO</a></li>
<li><a href="#contact">CONTACT</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">MORE
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Culture</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">Food</a></li>
</ul>
</li>
<li><a href="#"><span class="glyphicon glyphicon-search"></span></a></li>
</ul>
</div>
</div>
</nav>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="./img/faded_nycity.jpg" alt="New York">
<div class="carousel-caption">
<h2>New York</h2>
<h5>Where I've made my first memories.</h5>
</div>
</div>
<div class="item">
<img src="./img/tropical.jpeg" alt="Paramaribo">
<div class="carousel-caption">
<h2>Paramaribo</h2>
<h5>My hometown which I learn to love more as time goes by.</h5>
</div>
</div>
<div class="item">
<img src="./img/love-bridge-pink-lock.jpg" alt="Rotterdam">
<div class="carousel-caption">
<h2>Rotterdam</h2>
<h5>Where friends, love & food come together.</h5>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div id="about" class="container text-center">
<h3>The Giggleballer</h3>
<p><em>Hello! Nice to meet you!</em></p>
<p>My name is Elisabeth Boldewijn and I am a web developer in the making.</p>
<p>When I'm not learning to code, I like to make music, watch anime and bake delicious things.</p>
<br>
<div class="row">
<div class="col-sm-4">
<p class="text-center"><strong>Personal</strong></p><br>
<a href="#demo" data-toggle="collapse">
<img src="./img/elicut.jpg" class="img img-circle person" width="255" height="255">
</a>
<div id="demo" class="collapse">
<p class="text-center">Born on December 26th</p>
<p>Has one older & one younger sister</p>
<p>Lives in Schiedam, The Netherlands</p>
</div>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Education</strong></p><br>
<a href="#demo2" data-toggle="collapse">
<img src="./img/eligit.jpg" class="img img-circle person" width="255" height="255">
</a>
<div id="demo2" class="collapse">
<p>Bachelor in Business Administration</p>
<p>Study Abroad in Hungary - Animation</p>
<p>Basic Japanese</p>
</div>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Goals</strong></p><br>
<a href="#demo3" data-toggle="collapse">
<img src="./img/eliblue.jpg" class="img img-circle person" width="255" height="255" >
</a>
<div id="demo3" class="collapse">
<p>Becoming a Fullstack Web Developer</p>
<p>Improving my Video Editing & Animation skills</p>
<p>Becoming fluent in Japanese & learning Korean</p>
</div>
</div>
</div>
</div>
<div id="qlt" class="container-fluid text-center">
<h2 class="space-section">QUALITIES</h2>
<h4>What I'm good at</h4>
<br>
<div class="row">
<div class="col-sm-4">
<span class="glyphicon glyphicon-off"></span>
<h4>LANGUAGES</h4>
<p>I grew up bilingual in Dutch and English and am fluent in German. I've been learning German Since the age of 14. At first because it was mandatory in high school, then I fell in love with a German band and the rest is history...
<br><br>
Soon I'll be fluent in JavaScript as well!</p>
</div>
<div class="col-sm-4">
<span class="glyphicon glyphicon-heart"></span>
<h4>VIDEO EDITING</h4>
<p>Video editing is a hobby of mine which I hope to do for a long time. Since a young age I have always been interested in how movies were made, especially music videos and animations. Music is the triggers to my imagination which fills my mind with countless ideas.
I am self taught, and enjoy learning new techniques which can help me improve my skills.</p>
</div>
<div class="col-sm-4">
<span class="glyphicon glyphicon-play"></span>
<h4>MUSIC</h4>
<p>There's no life without music. Music is boundless and everyone understands it, calling out different feelings in each individual. I have learned how to play the guitar myself and occasionally make cover videos and post them on YouTube. Not to brag or anything, but I do believe I am a pretty good singer. Feel free to check out my music on <a href="https://soundcloud.com/escaped-lyrics/tracks">soundcloud</a> & <a href="https://www.youtube.com/user/betje87">YouTube</a>. </p>
</div>
</div>
<br><br>
<div class="row">
<div class="col-sm-4">
<span class="glyphicon glyphicon-leaf"></span>
<h4>PROBLEM SOLVING</h4>
<p>I've come to realize that through my creativity 'or random & weird way of thinking'
I've come to solving problems at work or in my personal life. These days you get less resources to work with but
it's expected from you to produce the same or something better. I believe this environment has forced me to solve things in a more creative way.</p>
</div>
<div class="col-sm-4">
<span class="glyphicon glyphicon-certificate"></span>
<h4>LEARNING</h4>
<p>I never knew I'd enjoy learning so much. I guess if you have an interest in things, your effort will pay off.
All the 'skills' I've mentioned so far I've learned myself by being curious, trial and error and a LOT of patience.
I believe someone who is willing to expand their knowledge is priceless, and that img me.</p>
</div>
<div class="col-sm-4">
<span class="glyphicon glyphicon-wrench"></span>
<h4>HARD WORK</h4>
<p>I've always worked next to my study, sometimes up to three jobs at the same time. I also always put all my effort in delivering the best service or product, because that's how I want to be treated as well. Hard work has gotten me to where I am right now, and will help me fulfill my goals. That I'm sure of. </p>
</div>
</div>
</div>
<div id="port" class="container-fluid text-center bg-grey">
<h2 class="space-section">Portfolio</h2>
<h4>What I have created</h4>
<div class="row text-center">
<div class="col-sm-4">
<div class="thumbnail">
<!-- Local http://localhost:8880 -->
<!-- Git https://github.com/Giggleball -->
<a href="http://localhost:8880"><img class="pics" src="./img/kioku.png" alt="funLoop"></a>
 
<p><strong> ~ Web Developing ~ </p>
<p>A Japanese language game</strong></p>
<p>My final project which will be live soon</p>
</div>
</div>
<div class="col-sm-4">
<div class="thumbnail">
<a href="https://www.youtube.com/watch?v=Mns8zONashc"><img class="pics" src="./img/2D.jpg" alt="2d Animation"></a>
<p><strong>~ Animation ~</p>
<p>I learned 2D animation during my study abroad</strong></p>
<p>A 2D animation about food...</p>
</div>
</div>
<div class="col-sm-4">
<div class="thumbnail">
<a href="https://www.youtube.com/watch?v=rCx7pKsoOKQ"><img class="pics" src="./img/king.jpg" alt="video King"></a>
<p><strong>~ Cinematography ~</p>
<p>A fashion film for Garment iPad magazine </strong></p>
<p>I edited the footage for this project</p>
</div>
</div>
</div>
<!-- Container (Contact Section) -->
<div id="contact" class="container text-center">
<h3 class="text-center">Got curious?</h3>
<p><span class="glyphicon glyphicon-map-marker"></span> Schiedam, NL</p>
<p class="text-center glyphicon glyphicon-envelope"> <a class="giggle" href="mailto:[email protected]?Subject=Hello%20again" target="_top">Giggle @ me!</a></p>
<p><span class="glyphicon glyphicon-phone"></span> +31 6 11 61 83 54</p>
</div>
<a id="back-to-top" href="#" title="Back to top"><span class="glyphicon glyphicon-chevron-up"></span></a>
<footer class="text-center">
<a href="https://github.com/Giggleball">
<img class="pad" src="./img/git.png" alt="Watch Me"></a>
<a href="https://www.linkedin.com/in/eliboldewijn?trk=hp-identity-name">
<img class="pad" src="./img/li.png" alt="Connect With Me"></a>
<a href="https://www.youtube.com/user/betje87">
<img class="pad" src="./img/yt.png" alt="Watch Me"></a>
<a href="https://soundcloud.com/escaped-lyrics/tracks">
<img class="pad" src="./img/sc.png" alt="Listen To Me"></a>
</footer>
<script src="./js/jquery-3.1.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/about.js"></script>
</body>
</html>