-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
272 lines (240 loc) · 14.2 KB
/
index.html
File metadata and controls
272 lines (240 loc) · 14.2 KB
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
264
265
266
267
268
269
270
271
272
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Wouter Kettlitz Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>Portfolio of Wouter Kettlitz</strong></a>
<ul class="icons">
<a href="/dutch.html">
<img src="images/netherlands.png" alt="HTML tutorial" style="width:42px;height:42px;border:0;">
</a>
<a href="/index.html">
<img src="images/United_Kingdom-128.png" alt="HTML tutorial" style="width:42px;height:42px;border:0;">
</a>
<!--
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-medium"><span class="label">Medium</span></a></li>
-->
</ul>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h1>Hi, I’m Wouter Kettlitz<br />
</h1>
<p>Student computer Science at Hogeschool Rotterdam</p>
</header>
<p>Hello and welcome to my online portfolio, here you can find more information about my life and about the courses and projects I have done. <br> <br> Feel free to email me at WRKettlitz@hotmail.nl if you have any questions.
</p>
<ul class="actions">
<li><a href="index.html#CV" class="button big">CV</a></li>
<li><a href="index.html#Projects" class="button big">projects</a></li>
<li><a href="index.html#life" class="button big">My life</a></li>
</ul>
</div>
<span class="image object">
<img src="images/pic10.jpg" alt="" />
</span>
</section>
<!-- Section -->
<section>
<div id='CV'><a name='CV'>
<header class="major">
<h2>Curriculum Vitae</h2>
</header>
<h4>Personal data</h4>
<table>
<tr>
<td><b>First name</b></td>
<td>Wouter</td>
</tr>
<tr>
<td><b>Last name</b></td>
<td>Kettlitz</td>
</tr>
<tr>
<td><b>Adress</b></td>
<td>Rubenslaan 183</td>
</tr>
<tr>
<td><b>City and Postal Code</b></td>
<td>Bergschenhoek 2661RW</td>
</tr>
<tr>
<td><b>Cell phone</b></td>
<td>+31 (0)6 570 147 66</td>
</tr>
<tr>
<td><b>Email</b></td>
<td>WRKettlitz@hotmail.nl</td>
</tr>
</table>
<br>
<br>
<h4>Personal information</h4>
<table>
<tr>
<td><b>Date of birth</b></td>
<td>01/15/1995</td>
</tr>
<tr>
<td><b>Place of birth</b></td>
<td>Rotterdam</td>
</tr>
<tr>
<td><b>Sex</b></td>
<td>Male</td>
</tr>
<tr>
<td><b>Nationality</b></td>
<td>Dutch</td>
</tr>
<tr>
<td><b>Driving license</b></td>
<td>Yes, <a href="https://rijbewijs.nl/information-in-english/">B1.</a></td>
</tr>
</table>
<br>
<br>
<h4>Education</h4>
<table>
<tr>
<td><b>Mavo diploma NT(Toorop)</b></td>
<td>2012</td>
</tr>
<tr>
<td><b>Havo diploma NT+NG(VAVO Rijnmond College)</b></td>
<td>2015</td>
</tr>
<tr>
<td><b>Computer Science Hogeschool Rotterdam</b></td>
<td>now</td>
</tr>
</table>
<br>
<br>
<h4>Work experience</h4>
<table>
<tr>
<td><b>Action(shop assistant)</b></td>
<td>2013-2014</td>
</tr>
</table>
<br>
<br>
<h4>Language Skills</h4>
<table>
<tr>
<td><b>Dutch</b></td>
<td>Native</td>
</tr>
<tr>
<td><b>English</b></td>
<td>Excellent</td>
</tr>
</table>
<h4>Hobby's</h4>
Gaming, running, fitness.
</a></div>
</section>
<!-- Section -->
<section>
<div id='Projects'><a name='Projects'>
<header class="major">
<h2>Projects</h2>
</header>
<h4>Project 1</h4>
During this project we have made a boardgame. In this way we have learned to work together using the SCRUM-method. By using this method we have shared the workload equally. We have finished this project succesfully with a score 9 out of 10.
<img src="images/Project1.jpg" alt="" />
<br><br>
<h4>Project 2</h4>
In this project we have learned how to make a computer game using Python and Pygame. The cooperation went well thanks to the Scrum-method. We also have learned using Github and the project helped us to understand gamelogic better.
<img src="images/project2.jpg" alt="" />
<br><br>
<h4>Project 3</h4>
In this project we made a database containing the average income and crime rate per region of Rotterdam. This way it was possible to compare crime against income. In this project we have learned how to use SQL and Java.
<br><br>
<h4>Project 4</h4>
In this project we have made an android app. The app showed all kinds of graphs like how many bikes are stolen per region in Rotterdam or how many bike containers were placed per region in Rotterdam. The app could also locate your position and make appointments in another calander app.
<br><br>
<h4>Project 5 & 6</h4>
In this project we have made a webstore. In this webstore you could do the same stuff as you would be able to do in any other webstore. You could add products to your favorites or to the shopping cart. The admin could see the statistics of the products and customers, ban accounts and reset passwords. <br><br>
Developing the back end I mostly used Java, Velocity and SQL. While developing the front end I mostly used HTML and JavaScript.
</a></div>
</section>
<!-- Section -->
<section>
<div id='life'><a name='life'>
<header class="major">
<h2>My life</h2>
</header>
My name is Wouter Kettlitz, I am 22 years old, I am the youngest child in a family with 3 children. I was raised in a village called "Bergschenhoek". The first highschool I went to was called "The Laurenscollege", however I did not like this school so I went to "The Toorop Mavo". Here I got my degree.<br><br>
Afterwards I went to study engineering at a community college, however I did not like this study and decided to quit after one year.
Without being totally sure what to do, I decided to get a higher highschool degree. I studied at "VAVO Rijnmond College" for two years, my selectable subjects were Advanced mathamatics(Wiskunde B), physics, chemistry, biology and economy.<br><br>
After getting my second degree, I decided to study computer science at Hogeschool Rotterdam. The main reason is my interest in the working of computers and programs.
<br><br>
My Hobby's are gaming, fixing problems concerning digital devices and going to the gym. My main interest within my education is artificial intelligence(AI), because besides computers the human brain is also very interesting and it seems to be very complex.
</a></div>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search
<section id="search" class="alt">
<form method="post" action="#">
<input type="text" name="query" id="query" placeholder="Search" />
</form>
</section>
-->
<!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html#CV">CV</a></li>
<li><a href="index.html#Projects">Projects</a></li>
<li><a href="index.html#life">My Life</a></li>
</ul>
</nav>
<!-- Footer
<footer id="footer">
<p class="copyright">© Untitled. All rights reserved. Demo Images: <a href="https://unsplash.com">Unsplash</a>. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>-->
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>