-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
419 lines (382 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
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
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<title> Sarah & Jason</title>
<meta name="description" content="Sarah and Jason's wedding">
<meta name="author" content="Sarah Kunkler">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<!-- Bootstrap -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/webfont.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://cdn.emailjs.com/dist/email.min.js"></script>
<script type="text/javascript">
(function(){
emailjs.init("user_pHI873Y18KcMhNtWOC2Te");
})();
</script>
<!-- icon fonts font Awesome -->
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<!-- Custom Styles -->
<link href="assets/css/style.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div id="loader">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="lading"></div>
</div>
</div>
<!-- /#preloader -->
<!-- Preloader End-->
<!-- Start Menu -->
<div class="menubar clearfix" data-scroll="true">
<ul class="mainmenu clearfix">
<li class="active item"><a href="#home">Home</a></li>
<li class="item"><a href="#wedding">Our Wedding</a></li>
<li class="item"><a href="#weddingparty">Wedding Party</a></li>
<li class="item"><a href="#travel">Travel</a></li>
<li class="item"><a href="#registry">Registry</a></li>
<li class="item"><a href="#rsvp">RSVP</a></li>
<li class="item"><a href="#photos">Photos</a></li>
</ul>
<div><a href="#" class="logo"></a></div>
<button id="pull" class="navbutton"><i class="fa fa-navicon"></i></button>
</div>
<!-- End Menu -->
<!-- Page Top Section -->
<section id="home" class="section-style scroll white" data-background-image="images/background/page-top7.jpg">
<div class="pattern height-resize">
<div class="container">
<h1 class="site-title white">
Sarah<span class="melany" style="font-size:50px;vertical-align:bottom"> & </span>Jason
</h1>
<!-- /.section-name -->
<h2 class="section-title white naive">
10.14.2017
</h2>
<!-- /.Section-title -->
<div class="time-count-container">
<div class="main">
<div id='content'>
<ul id="countdown">
<li><span class="days timenumbers">01</span>
<p class="timeRefDays timedescription">days</p>
</li>
<li><span class="hours timenumbers">00</span>
<p class="timeRefHours timedescription">hours</p>
</li>
<li><span class="minutes timenumbers">00</span>
<p class="timeRefMinutes timedescription">minutes</p>
</li>
<li><span class="seconds timenumbers yellow-text">00</span>
<p class="timeRefSeconds timedescription">seconds</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.pattern -->
</section>
<!-- /#page-top -->
<!-- Page Top Section End -->
<div id="wedding" class="section divider">
<h2 id="servicestitle">Our Wedding</h2>
<a class="scroll" id="services"></a>
</div>
<!--<div>
<div style="color:#84a391">
<span style="font-size:35px;color:#84a391" class="naive"> S</span><span class="melany" style="font-size:20px;vertical-align: text-bottom;text-align:center">&</span><span style="font-size:35px;color:#84a391" class="naive">J</span>
<div>
</div>-->
<!-- About Us Section -->
<section id="" class="section-style">
<div class="height-resize">
<div class="container">
<h3 class="section-description">
Saturday October 14th, 2017<br> Five O'Clock
</h3>
<h4 class="section-description">
Hollywood Schoolhouse<br> 14810 NE 145th St <br> Woodinville, WA 98072 <br>
<a href="http://www.hollywoodschoolhouse.com/">http://www.hollywoodschoolhouse.com/</a> <br>
</h4>
<p>The ceremony will start at promptly at 5, reception to follow. The venue is located in the heart of Woodinville wine country! Parking is located
right off of 148th Street directly behind the venue.
</p>
<img src="images/schoolhouse2.jpg">
</div>
<!-- /.container -->
</div>
<!-- /.pattern -->
</section>
<!-- /#wedding -->
<div id="weddingparty" class="section divider">
<h2 id="servicestitle">Wedding Party</h2>
<a class="scroll" id="services"></a>
</div>
<!-- About Us Section -->
<section id="" class="section-style">
<div class="height-resize">
<div class="container">
<!-- Start Person Block -->
<div class="person">
<div class="image">
<img class="party" src="images/team/manda2_2.jpg" onmouseover="this.src='images/team/manda_hover.jpg';" onmouseout="this.src='images/team/manda2_2.jpg';">
</div>
<div class="info">
<h2>Amanda Strawn</h2>
<h4 class="mid-gray">Maid of Honor</h4>
<p>Amanda and I met in high school Spanish class. We decided to be twins for twin day because we had the same pair of
pants. Over the years we've enjoyed going to movies and concerts together, including multiple trips to Vans Warped
Tour. Although on different coasts, we will always discuss the latest TV show episodes we're both watching and books
we're both reading. I loved being a part of her wedding in October 2014 and can't wait for her to be a part of mine!
</p>
</div>
</div>
<div class="clear"></div>
<div class="person">
<div class="image">
<img class="party" src="images/team/rach_2.jpg" onmouseover="this.src='images/team/rach_hover.jpg';" onmouseout="this.src='images/team/rach_2.jpg';">
</div>
<div class="info">
<h2>Rachel Wharton</h2>
<h4 class="mid-gray">Bridesmaid</h4>
<p>Rachel is my oldest childhood friend. Her parents introduced my parents and we've been friends since we were born.
We would spend New Years Eve and Fourth of July together with our families every year growing up. One of my favorite
memories with Rachel was when we decided to color ourselves head to toe with markers. Her mom made sure to get plenty
of picture evidence to use for embarrassment when we were older. I had the honor of being in Rachel's wedding in September
2014 and I am so excited for her to be in mine!
</p>
</div>
</div>
<div class="clear"></div>
<div class="person">
<div class="image">
<img class="party" src="images/team/anthony3_2.png" onmouseover="this.src='images/team/anthony_hover.png';" onmouseout="this.src='images/team/anthony3_2.png';">
</div>
<div class="info">
<h2>Anthony Anastasi</h2>
<h4 class="mid-gray">Best Man</h4>
<p>Anthony and I have been friends since I was 5 years old. We lived in the same neighborhood growing up and spent almost
every day together. We would spend countless hours playing sports, having lemonade stands, building forts in our backyards,
and playing video games. Although Anthony recently moved to Atlanta, we are still able to stay very close and talk
frequently. Anthony has always been like a brother to me, and I am so excited that he is able to be the Best Man in
my wedding.
</p>
</div>
</div>
<div class="clear"></div>
<div class="person">
<div class="image">
<img class="party" src="images/team/kevin_grad2.png" onmouseover="this.src='images/team/kevin_hover.png';" onmouseout="this.src='images/team/kevin_grad2.png';">
</div>
<div class="info">
<h2>Kevin Yoakum</h2>
<h4 class="mid-gray">Groomsman</h4>
<p>Kevin and I became friends after being in the same high school DECA class. We would spend almost every day after school
either going bowling, with our own bowling ball and shoes of course, or shredding the guitar on Rock Band. Kevin and
I were always trying to think of ideas to get rich quick, and our most successful business venture was selling laser
pointers to students in our classes. Unfortunately, we were never too profitable. Kevin and I still spend a lot of
time at the bowling alley, and it will be great to have him in the wedding.</p>
</div>
</div>
<!-- Clear :) -->
<div class="clear"></div>
<!-- End Person Block -->
</div>
<!-- /.container -->
</div>
<!-- /.pattern -->
</section>
<!-- /#about -->
<!-- About Us Section End -->
<div id="travel" class="section divider">
<h2 id="servicestitle">Travel</h2>
<a class="scroll" id="services"></a>
</div>
<section id="" class="section-style">
<div class="height-resize">
<div class="container">
<h3>Where to stay</h3>
<h4>Hotel block</h4>
<p>
We have a hotel room block with a Courtyard Marriott in Kirkland that is about 10 minutes from the wedding venue. You can book rooms for a discounted rate
<a href="http://www.marriott.com/meeting-event-hotels/group-corporate-travel/groupCorp.mi?resLinkData=Kunkler-Jaffe%20Wedding%5Eseatc%60kunkuna%7Ckunkunb%7Ckunkunc%60139-169%60USD%60false%606%6010/13/17%6010/16/17%609/22/17&app=resvlink&stop_mobi=yes" target="_blank">
here</a>. There is no limit on how many rooms we can book they just open in increments, so if the link isn't showing availability let us know and we will contact the hotel.
The last day to book is 9/23/17 and rates range from $139-$169.
</p>
<h4>Other nearby hotels</h4>
<p>
There are also plenty of other nearby hotels that are very reasonable. These are in the Woodinville / Bothell area and are about 10 minutes away.
<ul>
<li>
<a href="http://hamptoninn3.hilton.com/en/hotels/washington/hampton-inn-and-suites-seattle-woodinville-wa-SEAWOHX/index.html" target="_blank">
Hampton Inn
</a>
</li>
<li>
<a href="https://www.countryinns.com/bothell-hotel-wa-98011/wabothel" target="_blank">
Country Inn
</a>
</li>
<li>
<a href="http://www.marriott.com/hotels/travel/seabo-residence-inn-seattle-northeast-bothell/?scid=bb1a189a-fec3-4d19-a255-54ba596febe2" target="_blank">
Marriott Residence Inn
</a>
</li>
</ul>
</p>
<h4>Airbnb</h4>
<p>
There are a ton of unique options on
<a href="https://www.airbnb.com/s/Woodinville--WA--United-States?guests=2&adults=2&children=0&infants=0&checkin=10%2F13%2F2017&checkout=10%2F15%2F2017&ss_id=4ku01ue1&ss_preload=true&source=bb&page=1&s_tag=iB674IP_&allow_override%5B%5D=" target="_blank">
Airbnb
</a>
and you can find a lot of great deals for entire homes and condos. If you are looking for something close to the venue
look in the Woodinville or Kirkland areas. The venue is right by the main area of wineries. Reach out if you want to know about any specific area!
</p>
<h4>Upscale lodge</h4>
<p>
If you are looking to stay somewhere more upscale there is an adorable lodge in walking distance from the venue. There
is a spa and some renound restaurants. Check out Willows Lodge
<a href="https://www.willowslodge.com/" target="_blank">here</a>.
</p>
<h3>What to do</h3>
<p>
There is so much to do in the Seattle area! We've made a map of recommendations for Seattle and for the Woodinville/Kirkland area
which is right by the venue.
<br/> <br/>
<a href="https://www.google.com/maps/d/u/0/viewer?mid=1GTzu-uy9XRyY8o_3Zm2wLCxgIiE&ll=47.589368209252825%2C-122.11365795&z=11" target="_blank">
Seattle area recommendations
</a>
<br/> <br/>
If you have specific things in mind you want recommendations for feel free to email us: skandjj@gmail.com
</p>
</div>
</div>
</section>
<div id="registry" class="section divider">
<h2 id="servicestitle">Registry</h2>
<a class="scroll" id="services"></a>
</div>
<section id="" class="section-style">
<div class="height-resize">
<div class="container">
<a href="https://www.macys.com/wgl/registry/guest/6671494" target="_blank">
<img class="registry-img" src="images/Macys-logo.jpg">
</a>
<a href="https://www.amazon.com/wedding/share/sarah-kunkler-jason-jaffe" target="_blank">
<img class="registry-img" src="images/Amazon.png">
</a>
</div>
</div>
</section>
<div id="rsvp" class="section divider">
<h2 id="servicestitle">RSVP</h2>
<a class="scroll" id="services"></a>
</div>
<!-- Contact Section -->
<section id="contact" class="section-style">
<div class="height-resize">
<div class="container">
<h3>Please RSVP for each person listed on the invitation. Thank you!</h3>
<form id="contact-form" class="clearfix">
<div class="contact-box-hide">
<div class="col-sm-6">
<input type="text" class="form-control" id="first_name" name="first_name" required placeholder="First Name">
<span class="first-name-error"></span>
</div>
<div class="col-sm-6">
<input type="text" class="form-control" id="last_name" name="last_name" required placeholder="Last Name">
<span class="last-name-error"></span>
</div>
<div class="col-sm-6">
<input type="email" class="form-control" id="contact_email" name="contact_email" required placeholder="Email Address">
<span class="contact-email-error"></span>
</div>
<div class="col-sm-6">
<select name="contact_rsvp" required class="form-control" id="contact_rsvp">
<option value="0" disabled selected hidden>RSVP...</option>
<option value="1">Accept</option>
<option value="2">Decline</option>
</select>
<span class="contact-rsvp-error"></span>
</div>
<div class="col-sm-10">
<textarea class="form-control" rows="5" id="message" name="message" placeholder="Optional Message"></textarea>
<span class="contact-message-error"></span>
</div>
<div class="col-sm-2">
<button id="contact-submit" class="btn custom-btn col-xs-12" type="submit" name="submit"><i class="fa fa-envelope"></i></button>
</div>
</div>
<!-- /.contact-box-hide -->
<div class="contact-message"></div>
</form>
<!-- /#contact-form -->
</div>
<!-- /.container -->
</div>
<!-- /.pattern -->
</section>
<!-- /#contact -->
<!-- Contact Section End -->
<div id="photos" class="section divider">
<h2 id="servicestitle">Photos</h2>
<a class="scroll" id="services"></a>
</div>
<section id="" class="section-style">
<div class="height-resize">
<div class="container">
<h4>
We ventured to Wallace Falls State Park for an amazing Engagement photo shoot! The scenery was breathtaking and
<a href="http://evariebphoto.com/">
Eva Rieb Photography
</a> captured us perfectly.
</h4>
<img src="images/us/collage5.jpg">
</div>
</div>
</section>
<!-- Footer Section -->
<footer id="footer-section">
<p class="copyright">
Help From: © <a href="http://jeweltheme.com/html/kite/">Kite</a> 2014-2015 <a href="http://jeweltheme.com">Jewel Theme</a> |
<a href="http://ninetofive.me">ninetofive.me</a> © Copyright 2014 | Font made from <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a> is licensed by CC BY 3.0
</p>
</footer>
<!-- Footer Section End -->
<!--jQuery Library -->
<script type="text/javascript" src="assets/js/jquery-2.1.0.min.js"></script>
<!-- Modernizr js -->
<script type="text/javascript" src="assets/js/modernizr-2.8.0.min.js"></script>
<!-- Plugins -->
<script type="text/javascript" src="assets/js/plugins.js"></script>
<!-- Custom JavaScript Functions -->
<script type="text/javascript" src="assets/js/jquery.ajaxchimp.min.js"></script>
<!-- Load jCarousel js -->
<script type="text/javascript" src="assets/js/jquery.jcarousel.js"></script>
<!-- Custom JavaScript Functions -->
<script type="text/javascript" src="assets/js/functions.js"></script>
</body>
</html>