-
Notifications
You must be signed in to change notification settings - Fork 0
/
over ons.html
102 lines (91 loc) · 5.39 KB
/
over ons.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
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Playball&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#c69a0c">
<meta name="msapplication-TileColor" content="#c69a0c">
<meta name="theme-color" content="#c69a0c">
<!-- metatags -->
<meta name="description" content="Thuis van de wakkerste bakker: Bakkerij Alfons!">
<meta property="og:title" content="Thuis van de wakkerste bakker: Bakkerij Alfons!">
<meta property="og:description"
content="Wij staan altijd klaar en tot uw dienst. Bezoek onze website voor meer informatie en bestel heden uw dagelijks brood, dan verlossen wij u van uw schulden.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://bit.ly/364C3S0">
<meta property="og:url" content="https://jorgevds.github.io/alfons/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image:alt" content="Thuis van de wakkerste bakker: Bakkerij Alfons!">
<title>Bakkerij Alfons: over ons</title>
</head>
<body>
<header class="leidende-tekst">
<h1>
Bakkerij Alfons
</h1>
<nav>
<ul>
<li><a href="index.html">Welkom</a></li>
<li><a href="bestel.html">Bestel</a></li>
<li><a href="over ons.html">Over ons</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section class="parallax-1 over-ons">
<div class="over-ons-1 leidende-tekst" id="over-ons-id">
<h1>Onze bakkerij</h1>
</div>
<article class="over-ons-2">
<h2 class="leidende-tekst">Onze geschiedenis</h2>
<img src="./img/windmill.jpg" alt="">
<h3 class="lopende-tekst">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
varius elit aliquet egestas molestie. Ut malesuada nibh a sapien facilisis ornare. Proin commodo
cursus luctus. Donec tempor non ligula ac elementum. Sed mauris mi, porta vitae metus ut,
pellentesque egestas libero. Sed felis justo, fermentum non ornare ac, condimentum sit amet ex.
Vestibulum diam diam, molestie in justo et, efficitur pellentesque justo.
Cras iaculis volutpat leo vel varius. Curabitur tristique tellus non molestie consectetur. Donec
euismod ipsum eget felis facilisis molestie. Sed pharetra sem ac ex tristique, sed vestibulum
erat tincidunt. Nulla eu nibh non massa consectetur elementum. Vestibulum vestibulum mi tellus,
ut viverra purus hendrerit eu. Nulla efficitur odio a faucibus rutrum. Suspendisse gravida
posuere condimentum. Maecenas imperdiet erat et tellus tempor, eu aliquet erat egestas. Fusce at
velit magna. Integer elementum lorem justo, dictum facilisis magna laoreet et.</h3>
</article>
<article class="over-ons-3">
<h2 class="leidende-tekst">Onze missie</h2>
<img src="./img/bread.jpg" alt="Een van onze populairste broden: een klassiek boerenbrood!">
<h3 class="lopende-tekst">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
varius elit aliquet egestas molestie. Ut malesuada nibh a sapien facilisis ornare. Proin commodo
cursus luctus. Donec tempor non ligula ac elementum. Sed mauris mi, porta vitae metus ut,
pellentesque egestas libero. Sed felis justo, fermentum non ornare ac, condimentum sit amet ex.
Vestibulum diam diam, molestie in justo et, efficitur pellentesque justo.
Cras iaculis volutpat leo vel varius. Curabitur tristique tellus non molestie consectetur. Donec
euismod ipsum eget felis facilisis molestie. Sed pharetra sem ac ex tristique, sed vestibulum
erat tincidunt. Nulla eu nibh non massa consectetur elementum. Vestibulum vestibulum mi tellus,
ut viverra purus hendrerit eu. Nulla efficitur odio a faucibus rutrum. Suspendisse gravida
posuere condimentum. Maecenas imperdiet erat et tellus tempor, eu aliquet erat egestas. Fusce at
velit magna. Integer elementum lorem justo, dictum facilisis magna laoreet et.</h3>
</article>
</section>
</main>
<footer>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="bestel.html">Bestel</a></li>
<li><a href="over ons.html">Over ons</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</footer>
</body>
</html>