-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
366 lines (341 loc) · 24.4 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
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<!DOCTYPE html>
<html lang="en">
<!-- <html lang="nl"> -->
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<!-- Open graph -->
<meta property="og:url" content="http://patonkoning.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Lisette & John 2018" />
<meta property="og:description" content="We're getting married!" />
<!-- <meta property="og:description" content="Wij gaan trouwen!" /> -->
<meta property="og:image" content="http://patonkoning.com/img/websize/shot-26.jpg" />
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Flaticons -->
<link rel="stylesheet" type="text/css" href="/styles/706438-wedding/font/flaticon.css">
<!-- Custom css -->
<link rel="stylesheet" href="/styles/custom.css">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300" rel="stylesheet">
<title>Lisette & John 2018</title>
</head>
<body data-spy="scroll" data-target="#navbar" data-offset=600 class="text-dark">
<!-- Entry screen -->
<a id="lisette-and-john" name="lisette-and-john" class="anchor"></a>
<div id="entry" class="jumbotron jumbotron-fluid parallax">
<div class="container">
<h1 class="display-2 text-dark">Lisette & John</h1>
<p class="lead text-dark">We're getting married!</p>
<!-- <p class="lead text-dark">Wij gaan trouwen!</p> -->
</div>
</div>
<!-- Navbar -->
<nav id="navbar" class="navbar navbar-dark bg-dark sticky-top navbar-expand-lg">
<div class="navbar-brand"><a id="nbbrand" href="#lisette-and-john" class="text-light" style="text-decoration: none">Lisette & John 2018</a></div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- nav items -->
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="#the-intros">The intros</a>
<!-- <a class="nav-link" href="#the-intros">De introducties</a> -->
</li>
<li class="nav-item">
<a class="nav-link" href="#the-date">The date</a>
<!-- <a class="nav-link" href="#the-date">De datum</a> -->
</li>
<li class="nav-item">
<a class="nav-link" href="#the-location">The location</a>
<!-- <a class="nav-link" href="#the-location">De locatie</a> -->
</li>
<li class="nav-item">
<a class="nav-link" href="#where-to-stay">Where to stay</a>
<!-- <a class="nav-link" href="#where-to-stay">Accommodatie</a> -->
</li>
<li class="nav-item">
<a class="nav-link" href="#rsvp">RSVP</a>
<!-- <a class="nav-link" href="#rsvp">Aanwezigheid doorgeven</a> -->
</li>
</ul>
<!-- language options -->
<hr />
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link lang-link" href="/nl/">NL</a>
</li>
<li class="nav-item">
<a class="nav-link lang-link" href="/">EN</a>
</li>
</ul>
</div>
</nav>
<!-- Introductions -->
<div class="container-fluid card-container pb-5">
<a id="the-intros" name="the-intros" class="anchor"></a>
<div class="row">
<div class="col-md-6">
<div class="card mt-5 px-sm-5 px-3 py-3">
<div class="card-block">
<h4 class="card-title">Lisette<i class="flaticon-045-bride card-icon"></i></h4>
<p class="card-text">Lisette was already sold when John gave her a Canadian hug instead of the Dutch three kisses on their first date. John took Lisette on her first flight, and then on plenty more after that! Lisette has discovered many new parts of the world with John and she hopes that there are lots more to come. After 4.5 years she loves John more than ever: his caring nature, his love of family, and even his terrible puns. She can't wait to spend the rest of her life with him.</p>
<!-- <p class="card-text">Lisette was al verkocht vanaf het moment dat John haar een Canadeze knuffel gaf in plaats van drie zoenen op hun eerste date. John nam Lisette mee op haar eerste vlucht, en daarna op nog veel meer! Lisette heeft veel nieuwe plekken op de wereld ontdekt dankzij John en ze hoopt dat ze samen nog veel meer van de wereld zullen ontdekken. Na 4,5 jaar houdt ze meer dan ooit van John: van zijn zorgzaamheid, zijn liefde voor familie, en zelfs van zijn flauwe woordgrappen. Ze kan niet wachten om de rest van haar leven met hem te delen.</p> -->
</div>
</div>
</div>
<div class="col-md-6">
<div class="card mt-5 px-sm-5 px-3 py-3">
<div class="card-block">
<h4 class="card-title">John<i class="flaticon-044-groom card-icon"></i></h4>
<p class="card-text">John first met Lisette after waiting for almost an hour when Lisette didn't check her phone to get the exact meeting place at Amsterdam Central Station. John is still shocked that she stuck with him through two years of long distance as he studied in Sweden, and has been loving living with her and doing life together for the past year and a half. He can't wait to say "I do", and to enjoy the lifetime of adventures that will follow!</p>
<!-- <p class="card-text">John heeft Lisette voor het eerst gezien nadat hij bijna een uur moest wachten, omdat Lisette niet op haar mobiel keek voor de exacte ontmoetingsplek op Amsterdam Centraal. John is nog steeds verbaasd dat ze bij hem is gebleven tijdens de twee jaar dat ze een lange afstandsrelatie hadden toen hij in Zweden studeerde, en hij heeft de afgelopen 1,5 jaar erg genoten van het samenwonen met Lisette. Hij kan niet wachten om het ja woord te geven, en te genieten van alle avonturen die daarna zullen komen. </p> -->
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card mt-5 px-sm-5 px-3 py-3">
<div class="card-block">
<h4 class="card-title">Cynthia<i class="flaticon-018-wedding-1 card-icon"></i><p class="lead">Maid of Honour</p></h4>
<!-- <h4 class="card-title">Cynthia<i class="flaticon-018-wedding-1 card-icon"></i><p class="lead">Getuige</p></h4> -->
<p class="card-text">Cynthia is Lisette's sister, and is only 1 year, 5 months, 3 days, 8 hours, and probably a few minutes older than Lisette. They can tell each other everything, and have always stuck together for better or for worse. They are hilarious together and share the same great dance moves. Lisette was very excited when Cynthia said "yes!" to being her Maid of Honour.</p>
<!-- <p class="card-text">Cynthia is Lisette's zus, en ze is maar 1 jaar, 5 maanden, 3 dagen, 8 uur, en waarschijnlijk een paar minuten ouder dan Lisette. Ze kunnen elkaar alles vertellen, en zijn er altijd voor elkaar geweest, in goede en slechte tijden. Ze zijn erg grappig samen en delen dezelfde geweldige dance moves. Lisette was erg blij toen Cynthia "ja" zei op de vraag of ze haar getuige wilde zijn.</p> -->
</div>
</div>
</div>
<div class="col-md-6">
<div class="card mt-5 px-sm-5 px-3 py-3">
<div class="card-block">
<h4 class="card-title">Callum<i class="flaticon-018-wedding-1 card-icon"></i><p class="lead">Best Man</p></h4>
<!-- <h4 class="card-title">Callum<i class="flaticon-018-wedding-1 card-icon"></i><p class="lead">Getuige</p></h4> -->
<p class="card-text">Callum is John's brother and one of his best friends. They have shared laughs all over the world, and Callum has always been the one to figure out the directions to hotels, preventing anybody having to sleep in a park. They have always been there for each other, no matter the distance, and John is thrilled that Callum agreed to be his Best Man. </p>
<!-- <p class="card-text">Callum is John's broertje en één van zijn beste vrienden. Ze hebben rond de hele wereld gelachen, en Callum wist altijd de route naar het hotel zodat niemand in het park hoefde te slapen. Ze zijn er altijd voor elkaar geweest, ongeacht de afstand, en John is super blij dat Callum zijn getuige wil zijn. </p> -->
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card mt-5 px-sm-5 px-3 py-3">
<div class="card-block">
<h4 class="card-title">Wesley<i class="flaticon-042-wedding-suit card-icon" style="margin-left: 5px"></i><p class="lead">Master of Ceremonies</p></h4>
<!-- <h4 class="card-title">Wesley<i class="flaticon-042-wedding-suit card-icon" style="margin-left: 5px"></i><p class="lead">Ceremoniemeester</p></h4> -->
<p class="card-text">Wesley and John have been friends basically since John moved to the Netherlands. Lisette got to know Wesley when he joined John at an unforgettable Kermis De Goorn. They recently went on an epic road trip through Norway, camping, climbing glaciers, and getting soaked in the rain. Since Wesley moved in just around the corner, it seems like he just can't get enough of Lisette & John.</p>
<!-- <p class="card-text">Wesley en John zijn al vrienden sinds John net naar Nederland was verhuisd. Lisette leerde Wesley kennen toen hij meeging met John naar een onvergetelijke Kermis De Goorn. Ze zijn pas geleden op een epische roadtrip door Noorwegen geweest waar ze kampeerden, gletsjers beklommen, en zeiknat werden geregend. Sinds Wesley om de hoek is komen wonen lijkt het alsof hij geen genoeg kan krijgen van Lisette & John.</p> -->
</div>
</div>
</div>
<div class="col-md-6">
<div class="card mt-5 px-sm-5 px-3 py-3">
<div class="card-block">
<h4 class="card-title">Bart<i class="flaticon-042-wedding-suit card-icon" style="margin-left: 5px"></i><p class="lead">Officiant</p></h4>
<!-- <h4 class="card-title">Bart<i class="flaticon-042-wedding-suit card-icon" style="margin-left: 5px"></i><p class="lead">Bijzonder Ambtenaar</p></h4> -->
<p class="card-text">Bart is Lisette's brother-in-law, and they've been friends ever since Lisette peeked around the corner to spy on "the boy that Melanie brought home". John first met Bart (and the rest of the family) at Christmas dinner, only 6 days after John & Lisette made it official. They really got to know each other over traditional Dutch board games and whiskey, which John is much better at handling now than he was then.</p>
<!-- <p class="card-text">Bart is Lisette's zwager, en ze zijn al vrienden sinds Lisette stiekem om het hoekje keek om "de jongen die Melanie thuis bracht" te bespioneren. John ontmoette Bart (en de rest van de familie) voor eerst tijdens het kerstdinner 6 dagen nadat Lisette & John officiëel verkering kregen. Ze hebben elkaar echt leren kennen tijdens een potje keezen en whiskey drinken, waar John tegenwoordig een stuk beter tegen kan.</p> -->
</div>
</div>
</div>
</div>
</div>
<div id="img1" class="parallax"></div>
<!-- Date -->
<div class="container-fluid card-container">
<a id="the-date" name="the-date" class="anchor"></a>
<div class="card mx-auto my-5 px-sm-5 px-3 py-3">
<div class="card-block">
<h4 class="card-title">The date <i class="flaticon-027-calendar card-icon"></i></h4>
<!-- <h4 class="card-title">De datum<i class="flaticon-027-calendar card-icon"></i></h4> -->
<p class="card-text">It's all happening on <strong>Tuesday, August 28th, 2018</strong>.</p>
<!-- <p class="card-text">Het gebeurt allemaal op <strong>dinsdag 28 augustus 2018</strong>.</p> -->
<div class="row">
<!-- <div class="col-sm" align="center">
<i class="flaticon-011-wedding-car list-icon"></i>
<h5>15:00</h5>
<p>Arrive</p>
</div> -->
<div class="col-sm" align="center">
<i class="flaticon-050-wedding-couple list-icon"></i>
<h5>15:30</h5>
<p>Ceremony</p>
<!-- <p>Ceremonie</p> -->
</div>
<div class="col-sm" align="center">
<i class="flaticon-025-wedding-cake list-icon"></i>
<h5>16:15</h5>
<p>Cake & Photos</p>
<!-- <p>Taart & Foto's</p> -->
</div>
<div class="col-sm" align="center">
<i class="flaticon-030-dish list-icon"></i>
<h5>18:00</h5>
<p>Dinner</p>
<!-- <p>Diner</p> -->
</div>
<div class="col-sm" align="center">
<i class="flaticon-024-wine-1 list-icon"></i>
<h5>21:00</h5>
<p>Party!</p>
<!-- <p>Feest!</p> -->
</div>
</div>
</div>
</div>
</div>
<div id="img2" class="parallax"></div>
<!-- Location -->
<div class="container-fluid card-container">
<a id="the-location" name="the-location" class="anchor"></a>
<div class="card mx-auto my-5 px-3 px-sm-5 py-3">
<div class="card-block">
<h4 class="card-title">The location <i class="flaticon-019-wedding-location card-icon"></i></h4>
<!-- <h4 class="card-title">De locatie <i class="flaticon-019-wedding-location card-icon"></i></h4> -->
<div class="card-text">
<p>Located in Amsterdam's Westerpark, <a href="http://www.westerliefde.nl/">Westerliefde</a> is part of the Westergasfabriek complex, a former industrial site where natural gas was processed. These days the area is a beautiful park, sporting canals, bridges, and old-style Dutch architecture, all while maintaining elements of its original industrial character.</p>
<p> You can <a href="/static/westerpark-plattegrond-2017.pdf">click here</a> for a map of the park.</p>
<p class="mb-0">Westerliefde is accessible... </p>
<ul class="textlist">
<li>... <strong>by public transport:</strong> Bus 21 from Amsterdam Central Station, or tram 10 from the outermost canal ring/the s100.</li>
<li>... <strong>by car:</strong> Exit the A10 at the s103/Haarlemmerweg towards the centre. Parking is available at Q-Park Westergasfabriek (street address Van Bleiswijkstraat 8). Parking tickets can be purchased from Westerliefde for about €16.</li>
<li>... <strong>on foot:</strong> If you're staying in the area, check the <a href="https://www.google.com/maps/dir//Westerliefde,+Klonne+plein+4-6,+Amsterdam/@52.387036,4.7999559,12z/data=!4m9!4m8!1m0!1m5!1m1!1s0x47c5e27f98ea1b8d:0xe857a7e6ad2d63be!2m2!1d4.869966!2d52.386977!3e2?hl=en-CA">walking directions on Google Maps</a>. Amsterdam is likely smaller than you think!</li>
</ul>
</div>
<!-- <div class="card-text">
<p><a href="http://www.westerliefde.nl/">Westerliefde</a>, gelegen in Amsterdam Westerpark, maakt deel uit van het Westergasfabriek complex, een voormalig industriëel terrein waar aardgas werd verwerkt. Vandaag de dag heeft het terrein een mooi park, grachten, en oude Nederlandse architectuur, allemaal met behoud van elementen van het oorspronkelijk industriële karakter.</p>
<p> Je kunt <a href="/static/westerpark-plattegrond-2017.pdf">hier klikken</a> voor een plattegrond van het terrein.</p>
<p class="mb-0">Westerliefde is bereikbaar met... </p>
<ul class="textlist">
<li>... <strong>OV:</strong> Bus 21 vanaf Amsterdam Centraal Station, of tram 10 vanaf de s100.</li>
<li>... <strong>de auto:</strong> Vanaf de A10 neem afslag s103/Haarlemmerweg richting het centrum. Parkeren is mogelijk in Q-Park Westergasfabriek (Van Bleiswijkstraat 8). Uitrijkaartjes kun je kopen bij Westerliefde (trouwlocatie) voor ongeveer €16.</li>
<li>... <strong>ter voet:</strong> Als je in de buurt verblijft, check de <a href="https://www.google.com/maps/dir//Westerliefde,+Klonne+plein+4-6,+Amsterdam/@52.387036,4.7999559,12z/data=!4m9!4m8!1m0!1m5!1m1!1s0x47c5e27f98ea1b8d:0xe857a7e6ad2d63be!2m2!1d4.869966!2d52.386977!3e2?hl=en-CA">looproutes op Google Maps</a>. Amsterdam is kleiner dan je denkt!</li>
</ul>
</div> -->
<iframe width="100%" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDW-9_nWKTczNrEsZJBNbp8r2W-xwGHggk&q=Westerliefde,Amsterdam&zoom=11" allowfullscreen>
</iframe>
</div>
</div>
</div>
<div id="img3" class="parallax"></div>
<!-- Where to stay -->
<div class="container-fluid card-container">
<a id="where-to-stay" name="where-to-stay" class="anchor"></a>
<div class="card mx-auto my-5 px-sm-5 px-3 py-3">
<div class="card-block">
<h4 class="card-title">Where to stay <i class="flaticon-020-home card-icon"></i></h4>
<!-- <h4 class="card-title">Accommodatie<i class="flaticon-020-home card-icon"></i></h4> -->
<p>Westerliefde has provided some nearby hotel suggestions for guests. Besides these, there are lots of other hotels and AirBnBs in the area (Amsterdam West/Westerpark). If you need a couch to crash on, you can also <a href="mailto:[email protected]">get in touch</a> and we'll try to help you out.</p>
<!-- <p>Westerliefde heeft een aantal suggesties voor hotels in de buurt. Daarnaast zijn er veel andere hotels/AirBnB's in de omgeving van Amsterdam West/Westerpark.</p> -->
<ul>
<li><a href="http://www.windketel.nl/nl">De Windketel</a></li>
<li><a href="https://www.hotelixamsterdam.com/">Hotel IX</a></li>
<li><a href="https://morganandmees.com/hotel/">Morgan & Mees</a></li>
<li><a href="https://thehoxton.com/holland/amsterdam/rooms/roomy-rooms">The Hoxton</a></li>
<li><a href="http://rikastudios.com/book-the-loft/">Maison Rika</a></li>
<li><a href="http://www.ibis.com/gb/hotel-5140-ibis-amsterdam-city-west/index.shtml">Hotel Ibis Amsterdam City West</a></li>
<li><a href="https://westcordhotels.com/hotel/art-hotel-amsterdam-4-stars/">WestCord Art Hotel Amsterdam</a></li>
<li><a href="https://www.ihg.com/holidayinnexpress/hotels/us/en/amsterdam/amsop/hoteldetail">Holiday Inn Express Amsterdam</a></li>
<li>Opening soon right in Westerpark: <a href="https://www.conscioushotels.com/hotels/westerpark/">Conscious Hotel</a></li>
<!-- <li>Opent binnenkort haar deuren op het Westerpark terrein: <a href="https://www.conscioushotels.com/hotels/westerpark/">Conscious Hotel</a></li> -->
</ul>
</div>
</div>
</div>
<div id="img4" class="parallax"></div>
<!-- RSVP form -->
<div class="container-fluid card-container">
<a id="rsvp" name="rsvp" class="anchor"></a>
<div class="card mx-auto my-5 px-sm-5 px-3 py-3">
<div class="card-block">
<h4 class="card-title">RSVP <i class="flaticon-023-wedding-invitation-1 card-icon"></i></h4>
<!-- <h4 class="card-title">Aanwezigheid doorgeven<i class="flaticon-023-wedding-invitation-1 card-icon"></i></h4> -->
<p class="card-text">If you received an invite, please help us plan our special day by letting us know if you'll be able to make it or not.</p>
<!-- <p class="card-text">Wanneer je een uitnodiging hebt ontvangen, laat ons dan alsjeblieft weten of je kunt komen of niet.</p> -->
</div>
<!-- Error/success notifications -->
<div id="rsvpSuccess" class="alert alert-success alert-dismissible fade show mt-5" role="alert" style="display: none;">
<strong>RSVP Submitted.</strong> Thanks a bunch!
<!-- <strong>RSVP Verstuurd.</strong> Dankjewel! -->
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div id="rsvpError" class="alert alert-danger alert-dismissible fade show mt-5" role="alert" style="display: none;">
<strong>Oops, an error!</strong> Something went wrong sending your form to the server. Please try again.
<!-- <strong>Oeps, iets ging fout!</strong> Het versturen van je RSVP is niet gelukt. Probeer het opnieuw. -->
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<!-- The actual form -->
<div class="card-block mt-4">
<form class="needs-validation" action="https://formspree.io/xbygjbvm" method="POST">
<div class="form-row">
<div class="form-group col-md-8">
<label for="rsvpName">Your name(s)</label>
<!-- <label for="rsvpName">Naam</label> -->
<input type="text" class="form-control" id="rsvpName" name="rsvpName" required>
<div class="invalid-feedback">
Please provide your name.
<!-- Vul alsjeblieft je naam in. -->
</div>
</div>
<div class="form-group col-md-4">
<label for="rsvpStatus">Accept/Regret</label>
<!-- <label for="rsvpStatus">Wel/Niet Komen</label> -->
<select class="form-control" name="rsvpStatus" id="rsvpStatus">
<option>Accept</option>
<option>Regret</option>
<!-- <option>Wij komen wel</option> -->
<!-- <option>Wij komen niet</option> -->
</select>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-3">
<label for="rsvpNumber">Group size</label>
<!-- <label for="rsvpNumber">Aantal mensen</label> -->
<input type="number" min="1" class="form-control" id="rsvpNumber" name="rsvpNumber" placeholder="# of guests" required>
<!-- <input type="number" min="1" class="form-control" id="rsvpNumber" name="rsvpNumber" placeholder="aantal gasten" required> -->
<div class="invalid-feedback">
Please enter a number.
<!-- Vul alsjeblieft een aantal in. -->
</div>
</div>
<div class="form-group col-md-9">
<label for="rsvpDiet">Dietary restrictions</label>
<!-- <label for="rsvpDiet">Dieetwensen</label> -->
<input type="text" class="form-control" id="rsvpDiet" name="rsvpDiet" placeholder="e.g. vegetarian, celiac">
<!-- <input type="text" class="form-control" id="rsvpDiet" name="rsvpDiet" placeholder="bijvoorbeeld vegetarisch, gluten allergie"> -->
</div>
</div>
<div class="form-row">
<div class="form-group col-md">
<label for="rsvpComments">Other info/comments</label>
<!-- <label for="rsvpComments">Andere info/opmerkingen</label> -->
<textarea class="form-control" id="rsvpComments" name="rsvpComments"></textarea>
</div>
</div>
<button id="rsvpSubmit" type="submit" class="btn btn-primary mb-2" disabled>Submit</button>
<!-- <button id="rsvpSubmit" type="submit" class="btn btn-primary">Versturen</button> -->
</form>
</div>
<p>If you have any questions, please feel free to email Lisette & John directly at <a href="mailto:[email protected]">[email protected]</a>, or get in touch with our MC, Wesley Versteeg, at <a href="mailto:[email protected]">[email protected]</a>.</p>
<!-- <p>Als je vragen hebt, voel je vrij om Lisette & John te mailen via <a href="mailto:[email protected]">[email protected]</a>, of neem contact op met onze ceremoniemeester Wesley Versteeg via <a href="mailto:[email protected]">[email protected]</a>.</p> -->
</div>
</div>
<div id="img5" class="parallax"></div>
<!-- Footer & attributions -->
<footer class="bg-dark text-light py-2 px-2" align="center">
Cute icons provided by <a href="https://www.flaticon.com/authors/freepik">Freepik</a> at <a href="https://www.flaticon.com">flaticon.com</a>. <span style="display: inline-block;">Hosted by <a href="https://github.com/">GitHub</a>.</span> <span style="display: inline-block;">Made with <i class="flaticon-049-love"></i> by <a href="https://github.com/JohnPaton/wedding">John</a>.</span>
</footer>
<!-- Scripts -->
<!-- For Bootstrap -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!-- Custom js -->
<script src="/js/app.js"></script>
</body>
</html>