-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
101 lines (97 loc) · 4.15 KB
/
index.html
File metadata and controls
101 lines (97 loc) · 4.15 KB
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
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<meta name="description" content="This is the landing page of my website I had to make for web-markup">
<meta name="keywords" content="index landing page web markup">
<meta name="author" content="Arno Keesman">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="icon" type="image/png" href="img/favicon.png">
<title>home page</title>
</head>
<body class="homePage">
<header>
<img src="img/favicon.png" alt="website logo" title="website logo">
<h1>yeah well</h1>
<h2>what is a payoff supposed to mean in this context?</h2>
<nav>
<input type="checkbox" id="menuCheckbox">
<ul>
<li><a href="index.html" class="active">home</a></li>
<li><a href="product.html">product</a></li>
<li><a href="pricing.html">pricing</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</nav>
</header>
<main>
<video autoplay muted loop>
<source src="video/earth.ogg" type="video/ogg">
<source src="video/earth.mp4" type="video/mpeg">
</video>
<section class="articles">
<h2 class="gone">sections require headings</h2>
<article>
<figure>
<img src="img/placeholder.svg" title="placeholder image" alt="placeholder image">
<figcaption>© someone somewhere</figcaption>
</figure>
<h2>art 1</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ea hic veniam sed alias, qui minus nobis
sit voluptatibus error magni mollitia. <em>Perferendis, placeat temporibus sed quasi magnam dolor ab
ut
illum facere provident dolorem autem nihil ipsam quaerat?</em>> Debitis ducimus est nulla modi
necessitatibus eos quae corrupti fugiat nemo, adipisci accusantium ea quia iste asperiores cum
distinctio repellendus voluptates quisquam fuga! Assumenda officiis optio, non necessitatibus
dolorum, ullam libero praesentium qui nulla vel porro est!</p>
<footer>footer 1</footer>
</article>
<article>
<figure>
<img src="img/placeholder.svg" title="placeholder image" alt="placeholder image">
<figcaption>© someone somewhere</figcaption>
</figure>
<h2>art 2</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga odio ad, quo nemo distinctio voluptate
molestiae ab dignissimos quis, quae cupiditate magni. Voluptatem voluptatum saepe nemo mollitia
amet, <strong>nobis earum tenetur ad porro ea eos tempore,</strong>> rerum iusto hic necessitatibus
eveniet, adipisci
dignissimos commodi asperiores? Vero totam omnis doloremque illum possimus amet iusto, unde, aut,
ipsa quidem quisquam id voluptatem dolor eum autem deserunt soluta similique ut nesciunt sint! Ea
optio sunt, temporibus dolores expedita perferendis ex et nemo earum!</p>
<footer>footer 2</footer>
</article>
<article>
<figure>
<img src="img/placeholder.svg" title="placeholder image" alt="placeholder image">
<figcaption>© someone somewhere</figcaption>
</figure>
<h2>art 3</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex nobis, vitae quas omnis maxime architecto
fugiat ut repudiandae! Illum ea a, mollitia hic itaque quos quasi sit enim rerum culpa aut
reiciendis fugiat sunt maiores deserunt voluptatum ab inventore eum magnam? Impedit nemo veritatis
ab tempora officia qui sequi aspernatur, eaque voluptas reprehenderit harum, pariatur molestiae
consectetur eligendi suscipit, accusantium necessitatibus illum. Assumenda consequuntur quisquam
facilis quod ratione nobis eum eius adipisci unde, tempora laborum sed animi facere eveniet quasi
temporibus aperiam. Quam, tempora exercitationem.</p>
<footer>footer 3</footer>
</article>
</section>
<aside>
<h2>top 5</h2>
<ol>
<li>super important list item 1</li>
<li>super important list item 2</li>
<li>super important list item 3</li>
<li>super important list item 4</li>
<li>super important list item 5</li>
</ol>
</aside>
</main>
<footer>
<p id="cookieStatement">Cookie statement</p>
<p>© 2022 Arno Keesman (705693)</p>
</footer>
</body>
</html>