-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
303 lines (285 loc) · 16.2 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
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Velotour Festival</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta property="og:title" content="Velotour Festival" />
<meta property="og:description" content="125 cycling enthusiasts from all over Belgium will gather to make a 3-day bicycle tour in Belgium, share their excitement about bike touring and have a great time together." />
<meta property="og:keywords" content="bicycle touring, Belgium, cycling, festival, bicycle" />
<meta property="og:image" content="images/Velotourfestival-logo.png" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Velotour Festival">
<meta property="og:url" content="https://velotourfestival.be/" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site:id" content="@DVRansbeeck" />
<meta name="twitter:title" content="Velo Tour Festival" />
<meta name="twitter:description" content="125 cycling enthusiasts from all over Belgium will gather to make a 3-day bicycle tour in Belgium, share their excitement about bike touring and have a great time together." />
<meta name="twitter:image" content="/~https://github.com/VeloTourFestival/velotourfestival/blob/master/images/Velotourfestival-logo.png?raw=true"/>
<meta name="twitter:url" content="https://velotourfestival.be/"/>
<link rel="icon" href="/images/favicon-32.png" sizes="32x32" />
<link rel="icon" href="/images/favicon-180.png" sizes="180x180" />
<link rel="icon" href="/images/favicon-196.png" sizes="196x196" />
<link rel="alternate" href="https://velotourfestival.be" hreflang="x-default">
<link rel="alternate" href="https://velotourfestival.be" hreflang="en">
<link rel="alternate" href="https://velotourfestival.be/fr" hreflang="fr">
<link rel="alternate" href="https://velotourfestival.be/nl" hreflang="nl">
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<!-- Plausible start -->
<script defer data-domain="velotourfestival.be" src="https://visitors.slowby.travel/js/script.js"></script>
<!-- Plausible end -->
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">VeloTour Festival</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Main page</a></li>
<li><a href="code-of-conduct.html">Code of Conduct</a></li>
<li><a href="budget.html">Cost breakdown</a></li>
<!-- <li><a href="#">Sign Up</a></li>
<li><a href="#">Log In</a></li> -->
</ul>
</div>
</li>
</ul>
</nav>
<a href="nl.html"><button class="btn-nl">NL</button></a>
<a href="fr.html"><button class="btn-fr">FR</button></a>
<a href="/"><button class="btn-eng" body style="background-color: #E48F2C">ENG</button></a>
</header>
<!-- Banner -->
<section id="banner">
<video
class="bg-video bg-video--mobile"
alt="A background video trailer for the Velotour Festival"
preload="auto"
muted=""
loop=""
autoplay=""
playsinline="true"
isbgvideo="true"
>
<source
type="video/mp4"
src="https://storage.googleapis.com/wtmg-static/velotour/velotour_homepage_2200.mp4"
/>
<button class="id">Play</button>
</video>
<video
class="bg-video bg-video--desktop"
alt="A background video trailer for the Velotour Festival"
preload="auto"
muted=""
loop=""
autoplay=""
playsinline="true"
isbgvideo="true"
>
<source
type="video/mp4"
src="https://storage.googleapis.com/wtmg-static/velotour/velotour_homepage_2000_3.mp4"
/>
<button class="id">Play</button>
</video>
<div class="banner__logo">
<img src="./images/Velotourfestival-logo.png" alt="VeloTour Festival logo" />
</div>
<div class="inner">
<h2>VeloTour Festival</h2>
<p>A 3-day bike tour in Belgium, from 30 May to 1 June & from 7 to 9 June 2025.
<!-- crafted by <a href="http://html5up.net">HTML5 UP</a>.</p>-->
</div>
<ul class="actions special">
<li><a href="https://register.velotourfestival.be/" target="_blank" class="button primary">Join waiting list</a></li>
</ul>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>The fifth Velotour Festival will take place over two weekends (same itinerary) in 2025!<br/></h2>
<p>125 cycling enthusiasts will gather to make a 3-day bicycle tour in Belgium, share their excitement about slow travel and have a great time together. You can choose between two weekends (same itinerary): 30 May to 1 June or 7 to 9 June 2025. This festival is organised by Welcome To My Garden.</p>
</header>
<!--
<ul class="icons major">
<li><span class="icon fa-bell major style1"><span class="label">Lorem</span></span></li>
<li><span class="icon fa-heart major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon solid fa-code major style3"><span class="label">Dolor</span></span></li>
</ul>
-->
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/departure.png" alt="" /></div><div class="content">
<h2>DAY 1</h2>
<p>Gathering at 10:00 near a train station which is easy to reach. After a briefing, we'll start our first day of cycling (40, 60 or 80km). At night, we get together to have dinner and share stories, ideas and inspiration. Camping in a field in a small village.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/Camping.png" alt="" /></div><div class="content">
<h2>DAY 2</h2>
<p>Start with a healthy breakfast. Choose between a ride of 40, 60 and 80 km to go to our second destination. We'll enjoy dinner together and get to know each other! And yes, we'll sleep in our tents again.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/cycling_velotour.png" alt="" /></div><div class="content">
<h2>DAY 3</h2>
<p>Last breakfast together before a final ride of 40, 60 or 80 km. The festival ends at a train station which has many train connections. Farewell drink to say goodbye and see you next year!</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>All you need to know</h2>
<p>Please read this FAQ section thoroughly so that you know what you're getting yourself into. If you can't find the answer on your question below, please drop us an email at velotourfestival[at]gmail.com.</p>
</header>
<ul class="features">
<li class="icon fa-heart">
<h3>Why this Festival</h3>
<p>Exploring by bicycle makes you feel alive. It's a unique way to discover a region. What if you combine this with meeting other enthusiasts and have a great time together?<br><br>The Velotour Festival gives you the opportunity to travel by bicycle in Belgium and meet new people.</p>
</li>
<li class="icon fa-paper-plane">
<h3>For whom?</h3>
<p>For both curious-minded people who want to discover bicycle touring and experienced bicycle travellers to share their passion and stories.<br><br>From solo travelers to families, everyone is welcome. If you are travelling with your 10 best friends, we doubt you’ll still have time to meet others, so no groups please!</p>
</li>
<li class="icon fa-paper-plane">
<h3>Equipment</h3>
<p>Come with your own bicycle. Please note that you'll carry your own panniers with camping gear (tent, sleeping bag & mattress) and repair kit.<br><br>Yet, not owning equipment shouldn't stop you from participating, ask a friend to lend you equipment or leave a comment in the registration form so that we can help you.</p>
</li>
<li class="icon solid fa-laptop">
<h3>Participation fee</h3>
<p>120 euro per person (60 euro per kid & free of charge for children under 2 years old). The fee includes 2x breakfast, 2x dinner, insurance, social activities, basic facilities & some other small costs (overhead). Lunch & drinks are not included.<br><br>Check out <a href="budget.html">the full budget here</a>.</p>
</li>
<li class="icon solid fa-headphones-alt">
<h3>Itinerary</h3>
<p>3 days of cycling with 3 options (40, 60 and 80 km). We won't cycle together in 1 big group. It's a 3-day event and it's not possible to join for only one day. You'll receive more information about the itinerary before the event and on the first day during the briefing.</p>
</li>
<li class="icon fa-heart">
<h3>Activities</h3>
<p>In the evening there will be social activities around bicycle touring. Please let us know about your suggestions in the registration form! Those activities won't be next to the tents, so that you can also rest if you want to.</p>
</li>
<li class="icon fa-thumbs-up">
<h3>Organisation</h3>
<p>This is a not-for-profit event. During the festival all partipants are invited to volunteer and give a hand in either the morning or evening.<br><br>The Velotour is a community event, so your registration cannot be resold to someone else. You can cancel and get a full refund up to one month before the festival. You can only change weekends if there is availability left.</p>
</li>
<li class="icon fa-thumbs-up">
<h3>Insurance</h3>
<p>There's a liability and physical damage insurance for all volunteers and a basic physical damage insurance for all participants. Yet, you participate at your own risk and responsibility. You will be asked to sign a disclaimer on the first day to waive any liability towards the organising volunteers and must respect the highway code.</p>
</li>
<li class="icon fa-thumbs-up">
<h3>Code of conduct</h3>
<p>The goal of the Velotour Festival is to meet new people and get to know each other. It's a must to be open towards others and to agree with our <a href="code-of-conduct.html">code of conduct</a>.</p>
</li>
<li class="icon fa-thumbs-up">
<h3>Languages</h3>
<p>The VeloTour Festival is organised à la belge: a good mix of English, French, Dutch and German. Whatever language you speak, we'll find a way to communicate with one another.</p>
</li>
</ul>
</div>
</section>
<section id="testimonials" class="wrapper style1 special">
<header class="major">
<h2>What participants say</h2>
</header>
<div class="inner">
<ul class="features testimonials-list">
<li>
<span class="icon person style1 delphine"></span>
<p>A mini family adventure! The joy of cycling, meeting other people in the evening and sleeping in a tent.</p>
<span class="name">Delphine & family</span>
</li>
<li>
<span class="icon person style1 patrick"></span>
<p>Surprising itinerary and nice encounters with 'like-minded' people. Inspiring!</p>
<span class="name">Patrick</span>
</li>
<li>
<span class="icon person style1 margaux"></span>
<p>The sense of community is very strong at the Velotour. Whenever you have a problem there's always someone there to help you.</p>
<span class="name">Margaux</span>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Still up for it?</h2>
<p>Register now since it's first come, first served! <br>We hope to see you at the VeloTour Festival.</p>
</header>
<ul class="actions stacked">
<li><a href="https://register.velotourfestival.be/" target="_blank" class="button fit primary">Register now</a></li>
<li><a href="code-of-conduct.html" class="button fit">Event rules</a></li>
</ul>
</div>
</section>
<!-- Partners -->
<!--
<ul class="icons major">
<li><span class="icon fa-bell major style1"><span class="label">Lorem</span></span></li>
<li><span class="icon fa-heart major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon solid fa-code major style3"><span class="label">Dolor</span></span></li>
</ul>
-->
<!-- Footer -->
<footer id="footer">
<header class="major">
<div class="row-logos">
<div class="column-logos">
<img src="" alt="" style="width:30%;height:30;">
</div>
<div class="column-logos">
<a href="https://velotourfestival.be/" target="_blank"><img src="images/Velotourfestival-logo.png" alt="Velotour" style="width:60%;height:60%;"></a>
</div>
<div class="column-logos">
<a href="https://welcometomygarden.org/?utm_source=velotourfestival.be&utm_medium=web&utm_campaign=velotour_23_web" target="_blank"><img src="images/Welcometomygarden.png" alt="Welcome To My Garden" style="width:80%;height:80%;"></a>
</div>
<div class="column-logos">
<a href=""></a>
</div>
<div class="column-logos">
<img src="" alt="" style="width:30%;height:30;">
</div>
</div>
</header>
<ul class="icons">
<li><a href="https://www.facebook.com/velotourfestival" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/velotourfestival/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="/~https://github.com/VeloTourFestival" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="mailto:velotourfestival@gmail.com?Subject=Velo%20Tour%20Festival" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Velotour Festival</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>