-
Notifications
You must be signed in to change notification settings - Fork 0
/
ontdek.html
141 lines (128 loc) · 6.31 KB
/
ontdek.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ontdek het museum</title>
<link href="styles/style.css" rel="stylesheet">
<link rel="icon" type="image/svg+xml" href="images/favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com"> <!--google fonts: FranklinBook font-->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;700;900&display=swap" rel="stylesheet">
</head>
<body id="ontdek">
<header>
<img src="images/tuin.jpeg" alt="foto van de tuin van het centraal museum"> <!--foto vult het bovenste deel van het scherm-->
<img src="images/logo-left.svg" alt="logo centraal museum"> <!--logo van het museum-->
<h1>Welkom in het Centraal Museum</h1>
<button><!--hamburger menu button--> </button>
<nav> <!--hamburger menu, deze is verborgen tot op de button gedrukt wordt-->
<img src="images/logo.png" alt="logo centraal museum"> <!--logo van het museum-->
<h2>Plan uw bezoek</h2>
<ul>
<li><a href="index.html">Zien en doen</a></li>
<li><a href="index.html">Praktische informatie</a></li>
<li><a href="index.html">Onderwijs, groepen en families</a></li>
<li><a href="index.html">Zaalverhuur</a></li>
</ul>
<h2>Ontdek het museum</h2>
<ul>
<li><a href="index.html">Ontmoet de iconen</a></li>
<li><a href="index.html">Bekijk de collectie online</a></li>
<li><a href="index.html">Tentoonstellingsarchief</a></li>
<li><a href="index.html">Programmalijnen</a></li>
<li><a href="index.html">Over de collectie</a></li>
</ul>
<h2>Over het museum</h2>
<ul>
<li><a href="index.html">Steun het museum</a></li>
<li><a href="index.html">Organisatie</a></li>
<li><a href="index.html">Vacatures</a></li>
<li><a href="index.html">Nieuws & pers</a></li>
<li><a href="index.html">Klantenservice & contact</a></li>
</ul>
</nav>
</header>
<main> <!--de main bevat artikelen met informatie over de collecties van het museum-->
<section> <!--inleiding over het Centraal Museum-->
<h4>Centraal Museum</h4>
<p>In de tuin van het museum, waar u op een zonnige dag kunt genieten van een hapje en drankje op het gezellige terras,
bevindt u zich in het culturele hart van Nederland. Vanaf deze plaats in Utrecht kunt u de contouren van het oudste
stedelijke museum in Nederland bewonderen.
</p>
</section>
<article> <!--artikel over de Rietveld-collectie-->
<p>Rietveld-collectie -</p>
<p>In het voormalige kloostergebouw vindt u onze Rietveld-collectie, de grootste ter wereld. Naast de wereldberoemde
rood-blauwe stoel treft u diverse andere objecten aan van de veelzijdige ontwerper.
</p>
</article>
<article> <!--artikel over de collectie van het Poppenhuis-->
<img src="./images/poppenhuis.jpeg" alt="foto van meisje bij de collectie Het poppenhuis">
<h4>Poppenhuis -</h4>
<p>Het zijn herkenbare bakens in een dynamische collectie-presentatie, waarin u altijd iets nieuws aantreft.
</p>
</article>
<section> <!--section met links naar andere pagina's-->
<h2>Centraal Museum verrijkt uw blik</h2>
<a href="index.html">Nu te zien</a>
<a href="index.html">Plan uw bezoek</a>
<h5>Deel dit verhaal</h5>
<ul> <!--lijst met social media links-->
<li>
<a href="index.html"><img src="./images/facebook.png" alt="facebook icoon"></a>
<!--source: Pixel Perfect-->
</li>
<li>
<a href="index.html"><img src="./images/twitter.png" alt="twitter icoon"></a>
<!--source: Pixel Perfect-->
</li>
<li>
<a href="index.html"><img src="./images/whatsapp.png" alt="whatsapp icoon"></a>
<!--source: Pixel Perfect -->
</li>
</ul>
</section>
<section> <!--in deze section kan je je via een formulier aanmelden voor de mail lijst-->
<h3>Info over tentoonstellingen in uw mail?</h3>
<form action="#">
<input type="email" name="email" id="email" value="Uw mailadres" required>
<input type="submit" value="Inschrijven">
</form>
<a href="index.html">Privacy statement</a>
</section>
</main>
<footer>
<img src="images/logo.png" alt="logo centraal museum"> <!--logo museum-->
<h5>Contact</h5>
<p>Agnietenstraat 1</p>
<p>3512 XA Utrecht</p>
<a href="index.html">
<address>info@centraalmuseum.nl</address>
</a>
<h5>Openingstijden</h5>
<p>Dinsdag t/m zondag 11.00 - 17.00 uur</p>
<a href="index.html">Plan uw bezoek</a>
<ul> <!--lijst met social media links-->
<li>
<a href="index.html"><img src="./images/twitter.png" alt="twitter icoon"></a>
<!--source: Pixel Perfect -->
</li>
<li>
<a href="index.html"><img src="./images/facebook.png" alt="facebook icoon"></a>
<!--source: Pixel Perfect-->
</li>
<li>
<a href="index.html"><img src="./images/instagram.png" alt="instagram icoon"></a>
<!--source: Pixel Perfect -->
</li>
<li>
<a href="index.html"><img src="./images/youtube.png" alt="youtube icoon"></a>
<!--source: Pixel Perfect -->
</li>
</ul>
</footer>
<script src="scripts/script.js"></script>
</body>
</html>