-
Notifications
You must be signed in to change notification settings - Fork 0
/
thank-you.html
142 lines (124 loc) · 6.8 KB
/
thank-you.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
<!doctype html>
<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Wedding J&M - Gratitude</title>
<meta name="description" content="A thank you page with gratitute receipts for Julia and Maggie's Wedding at Planet Bluegrass.">
<meta name="author" content="Julia Kent">
<!-- Preload Bootstrap CSS -->
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" as="style">
<!-- Load Bootstrap CSS from CDN -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<!-- Preload Banner Image -->
<link rel="preload" href="../images/dancing.webp" as="image">
<style>
.jumbotron-ty {
background-image: url("../images/dancing.webp");
}
</style>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon_io/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="favicon_io/android-chrome-512x512.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon_io/favicon-16x16.png">
<link rel="manifest" href="favicon_io/site.webmanifest">
<link rel="icon" href="favicon_io/favicon.ico" type="image/x-icon">
</head>
<body>
<nav class="navbar navbar-expand-md fixed-top">
<div class="container-fluid nav-text-container" style="margin: 0; padding: 0;">
<a class="navbar-brand nav-link fw-bold py-1 px-0 active" href="index.html" style="font-size: 1em;">
<img src="images/JandM.svg" alt="J&M" style="height: 1.5em;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ms-auto mb-2 mb-md-0">
<li class="nav-item">
<a class="nav-link fw-bold py-1 px-0" href="rsvp.html">R.S.V.P.</a>
</li>
<li class="nav-item">
<a class="nav-link fw-bold py-1 px-0" href="story.html">Story</a>
</li>
<li class="nav-item">
<a class="nav-link fw-bold py-1 px-0" href="schedule.html">Schedule</a>
</li>
<li class="nav-item">
<a class="nav-link fw-bold py-1 px-0" href="travel.html">Travel</a>
</li>
<li class="nav-item">
<a class="nav-link fw-bold py-1 px-0" href="faq.html">F.A.Q.</a>
</li>
<li class="nav-item">
<a class="nav-link fw-bold py-1 px-0" href="thank-you.html">Gratitude</a>
</li>
</ul>
</div>
</div>
</nav>
<main class="main-content">
<div class="jumbotron jumbotron-fluid jumbotron-ty">
<div class="container">
<h1 class="display-4">Thank You!</h1>
<p class="lead">Seriously.</p>
</div>
</div>
<div class="container">
<h1 class="mt-3" style="padding-bottom: 1rem">Gratitude</h1>
<p>
We'd like to thank our families for watching us grow. <br><br>
Thanks to Planet Bluegrass for hosting us on our special day. <br><br>
Thank you Phish for introducing us. <br><br>
Thank you, Peter Marek (<a href="https://rabbitjewelryco.myportfolio.com/work" class="text-body-secondary">Rabbit Jewelry Co.</a>) for our beautiful rings. <br><br>
Thank you everyone for making the effort to celebrate with us. We know a lot of our family had to travel far.
</p>
</div>
<div class="text-center" style="padding:1rem">
<img loading="lazy"
sizes="(max-width: 1400px) 50vw, 700px"
srcset="
images/Birds_jwo395/Birds_jwo395_c_scale,w_200.png 200w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_362.png 362w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_481.png 481w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_591.png 591w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_678.png 678w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_759.png 759w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_830.png 830w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_901.png 901w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_971.png 971w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_1036.png 1036w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_1095.png 1095w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_1154.png 1154w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_1211.png 1211w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_1264.png 1264w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_1328.png 1328w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_1377.png 1377w,
images/Birds_jwo395/Birds_jwo395_c_scale,w_1400.png 1400w"
src="images/Birds_jwo395/Birds_jwo395_c_scale,w_1400.png"
alt="Bird Stamp">
</div>
</main>
<footer class="py-3 my-4 border-top bg-light">
<div class="container d-flex justify-content-between align-items-center">
<div class="col-md-4 text-center text-md-start">
<p class="mb-0 text-body-secondary"><a href="https://github.com/jukent/maggie-and-julia" class="text-body-secondary">Coded by Julia</a><br>with lots of love for Maggie</p>
</div>
<div id="countdown" class="col-md-4 mb-0 text-body-secondary text-center"></div>
<div class="col-md-4 text-center text-md-end">
<p class="mb-0 text-body-secondary">Banner Photography by<br><a href="https://angiewilderphoto.com/" class="text-body-secondary">Angie Wilder</a></p>
</div>
</div>
</footer>
<script src="./js/custom.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@/js@3"></script>
<!-- Preload Bootstrap JS -->
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" as="script">
<!-- Load Bootstrap JS from CDN -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous" defer></script>
</body>
</html>