-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (105 loc) · 5.45 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
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
<!DOCTYPE html>
<!--the HTML's language-->
<html lang="en">
<head>
<meta charset="utf-8">
<title> Guestbook Landing Page </title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- CSS -->
<!-- <link rel="stylesheet" type="text/css" href="css/guestbook.css"> -->
<link rel="stylesheet" type="text/css" href="css/Guestbook.css">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<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=Fasthand&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Baloo+2&display=swap"
rel="stylesheet">
</head>
<body>
<div class="topnav">
<a class="active" href="/" />Home</a>
<a href="/guestbook" />Guestbook</a>
<a href="/newmessage" />New Entry</a>
<a href="/ajaxmessage" />Ajax</a>
</div>
<div id="paddingstuff">
<p id="fancytitle"><span id="fancy">Artemis</span>
is an ancient Greek mythological figure. <br> Known to in ancient Roman mythology as "Diana", she is the goddess of the hunt, the wilderness, wild animals, and nature, among other things.
She was often heavily identified with Selene, the personifcation of the Moon, and Hecate - another lunar deity, and was thus regarded as one of the most prominent lunar deities in mythology.
</p>
<img src="/thenight.jpg" class="rounded float-left"
alt="Diana as Personification of the Night by Anton Raphael Mengs"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In feugiat
vestibulum lectus non congue. Proin tempus tortor tellus, nec tincidunt
massa malesuada quis. Praesent varius semper tincidunt. Nulla metus
felis,
facilisis vel finibus eu, molestie vitae turpis. Nunc pharetra non
sapien
et faucibus. Mauris sollicitudin placerat nulla, vitae volutpat mi
efficitur pellentesque. Mauris sit amet lectus fermentum, imperdiet
ipsum
eu, ultricies dui. Integer auctor nulla sed interdum pharetra. Vivamus
finibus massa mauris. Phasellus nec justo nisi. Donec vel velit aliquam,
dapibus tortor et, auctor elit.
<br />
Donec et libero quis est sollicitudin volutpat. Donec ac ligula eget
lectus consectetur sagittis ut vitae diam. Fusce quis enim ac eros
dapibus
volutpat sed vel leo. Quisque pulvinar mattis urna at dignissim. Cras
sodales maximus est, a euismod eros aliquam non. Cras consectetur
facilisis lacus in vestibulum. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Nam ut posuere
mauris.
<br />
Curabitur in turpis purus. Donec id dui ornare, auctor neque rutrum,
placerat enim. Phasellus cursus arcu a blandit placerat. Quisque ut odio
augue. Praesent a arcu lobortis, sollicitudin turpis vel, viverra erat.
Suspendisse tellus dolor, rhoncus sed leo ac, semper pharetra tortor.
Vestibulum sit amet leo et erat hendrerit imperdiet. Nam pharetra,
mauris
in dapibus malesuada, nunc diam euismod lacus, vel dignissim ligula
tellus
in leo. Ut posuere viverra facilisis. Ut porttitor justo vel vestibulum
interdum. Fusce eu nulla ornare, fringilla massa nec, pretium dolor.
<br />
In odio ex, elementum ut pretium a, hendrerit sit amet sapien. Nullam eu
erat sapien. Phasellus vitae neque eleifend, interdum sapien ut,
suscipit
libero. Proin vel blandit diam. Ut molestie urna neque, quis laoreet
lacus
congue nec. Praesent et porta massa, a placerat tellus. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Pellentesque convallis aliquet arcu, eu fringilla ex egestas
sed.
<br />
Duis pharetra quam sed quam imperdiet auctor. Morbi mattis convallis
tellus in mollis. Integer vitae massa arcu. Interdum et malesuada fames
ac
ante ipsum primis in faucibus. Donec leo felis, tempus eget tempus eu,
hendrerit et dui. Nam quam erat, ultricies sit amet augue eu, eleifend
vestibulum lorem. Nam lacinia volutpat ullamcorper. Nulla porta urna ut
finibus varius. Vestibulum in arcu cursus, pretium eros a, facilisis
augue. Donec vel purus commodo, ullamcorper augue quis, convallis quam.
Maecenas ultrices dignissim aliquet.
<br />
Nulla tempus in erat porta hendrerit. Praesent sit amet auctor est.
Proin
eu pellentesque justo. Aliquam sagittis nibh diam, nec suscipit magna
elementum ut. Sed sagittis lorem sit amet neque mollis ultrices. Quisque
vehicula eros tellus, eu varius nibh bibendum vitae. Proin quis
dignissim
risus, at accumsan sapien. Pellentesque fermentum consequat cursus.
Vestibulum convallis nunc vel massa faucibus elementum. Vivamus nisi
nunc,
egestas quis dictum a, imperdiet et nisl. Aenean eget metus risus.
Vivamus
in turpis tortor.
</p>
</div>
</body>
</html>