-
Notifications
You must be signed in to change notification settings - Fork 14
/
pre-wedding.html
351 lines (320 loc) · 16.1 KB
/
pre-wedding.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
---
layout: default
title: Barry & Gillian are getting married! · 29th September 2016
desc: Barry & Gillian are getting married on 29.09.16 in Darver Castle, Ireland!
slug: pre
sitemap:
priority: 1.0
changefreq: 'monthly'
lastmod: 2016-02-10T12:49:30+00:00
---
<!-- hero intro -->
<div class="hero-flex-wrap">
<div>
<div class="wrapper">
<div class="hero animated fadeInUp">
<span class="hero__txt hero__txt--lrg">Barry & Gillian are getting married!</span>
<span class="hero__txt hero__txt--sm">September 29, 2016 · 3pm</span>
<span class="hero__txt hero__txt--sm">Darver Castle, Ireland</span>
</div>
<span class="link-leader">
<a href="#schedule">So, what's the plan?</a> ↓
</span>
</div>
</div>
</div>
</section> <!-- div opened in header.html -->
<!-- schedule -->
<div class="wrapper" id="schedule">
<h2 class="section__header">Schedule</h2>
<div class="cd-container">
<section class="cd-timeline">
<div class="cd-timeline-block animated">
<div class="cd-timeline-img">
<img src="/images/wedicons/ceremony.svg" alt="Ceremony icon">
</div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h3>Ceremony</h3>
<h4 class="cd-date for-small">3pm</h4>
<p>Our wedding will be performed in the Ceremony Room in the grounds of Darver Castle.</p>
</div>
<!-- cd-timeline-content -->
</div>
<!-- cd-timeline-block -->
<div class="cd-timeline-block animated">
<div class="cd-timeline-img">
<img src="/images/wedicons/drinks.svg" alt="Drinks icon">
</div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h3>Pre-dinner drinks</h3>
<h4 class="cd-date for-small">4pm</h4>
<p>Wet your whistle in the Castle Drawing Room while we say cheese in the garden.</p>
</div>
<!-- cd-timeline-content -->
</div>
<div class="cd-timeline-block animated">
<div class="cd-timeline-img">
<img src="/images/wedicons/dinner.svg" alt="Dinner icon">
</div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h3>Dinner</h3>
<h4 class="cd-date for-small">6pm</h4>
<p>Dinner will be served in the Castle Ballroom. Please shout if you're violently allergic to anything.</p>
</div>
<!-- cd-timeline-content -->
</div>
<!-- cd-timeline-block -->
<!-- cd-timeline-block -->
<div class="cd-timeline-block animated">
<div class="cd-timeline-img">
<img src="/images/wedicons/speeches.svg" alt="Speeches icon">
</div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h3>Speeches</h3>
<h4 class="cd-date for-small">7.45pm</h4>
<p>Some people will say some words - we'll try and keep them brief!</p>
</div>
</div>
<!-- cd-timeline-block -->
<div class="cd-timeline-block animated">
<div class="cd-timeline-img">
<img src="/images/wedicons/music.svg" alt="Music icon">
</div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h3>Cèilidh</h3>
<h4 class="cd-date for-small">8.30pm</h4>
<p>We welcome our evening guests with a Cèilidh 🎶 - please note: may involve group participation!</p>
</div>
<!-- cd-timeline-content -->
</div>
<!-- cd-timeline-block -->
<div class="cd-timeline-block animated">
<div class="cd-timeline-img">
<img src="/images/wedicons/supper.svg" alt="supper icon">
</div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h3>Supper</h3>
<h4 class="cd-date for-small">10pm</h4>
<p>We hear Cèilin' is hungry work so a timely refuel will be provided.</p>
</div>
<!-- cd-timeline-content -->
</div>
<!-- cd-timeline-block -->
<div class="cd-timeline-block animated">
<div class="cd-timeline-img">
<img src="/images/wedicons/music.svg" alt="Music icon">
</div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h3>Tunes</h3>
<h4 class="cd-date for-small">11pm</h4>
<p>To the dancefloor - let's see your shapes! 💃</p>
</div>
<!-- cd-timeline-content -->
</div>
<!-- cd-timeline-block -->
<div class="cd-timeline-block animated">
<div class="cd-timeline-img">
<img src="/images/wedicons/sleep.svg" alt="Sleep icon">
</div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h3>Bedtime</h3>
<h4 class="cd-date for-small">2.30am</h4>
<p>Back on the bus, make no fuss - have you no homes to go to? 😉</p>
</div>
<!-- cd-timeline-content -->
</div>
<!-- cd-timeline-block -->
</section>
<!-- cd-timeline -->
</div>
<span class="link-leader link-leader--inverse">
<a href="#location">...and where is it again?</a> ↓
</span>
</div>
<!-- banner 1 -->
<div class="img-banner img-banner--one">
<img
sizes="(max-width: 3000px) 100vw, 3000px"
srcset="
/images/b&g/banner-1_zxqcip_c_scale,w_320.jpg 320w,
/images/b&g/banner-1_zxqcip_c_scale,w_801.jpg 801w,
/images/b&g/banner-1_zxqcip_c_scale,w_1122.jpg 1122w,
/images/b&g/banner-1_zxqcip_c_scale,w_1396.jpg 1396w,
/images/b&g/banner-1_zxqcip_c_scale,w_1616.jpg 1616w,
/images/b&g/banner-1_zxqcip_c_scale,w_1796.jpg 1796w,
/images/b&g/banner-1_zxqcip_c_scale,w_1958.jpg 1958w"
src="/images/b&g/banner-1_zxqcip_c_scale,w_1122.jpg"
alt="Barry & Gillian - Black and white portrait"
>
</div>
<!-- location -->
<div class="wrapper" id="location">
<section>
<h2 class="section__header">Location</h2>
<p><a target="_blank" href="http://www.darvercastle.ie/">Darver Castle</a> is a 12th century fortified tower and manor house nestled in the countryside of County
Louth, approx. 4 miles outside the town of Dundalk.</p>
<p>On the east coast of Ireland, it is roughly 45 miles from either Belfast to the north or Dublin to the
south though Dublin Airport is likely to be the more convenient.</p>
<p><b>Address:</b> Readypenny, Dundalk, Co.Louth, Ireland, A91 RDX2</p>
<p><b>SatNav co-ordinates:</b> N53° 55.686' W006° 27.865'</p>
<div class="google-maps" style="-webkit-filter: grayscale(100%); filter: grayscale(100%);">
<div class="overlay" onClick="style.pointerEvents='none'"></div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2349.332583165201!2d-6.471940683869006!3d53.92583498010449!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4860cadef178ae9f%3A0xaec6ef90c66d7159!2sDarver+Castle!5e0!3m2!1sen!2suk!4v1457560104908"
width="600" height="450" frameborder="0" style="border:0;" allowfullscreen>
</iframe>
</div>
</section>
<span class="link-leader link-leader--inverse">
<a href="#accomodation">Got it - but where can we stay?</a> ↓
</span>
</div>
<!-- banner 2 -->
<div class="img-banner img-banner--two">
<div class="bg-tint"></div>
<img
sizes="(max-width: 3840px) 100vw, 3840px"
srcset="
/images/b&g/banner-2_gmcy6x_ar_16_9,c_fill__c_scale,w_320.jpg 320w,
/images/b&g/banner-2_gmcy6x_ar_16_9,c_fill__c_scale,w_985.jpg 985w,
/images/b&g/banner-2_gmcy6x_ar_16_9,c_fill__c_scale,w_1425.jpg 1425w,
/images/b&g/banner-2_gmcy6x_ar_16_9,c_fill__c_scale,w_1745.jpg 1745w,
/images/b&g/banner-2_gmcy6x_ar_16_9,c_fill__c_scale,w_2001.jpg 2001w"
src="/images/b&g/banner-2_gmcy6x_ar_16_9,c_fill__c_scale,w_985.jpg"
alt="Barry & Gillian standing under an umbrella"
>
</div>
<!-- accomodation -->
<div class="wrapper" id="accomodation">
<section>
<h2 class="section__header">Accomodation</h2>
<p>If you're planning on staying over, we recommend one of two options.</p>
<div class="row">
<div class="column">
<p><b>1. Oakwood Cottages, Darver</b></p>
<img class="section__image" src="/images/b&g/oakwood.jpg" alt="Oakwood Cottages, Readypenny - Exterior shot" />
<p>There is limited accommodation available for our guests in
<a target="blank" href="http://darvercastle.ie/Accommodation/GuestHouses.aspx">
Oakwood Cottages
</a> located just outside the main castle entrance approximately stumbling distance from Darver Castle.</p>
<p>These cottages contain 12 double en-suite rooms & there is a lobby area with tea and coffee facilities.</p>
<p>Breakfast is served the next morning in the Grain-store Restaurant at Darver Castle.</p>
<p>One of the rooms is a large family room which will accomodate three adults.</p>
<p>To enquire about the Guest Cottages, please contact Darver Castle directly;</p>
<ul>
<li>Phone: <span rel="tel">+353 (0)42 9379466</span></li>
<li>Email: <a href="mailto:[email protected] ">[email protected] </a></li>
</ul>
</div>
<div class="column">
<p><b>2. The Crowne Plaza Hotel, Dundalk</b></p>
<img class="section__image" src="/images/b&g/crown-plaza.jpg" alt="The Crowne Plaza, Dundalk - Double bedroom" />
<p>We expect the majority of guests will stay in <a target="blank" href="http://www.cpireland.Crowneeplaza.com/dundalk/">The Crowne
Plaza Hotel</a> in Dundalk, only 4 miles away.</p>
<p>The Crowne Plaza provides a shuttle bus to & from Darver Castle on the day of the wedding.</p>
<p>This will leave from outside The Crowne Plaza Hotel on the afternoon of the wedding at approximately <b>2.30pm sharp</b> to ensure guests arrive in time for the <b>ceremony starting at 3pm.</b></p>
<p>The bus will then be on hand from around midnight to make trips back over to the hotel as required.</p>
<p>If you are planning on staying in The Crowne Plaza - mention
<em>"McGee Wedding"</em> when booking to avail of the special rate offered to our guests.</p>
<ul>
<li>Phone: <span rel="tel">+353 (0) 42 939 4900</span></li>
<li>Email: <a href="mailto:[email protected]">
[email protected]</a></li>
</ul>
</div>
</div>
</section>
<span class="link-leader link-leader--inverse">
<a href="#after-party">Hair of the dog?</a> ↓
</span>
</div>
<!-- banner 3 -->
<div class="img-banner img-banner--three">
<div class="bg-tint"></div>
<img
sizes="(max-width: 3840px) 100vw, 3840px"
srcset="
/images/b&g/banner-3_c7zlw6_ar_16_9,c_fill__c_scale,w_320.jpg 320w,
/images/b&g/banner-3_c7zlw6_ar_16_9,c_fill__c_scale,w_889.jpg 889w,
/images/b&g/banner-3_c7zlw6_ar_16_9,c_fill__c_scale,w_1267.jpg 1267w,
/images/b&g/banner-3_c7zlw6_ar_16_9,c_fill__c_scale,w_1600.jpg 1600w,
/images/b&g/banner-3_c7zlw6_ar_16_9,c_fill__c_scale,w_1874.jpg 1874w,
/images/b&g/banner-3_c7zlw6_ar_16_9,c_fill__c_scale,w_2094.jpg 2094w"
src="/images/b&g/banner-3_c7zlw6_ar_16_9,c_fill__c_scale,w_889.jpg"
alt="Gillian having a big 'ole chortle">
</div>
<!-- afterparty -->
<div class="wrapper" id="after-party">
<section>
<div class="row">
<div class="column">
<h3 class="section__header">The after—party</h3>
<p> We also plan to stay in the The Crowne Plaza, Dundalk on the
night after our wedding - Friday 30th Sept. If you fancy continuing
the high jinx, we'd love you to join us.</p>
<p>The Crowne Plaza boasts a roof-top restaurant with panoramic
views of the surrounding Cooley Mountains & Peninsula. We've also heard The Stout is tip-top.</p>
<p>No formalities required — just rock up with your good craic trousers on!</p>
</div>
</div>
</section>
<span class="link-leader link-leader--inverse">
<a href="#rsvp">Sold! Where do I sign?</a> ↓
</span>
</div>
<!-- banner 4 -->
<div class="img-banner img-banner--four">
<img
sizes="(max-width: 3840px) 100vw, 3840px"
srcset="
/images/b&g/banner-4_xoiy3u_ar_16_9,c_fill__c_scale,w_320.jpg 320w,
/images/b&g/banner-4_xoiy3u_ar_16_9,c_fill__c_scale,w_835.jpg 835w,
/images/b&g/banner-4_xoiy3u_ar_16_9,c_fill__c_scale,w_1169.jpg 1169w,
/images/b&g/banner-4_xoiy3u_ar_16_9,c_fill__c_scale,w_1442.jpg 1442w,
/images/b&g/banner-4_xoiy3u_ar_16_9,c_fill__c_scale,w_1709.jpg 1709w,
/images/b&g/banner-4_xoiy3u_ar_16_9,c_fill__c_scale,w_1907.jpg 1907w,
/images/b&g/banner-4_xoiy3u_ar_16_9,c_fill__c_scale,w_2097.jpg 2097w"
src="/images/b&g/banner-4_xoiy3u_ar_16_9,c_fill__c_scale,w_1442.jpg"
alt="Barry & Gillian having a sneaky pint of Guinness"
>
</div>
<!-- rsvp -->
<div class="wrapper no-padding-bottom" id="rsvp">
<section>
<h2 class="section__header">RSVP</h2>
<p>Once you receive your invitation in the post, we'd appreciate if you could RSVP by <b>Sunday, August 21st 2016.</b></p>
<p>The quickest way to do so is to click the big purple button below to RSVP online.</p>
<div class="section__cta">
<button class=" button button-disabled">
RSVP is now closed.
</button>
</div>
<p>If you have any questions about any of the above, please don't hesitate to pop an email to: <a href="mailto:[email protected]">
[email protected]</a></p>
<p>Alternatively, if snail mail is your thing - our postal address is;</p>
<p>251 Riverside Mansions<br>Milk Yard<br>London<br>E1W 3SU</p>
</section>
</div>
<!-- banner 5 -->
<div class="img-banner img-banner--five">
<div class="bg-tint"></div>
<img
sizes="(max-width: 3840px) 100vw, 3840px"
srcset="
/images/b&g/banner-5_uvhixz_ar_16_9,c_fill__c_scale,w_320.jpg 320w,
/images/b&g/banner-5_uvhixz_ar_16_9,c_fill__c_scale,w_807.jpg 807w,
/images/b&g/banner-5_uvhixz_ar_16_9,c_fill__c_scale,w_1143.jpg 1143w,
/images/b&g/banner-5_uvhixz_ar_16_9,c_fill__c_scale,w_1418.jpg 1418w,
/images/b&g/banner-5_uvhixz_ar_16_9,c_fill__c_scale,w_1679.jpg 1679w,
/images/b&g/banner-5_uvhixz_ar_16_9,c_fill__c_scale,w_1889.jpg 1889w,
/images/b&g/banner-5_uvhixz_ar_16_9,c_fill__c_scale,w_2084.jpg 2084w"
src="/images/b&g/banner-5_uvhixz_ar_16_9,c_fill__c_scale,w_1143.jpg"
alt="Barry & Gillian outside the Duke of York, Belfast.">
</div>