-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
83 lines (65 loc) · 1.82 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
<link rel="stylesheet" href="main.css" type="text/css" />
</head>
<style>
h1 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
html {
background: url(https://64.media.tumblr.com/e92ea29de165e8f81b05747967d00ef2/aabfed34297d6d3e-c6/s540x810/c83d33ab3a1f37fe8ffc2298e69e8334c1696763.gifv) no-repeat center fixed;
background-size: cover;
}
#Carlton img {
position: absolute;
top: 0px;
right: 0px;
}
#Baby img {
position: absolute;
top: 0px;
left: 0px;
}
#Pony img {
position: absolute;
bottom: 0px;
right: 0px;
}
#Fortnite img {
position: absolute;
bottom: 0px;
left: 0px;
}
</style>
<body>
<div id="dancing" class="centered-content">
<h1>Home Page Directory
<div>
<ul>
<li><a href="gale-page.html">Gale's Page</a></li>
<li><a href="kail-page.html">Kail's Page</a></li>
<li><a href="ian-page.html">Ian's Page</a></li>
<li><a href="ian-page-two.html">Ian's Page: Part Deux</a></li>
<li><a href="somnia-page-1.html">Somnia's First Page</a></li>
<li><a href="somnia-page.html">Somnia's Second Page</a></li>
</ul>
</h1>
<div id="Carlton">
<img src="https://vmscrub.com/wp-content/uploads/2017/05/happy-dance-animated-gif-image-1-2.gif" />
</div>
<div id="Baby">
<img src="https://i.gifer.com/origin/91/91386da72fe65d85184468f242d56227_w200.gif" />
</div>
<div id="Pony">
<img src="https://derpicdn.net/img/2018/10/27/1867179/full.gif" />
</div>
<div id="Fortnite">
<img
src="https://media2.giphy.com/media/JrMz5oYwxw1sNvuJSP/giphy.gif?cid=790b761154c620dc673018a9ada5a6049d1414cae5c0a243&rid=giphy.gif&ct=s" />
</div>
</div>
</div>
</body>
</html>