-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
212 lines (194 loc) · 11.3 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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>OZON-congres 2024</title>
<meta property="og:title" content="OZON-congres 2024 - Springstof">
<meta property="og:type" content="website">
<meta property="og:url" content="https://ozoncongres.nl">
<!--<meta property="og:image" content="https://ozoncongres.nl/images/logo-ozoncongres.png">-->
<meta property="og:description"
content="Het OZON-congres is een episch gezusterlijk weekend met als doel om zusters te vormen rond een actueel thema en de zusterband te versterken. De zusterband versterken zullen we doen middels een hoop borrels, werkwinkels, een OZON-festival en meer.">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<nav>
<div class="nav-content">
<a id="nav" href="index.html" class="nav-brand">OZON-congres 2024</a>
<span class="nav-date">Maastricht — 1-3 Maart</span>
</div>
</nav>
<header>
<div class="header-logo-container">
<h1 class="top-title">Lux ad mosam - 1 2 3 maart</h1>
<h1 class="header-title">springstof!</h1>
<h1 class="header-subtitle">maastricht</h1>
</div>
<div class="header-arrow bounce" onclick="scrollToEnroll()">
<div class="arrow-down"></div>
</div>
</header>
<main>
<div class="main-row row-white" id="enroll">
<div class="enroll">
<span class="enroll-text">Aanmelden kan tot en met 18 februari</span>
<a class="enroll-button" href="https://forms.gle/QSbBk7rzg7X54uoH6">Inschrijven</a>
</div>
</div>
<div class="main-row row-primary">
<div class="introduction">
<article>
<h2>Waerde Zuster der Verenigingen der OZON!</h2>
<p>
Wij staan te springen om u te mogen ontvangen in ons prachtige Pharos in het immer sjoene Mestreech om
samen met u te genieten van het studentenbestaan. We zullen interessante sprekers horen, genieten van toffe
activiteiten en elkaar ontmoeten tijdens mooie borrels. Wat meer kunt u willen! Hieronder vindt u een overzicht
met de planning en de zaterdagse activiteiten, alle informatie over slaapplekken ontvangt u na aanmelding per
mail.
<br>
<br>
Weet ons te bereiken via onze mail en instagram met al uw vragen en geef u uiterlijk 18 februari op!
<br>
<br>
We zien u op 1-2-3 maart in Maastricht!
<br>
<br>
Amicaliter,
<br>
<br>
Mej. Voorzitter Kamerbeek, Mej. Voorzitter Kooij en Mej. Voorzitter Visscher
</p>
</article>
</div>
</div>
<div class="main-row row-secondary">
<div class="program">
<h2>Programma</h2>
<div class="program-schedule">
<div class="program-schedule-day">
<b>vrijdag</b>
<ul>
<li><span class="time">17:00</span><span>Inloop op Pharos</span></li>
<li><span class="time">18:30</span><span>Maaltijd</span></li>
<li><span class="time">20:00</span><span>Lezing - Cocky Drost</span></li>
<li><span class="time">22:00</span><span>Borrel</span></li>
</ul>
</div>
<div class="program-schedule-day">
<b>zaterdag</b>
<ul>
<li><span class="time">10:00</span><span>Ontbijt op Pharos</span></li>
<li><span class="time">11:00</span><span>Lezing - Petra Kai Körmendy</span></li>
<li><span class="time">12:30</span><span>Lunch</span></li>
<li><span class="time">13:00</span><span>Activiteiten</span></li>
<li><span class="time">15:30</span><span>Aanbiddingsuurtje</span></li>
<li><span class="time">18:30</span><span>Maaltijd</span></li>
<li><span class="time">20:00</span><span>Lezing - Ron van der Spoel</span></li>
<li><span class="time">22:00</span><span>pubquiz</span></li>
<li><span class="time">00:00</span><span>Feest - Springstof!</span></li>
</ul>
</div>
<div class="program-schedule-day">
<b>zondag</b>
<ul>
<li><span class="time">09:00</span><span>Ontbijt op huizen</span></li>
<li><span class="time">10:00</span><span>Kerkdienst NGKV, Thersia Kapel</span></li>
<li><span class="time">12:30</span><span>Vlaai op Pharos</span></li>
</ul>
</div>
</div>
<div class="program-elaboration">
<article>
<h2>Sprekers</h2>
<h3>Vrijdag avond: Cocky Drost</h3>
<p>
Cocky Drost is relatietherapeut en trouwambtenaar.
Graag neemt ze jullie mee op een boeiende ontdekkingsreis met het thema "Bespringstof".
Het leven kan soms overweldigend aanvoelen, als een vat vol (be)springstof, bruisend van mogelijkheden en uitdagingen om te groeien.
Soms ben je streng voor jezelf, soms ben je grenzeloos.
Juist daarom is het belangrijk om jezelf steeds beter te leren kennen, ook in relaties met anderen.
</p>
<h3>Zaterdag ochtend: Petra Kai Körmendy</h3>
<p>
Ontmoet Petra Kai Körmendy, een inspirerende spreker en universiteitskapelaan bij The InBetween in Maastricht!
Ze zal ons tijdens haar lezing inspireren met haar inzichten over gemeenschapsproblemen,
het bouwen van echte gemeenschappen en het belang van zorgzaamheid. Mis deze kans niet om Petra te horen spreken!
</p>
<h3>Zaterdag avond: Ron van de Spoel</h3>
<p>
Ron van der Spoel is een predikant binnen de Protestantse Kerk in Nederland en voormalig politicus.
Ook kan je hem kennen van Open Doors. Tegenwoordig is hij woonachtig in het Heuvelland en werkt voor het Leger des Heils.
Daarnaast is hij gevangenispredikant en directeur van Jethro Foundation.
</p>
</article>
</div>
<div class="program-elaboration">
<article>
<h2>Activiteiten:</h2>
<p>
Zaterdagmiddag tijdens het congres zijn er verschillende activiteiten waar je andere zusters en Maastricht beter kan leren kennen!
</p>
<ul class="activities">
<li>Stadswandeling door Maastricht
“Ontdek 't Sjoene Mestreech: een stad die overstroomd van cultuur, historie en bovenal, sfeer! Laat je betoveren door eeuwenoude architectuur en boeiende verhalen tijdens een onvergetelijke wandeling door de gezelligste stad van het Zuiden!”
</li>
<li>Kunst en Klieder
"Laat uw creativiteit broeien! De enige lat die er ligt is de verflat en zelfs een simpel vierkant wordt tegenwoordig gezien als kunst."
</li>
<li>Dolle pret op de Kinderboerderij
“Stap in een avontuur en ontdekking, laat je zintuigen prikkelen terwijl je de dieren aait voert en observeert. Bereid je voor plezier, leren en onvergetelijke ervaringen op de kinderboerderij!
</li>
<li>Battenberger Bierproeverij
“Bier proef je Beter op Battenberg! Bij deze activiteit combineer je alles wat je lief is (pels, studententijd en vrienden) in 1 onvergetelijke ervaring, wees erbij!”
</li>
<li>Actief Avontuur
“ Zitten is het nieuwe roken! Kom in beweging met uw Zusters waarin we lekker gaan bewegen en vooral NIET gaan zitten!!”
</li>
<li>Vloeiend Verplaatsen
“Geeft u springstof in uw benen? Wilt u links en rechts kijken en zien dat de ander het ook voelt? Komt u al los van de grond? Kom dansen!
</li>
<li>Bakken en Babbelen
“Liever te dik in de kist dan een gebakje gemist: bakkers klaar, bakken maar!”
</li>
</ul>
</article>
</div>
<div class="program-elaboration">
<article>
<p>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/track/7MmMawzjpHwypQT6NHMhiG?utm_source=generator&theme=0"
width="100%"
height="152"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy"></iframe>
</p>
</article>
</div>
</div>
</div>
</main>
<footer>
<div class="footer-row row-white">
<div class="footer-association">
<a class="association-website" href="https://luxadmosam.nl">
<img class="association-logo" src="images/luxlogo kleur.png" alt="Lux Ad Mosam">
</a>
</div>
</div>
<!-- <div class="footer-location footer-row row-secondary">-->
<!-- Locatie: Volgt later-->
<!-- </div>-->
<div class="footer-other footer-row row-primary">
<div class="footer-other-content">
<a class="email footer-other-item" href="mailto:ict@csvalpha.nl">ict@csvalpha.nl</a>
<div class="author footer-other-item">Ontworpen door Matteo Bronkhorst en Maarten Beute</div>
<!-- <div class="privacy-statement footer-other-item">Privacy</div>-->
</div>
</div>
</footer>
<script src="app.js"></script>
</body>
</html>