-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
267 lines (267 loc) · 19.3 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
<!DOCTYPE html>
<html lang="en-US">
<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>Alicia & Carson's Wedding</title>
<meta name="description" content="Alicia & Carson's Wedding"/>
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link href="https://fonts.googleapis.com/css?family=Dosis:400,500" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.0.4/js/all.js"></script>
<link href="css/aos.css" rel="stylesheet">
<link href="css/ekko-lightbox.css" rel="stylesheet">
<link href="styles/main.css" rel="stylesheet">
</head>
<body id="top">
<header></header>
<div class="page-content">
<div class="div">
<div class="ww-home-page" id="home">
<div class="ww-wedding-announcement d-flex align-items-center justify-content-start">
<div class="container ww-announcement-container">
<p class="ww-couple-name ww-title" data-aos="zoom-in-down" data-aos-delay="300" data-aos-duration="1000">Alicia & Carson</p><img class="img-fluid mt-1" src="images/laurel-1.png" alt="Heart" data-aos="zoom-in-down" data-aos-delay="300" data-aos-duration="1000"/>
<p class="h2 mt-5 ww-title" data-aos="zoom-in-down" data-aos-delay="300" data-aos-duration="1000" data-aos-offset="10">16<sup>th</sup> November, 2019</p>
</div>
</div>
</div>
<div class="ww-nav-bar sticky-top bg-light">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<h1 class="h2"><a class="pl-4 navbar-brand" href="#">Harder Hyde Wedding</a></h1>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ww-navbarNav" aria-controls="ww-navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse text-uppercase" id="ww-navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link smooth-scroll" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#couple">Couple</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#events">Events</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#people">Registry</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#gallery">Gallery</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#rsvp">RSVP</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="ww-section" id="couple">
<div class="container">
<h2 class="h1 text-center pb-3 ww-title" data-aos="zoom-in-down" data-aos-duration="1000">Alicia & Carson</h2>
<div class="row text-center">
<div class="col-md-6">
<div class="mt-3"><img class="img-fluid" src="images/alicia.jpg" alt="Alicia" data-aos="flip-left" data-aos-duration="1000"/>
<p class="pt-3 text-left text-muted">Alicia and Carson met thanks to a shared love of The VVitch, and some algorithmic magic. They hit it off in the summer of 2017 and have been watching horror movies, bouldering early mornings, cooking every root vegetable, and gazing longingly at each other since.</p>
<p class="pt-3 text-left text-muted">Alicia is Director of Fabrication at Adafruit Industries, hosts a role playing game podcast, and plays competitive shuffle board.</p>
<h3 class="h2 ww-title">Alicia</h3>
<!--<div class="ww-social-links"><a class="btn btn-link" href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></div>-->
</div>
</div>
<div class="col-md-6">
<div class="mt-3"><img class="img-fluid" src="images/carson.jpg" alt="Carson" data-aos="flip-right" data-aos-duration="1000"/>
<p class="pt-3 text-left text-muted">Carson proposed in Salem, MA last October during a horror movie festival near a historic cemetery. The festival was fun, the ring was vintage, and both enjoyed plentiful seafood and classic horror/horror-comedy.</p>
<p class="pt-3 text-left text-muted">Carson is a digital producer at the ACLU, dabbles in several hobbies (like playing a few banjo songs and cycling), and is taking information technology and cyber security courses.</p>
<h3 class="h2 ww-title">Carson</h3>
<!--<div class="ww-social-links"><a class="btn btn-link" href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></div>-->
</div>
</div>
</div>
</div>
</div>
<div class="ww-section bg-light" id="events">
<div class="container ww-wedding-event">
<h2 class="h1 text-center pb-3 ww-title" data-aos="zoom-in-down" data-aos-duration="1000">Wedding Events</h2>
<div class="row">
<div class="col-md-7 col-sm-12">
<div class="my-3">
<div class="h4">Wedding Ceremony and Reception</div>
<ul>
<li><a href="https://www.google.com/maps/place/Housing+Works+Bookstore+Cafe+%26+Bar/@40.724569,-73.9986737,17z/data=!3m1!4b1!4m5!3m4!1s0x89c2598f0b63a449:0xd48bfa18a7914de3!8m2!3d40.724569!4d-73.996485"><i class="text-muted fas fa-map-marker-alt"></i><span class="pl-2 text-muted"target="blank">Housing Works Book Store</span></a></li>
<li class="pt-2"><i class="text-muted far fa-calendar-alt"></i><span class="pl-2 text-muted">16 Nov 2019, 6PM - 11PM</span></li>
</ul>
<p>Housing Works is a healing community of people living with and affected by HIV/AIDS. Their mission is to end the dual crises of homelessness and AIDS through relentless advocacy, the provision of lifesaving services, and entrepreneurial businesses that sustain their efforts. We chose this venue to help support Housing Works' mission and because of our shared love of bookstores.</p>
</div>
</div>
<div class="col-md-5 col-sm-12">
<div class="my-3"><img class="img-fluid" src="images/wedding-party.jpg" alt="Wedding Party" data-aos="fade-down-right" data-aos-duration="1000"/></div>
</div>
</div>
<div class="row">
<div class="col-md-7 col-sm-12">
<div class="my-3">
<div class="h4">After-Party</div>
<ul>
<li><a href="https://www.google.com/maps/place/Planet+Rose/@40.7301415,-73.9829059,17z/data=!3m1!4b1!4m5!3m4!1s0x89c25975d7eb2a03:0x23235818f2fd4bfa!8m2!3d40.7301415!4d-73.9807172"><i class="text-muted fas fa-map-marker-alt "target="blank"></i><span class="pl-2 text-muted">Planet Rose Karaoke</span></a></li>
<li class="pt-2"><i class="text-muted far fa-calendar-alt "></i><span class="pl-2 text-muted">16 Nov 2019, 11:30PM - ¯\_(ツ)_/¯</span></li>
</ul>
<p>East village karaoke for drinkers who sing and singers who drink. Zebra couches, wireless mics and plenty of liquid courage. We chose this venue because the drinks are strong and cheap, the karaoke is loud and communal, and we wanted to spend some time here before it gets replaced by a Duane Reade.</p>
</div>
</div>
<div class="col-md-5 col-sm-12">
<div class="my-3"><img class="img-fluid" src="images/reception.jpg" alt="Reception" data-aos="fade-up-right" data-aos-duration="1000"/></div>
</div>
</div>
</div>
</div>
<div class="ww-section" id="people">
<div class="container ww-couple-friends">
<h2 class="h1 text-center pt-3 ww-title" data-aos="zoom-in-down" data-aos-duration="1000">Registry</h2>
<!--<div class="carousel slide" id="ww-carouselIndicator" data-ride="carousel" data-aos="zoom-in-up" data-aos-duration="1000">
<ol class="carousel-indicators">
<li class="active" data-target="#ww-carouselIndicator" data-slide-to="0"></li>
<li data-target="#ww-carouselIndicator" data-slide-to="1"></li>
</ol>-->
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-4">
<div class="card d-block mb-3"><a href="https://www.amazon.com/wedding/carson-hyde-alicia-harder-new-york-november-2019/registry/1ZKVT50A86HFF" target="blank"><img class="card-img-top" src="images/groom-men-1.jpg" alt="Amazon"/></a>
</div><p>We figured it might be easiest to lump all our physical good requests into one place. What kinds of things do newly weds need? We were thinking kitchenware and board games.</p>
</div>
<div class="col-md-4">
<div class="card d-block mb-3"><img class="card-img-top" src="images/groom-men-2.jpg" alt="Venmo"/>
</div><p>Can't make it or don't want to lug a gift with you or deal with USPS but still want to get us something? We'd like to do a quick mini-honeymoon visiting haunted places in Florida, so you could also send us some cash with cute emojis. Find us at <a href="https://venmo.com/Carson-Hyde" target="blank">@Carson-Hyde</a> or <a href="https://venmo.com/alikharder" target="blank">@alikharder</a>. <a href="https://nypost.com/2019/01/30/millennial-newlyweds-just-want-you-to-venmo-them-cash/" target="blank">Millenials, amirite?</a></p>
</div>
<div class="col-md-4">
<div class="card d-block mb-3"><a href="https://thegoodbeginning.com/registries/carson-hyde-alicia-harder/" target="blank"><img class="card-img-top" src="images/groom-men-3.jpg" alt="The Good Beginning"/></a>
</div><p>If you don't want to support giant corporations but still want to get us something, we are also registered here. We chose non-profits that work to defend the environment or help alleviate food insecurity, specifically, Surfrider Foundation, National Park Foundation, Natural Resources Defense Council, Meals on Wheels, and Feeding America.</p>
</div>
</div>
</div>
</div>
<!--<div class="carousel-item">
<div class="row">
<div class="col-md-4">
<div class="card d-block mb-3"><img class="card-img-top" src="images/bride-maid-1.jpg" alt="Bride Maid 1"/>
<div class="card-body text-center">
<div class="h5">Rachel Lawson</div>
<p class="mb-0 text-muted">Best Friend</p>
<p class="text-muted">Bridesmaids</p>
<div class="ww-social-links"><a class="btn btn-link" href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card d-block mb-3"><img class="card-img-top" src="images/bride-maid-2.jpg" alt="Bride Maid 2"/>
<div class="card-body text-center">
<div class="h5 text-center">Betty George</div>
<p class="mb-0 text-muted">Room Mate</p>
<p class="text-muted">Bridesmaids</p>
<div class="ww-social-links"><a class="btn btn-link" href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card d-block mb-3"><img class="card-img-top" src="images/bride-maid-3.jpg" alt="Bride Maid 3"/>
<div class="card-body text-center">
<div class="h5 text-center">Emma Snyder</div>
<p class="mb-0 text-muted">Friend</p>
<p class="text-muted">Bridesmaids</p>
<div class="ww-social-links"><a class="btn btn-link" href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a><a class="btn btn-link" href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></div>
</div>
</div>
</div>
</div>
</div>-->
</div>
</div>
</div>
</div>
<div class="ww-section bg-light" id="gallery">
<div class="ww-photo-gallery">
<div class="container">
<h2 class="h1 text-center pb-3 ww-title" data-aos="zoom-in-down" data-aos-duration="1000">Photo Gallery</h2>
<!--<div class="col-md-12 text-center ww-category-filter mb-4"><a class="btn btn-outline-primary ww-filter-button" href="#" data-filter="all">All</a><a class="btn btn-outline-primary ww-filter-button" href="#" data-filter="vacation">Our Vacation</a><a class="btn btn-outline-primary ww-filter-button" href="#" data-filter="party">Party</a><a class="btn btn-outline-primary ww-filter-button" href="#" data-filter="ceremony">Ceremony</a><a class="btn btn-outline-primary ww-filter-button" href="#" data-filter="wedding">Wedding</a></div>-->
<div class="ww-gallery" data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-delay="300" data-aos-duration="1000" data-aos-offset="0">
<div class="card-columns">
<div class="card" data-groups="["vacation","ceremony"]"><a href="images/gallery-pic-1.jpg" data-toggle="lightbox" data-gallery="ww-gallery"><img class="img-fluid" src="images/gallery-pic-1.jpg" alt="Gallery Pic 1"/></a></div>
<div class="card" data-groups="["party","wedding"]"><a href="images/gallery-pic-2.jpg" data-toggle="lightbox" data-gallery="ww-gallery"><img class="img-fluid" src="images/gallery-pic-2.jpg" alt="Gallery Pic 2"/></a></div>
<div class="card" data-groups="["vacation"]"><a href="images/gallery-pic-3.jpg" data-toggle="lightbox" data-gallery="ww-gallery"><img class="img-fluid" src="images/gallery-pic-3.jpg" alt="Gallery Pic 3"/></a></div>
<div class="card" data-groups="["party","vacation"]"><a href="images/gallery-pic-4.jpg" data-toggle="lightbox" data-gallery="ww-gallery"><img class="img-fluid" src="images/gallery-pic-4.jpg" alt="Gallery Pic 4"/></a></div>
<div class="card" data-groups="["vacation"]"><a href="images/gallery-pic-5.jpg" data-toggle="lightbox" data-gallery="ww-gallery"><img class="img-fluid" src="images/gallery-pic-5.jpg" alt="Gallery Pic 5"/></a></div>
<div class="card" data-groups="["wedding","ceremony","party"]"><a href="images/gallery-pic-6.jpg" data-toggle="lightbox" data-gallery="ww-gallery"><img class="img-fluid" src="images/gallery-pic-6.jpg" alt="Gallery Pic 6"/></a></div>
<div class="card" data-groups="["vacation"]"><a href="images/gallery-pic-7.jpg" data-toggle="lightbox" data-gallery="ww-gallery"><img class="img-fluid" src="images/gallery-pic-7.jpg" alt="Gallery Pic 7"/></a></div>
<div class="card" data-groups="["wedding","party"]"><a href="images/gallery-pic-8.jpg" data-toggle="lightbox" data-gallery="ww-gallery"><img class="img-fluid" src="images/gallery-pic-8.jpg" alt="Gallery Pic 8"/></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="ww-section ww-rsvp-detail text-white" id="rsvp">
<div class="container" data-aos="zoom-in-up" data-aos-duration="1000">
<div class="col text-center">
<h2 class="h1 ww-title pb-3" data-aos="zoom-in-down" data-aos-duration="1000">Join Our Party</h2>
</div>
<div class="row ww-rsvp-form">
<div class="col-md-10">
<div class="card-body">
<form action="https://formspree.io/[email protected]" method="POST">
<div class="row">
<div class="col md-6 pb-3">
<div class="form-group">
<label for="name-input">Your Name*</label>
<input class="form-control" id="name-input" type="text" name="name" required="required"/>
</div>
</div>
<div class="col-md-6 pb-3">
<div class="form-group">
<label for="email-input">Your Email*</label>
<input class="form-control" id="email-input" type="email" name="_replyto" required="required"/>
</div>
</div>
</div>
<div class="row">
<div class="col md-6 pb-3">
<div class="form-group">
<label for="guest-input">Number of Guests</label>
<select class="form-control" id="guest-input" name="guest">
<option value="1">One</option>
<option value="2">Two</option>
</select>
</div>
</div>
<div class="col-md-6 pb-3">
<div class="form-group">
<label for="events-input">I am Attending</label>
<select class="form-control" id="events-input" name="events">
<option value="all-event">All Events</option>
<option value="wedding-ceremony">Wedding Ceremony and Reception</option>
<option value="reception-party">After-Party</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label for="message-input">Mailing Address and Any Notes</label>
<textarea class="form-control" id="message-input" name="message" rows="4"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col text-center">
<button class="btn btn-primary btn-submit" type="submit">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="ww-footer bg-light">
<div class="container text-center py-4">
</div>
</div></div>
</div>
<footer></footer>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/ekko-lightbox.min.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>