-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
332 lines (295 loc) · 14.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
<!DOCTYPE html>
<html class="no-js" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dee & Elisia get Married!!</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="webfonts/majesti.css">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700" rel="stylesheet">
<script src="js/scrolltrigger.js"></script>
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-->
<link rel="manifest" href="manifest.json">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<div id="hero"><img class="fadeInUp" src="Logo.svg" alt="logo" /></div>
<div class="grid-container">
<section id="intro">
<div class="grid-x grid-padding-x fadeInUp">
<!--<div class="large-2 small-12 large-offset-2 cell">
<img src="stamp.svg" alt="logo" />
</div>-->
<div class="large-8 small-12 large-offset-2 cell text-center">
<h1>May <em>the</em> Nineteenth<br>
Two Thousand Eighteen<br>
<em>at</em> Las Palomas Beach & Golf Resort</h1>
</div>
</div>
</section>
<section>
<div class="grid-x grid-padding-x fadeInUp">
<div class="large-5 medium-6 large-offset-1 cell pushdown">
<img src="img/d.jpeg" />
</div>
<div class="large-5 medium-6 cell">
<img src="img/e.jpeg" />
</div>
</div>
</section>
<!--<section>
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 cell">
<h1>Headline lorem ipsum</h1>
</div>
</div>
<div class="large-8 large-offset-1 cell">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse semper est tortor, eu aliquam augue gravida nec. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam tincidunt, enim quis posuere convallis, orci dui tempus erat, vel venenatis ipsum ex a erat. Donec dapibus leo eu tortor aliquam vestibulum. Fusce posuere tellus ut nunc tincidunt facilisis. Vivamus magna dui, convallis eu facilisis sed, placerat vitae elit. Suspendisse auctor sem ut eleifend cursus.</p></div>
</section>-->
<section id="story" class="toFadeInUp">
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 cell">
<h4>Our Story</h4>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-5 medium-6 large-offset-1 cell">
<h3>Dee</h3>
<p>My first memory of Elisia is about 5 years ago. We met a year before we actually started dating by attending an event for an ex's friend. We sat in the same row and she offered me a Starburst. It was a new pack and I didnt know her well so felt
bad asking for a red one as thats all I eat. Fast forward to three years ago, I'm single and out to sushi with Shelby and just discussing life and dating. I thought of Elisia immediately which was weird due to the fact we only met once. Shelby and I
were able to find her on Facebook and I sent her a message. From that message, we ended up talking pretty much the whole next day
and decided to meet up soon after. A few months later we were official and since then we have been trying to travel the world. We have visited Puerto Rico, Cancun,
Rome, Barcelona, Dominican Republic, Puerto Vallarta, Australia, and even got engaged in Bali. There are still so many places we would love to see. Even after three years together, I’m still amazed by how passionate, caring, easy going, and goofy she is, and I’m so excited to spend the rest
of our lives growing together.
</p>
</div>
<div class="large-5 medium-6 cell">
<h3>Elisia</h3>
<p>
Wow where should I begin? We met through mutual friends a year before we started dating at graduation ceremony. She had a gf, I was single. Me being me I had a pack of starburst and offered one to everyone and little miss picky says “I only eat the red ones but thank you.” What do I do? I open the WHOLE pack and give her a red starburst! I didn’t see her after the ceremony as she disappeared until one day a year later I was on my way to go see my cousin and I get a message on Facebook saying “Hey girl, long time no talk. Saw you on P’s page. How are you?” It was over from there. The day she reached out was the day my whole world changed for the better. We casually started hanging out, finally after a couple months of dating she asked me to be her gf and from then on she's been my rock, my world, my better half. Throughout the 3 years we have been together we've been on non stop adventures traveling the world and this most recent year planning the wedding of our dreams. Since day one she’s been full of surprises, I mean come on she managed to pull of proposing to me half way across the world In Bali! (Epic move btw babe hehe) We've been to 6 different countries some states and have many adventures with a world of memories and we’re not stopping there. I can’t wait to marry you my love cheers to us and more adventures!
</p>
</div>
</div>
</section>
<section class="fadeInUp">
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 cell">
<img src="img/sunset.jpeg" />
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 cell xl-heading">
<h1>The Wedding</h1>
</div>
</div>
</section>
<section id="schedule">
<div class="grid-x grid-padding-x toFadeInUp">
<div class="large-4 cell text-center">
<h4>Venue</h4>
<h5>Las Palomas Beach & Golf Resort</h5>
<p>Blvd. Costero 150, Playa Arenos,<br /> 83550 Puerto Peñasco, Son., Mexico</p>
<p><b><a href="http://laspalomasresort.net/eng/">Visit Website</a></b></p>
</div>
<div class="large-4 cell text-center">
<br />
<h4>Schedule</h4>
<h5>6:30 pm</h5>
<p>Ceremony Begins</p>
</div>
<div class="large-4 cell text-center">
<br />
<h4>Attire</h4>
<h5>Semiformal</h5>
<p>Children are allowed at the resort and ceremony yet we are just hoping to have adults only at the reception for a fun night of drinking and dancing with friends and family. Please plan for no children at reception.</p>
</div>
</div>
</section>
<!-- <section id="accomodations">
<div class="grid-x grid-padding-x">
<div class="large-6 medium-6 cell">
<h4>Accomodations</h4>
</div>
<div class="large-6 medium-6 cell">
<div class="primary callout">
<h5>Hampton Inn Atlanta-Canton</h5>
<p>710 Transit Ave<br />
Canton, GA 30114</p>
<h5>Hampton Inn Atlanta-Canton</h5>
<p>710 Transit Ave<br />
Canton, GA 30114</p>
</div>
</div>
</div>
</section>-->
<section id="story" class="toFadeInUp">
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 cell">
<h4>Accomodations</h4>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-4 cell text-center">
<h5> Resort Reservations</h5>
<p>There are a block of rooms available at owner rates for our guests.
Please use the information provided when booking your rooms. If you
decide on staying at another resort you will only be allowed onsite
for the wedding.</p>
</div>
<div class="large-4 cell text-center">
<h5>Log In Details:</h5>
<p>Group ID: MULLINS<br />
Password: SESMA</p>
<p><b><a href="https://owners.laspalomasresort.net/irmnet/(S(sm1sauokne3wv4bsbwnzzuyg))/login.aspx">Book Here</a></b></p>
</div>
<div class="large-4 cell text-center">
<h5>Room Information</h5>
<p>We will be staying in Phase II of the resort. The building names would include Cordoba,
Cortez, Cabrillo, and Coronado.</p>
</div>
</section>
<center><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3408.277085608154!2d-113.56762168506064!3d31.323719981435115!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x812ba52e682b8817%3A0x1fa2ca7604d9206c!2sThe+Links+at+Las+Palomas+Beach+%26+Golf+Resort!5e0!3m2!1sen!2sus!4v1514948009982" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe></center>
<form action="http://maps.google.com/maps" method="get" target="_blank">
<p><h4><label for="saddr">Enter your address:</label>
<input type="text" name="saddr" id="saddr" value="" />
<br />
<input type="submit" value="Get Directions" />
<input type="hidden" name="daddr" value="Blvd. Costero 150, Playa Arenos,83550 Puerto Peñasco, Son., Mexico (Las Palomas Beach & Golf Resort)" />
<input type="hidden" name="hl" value="en" /></h4></p>
</form>
<!-- end accomodations -->
<!--Wedding crew start -->
<section id="weddingcrew" class="toFadeInUp">
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 cell text-center">
<h4>Wedding Crew</h4>
<p>Here's to you putting up with us, besties.</p>
</div>
</div>
</section>
<section id="weddingcrew" class="toFadeInUp">
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 cell text-center">
<h4>Officiant</h4>
<p>
Amanda Robinson
</p>
<img class="us" alt="Amanda" src="img/amanda2.jpg">
</div>
</div>
</section>
<section id="weddingcrew" class="toFadeInUp">
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 cell">
<h4>Team Elisia</h4>
<div id="ourimage">
<img class="us" alt="Pati" src="img/pati1.jpg">
<img class="us" alt="Denise" src="img/Denise1.jpg">
<img class="us" alt="Linda" src="img/linda.jpg">
<img class="us" alt="Jai" src="img/jai.jpg">
<img class="us" alt="Belen" src="img/belen1.jpg">
</div>
</div>
</div>
</section>
<section id="weddingcrew" class="toFadeInUp">
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 cell">
<h4>Team Dee</h4>
<div id="ourimage">
<img class="us" alt="Gina" src="img/gina.jpg">
<img class="us" alt="Chantel" src="img/chan.jpg">
<img class="us" alt="Shelby" src="img/shelbs.jpg">
<img class="us" alt="Patrick" src="img/diddy.jpg">
<img class="us" alt="Michelle" src="img/mitch1.jpg">
</div>
</div>
</div>
</section>
<!--End Wedding Crew -->
<!--Registry start -->
<section id="registry" class="toFadeInUp">
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 cell text-center">
<h4>Registry</h4>
<p>We're lucky to already have a home full of everything we need, so please enjoy browsing our wish list, where you can contribute to our honeymoon!<br /> We are registered at <a href="http://www.honeyfund.com/wedding/adventuresofdeeandeli"> Honeyfund.com</a>. Thank you!
</p>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-12 medium-4 cell text-center">
<div style="width:200px;margin:0 auto;">
<a href="http://www.honeyfund.com/wedding/adventuresofdeeandeli" style="text-align:left;background:url('http://www.honeyfund.com/share/honeyfund3.png') no-repeat;display:block;width:200px;height:100px;text-indent:-9999em;">Visit our honeyfund at Honeyfund.com, the free honeymoon registry</a>
<p style="margin:0;padding:0;font-size:10px;text-align:center;"> <a href="http://www.honeyfund.com/"></a></p>
</div>
</div>
</div>
</section>
<!-- end registry -->
<!-- start footer -->
<div class="rsvpbg">
<div id="root">
<section id="rsvp-form">
<div class="grid-x grid-padding-x">
<div class="large-8 small-12 large-offset-2 cell">
<div class="form-wrap text-center">
<h1>We can't wait to celebrate with you!</h1>
<b><h3>The countdown begins..</h3></b>
</div>
</div>
</div>
<p id="demo"></p>
<script>
// Set the date we're counting down to
var countDownDate = new Date("May 19, 2018 18:30").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
// If the count down is over, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "We are MARRIED!!";
}
}, 1000);
</script>
</section>
<p class="having-trouble text-center">Having trouble? Contact us at [email protected]</p>
</div>
</div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
<footer>
Made With ♡ by Dee for Elisia
</footer>
<div id="sidetext">
33°28'38.3"N
<div class="bar"></div>
111°55'37.7"W
</div>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>