/
wedding-shower.html
146 lines (139 loc) · 7.37 KB
/
wedding-shower.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mandy & Joey - Wedding Shower</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="css/stylesheet.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="icon" href="favicon.ico">
</head>
<body>
<div class="">
<section class="pb-16 position-relative overflow-hidden">
<nav class="navbar py-10 navbar-expand-xl navbar-light bg-transparent mb-2">
<div class="container">
<a class="navbar-brand" href="/" target="_blank">
<h1 class="mb-0 lh-sm mb-7 mandy-joey-logo" style="font-size: 3rem;">
<span>Mandy</span>
<span class="text-primary">&</span>
<span>Joey</span>
</h1>
</a>
</div>
</nav>
<div class="container">
<div class="row align-items-center mb-20 mb-xl-24">
<div class="col-12 col-md-6 col-xl-7 mb-6 mb-lg-0">
<h1 class="mb-6 lh-sm">Mandy's Bridal Shower</h1>
<a class="btn btn-primary-light d-block d-md-inline-block" href="#details">Details</a>
</div>
<div class="col-12 col-md-6 col-xl-5">
<p class="mb-0 lh-lg mw-md-sm">Please join us in celebrating Mandy and Joey's love at Patron Saint in Ohio City- their local Italian-inspired cafe.</p>
</div>
</div>
<div>
<img class="w-100 mb-10" src="pstls-assets/images/patron-saint.jpg" alt="">
</div>
</div>
</section>
<section class="py-16 overflow-hidden bg-light" id="details">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-6">
<div class="mw-sm mw-md-lg mx-auto mx-xl-0">
<h2 class="mb-9 display-5 lh-sm font-heading">Details</h2>
<p class="mb-14 mw-md lh-lg">Full coffee bar, cocktails, food, and dessert provided.</p>
<div class="mw-md">
<div class="d-flex align-items-center">
<h6 class="font-heading" style="font-family: var(--bs-body-font-family); font-size: 1rem;"><strong>Date:</strong> 4/28/2024</h6>
</div>
<div class="d-flex flex-row align-items-center mt-8">
<h6 class="font-heading" style="font-family: var(--bs-body-font-family); font-size: 1rem;"><strong>Time:</strong> 11am - 2pm</h6>
</div>
<div class="d-flex flex-row align-items-center mt-8">
<h6 class="font-heading" style="font-family: var(--bs-body-font-family); font-size: 1rem;"><strong>Parking:</strong> Street or <a href="https://maps.app.goo.gl/y7HXm1RhsMwuRVDf7">Church & State Parking Garage</a></h6>
</div>
<div class="d-flex flex-row align-items-center mt-8">
<h6 class="font-heading" style="font-family: var(--bs-body-font-family); font-size: 1rem;">Please RSVP and see registry below.</h6>
</div>
</div>
</div>
</div>
<div class="mt-16 mt-md-0 col-12 col-md-6">
<div class="position-relative">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d11954.733313279696!2d-81.7112713!3d41.4894646!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8830f12d9a42a2bf%3A0xef2e38586e44caec!2sPatron%20Saint%20Cafe%20%2B%20Bar!5e0!3m2!1sen!2sus!4v1705464064741!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</section>
<section class="py-24" id="rsvp">
<div class="container">
<div class="text-center mw-xl mx-auto">
<h2 class="mb-6 display-5 font-heading">RSVP</h2>
<p class="lh-lg">Please RSVP by 04/01/2024.</p>
</div>
<div class="row">
<div class="col-12 mb-8">
<script type="text/javascript" src="https://testaweddingshower.rsvpify.com/embed"></script>
</div>
</div>
</section>
<section class="py-24" id="registry">
<div class="container">
<div class="text-center mw-xl mx-auto">
<h2 class="mb-6 display-5 font-heading">Shower Registry</h2>
<p class="lh-lg">To be environmentally friendly, and to spend as much time as possible with our guests, please bring gifts unwrapped. We will be opening gifts after the shower when we will have ample time to appreciate and give thanks.</p>
</div>
<div class="row">
<div class="col-12 mb-8">
<a class="zola-registry-embed" href="www.zola.com/wedding/josephandmandy2024" data-registry-key="josephandmandy2024">Our Zola Wedding Registry</a><script>!function(e,t,n){var s,a=e.getElementsByTagName(t)[0];e.getElementById(n)||(s=e.createElement(t),s.id=n,s.async=!0,s.src="https://widget.zola.com/js/widget.js",a.parentNode.insertBefore(s,a))}(document,"script","zola-wjs");</script>
</div>
</div>
</section>
<section class="py-24 position-relative overflow-hidden bg-dark">
<div class="position-absolute top-0 start-0 bottom-0 end-0"
style="background-image: url('pstls-assets/images/call-to-action/shadows-big.png'); background-position: center;">
</div>
<div class="position-relative container">
<div class="py-20 px-4">
<div class="mw-2xl mw-xl-xl mw-xxl-2xl mx-auto mb-8 text-center" data-aos="zoom-in"
data-aos-duration="3000">
<h1 class="mb-6 text-white lh-sm font-heading">
<span>Save The Date</span>
</h1>
<h2 class="mb-6 text-white lh-sm">
<span>July 6th, 2024</span>
</h2><h4 class="text-white lh-sm">
<span>Truss</span>
</h4><p class="text-white lh-lg">2061 W 25th St, Cleveland, Ohio</p>
<p class="mt-20 text-white mandy-joey-signature">With Love,</p>
<p class="text-white mandy-joey-signature">Mandy & Joey</p>
<p>❤️</p>
</div>
</div>
</div>
<div class="position-absolute bottom-0 start-0" style="z-index: 1; opacity: 60%;">
<div class="d-none d-xl-block p-32 bg-dark"></div>
<div class="d-none d-xl-block mt-8 p-32 bg-dark"></div>
<div class="d-none d-xl-block mt-md-8 p-16 p-md-20 p-xl-32 bg-dark"></div>
</div>
<div class="position-absolute top-0 end-0" style="z-index: 1; opacity: 60%;">
<div class="d-none d-xl-block mt-8 p-32 bg-dark"></div>
<div class="d-none d-xl-block mt-8 p-32 bg-dark"></div>
<div class="d-none d-xl-block mt-md-8 p-16 p-md-20 p-xl-32 bg-dark"></div>
</div>
</section>
</div>
<script src="js/bootstrap/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="js/main.js"></script>
</body>
</html>