-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-ready.html
executable file
·217 lines (216 loc) · 12.4 KB
/
index-ready.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
<!doctype html>
<html lang="nl">
<head>
<title>Home - UAB Sport!</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initialscale=1, minimum-scale=1">
<link rel="icon" type="image/x-icon" href="img/favicon.png">
<link href="css/reset.css" rel="stylesheet" type="text/css"/>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<img class="logo-gsm" src="img/logo-gsm.png" alt="logo gsm uab sport!"/>
<label id="label-navigatie" for="checkbox-nav"><img src="img/hamb-menu.png" alt="hamburgermenu"/></label>
<input type="checkbox" id="checkbox-nav"/>
<nav class="top">
<div class="fixed-top">
<a href="index.html"><img class="logo" alt="logo UAB sport!" src="img/logo.jpg"/></a>
<ul>
<li><a class="home activeRed" href="index.html">HOME</a></li>
<li><a class="activiteiten" href="Activiteiten/activiteiten.html">ACTIVITEITEN</a></li>
<li><a class="infrastructuur" href="Infrastructuur/Infrastructuur.html">INFRASTRUCTUUR</a></li>
<li><a class="contact" href="Contact/contact.html">CONTACT</a></li>
</ul>
<div class="talen_en_zoeken">
<span class="nederlands">NL / EN</span>
<img src="img/zoeken.jpg" alt="zoek knop"/>
</div>
</div>
</nav>
<img class="bollekes" src="img/bollekes.png" alt="doorschuiffunctie bolletjes"/>
<header class="full-container">
<div id="slider">
<section class="full-slider">
<section class="slide-settings" id="slide1">
<div class="container">
<h1 class="header-title dark-blue">PROJECT ZWEMBAD</h1>
<p class="header-p">Red ons VUB-zwembad! Investeer mee in een nieuw zwembad voor studenten en omgeving.</p>
</div>
</section>
<section class="slide-settings" id="slide2">
<div class="container">
<h1 class="header-title green">SLUITING SPORTCOMPLEX</h1>
<p class="header-p">Het VUB sportcomplex zal gesloten zijn van 24/01/15 tot 04/02/16.</p>
</div>
</section>
<section class="slide-settings" id="slide3">
<div class="container">
<h1 class="header-title red">IDEEKIDS KAMPEN AAN DE VUB!</h1>
<p class="header-p">Ook in 2016 organiseert Idee Kids vzw Sport- & projectkampen op de VUB campus Etterbeek en dit tijdens de paas- en zomervakantie.</p>
</div>
</section>
<section class="slide-settings" id="slide4">
<div class="container">
<h1 class="header-title yellow">ONTDEK ONS SPORTAANBOD</h1>
<p class="header-p">Bekijk ons uitgebreid aanbod aan verschillende sporten.</p>
</div>
</section>
<section class="slide-settings" id="slide1">
<div class="container">
<h1 class="header-title dark-blue">PROJECT ZWEMBAD</h1>
<p class="header-p">Red ons VUB-zwembad! Investeer mee in een nieuw zwembad voor studenten en omgeving.</p>
</div>
</section>
</section>
</div>
</header>
<main class="full-container">
<article class="container">
<section class="headline">
<h2>Wat is UAB Sport?</h2>
<img alt="sporten in brussel" src="img/sporteninbrussel.png"/>
<p>UAB sport! is een sportorganisatie in Brussel. Het is een overkoepelende samenwerking van de VUB met de EhB.</p>
<a class="dark-blue" href="Contact/contact.html">Meer info</a>
</section>
<section class="headline">
<h2>Sportkaart</h2>
<img alt="sportkaart" src="img/sportkaart.png"/>
<p>Als student buiten de campus Etterbeek is een sportkaart een handige tool om voordelig te sporten in Brussel.</p>
<a class="dark-blue" href="sportkaart.html">Meer info</a>
</section>
<section class="headline">
<h2>Welke sporten?</h2>
<img alt="welke sporten?" src="img/welkesporten.png"/>
<p>Ondek hier al onze verschillende sporten die wij jullie aanbieden. Je vindt meer info over de locaties, prijzen, etc.</p>
<a class="dark-blue" href="Activiteiten/activiteiten.html##acAnchor1">Meer info</a>
</section>
</article>
<section id="feed-plus-vandaag">
<div class="container">
<section id="feed" class="info-block">
<h2 class="fb-color">FACEBOOK FEED</h2>
<section class="info-box" id="fb-feed">
<a href="#">Couckenbak op campus Etterbeek!</a>
<a href="#">Groepslessen judo vanaf 10/02/16.</a>
<a href="#">Nieuwe topsite UAB eindelijk online.</a>
<a href="#">Verlaagde tarieven sportkaart.</a>
</section>
</section>
<section id="vandaag" class="info-block">
<h2 class="green">SPORT VANDAAG</h2>
<section class="info-box" id="sport-vandaag">
<form id="form-home">
<select name="sportcategorie">
<option value="Balsporten">Balsporten</option>
<option value="Watersporten">Watersporten</option>
<option value="Denksporten">Denksporten</option>
<option value="Health en Rustsporten">Health & Rustsporten</option>
</select>
<select name="sporten">
<option value="Basketbal">Basketbal</option>
<option value="Hurling">Hurling</option>
<option value="Gaelic voetbal">Gaelic voetbal</option>
<option value="Outdoor voetbal">Outdoor voetbal</option>
<option value="Futsal">Futsal</option>
<option value="Volleybal">Volleybal</option>
<option value="Waterpolo">Waterpolo</option>
<option value="Baseball">Baseball</option>
</select>
</form>
<label id="label-home" class="green" for="menu-toggle-home">Bekijk info en locatie.</label>
<input type="checkbox" id="menu-toggle-home"/>
<div id="geen-sport-toggl" class="green">
<p>Helaas geen basketbal vandaag.<br>
Voor meer info bekijk je best de <a href="SportDetails/basketbal.html">basketbal</a> pagina.</p>
</div>
</section>
</section>
</div>
</section>
<section class="full-container white" id="homeAnchor2">
<div class="container">
<section class="number-box mq-margin-top align-center">
<a href="index.html#homeAnchor1"><h3>1</h3></a>
</section>
<section class="number-box mq-margin-top align-center">
<a href="index-ready.html#homeAnchor2"><h3><span class="color-red">2</span></h3></a>
</section>
<section class="number-box mq-margin-top align-center">
<a href="index-steady.html#homeAnchor3"><h3>3</h3></a>
</section>
<section class="number-box mq-margin-top align-center">
<a href="index-go.html#homeAnchor4"><h3>4</h3></a>
</section>
<section class="home-margin-top-zero number-box">
<a href="index.html#homeAnchor1"><img class="runner-opacity" src="img/runner1.png" alt="runner-opacity"/></a>
</section>
<section class="home-margin-top-zero number-box">
<a href="index-ready.html#homeAnchor2"><img src="img/runner2.png" alt="current-runner"/></a>
</section>
<section class=" home-margin-top-zero number-box">
<a href="index-steady.html#homeAnchor3"><img class="runner-opacity" src="img/runner3.png" alt="runner-opacity"/></a>
</section>
<section class="home-margin-top-zero number-box">
<a href="index-go.html#homeAnchor4"><img class="runner-opacity" src="img/runner4.png" alt="runner-opacity"/></a>
</section>
<section class="position-and-line full-container">
<section class="home-margin-top-zero number-box reduce-margin-bottom">
<a href="index.html#homeAnchor1"><div class="next-circle"></div></a>
</section>
<section class="home-margin-top-zero number-box reduce-margin-bottom">
<a href="index-ready.html#homeAnchor2"><div class="current-circle"></div></a>
</section>
<section class="home-margin-top-zero number-box reduce-margin-bottom">
<a href="index-steady.html#homeAnchor3"><div class="next-circle"></div></a>
</section>
<section class="home-margin-top-zero number-box reduce-margin-bottom">
<a href="index-go.html#homeAnchor4"><div class="next-circle"></div></a>
</section>
</section>
<section class="number-box align-center no-margin-top">
<a href="index.html#homeAnchor1">GET SET.</a>
</section>
<section class="number-box align-center no-margin-top">
<a id="current-GRSG" href="index-ready.html#homeAnchor2"><span class="color-red">READY?</span></a>
</section>
<section class="number-box align-center no-margin-top">
<a href="index-steady.html#homeAnchor3">STEADY...</a>
</section>
<section class="number-box align-center no-margin-top">
<a href="index-go.html#homeAnchor4">GO!</a>
</section>
<h2 class="GRSG-title color-red">READY?</h2>
<p class="GRSG-text">Ready? Ben je klaar om deel te nemen aan activiteiten en
evenementen, bezoek dan zeker ons onthaal in campus Etterbeek of doorzoek onze site
om te kijken wat, waar en wanneer je iets wilt doen.</p>
</div>
</section>
</main>
<footer>
<div class="bottom">
<h2>Op zoek naar meer informatie?</h2>
<figure>
<a href="http://universitaireassociatiebrussel.be/#&panel1-1" target="_blank"><img src="img/LogoFooter1.png" alt="Logo Universitaire associatie Brussel"></a>
</figure>
<figure>
<a href="https://www.erasmushogeschool.be/" target="_blank"><img src="img/LogoFooter2.png" alt="Logo Erasmus Hogeschool Brussel"></a>
</figure>
<figure>
<a href="http://www.vub.ac.be/" target="_blank"><img src="img/LogoFooter3.png" alt="Logo Vrije universiteit Brussel"></a>
</figure>
<figure>
<a href="http://www.hallodigitalemetropool.be/jouw-opleiding/multec/" target="_blank"><img src="img/LogoFooter4.png" alt="Logo Multec"></a>
</figure>
<figure>
<a href="http://www.erasmushogeschool.be/stuvo" target="_blank"><img class="stuvo" src="img/LogoFooter5.png" alt="Logo Studentenvoorzieningen Erasmus Hogeschool Brussel"></a>
</figure>
<figure>
<a href="http://www.bloso.be/Pages/Home.aspx" target="_blank"><img src="img/LogoFooter6.png" alt="Logo Sport.Vlaanderen"></a>
</figure>
</div>
</footer>
<section id="footertekst">
<p>Departement Design & Technology van de Erasmushogeschool Brussel</p>
</section>
</body>
</html>