-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathrecept.html
91 lines (83 loc) · 3.57 KB
/
recept.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 lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap" rel="stylesheet">
<link href="stylesheets/receptstylesheet.css" rel="stylesheet">
<title>Recept</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>
<section>
<h3>Recepten</h3>
<article id="recept1">
<h3>Boerenkool met Rookworst</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor enim vitae mi elementum semper.
Donec accumsan blandit porta. Nullam et aliquet sapien, sed commodo nisi. Praesent sed malesuada ipsum.
Aenean id velit sit amet lacus varius auctor feugiat nec nulla.
</p>
</article>
<article id="recept2">
<h3>Stampot</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor enim vitae mi elementum semper.
Donec accumsan blandit porta. Nullam et aliquet sapien, sed commodo nisi. Praesent sed malesuada ipsum.
Aenean id velit sit amet lacus varius auctor feugiat nec nulla.
</p>
</article>
<article id="recept3">
<h3>Biefstuk</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor enim vitae mi elementum semper.
Donec accumsan blandit porta. Nullam et aliquet sapien, sed commodo nisi. Praesent sed malesuada ipsum.
Aenean id velit sit amet lacus varius auctor feugiat nec nulla.
</p>
</article>
<article id="recept4">
<h3>Pannenkoeken</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor enim vitae mi elementum semper.
Donec accumsan blandit porta. Nullam et aliquet sapien, sed commodo nisi. Praesent sed malesuada ipsum.
Aenean id velit sit amet lacus varius auctor feugiat nec nulla.
</p>
</article>
</section>
<section>
<a href="recept_detailsites/boerenkool.html">
<img alt="boerenkool" class="receptimage" src="images/boerenkool.jpg">
</a>
<a href="recept_detailsites/Stampot.html">
<img alt="stampot" class="receptimage" src="images/stampot.jpg">
</a>
<a href="recept_detailsites/Biefstuk.html">
<img alt="biefstuk" class="receptimage" src="images/Biefstuk.jpg">
</a>
<a href="recept_detailsites/pannenkoeken.html">
<img alt="pannenkoeken" class="receptimage" src="images/pannekoeken.jpg">
</a>
</section>
<!-- Footer Ding -->
<footer>
<h3>Sitelinks</h3>
<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>
<p id="copyright">Copyright © ROC Flevoland 2105</p>
</footer>
</div>
</body>
</html>