-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (49 loc) · 2.52 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
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<title>5 star building fotoservice</title>
<link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" href="css/pensart.css" type="text/css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div id="huls">
<header id="hoofd">
<img src="img/5star-black.jpg" alt="Logo 5 star building">
<h1>Fotostudio 5 Star Building</h1>
<nav id="hoofdnavigatie">
<ul>
<li>
<a href="index.html" class="actief">Home</a>
<a href="fotobestelpagina.html">Fotobestelpagina</a>
<a href="locatie.html">Locatie</a>
<a href="reacties.html">Reacties</a>
</li>
</ul>
</nav>
</header>
<article id="pagina">
<h1>5 star building fotografie</h1>
<blockquote><p class="intro">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt accusamus, dicta voluptas animi soluta rem, voluptatum sapiente provident, obcaecati dolorem at ab. Laudantium vel ipsam cumque minima aliquid repellat, explicabo delectus eaque autem, dicta voluptates nam quos porro laboriosam sint!</p></blockquote>
<p class="kolom">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto natus harum asperiores fugiat molestias, accusantium impedit, ullam distinctio ut, debitis tempora libero, sapiente. Saepe impedit, tempore sed a blanditiis omnis perspiciatis ipsum unde culpa, aliquam delectus cumque obcaecati, in nostrum sapiente architecto! Dolore nesciunt</p>
<p class="kolom">asperiores explicabo, reiciendis exercitationem ex magni quidem ipsum sit, laudantium atque quisquam. Ducimus, error. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, optio, ullam. Consectetur numquam, quas molestias sunt qui doloremque repellendus harum asperiores corporis porro distinctio modi, placeat, recusandae quaerat eius sit! </p>
<figure>
<img src="http://lorempixel.com/1000/600/sports/1/" alt="Foto 1" class="full">
<figcaption>Baseball sundown by <cite>John Doe</cite></figcaption>
</figure>
</article>
<footer id="voet">
<nav class="voet">
<a href="index.html">Home </a>
<a href="fotobestelpagina.html">Fotobestelpagina </a>
<a href="locatie.html">Locatie </a>
<a href="reacties.html">Reacties </a>
</nav>
<small><a href="mailto:info@5starbuilding.be">© 5 star building</a></small>
</footer>
</div><!-- huls -->
</body>
</html>