-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathschedule.html
151 lines (140 loc) · 6 KB
/
schedule.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
<!doctype html>
<html>
<head>
<title>Max and Emily are getting hitched!</title>
<meta name="description" content="Max and Emily are getting hitched!">
<link href='https://fonts.googleapis.com/css?family=Space Mono' rel='stylesheet'>
<!-- Adding Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<style type="text/css">
table,tr,th,td {
border-spacing: 5em;
font-family:avenir;
}
a {
font-family:avenir;
color: #0a4d04;
text-decoration: underline;
}
.first-item {
padding-left: 3em;
}
/* Make the image black and white */
img {
filter: grayscale(100%);
border: 6px solid #4c7b57;
}
@font-face {
font-family: 'cursive-dancing';
src: url('fonts/dancing-script.dancingscriptot.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
p {
font-size: 1.5em;
}
/* Set background image for the top section */
body {
background-image: url('pics/top-left-leaf.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
}
/* Set background image for the bottom section */
.bottom-section {
background-image: url('pics/bottom-right-leaf.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
}
#nav1
{
background-color:#7d3cff; /*whichever you want*/
opacity: 0.85;
}
title {
font-weight: bold;
}
.nav-item {
font-size: 1.5em;
opacity: 100%;
}
li {
font-size: 1.5em;
}
</style>
</head>
<body style="background-color:#e3e9e5;">
<!-- Updating Bootstrap Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light d-flex flex-column align-items-center">
<a href="https://maxandemilys.wedding/" class="navbar-brand mb-0" style="font-family:cursive-dancing; font-size: 3em; text-align: center; font-color: #4c7b57">Max & Emily are getting hitched!</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<b><a href="https://maxandemilys.wedding/schedule" class="nav-link text-center" style="font-size: 1.5em;" href="#schedule">Schedule</a></b>
</li>
<li class="nav-item">
<a href="https://maxandemilys.wedding/travel" class="nav-link text-center" style="font-size: 1.5em;" href="#travel-venue">Travel & Venue</a>
</li>
<li class="nav-item">
<a class="nav-link text-center" style="font-size: 1.5em;" href="https://maxandemilys.wedding/rsvp">RSVP</a>
</li>
<li class="nav-item">
<a class="nav-link text-center" style="font-size: 1.5em;" href="https://maxandemilys.wedding/faq">FAQ</a>
</li>
</ul>
</div>
</nav>
<center>
<table style="width:100%;" class="center">
<tr>
<td><center><img src="pics/dinner.jpeg" alt="Max and Emily" style="width: 100%;"></center></td>
</tr>
</table>
</center>
<br>
<center>
<table style="width:80%;" class="center">
<tr>
<td>
<p>
To be announced, but for now, important point is that the wedding is on </b> 19 December 2024 </b>.
</p>
</td>
</tr>
</table>
</center>
<br>
<center>
<table style="width:80%;" class="center">
<tr>
<td>
<p>
</b> On the day: </b> Weather dependent, we'll have the ceremony in the beach forest at 3:30pm. Signs will be up to help navigate (mostly for Max actually). We'll then enjoy some drinks, nibbles and lawn games on the main lawn before heading into the reception tent for dinner, speeches and a party!
</p>
</td>
</tr>
</table>
</center>
<br>
<center>
<table style="width:80%;" class="center">
<tr>
<td>
<p>
</b> PS: </b> There will be a trail run (guestimate 10 -15ks?) from the venue the morning of the wedding (shocker). Let Em or Max know if you want to join for more details :)
</p>
</td>
</tr>
</table>
</center>
<br>
<!-- Adding Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>