-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (83 loc) · 4.24 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="main.css">
</head>
<body class="parallax">
<div class="parallax__group">
<div class="parallax__layer parallax__layer--foreground">
<div class="parallax__layer parallax__layer--background snazzy-background">
</div>
<header>
<h1>My snazzy website heading</h1>
</header>
<main>
<p>
Eget, vestibulum nullam pulvinar a. Morbi arcu tempor magnis nisl
convallis dapibus. Lobortis suspendisse dapibus ipsum malesuada
bibendum elementum augue conubia sociosqu adipiscing. Suscipit nec
lacinia ornare fusce dapibus rutrum dolor, quis elit interdum a.
Justo imperdiet lacus venenatis porttitor facilisi est. Leo sem
est ipsum ipsum dui? Porttitor non nascetur lectus at donec eget
posuere pulvinar urna orci tortor mauris. At metus arcu mus ligul,
consectetur arcu nam duis sodales nam tortor interdum. Etiam,
porta placerat ipsum ultricies phasellus proin est eget cras.
Primis habitasse consequat ante justo.
</p>
<p>
Consequat cursus laoreet non. Neque vitae euismod aliquet gravida
donec risus eget at rhoncus ante nostra facilisis. Egestas,
himenaeos porta vitae convallis. Dignissim habitant magna egestas
viverra. Conubia lacus aptent sollicitudin vivamus eros, sit
potenti! Conubia nostra litora rutrum nam, fermentum sed! Laoreet
curabitur mus etiam mi nulla conubia. Magnis congue lobortis
magnis malesuada elit ornare lorem? Mus himenaeos aliquam nullam,
hendrerit urna nam ut elit nostra habitant hendrerit. Maecenas
parturient primis dapibus nec tortor sociis at mollis per faucibu.
Dis et elit amet!
</p>
<p>
Morbi placerat commodo lorem morbi placerat suspendisse parturient
quisque varius consectetur. Faucibus, ridiculus fermentum sociosqu
ultrices torquent accumsan gravida. Congue tristique netus laoree
. Dictumst congue egestas eleifend maecenas dui at vehicula.
Pulvinar vestibulum venenatis pellentesque eleifend fringilla
malesuada egestas porttitor nibh accumsan. Justo nibh habitant mi,
fames ultricies nunc. Bibendum felis nisi mattis duis. Ut elit
facilisis nascetur ultricies potenti sem mus habitasse amet erat
elementum. Consequat feugiat taciti proin.
</p>
<p>
Euismod nascetur interdum nunc! Tellus aenean dolor dictum leo
habitasse luctus convallis viverra diam. Curae; dolor dapibus nec
nunc habitant phasellus vivamus gravida arcu, cursus nostra? Eros
purus natoque facilisi. Cras malesuada pulvinar urna commodo arcu.
Condimentum eu rutrum dignissim aptent; porttitor dolor montes
netus erat gravida. Faucibus malesuada leo fusce? Sociosqu curae;
vel habitasse porttitor convallis diam nullam donec. Laoreet clas,
sociis turpis commodo adipiscing lacus cras! Vitae luctus eros
curabitur. Curae; euismod arcu libero proin penatibus semper sit?
Orci.
</p>
<p>
Ad felis in a nisi parturient rhoncus erat nunc, sodales cras
elementum leo. Condimentum vehicula, fermentum ut risus ipsum
donec erat per. Condimentum euismod ante pulvinar urna elit
consectetur taciti nibh aliquam sem nibh. Venenatis curabitur
natoque, malesuada velit tincidunt. Ultrices rhoncus tellus
feugiat eleifend laoreet augue aliquet per cras sagittis. Varius
habitasse morbi dis velit suscipit fermentum sollicitudin mi elit
at sodales. Facilisis bibendum?
</p>
</main>
</div> <!-- Parallax foreground -->
</div> <!-- Parallax group -->
<footer class="parallax__group">
<div class="parallax__layer parallax__layer--foreground">
<p>Copyright my arse <time datetime="2023">MMXXIII</time></p>
</div>
</footer>
</body>
</html>