-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathwedding.html
154 lines (145 loc) · 4.53 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
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Michelle & Will Get Married">
<meta name="og:title" property="og:title" content="Michelle & Will Get Married">
<meta name="og:description" property="og:description" content="Michelle & Will Get Married">
<meta name="author" content="Will Folsom">
<title>Michelle & Will Get Married</title>
<link rel="stylesheet" href="style-wedding.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Parisienne&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
</head>
<body>
<div class="hero">
<div class="hero-1">
<img src="images/header.jpg" style="max-height: 450px;" />
</div>
<div class="hero-2">
<h2>Michelle & Will</h2>
<h1>Get Married</h1>
<hr style="margin: 24px 0px;" />
<p>May 16th, 2025 @ 12pm PST</p>
<a href="https://lu.ma/event/evt-fwPHF229hcbAulv" class="button" data-luma-action="checkout"
data-luma-event-id="evt-fwPHF229hcbAulv">
Register
</a>
</div>
</div>
<!-- details -->
<div class="wrap">
<div class="card">
<h1 style="margin-bottom: 12px;">Details</h1>
<p><b>Save the date! Michelle and Will are getting married on Friday, May 16th, 2025.</b></p>
<p>
The ceremony will be located at the Santa Barbara County Courthouse, in the Mural Room and on the surrounding
grounds, starting at 12pm PST.
</p>
<p>
Photos will be taken throughout the ceremony.
</p>
<h2 id="demo"></h2>
</div>
</div>
<!-- photo banner -->
<div class="photobanner">
<div class="img first">
<img src="images/banner/1-0.jpg" />
</div>
<div class="img">
<img src="images/banner/2-0.jpg" />
</div>
<div class="img">
<img src="images/banner/3-0.jpg" />
</div>
<div class="img">
<img src="images/banner/4-0.jpg" />
</div>
<div class="img">
<img src="images/banner/5-0.jpg" />
</div>
<div class="img">
<img src="images/banner/7-0.jpg" />
</div>
<div class="img">
<img src="images/banner/6-0.jpg" />
</div>
<div class="img">
<img src="images/banner/1-0.jpg" />
</div>
<div class="img">
<img src="images/banner/2-0.jpg" />
</div>
<div class="img">
<img src="images/banner/3-0.jpg" />
</div>
<div class="img">
<img src="images/banner/4-0.jpg" />
</div>
<div class="img">
<img src="images/banner/5-0.jpg" />
</div>
<div class="img">
<img src="images/banner/7-0.jpg" />
</div>
<div class="img">
<img src="images/banner/6-0.jpg" />
</div>
</div>
<!-- start locations -->
<div class="wrap-2">
<div class="photo-row">
<div class="photo-row-1-l">
<h1>Ceremony</h1>
<h2>Santa Barbara County Courthouse, Mural Room</h2>
<p>1100 Anacapa St, Santa Barbara, CA 93101<br />12pm-2pm PST<br /></p>
<div style="margin-top: 32px;">
<a href="https://www.atlasobscura.com/places/the-mural-room" class="button">View</a>
</div>
</div>
<div>
<img src="images/mural.jpg" style="max-height: 450px;" />
</div>
</div>
</div>
<div class="wrap">
<div class="photo-row-2">
<div>
<img src="images/outside.jpg" style="max-height: 450px;" />
</div>
<div class="photo-row-1-l">
<h1>Happy Hour</h1>
<h2>Location TBD</h2>
<p>3pm-5pm PST</p>
</div>
</div>
</div>
<div class="wrap-2">
<div class="photo-row">
<div class="photo-row-1-l">
<h1>Dinner</h1>
<h2>Loquita</h2>
<p>202 State Street Santa Barbara, CA 93101<br />5pm-8pm PST</p>
<div style="margin-top: 32px;">
<a href="https://www.loquitasb.com/" class="button">View</a>
</div>
</div>
<div>
<img src="images/loquita.jpg" style="max-height: 450px;" />
</div>
</div>
</div>
<script>
(function () {
let m = new Date("May 16, 2025");
var d = m - new Date();
var days = Math.floor(d / (1000 * 60 * 60 * 24));
document.getElementById("demo").innerHTML = days + (" days to go!");
if (d < 0) {
document.getElementById("demo").innerHTML = "0 days to go!";
}
})();
</script>
<script id="luma-checkout" src="https://embed.lu.ma/checkout-button.js"></script>
</body>