-
Notifications
You must be signed in to change notification settings - Fork 0
/
Invitation.html
62 lines (61 loc) · 1.83 KB
/
Invitation.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invitation</title>
<style>
body{
background-color:#5f0f40 ;
}
h1{
font-family: 'Cinzel', serif;
color: aliceblue;
}
h2{
font-family: 'Chivo', sans-serif;
color: aliceblue;
}
h3{
font-family:'Times New Roman', Times, serif;
color: aliceblue;
}
li{
font-family: 'Charm', cursive;
color: aliceblue;
}
a{
color: aliceblue;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
p{
font-family:'Charm', cursive;
font-size: 50px;
text-align: center;
color: aliceblue;
}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Charm&display=swap" rel="stylesheet">
</head>
<body>
<h1>Haloween Putlock Invitation </h1>
<h2>October 31 </h2>
<img src="./IMG_4847.jpg" width="300" height="200" alt="Halloween Image" />
<h3>What to bring</h3>
<ul>
<li>Cookies</li>
<li>Homade Juice </li>
<li>Rice</li>
<li>Candy</li>
<li>Chips</li>
<li>Pasta</li>
</ul>
<a href="https://www.google.com/maps/place/Berea+College/@37.5706584,-84.2887064,3a,90y,282.54h,89.1t/data=!3m6!1e1!3m4!1sDFSOOvQRXDy8hNPX0o21rw!2e0!7i16384!8i8192!4m14!1m7!3m6!1s0x8842e1ecd15402ef:0x399cc219929fb182!2sBerea+College!8m2!3d37.570585!4d-84.288969!16zL20vMGIybjY!3m5!1s0x8842e1ecd15402ef:0x399cc219929fb182!8m2!3d37.570585!4d-84.288969!16zL20vMGIybjY?entry=ttu">Location Map</a>
<p>Hope to see you all there! </p>
</body>
</html>