-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·212 lines (186 loc) · 11 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
<!DOCTYPE HTML>
<html>
<head>
<title>Kerberus Diepenbeek</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/jquery.scrollgress.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.slidertron.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body class="landing">
<!-- Header -->
<header id="header" class="alt skel-layers-fixed">
<h1><a href="index.html"><span></span></a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="praesidium.html">Praesidium</a>
<li><a href="kalender.html">Kalender</a></li>
<li><a href="#two">Lied</a></li>
<li><a id="hulpje" href="contact.html" >Contact</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div>
<ul class="icons" id="socialmedia">
<li><a href="https://www.facebook.com/kerberusdiepenbeek/" target="_blank" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="http://www.instagram.com/kerberusdiepenbeek" target="_blank" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
</div>
<div><img id="KerberusSchild" src="images/KerberusSchild.png" alt="KerberusSchild"/></div>
<h2>Kerberus Diepenbeek</h2>
<ul class="actions">
<li id="KerberusButton"><a href="#one" class="button big scrolly">Over Kerberus</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style1">
<div class="container">
<header class="major">
<h2>Over Kerberus</h2>
<p>Kerberus is een van de grootste en zeker een van de meest actieve studentenverenigingen
van Diepenbeek. <br> Zoals je al hebt vernomen, is het de fijnste studentenvereniging
van Diepenbeek en omstreken. Ook organiseren we wekelijks tal van activiteiten die varieren
van grote Fitlinkfuiven tot kleinere fuiven, van fakbars in het Stiemerke tot cultuur- en sportactiviteiten, cantussen en nog zoveel meer! En als dit zelfs
niet genoeg is kan je ook naar onze jobbeurs komen waar je oog in oog kan komen te staan met je misschien
wel toekomstige werkgever!</p>
</header>
<div class="slider">
<span class="nav-previous"></span>
<div class="viewer">
<div class="reel">
<div class="slide">
<img src="images/Banner1.png" alt="" />
</div>
<div class="slide">
<img src="images/Banner2.png" alt="" />
</div>
<div class="slide">
<img src="images/Banner3.png" alt="" />
</div>
</div>
</div>
<span class="nav-next"></span>
</div>
</div>
</section>
<section id="three" class="wrapper style1">
<div class="container">
<div class="row">
<div class="4u 6u(2) 12u$(3)">
<article class="box post promoDiv">
<a href="#" class="image fit"><img src="images/nvi.jpg" alt="" /></a>
<h3 class="textPresidium">Nacht van de Ingenieur</h3>
<p class="textPresidium">De Nacht Van De Ingenieur is een iniatief van de Vlaamse Ingenieurskamer. We combineren een jobbeurs voor ingenieursstudenten met achteraf een studentenfuif voor iedereen!</p>
<ul class="actions">
<li><a href="https://www.facebook.com/events/1675160436088854/" target="_blank" class="button">Meer weten</a></li>
</ul>
</article>
</div>
<div class="4u 6u$(2) 12u$(3)">
<article class="box post promoDiv">
<a href="#" class="image fit"><img src="images/springbreak.png" alt="" /></a>
<h3>Springbreak</h3>
<p>We zijn weer terug met het enige echte cocktailconcept van Diepenbeek: Springbreak TD!! Het feestje dat in teken staat van cocktails & tropische sfeer, dus haal de Hawaï rokjes en kransen maar al boven!</p>
<ul class="actions">
<li><a href="https://www.facebook.com/events/846074545518920/" target="_blank" class="button">Meer weten</a></li>
</ul>
</article>
</div>
<div class="4u$ 6u(2) 12u$(3)">
<article class="box post promoDiv">
<a href="#" class="image fit"><img src="https://scontent-ams3-1.xx.fbcdn.net/v/t1.0-9/12321458_793443290787010_8679055196306202252_n.jpg?oh=8a364ca2758331c8f122b09c4b3183f7&oe=57B45F18" alt="" /></a>
<h3>Kerberus verkiezingen 2016</h3>
<p>De mooiste tijd van het jaar staat weer voor de deur: de verkiezingen! Een week lang spotgoedkope pintjes, feest, tal van activiteiten, ... </p>
<ul class="actions">
<li><a href="https://www.facebook.com/events/1063550830377528/" target="_blank" class="button">Meer weten</a></li>
</ul>
</article>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2">
<header class="major" id="KerberusLied">
<div>
<h2>Kerberus Lied</h2>
<ul>
<li>Waar in 't Diepenbeeks heideland</li>
<li>'t KHLIMerslied weerklinkt </li>
<li>En de brede Demerstroom</li>
<li>door de vlakte vloeit,</li>
<li>zijn studenten vrij en blij</li>
<li>als Kerberus troont.</li>
<li><br/></li>
<li>Daar is mijn studentenland</li>
<li>Diepenbeeks dierbaar oord (bis)</li>
<li><br/></li>
<li>Waar ook ieder goed student</li>
<li>steeds een liefje vindt</li>
<li>en ook elk Kerberuslid</li>
<li>vaak zn pintje drinkt.</li>
<li>Waar de toon der docenten klinkt</li>
<li>voor ieder Technoloog.</li>
<li></br></li>
<li>Daar is mijn studentenland</li>
<li>Diepenbeeks dierbaar oord (bis)</li>
</ul>
</div>
</header>
<div class="container">
<br><br>
<img id="CerberusMythe" src="images/CerberusMythe.png" alt="Cerberus Dier Mythe" align="right"/>
<h2>Het onstaan van Kerberus</h2>
<p id="OntstaanKerberus">Ergens begin 1975 werden diploma's ingenieur in Europa geharmoniseerd en onstond de opleiding
"Industrieel Ingenieur - 4 jaar" in plaats van 'Technisch Ingenieur' dat tot dan toe 3 jaar
zwoegen was. Ook op de nieuwe KIHL werd deze opleiding in het lessenpakket opgenomen. De KIHL
was in die tijd een samenraapsel van 3 scholen en locaties: Theorie-lessen op de 7de en 8de
etage van de TT-torens in Hasselt praktijk EM in de lokalen van de technische school aan de
andere kant van Hasselt praktijk Chemie in Sint-Truiden. <br>
Omdat elk zichzelf-respecterend departement een studentenvereniging met zich verbonden heeft,
werd besloten ook voor deze opleiding een vereniging op te richten.
Ematec (technische ingenieurs) en Sarchinium (graduaten scheikunde te Velm), werden in 1978
opgedoekt en hieruit verrees Kerberus, de naam en het logo (de hond met de drie koppen)
verwezen naar de 3 scholen. Als kleuren werden blauw en geel gekozen. Onder toezicht van
toenmalig directeur Pater Bollen kreeg Kerberus lokaal 69 toegewezen als studentenlokaal.
In dit lokaal zijn menig beroemde/beruchte feestjes en cantussen gehouden, maar met de
verhuis naar de nieuwe lokalen in Diepenbeek kwam dit tot een eind. Natuurlijk staat Kerberus
Diepenbeek nog altijd garant voor een dik feestje!</p>
</div>
</section>
<!-- Three -->
<!-- CTA -->
<section id="cta" class="wrapper style3">
<h2>Bekijk onze activiteiten</h2>
<ul class="actions">
<li><a href="kalender.html" class="button big">Kalender</a></li>
</ul>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="menu">
<li><img id="asmlLogo" src="images/logo-asml.png" alt="Asml logo"</li>
</ul>
</footer>
</body>
</html>