-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
93 lines (89 loc) · 4.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="stylesheets/indexstylesheet.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap" rel="stylesheet">
<title>Bier Hier Homepagea</title>
</head>
<body>
<div id=wrapper>
<main>
<div class="header">
<img src="images/bierbierbier.jpg" id="headerimg">
</div>
</main>
<div class="topnav">
<a href="index.html">Home</a>
<a href="concert.html">Concerten</a>
<a href="sport.html">Sport</a>
<a href="recept.html">Recepten</a>
<a href="contact.html">Contact</a>
<a href="overons.html" style="float: right">Over ons</a>
</div>
<h3 id="stage">Stagelopen in Almere</h3>
<section id="main">
<h1>Nieuws uit Almere Buiten</h1>
<article>
<img alt="bier1" src="images/bier1.jpg"><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim odio, viverra id bibendum porttitor,
ultricies non tortor.
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean volutpat
venenatis accumsan.
Donec scelerisque eu urna elementum varius.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum aliquam ultricies sapien, aliquet faucibus arcu scelerisque eget.
Suspendisse id felis id lectus tincidunt bibendum.<br><br> In accumsan orci libero, at volutpat magna
malesuada at.
Etiam tincidunt eleifend urna, non venenatis enim dapibus nec. Phasellus aliquam nisi ut mi finibus, in
convallis orci tempus.
Aliquam erat volutpat. Quisque non sodales mauris.
</article>
<article>
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Cras commodo consectetur libero, quis posuere justo mattis quis. Integer maximus convallis ligula nec
euismod.
Etiam sodales odio lorem, vitae pharetra nisi pharetra ac. In quis metus velit.<br><br> Curabitur sodales
accumsan suscipit.
Ut dolor est, euismod sed lacus quis, sollicitudin dignissim sem.
<br><img alt="bier2" src="images/bier2.jpg"><br>
Etiam facilisis feugiat scelerisque. Nunc pretium augue eu porta porta.
Cras mattis laoreet arcu, tincidunt faucibus metus laoreet sed.<br><br> Phasellus a mollis odio, ut
pellentesque arcu.
In a nunc auctor, sollicitudin massa a, porta odio. Nulla lectus purus, viverra at varius pellentesque,
mollis at lorem.
</article>
<article>
Sed fermentum odio zi, ac fermentum dolor placerat quis. Quisque commodo dui sit amet hendrerit accumsan.
Nulla ut risus sed tellus fringilla mattis non sit amet augue.<br><br> Donec sagittis orci dui, nec lobortis
velit convallis a.
Vestibulum porttitor leo scelerisque nunc lacinia, eget dignissim tortor interdum.
Proin molestie ipsum vel ligula rutrum, consectetur malesuada urna efficitur. Etiam imperdiet tincidunt
massa in vestibulum.
Integer bibendum aliquet ante sit amet efficitur. Mauris ipsum sapien, varius vel odio ut, vestibulum
facilisis nunc.
Ut scelerisque semper neque id facilisis.<br><br> Etiam fermentum ornare magna a rhoncus. Morbi suscipit
euismod mi sed tincidunt.
Donec convallis feugiat leo, non blandit ex facilisis ac.
Vivamus ex odio, porttitor nec odio vitae, pellentesque cursus lorem.<br>
<img alt="bier3" src="images/bier3.jpg">
</article>
</section>
<footer>
<h3>Sitelinks</h3>
<section class="footerstuff1">
<nav id="footer">
<a class="footerlink" href="contact.html">Contact</a><br>
<a class="footerlink" href="overons.html">Over ons</a><br>
<a class="footerlink" href="sport.html">Sport</a><br>
<a class="footerlink" href="recept.html">Recepten</a><br>
<a class="footerlink" href="concert.html">Concerten</a>
</nav>
</section>
<section class="footerstuff2">
<img alt="Groepsfoto Team" id="groepsfoto" src="images/groepsfoto.jpg">
</section>
<p id="copyright">Copyright © ROC Flevoland 2105</p>
</footer>
</div>
</body>
</html>