-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
176 lines (135 loc) · 6.22 KB
/
home.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
<!DOCTYPE html>
<html>
<head>
<title>Grace & Levi's Wedding Site: Home</title>
<!-- meta tages for social media -->
<!-- facebook -->
<meta property="og:title" content="Grace and Levi's Wedding Site">
<meta property="og:description" content="Join us for our wedding! Check out all the info you need to know on this site.">
<meta property="og:image" content="img/slideshow/wedding27.jpg">
<meta property="og:url" content="https://grace-manthey.github.io/grace-and-levi/home.html">
<!-- twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Grace and Levi's Wedding Site">
<meta name="twitter:description" content="Join us for our wedding! Check out all the info you need to know on this site.">
<meta name="twitter:image" content="img/slideshow/wedding27.jpg">
<!-- viewport for responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS stylesheets -->
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/jqueryui.css" rel="stylesheet" type="text/css">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Alex+Brush&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="title">
<h1>Grace and Levi Get Married!</h1>
<div class="line"></div>
<h2>June 27, 2020 ~ 2:30 p.m. ~ Kincaid Chalet, Anchorage, AK</h2>
</div>
<div class="header">
<img src="img/bestdayever.JPG">
</div>
<div class="content">
<div class="background desktopbackground">
<img src="img/background-01.png">
<!-- <div class="footer">
<p>ALL RIGHTS RESERVED © 2019 GRACE MANTHEY </p>
</div> -->
</div>
<div class="background mobilebackground">
<img src="img/mobilebackground-01.png">
<!-- <div class="footer">
<p>ALL RIGHTS RESERVED © 2019 GRACE MANTHEY </p>
</div> -->
</div>
<div class="invisible"></div>
<div class="menu">
<div class="innermenu" id="mobilemenu">
<div class="hamburger">
<p>MENU</p>
<div class="menuarrow">
<img src="img/hamburger-01.png">
</div>
<div class="menuarrowup">
<img src="img/hamburgerup-01.png">
</div>
</div>
</div>
<div class="innermenu desktopmenu">
<div class="home items"><p><a href="home.html">Home</a></p></div>
<div class="aboutus items"><p><a href="about.html">About Us</a></p></div>
<div class="locationinfo items"><p><a href="location.html">FAQ/Info</a></p></div>
<div class="registry items"><p><a href="registry.html">Registry</a></p></div>
<div class="rsvp items"><p><a href="rsvp.html">RSVP</a></p></div>
</div>
</div>
<div class="outerreg">
<div class="regbox">
<div class="block innerreg">
<p> Welcome to our wedding website! Here you will find information about us, the location, date, and time of our wedding, a link to our registry, and a google form to RSVP. </p>
<p>We are so excited to share this special day with all of you, so let us know if you have any questions.</p>
<div class="homebutton aboutbutton">
<div class="logos">
<a href="about.html"> <img src="img/aboutlogo.png"> </a>
</div>
<h3><a href="about.html">About Us</a></h3>
</div>
<div class="homebutton locationbutton">
<div class="logos">
<a href="location.html"><img src="img/locationlogo.png"></a>
</div>
<h3><a href="location.html">FAQ and Additional Info</a></h3>
</div>
<div class="homebutton registrybutton">
<div class="logos">
<a href="registry.html"><img src="img/registrylogo.png"></a>
</div>
<h3><a href="registry.html">Registry</a></h3>
</div>
<div class="homebutton rsvpbutton">
<div class="logos">
<a href="rsvp.html"> <img src="img/rsvplogo.png"></a>
</div>
<h3><a href="rsvp.html">RSVP</a></h3>
</div>
</div>
</div>
</div>
</div> <!-- End content div -->
</div> <!-- END CONTAINER DIV -->
<div class="popup">
<div class="popupbox">
<div class="backgroundphoto">
<img src="img/background-popup-01.png">
</div>
<div class="popupcontainer">
<div class="popupcontent">
<div class="update">
<h2>COVID-19 UPDATE</h2>
<p>Hello everyone! </p>
<p>We wanted to give everyone an update on how we are planning around the current coronavirus pandemic. We are closely monitoring the situation, and as of right now our wedding is planned to take place as scheduled.</p>
<p>If it seems as though it will not be safe to hold the wedding as planned by the end of May, we will postpone.</p>
<p>We realize many of you may have already RSVP-ed and are thinking about changing your travel plans. If that is the case please contact one of us! There will be absolutely no hard feelings if you can't make it to celebrate with us. Your physical, mental and financial health are much more important.</p>
<p> Also, if you're unable to attend, we plan on live streaming the ceremony for you to watch remotely if you'd like!</p>
<p>Stay safe everyone!</p>
<p>Grace & Levi</p>
</div>
<div class="gotit">
<h3>GOT IT!</h3>
</div>
</div>
</div>
</div>
</div>
<!-- JAVASCRIPT -->
<script src="js/jquery.js"></script>
<script src="js/jqueryui.js"></script>
<script src="js/lib/waypoints.min.js"></script>
<script src="js/lib/cycle2.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
<!-- Code by Grace Manthey -->