-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwedding.html
executable file
·195 lines (190 loc) · 8 KB
/
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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Tosh & Allie's Wedding</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="/site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<meta name="theme-color" content="#edc2b2">
<link href="https://fonts.googleapis.com/css?family=Kanit:700|Nunito+Sans:300,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="/css/wedding.css">
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/?locale=en" target="_blank">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<div class="l-parallax-wrapper js-scroll">
<header class="l-sticky-header">
<div class="c-site-header">
<div class="container">
<div class="row">
<div class="col-6 col-md-3 col-lg-2">
<a href="/wedding/rsvp" target="_blank" class="c-button c-button--100w">R S V P</a>
</div>
<div class="col-6 col-md-9 col-lg-10">
<div class="row justify-content-around d-none d-lg-flex">
<a class="c-nav-link col-auto js-nav-link" href="/wedding#home">Home</a>
<a class="c-nav-link col-auto js-nav-link" href="/wedding#our-story">Our Story</a>
<a class="c-nav-link col-auto js-nav-link" href="/wedding#wedding">Wedding</a>
<a class="c-nav-link col-auto js-nav-link" href="/wedding#getting-there">Getting There</a>
<a class="c-nav-link col-auto js-nav-link" href="/wedding#registry">Registry</a>
<a class="c-nav-link col-auto c-nav-link--bordered" href="/wedding/photos">Photos</a>
<a class="c-nav-link col-auto c-nav-link--bordered" href="/wedding/faq">FAQ</a>
</div>
<div class="row justify-content-end d-lg-none">
<a class="c-nav-link col-auto c-nav-link--bordered" href="/wedding/photos" style="margin-right: 20px;">Photos</a>
<a class="c-nav-link col-auto c-nav-link--bordered ml-auto" href="/wedding/faq" style="margin-right: 15px;">FAQ</a>
</div>
</div>
</div>
</div>
</div>
</header>
<a id="home" class="l-anchor js-anchor"></a>
<section class="c-section c-section--pink" style="padding-top: 20px;">
<img class="c-main-image" src="/images/tosh-allie.png" alt="Tosh & Allie">
<div class="container">
<div class="l-page-h1">
<h1 class="c-h1">Are Getting Married</h1>
</div>
<div class="l-page-date">
<h2 class="c-h2"><span class="h-strike">12<span class="c-th">th</span> June, 2020</span></h2>
<h2 class="c-h2"><span class="h-strike">11<span class="c-th">th</span> June, 2021</span></h2>
<h2 class="c-h2">Probably 10<span class="c-th">th</span> June, 2022</h2>
<h2 class="c-h2"><span class="c-th">(Definite date TBD)</span></h2>
</div>
<a href="#our-story"><img class="c-arrow-down" src="/images/down-chevron.svg"></a>
</div>
</section>
<a id="our-story" class="l-anchor js-anchor"></a>
<div>
<section class="c-section">
<div class="container">
<div class="l-h2">
<img src="/images/peone1.png">
</div>
<div class="l-h2">
<h2 class="c-h2">Our Story</h2>
</div>
<div class="row justify-content-center">
<div class="col-md-9 col-lg-7 col-xl-6">
<p class="c-p">It all started when we met on Tinder in 2016:<br></p>
<div class="c-chat-box">
<div class="h-text-left">
<pre class="c-speech-bubble c-speech-bubble--left">
____
| |
---------
/ • > • \ (Hey.)
\ O / ‘
/ • \
| • |
\ _ /
\_/ \_/</pre>
</div><br><br>
<div class="h-text-right">
<pre class="c-speech-bubble c-speech-bubble--right">
┌──────────┐
│ Hello. │
└∩────────∩┘
ヽ(`･ω･´)ﾉ</pre>
</div>
</div>
<br><br>
<p class="c-p">After the first date, we had nightly video game sessions and hung out every weekend.</p>
<p class="c-p">Moving in together was a no-brainer and we've been traveling, partying, and just being a couple of crazy kids.</p>
<p class="c-p">Since then we've been kickin' ass and taking names... last names that is. We were officially married on September 20th, 2019 in a small ceremony in San Francisco City Hall.</p>
<p class="c-p">And now we're very excited for you to join us for our celebration.</p>
</div>
</div>
</div>
</section>
<section class="c-parallax c-parallax--love"></section>
</div>
<a id="wedding" class="l-anchor js-anchor"></a>
<section class="c-section">
<div class="container">
<div class="l-h2">
<img src="/images/peone2.png">
</div>
<div class="l-h2">
<h2 class="c-h2">The Wedding</h2>
</div>
<div class="row justify-content-center">
<div class="col-md-6 col-lg-5 h-responsive-border">
<div class="l-h3">
<h3 class="c-h3">When</h3>
</div>
<p class="c-p">Probably June 10th, 2022 @ 5:00pm (definite date TBD)</p>
</div>
<div class="col-md-6 col-lg-5">
<div class="l-h3">
<h3 class="c-h3">Where</h3>
</div>
<p class="c-p">Gallery 308 @ Fort Mason Center<br>Landmark Building A, 2 Marina Blvd<br>San Francisco, CA 94123</p>
</div>
</div>
</div>
</section>
<a id="getting-there" class="l-anchor js-anchor"></a>
<div>
<section class="c-section c-section--pink">
<div class="container">
<div class="l-h2">
<h2 class="c-h2">Getting There</h2>
</div>
<div class="row justify-content-center">
<div class="col-md-9 col-lg-7 col-xl-6">
<p class="c-p">Parking at and around Gallery 308 is limited so plan transportation accordingly. We love you all so please drink responsibly and get an Uber if necessary.</p>
<br><a href="/wedding/map" class="c-button">View Map</a>
</div>
</div>
</div>
</section>
<section class="c-parallax c-parallax--marriage" title="Photo by Mari Kong"></section>
</div>
<a id="registry" class="l-anchor js-anchor"></a>
<section class="c-section">
<div class="container">
<div class="l-h2">
<img src="/images/peone3.png">
</div>
<div class="l-h2">
<h2 class="c-h2">Registry</h2>
</div>
<div class="row justify-content-center">
<div class="col-md-9 col-lg-7 col-xl-6">
<p class="c-p">We are so happy that you’ll be able to join us for our wedding. As many of you know, we live in a small SF house, and it is already filled with all the things we could ever need to make it a home.</p>
<p class="c-p">While the presence of your company is the only gift we could ever ask for, a small registry has been set up here. A letter box for cards will also be available at the event if you'd like to contribute to our future shenanigans.</p>
<a class="c-button" href="https://registry.theknot.com/allie-june-2020-ca/33432535" target="_blank">Registry</a>
</div>
</div>
</div>
</section>
<section class="c-section c-section--pink" style="padding-bottom: 20px;">
<div class="container">
<a href="#home"><img class="c-arrow-down" style="transform: rotate(180deg);" src="/images/down-chevron.svg"></a><br><br>
<p class="c-p">Questions? See the <a href="/wedding/faq">FAQ</a></p>
<p><small>© 2020 Tosh & Allie Goodson</small></p>
</div>
</section>
</div>
<script src="/js/active-nav.js"></script>
<script>
// apply smooth scrolling after page load so initial page hash doesn't do the animated scroll
setTimeout(() => {
const css = '.l-parallax-wrapper { scroll-behavior: smooth; }'
const style = document.createElement('style')
style.type = 'text/css'
style.appendChild(document.createTextNode(css))
document.head.appendChild(style)
}, 0)
</script>
<script src="/js/snow.js"></script>
</body>
</html>