-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
261 lines (249 loc) · 14.9 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
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
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Thibaut Born</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="shortcut icon" type="image/png" href="images/tb.jpg"/>
</head>
<body>
<nav class="main-nav" id="main-nav">
<div style="height:80px;background: rgb(51,74,92);padding-top: 1px;"><h2 class="text-center" style="color:#fff; letter-spacing:2px;">MENU</h2></div>
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#"><i class="fa fa-home fa-fw"></i> Home</a></li>
<li><a href="#about"><i class="fa fa-user fa-fw"></i> About</a></li>
<li><a href="#what-i-do"><i class="fa fa-signal fa-fw"></i> What I do</a></li>
<li><a href="#work"><i class="fa fa-briefcase fa-fw"></i> Recent Work</a></li>
<li><a href="#contact"><i class="fa fa-envelope-o fa-fw"></i> Contact</a></li>
</ul>
</nav>
<div class="page-wrap">
<div class="jumbotron">
<div style="margin-top:130px" class="container">
<a href="#main-nav" class="h5 open-menu"><i style="color:#fff; position: relative; bottom:120px; cursor:pointer;" class="fa fa-bars fa-2x fa-fw"></i></a>
<a href="#" class="h5 close-menu"><i style="color:#fff; position: relative; bottom:120px; cursor:pointer;" class="fa fa-times fa-2x fa-fw"></i></a>
<h1>I'm Thibaut</h1>
<div class="spacer"></div>
<h1>Historian and Software developer</h1>
<div class="spacer"></div>
<hr><hr>
<h2 class="text-center">I'm a student looking for new opportunities</h2>
</div>
</div>
<div class="section" id="about"><h1>About me</h1><hr></div>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="well">
<img src="images/ik1.jpg" style="height:70%; width:100%">
</div>
</div>
<div class="col-md-8">
<div class="well">
<h3>Thibaut Born</h3>
<p>I'm a student SoftWare development based in Leuven, Belgium. I am an enthousiastic developer with a wide range of interests in software development, ranging from coding to animation and UI interfaces. In my spare time i try to work on small projects like game desing, 3d-animation and modeling and web development. My love of video games, makes sure however that most of my free time is not spend programming, but playing games.</p>
<p>Next to a software developer, i am also an amateur historian. I studied history of the middle ages for 4 years, in which i learned a lot about the past, and present civilizations. Even though I switched careerpaths, I still value my time studying history because it stimulated my work attitude and critical thinking.</p>
<p>A short list of my degrees: </p>
<ul>
<li> Bachelor degree in applied informatics (UCLL) </li>
<li> Master degree in History of the Middle Ages (KULeuven) </li>
<li> Bacherlor degree in History (KULEUVEN) </li>
<li> High school Degree: Modern Languages - Sciences (HDC) </li>
</ul>
<p>For the more basic information about my professional life, i'd like to refer to <a href="/images/cv.pdf"><b>my resume</b></a> </p>
<p> For the dutch speaking visitors, I aslo have prepared an overview of my skills according to what an new ICT-student should be able to do. In this document i describe my capabilities according to the skills expected by the UCLL. You can hava a look for yourself right <a href="images/competenties.pdf"><b>here</b></a></p>
<p><a href="#form" class="btn btn-default">Hire me</a></p>
</div>
</div>
</div><!--/.row-->
</div><!--/.container-->
<div class="section" id="what-i-do"><h1>What I Do</h1><hr></div>
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="well">
<h3>Technical Skills</h3>
<div class="spacer"></div><div class="spacer"></div>
<div class="row">
<div class="col-md-4">
<div class="html"></div> <h4 style="font-weight: 400; display: inline;">HTML & CSS</h4><br>
<div class="css"></div> <h4 style="font-weight: 400; display: inline;">JAVA </h4><br>
<div class="php"></div> <h4 style="font-weight: 400; display: inline;">PYTHON</h4><br>
<div class="sql"></div> <h4 style="font-weight: 400; display: inline; margin-bottom:5px;">SQL</h4>
</div>
<div class="col-md-8">
<div class="progress">
<div class="progress-bar progress-bar-html" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
<span class="sr-only">HTML&CSS 80%</span>
</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-css" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
<span class="sr-only">Java 90%</span>
</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-php" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
<span class="sr-only">PYTHON 65%</span>
</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-sql" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
<span class="sr-only">SQL 80%</span>
</div>
</div>
</div><!--/.col-6-->
</div>
</div>
</div>
<div class="col-md-4">
<div class="well">
<h3>Learning every day</h3>
<p>Being a full time student, I spend most of my programming time on school projects. This has both positive and negative aspects. As a motivated student I have always passed my exams and succesfully completed all of the school projects. Therefore I have a good understanding about the essential programming/coding skills and topics. I can develop websites from simple static websites to database driven applications.</p>
</div>
</div>
</div><!--/.row-->
</div><!--/.container-->
<div class="work visible-lg" style="height:250px !important;">
<div class="container">
<div class="row">
<div class="col-md-3">
<h3><i class="fa fa-code"></i> Motivated</h3>
<p>Even though coding isn't my first passion, I still adore programming and creating/improving projects. The satisfaction of deploying working applications, is a major reason I see myself working in the IT-sector for a long time.</p>
</div>
<div class="col-md-3">
<h3><i class="fa fa-fighter-jet"></i> Manager</h3>
<p>I am not only a programmer, but I often take the managing role upon me during group projects. I not only am a contact point for the teacher, but I also find it important to have a clear view of our goals, deadlines and the activities of the different team-members.</p>
</div>
<div class="col-md-3">
<h3><i class="fa fa-arrows-alt"></i> Hard working</h3>
<p>During my time at both the KULeuven and the UCLL, I learned the value of hard work. It' doesn't matter if it concerns a small task or the preparation of a major exam, I always aim to be on top of my next assignment.</p>
</div>
<div class="col-md-3">
<h3><i class="fa fa-bolt"></i> critical</h3>
<p>As a history graduate, I was thought the invaluable lesson of critical thinking. Before I start an assignement, I exhaustively research the topic and organization to ensure I have the proper knowledge.</p>
</div>
</div><!--/.row-->
</div><!--/.container-->
</div><!--/.work-->
<!--mobile work-->
<div class="container hidden-lg">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="well">
<h3><i class="fa fa-code"></i> Motivated </h3>
<p>Even though coding isn't my first passion, I still adore programming and creating/improving projects. I love the satisfaction of deploying working applications, which is why I see myself working in the IT-sector for a long time.</p>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="well">
<h3><i class="fa fa-fighter-jet"></i> Manager </h3>
<p>I am not only a programmar, but I often take a managing role upon me during our many group projects. I find it important to have a clear view of our goals, deadlines and the working of the teammember is order to complete a project succesfully..</p>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="well">
<h3><i class="fa fa-arrows-alt"></i> hard working</h3>
<p>During my time at both the KULeuven and the UCLL, I learned the value of hard work. It' doesn't matter if it concerns a small task or the preparation of a major exam, I always aim to be on top of my next assignment.</p>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="well">
<h3><i class="fa fa-bolt"></i> critical</h3>
<p>As a history graduate, I was thought the invaluable lesson of critical taught. Before i start the assignement, i try to research the topic and organization to ensure i have a clear vision of the project.</p>
</div>
</div>
</div><!--/.row-->
</div><!--/.container and mobile work-->
<div class="section" id="work"><h1>Previous Projects</h1><hr></div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="well">
<a href="https://github.com/ThibautBorn/Projectweek2-JSCA"><img src="images/sjca.png" alt="teamflightbasketball.com" height="150px" class="pull-left" style="padding-right: 15px; padding-bottom: 10px; padding-top:20px;"></a>
<h3>SJCA: self-evaluation project</h3>
<p>An educational application created for the Sint-Jozefscollege in Aarschot, Belgium. The client asked us to create a user-friendly tool for students to self-evaluate their skills.</p>
<div class="spacer"></div><div class="spacer"></div>
</div>
</div>
<div class="col-md-6">
<div class="well">
<a href="https://github.com/jpelgrims/busit_brno_2019"><img src="images/caughtcatdog.JPG" alt="A dog's life" height="150px" class="pull-left" style="padding-right: 15px; padding-bottom: 10px; padding-top:20px;"></a>
<h3>A dog's life</h3>
<p>A location based android application, that i made with my team during the international BusIt week in Brno in Czech Republic. The app was chosen by our teachers and fellow attendees as the best application of the week.</p>
<div class="spacer"></div><div class="spacer"></div>
</div>
</div>
</div><!--/.row-->
<div class="row">
<div class="col-md-6">
<div class="well">
<a href="https://github.com/MelanieVanVlasselaer-s0195435/OOO_Berden_Born_Vlasselaer"><img src="images/quiz.jpg" alt="well designed quizz" height="150px" class="pull-left" style="padding-right: 15px; padding-bottom: 10px; padding-top:20px;"></a>
<h3>Java FX quiz</h3>
<p>A simple quiz that we made for school project around good design principles.</p>
<div class="spacer"></div><div class="spacer"></div>
</div>
</div>
<div class="col-md-6">
<div class="well">
<a href="https://github.com/ThibautBorn/MartiniCarWebsite"><img src="images/martini.png" alt="Martini Car" height="150px" class="pull-left" style="padding-right: 15px; padding-bottom: 10px; padding-top:20px;"></a>
<h3>The martini car website</h3>
<p>An simple website created for a small team that is trying to restore a unique oldtimer. The website is meant to inspire new people to aiding the team and raising funds to support the renovation.</p>
<div class="spacer"></div><div class="spacer"></div>
</div>
</div>
</div><!--/.row-->
</div><!--/.container-->
<!--<div class="hidden-xs"><div class="work-together" id="contact">LETS WORK TOGETHER</div></div>-->
<div class="section" id="contact"><h1>Let's Work Together</h1><hr></div>
<div class="work-together">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
<h3>Send Me a Message</h3>
<div class="spacer"></div>
<form class="form-horizontal" role="form" id="form" method="post">
<div class="form-group">
<label for="name" class="col-sm-2 control-label">Name</label>
<div class="col-sm-10">
<input type="text" class="contact form-control" name="name" id="name" placeholder="Name">
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="contact form-control" name="email" id="email" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="subject" class="col-sm-2 control-label">Subject</label>
<div class="col-sm-10">
<input type="text" class="contact form-control" name="subject" id="subject" placeholder="Subject">
</div>
</div>
<div class="form-group">
<label for="message" class="col-sm-2 control-label">Message</label>
<div class="col-sm-10">
<textarea class="contact form-control" rows="3" name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input type="submit" value="Send" class="btn btn-default" name="submit">
</div>
</div>
</form>
</div><!--/.col-->
<div class="col-lg-4 col-md-4 hidden-sm hidden-xs">
<h3>Contact Details</h3><div class="spacer"></div>
<p class="lead" style="margin-bottom:0px;"><i class="fa fa-map-marker"></i> Frans Vermeylenstraat 15 </p><p class="lead" style="text-indent:24px">3000, Leuven, Belgium</p>
<p class="lead"><i class="fa fa-phone"></i> 0468 29 15 86</p>
<p class="lead"><i class="fa fa-envelope"></i> [email protected]</p>
<p class="lead"><i class="fa fa-envelope"></i> <a href="https://www.linkedin.com/in/thibaut-born-98892817b/"><img src="images/linkedin-logo.png" ></a></p>
</div>
</div><!--/.row-->
</div><!--/.container-->
</div><!--/.work-together-->
</div><!--/.page-wrap-->
</body>
</html>