-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathcontact.html
More file actions
195 lines (169 loc) · 10.9 KB
/
contact.html
File metadata and controls
195 lines (169 loc) · 10.9 KB
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
---
layout: page
title: Contacteer ons
intro: "Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur."
teaser: Achter deze link zit de contactpagina
order: 4
bodyclass: contact
published: false
---
<script async defer data-domain="smart.flanders.be" src="https://plausible.lblod.info/js/plausible.js"></script>
<section class="region no-pad">
<div class="block content-split image-left background-light">
<div class="layout layout--wide">
<div class="content__wrapper col--6-12 col--1-1--s">
<h2 class="h3">Neem contact met ons op </h2>
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
</div>
<div class="col img" style="background-image:url({{ site.baseurl }}/assets/img/contact/caller.png)"></div>
</div>
</section>
<section class="region background-light no-pad">
{% include crosslink.html layout-class="normal" block-class="alt shadow" url="/contact/" title="Klaar om mee te helpen met onze community?" text="Maak een profiel aan op de VLOCA kennishub en deel jouw interesses" cta="Maak een profiel aan" icon="kennishub" %}
</section>
<section class="region background-light">
<div class='layout layout--wide'>
<div class="grid">
<div class="col--1-1 text-center">
<h2 class="h3">Vloca is een partnership</h2>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id eli t non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur.</p>
</div>
</div>
</div>
</section>
<section class="region background-light no-pad partners">
<div class='layout layout--wide'>
<div class="grid">
<div class="col--4-12 col--6-12--m col--1-1--xs">
<div class="card partner shadow">
<div class="card__image">
<img src="{{site.baseurl}}/assets/img/partners/logo_binnenlandsbestuur.png">
</div>
<div class="card__header">
<h3 class="h4">Agentschap Binnenlands Bestuur</h3>
</div>
<div class="card__content">
<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
<a class="link--icon--external" href="https://binnenland.vlaanderen.be" target="_blank">binnenland.vlaanderen.be</a>
</div>
<div class="card__social-wrapper">
<div class="share-buttons">
<a class="share-button share-button--facebook" href="#" title="share on facebook">Deel op facebook</a>
<a class="share-button share-button--twitter" href="#" title="share on twitter">Deel op twitter</a>
<a class="share-button share-button--linkedin" href="#" title="share on linkedin">Deel op linkedin</a>
<a class="share-button share-button--googleplus" href="#" title="share on Google plus">Deel op google plus</a>
<a class="share-button share-button--mail" href="mailto:test@test.test" title="share in mail">Deel via mail</a>
<a class="share-button share-button--youtube" href="#" title="share on youtube">Deel op youtube</a>
<a class="share-button share-button--instagram" href="#" title="share on instagram">Deel op instagram</a>
</div>
</div>
</div>
</div>
<div class="col--4-12 col--6-12--m col--1-1--xs">
<div class="card partner shadow">
<div class="card__image">
<img src="{{site.baseurl}}/assets/img/partners/logo_vito.png">
</div>
<div class="card__header">
<h3 class="h4">VITO</h3>
</div>
<div class="card__content">
<p>Donec ullamcorper nulla non metus auctor fringilla.</p>
<a class="link--icon--external" href="https://www.vito.be" target="_blank">vito.be</a>
</div>
<div class="card__social-wrapper">
<div class="share-buttons">
<a class="share-button share-button--facebook" href="#" title="share on facebook">Deel op facebook</a>
<a class="share-button share-button--linkedin" href="#" title="share on linkedin">Deel op linkedin</a>
<a class="share-button share-button--instagram" href="#" title="share on instagram">Deel op instagram</a>
<a class="share-button share-button--youtube" href="#" title="share on youtube">Deel op youtube</a>
</div>
</div>
</div>
</div>
<div class="col--4-12 col--6-12--m col--1-1--xs">
<div class="card partner shadow">
<div class="card__image">
<img src="{{site.baseurl}}/assets/img/partners/logo_imec.png">
</div>
<div class="card__header">
<h3 class="h4">imec</h3>
</div>
<div class="card__content">
<p>Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="link--icon--external" href="https://www.imec-it.be" target="_blank">imec-it.com</a>
</div>
<div class="card__social-wrapper">
<div class="share-buttons">
<a class="share-button share-button--facebook" href="#" title="share on facebook">Deel op facebook</a>
<a class="share-button share-button--youtube" href="#" title="share on youtube">Deel op youtube</a>
<a class="share-button share-button--instagram" href="#" title="share on instagram">Deel op instagram</a>
</div>
</div>
</div>
</div>
<div class="col--4-12 col--6-12--m col--1-1--xs">
<div class="card partner shadow">
<img src="">
<h3 class="h4">VITO</h3>
<p>Donec ullamcorper nulla non metus auctor fringilla.</p>
<a class="link--icon--external" href="https://www.vito.be" target="_blank">vito.be</a>
</div>
</div>
<div class="col--4-12 col--6-12--m col--1-1--xs">
<div class="card partner shadow">
<img src="">
<h3 class="h4"></h3>
<p>Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="link--icon--external" href="https://www.imec-it.be" target="_blank">imec-it.com</a>
</div>
</div>
</div>
</div>
</section>
<section class="region pad--top">
<div class="layout layout--wide">
<section class="info-block info-block--faq">
<header class="info-block__header">
<h1 class="info-block__title">Top veelgestelde vragen</h1>
</header>
<div class="info-block__content">
<div class="layout layout--wide">
<div class="grid">
<div class="col--6-12 col--1-1--xs">
<a href="#link-to-detailpage" class="toggle--arrow-down" data-drawer-id="456" data-drawer-content-id="wat">Wat is de betekenis van VLOCA, Vlaams Open City Architectuur</a>
</div>
<div class="col--6-12 col--1-1--xs">
<a href="#link-to-detailpage" class="toggle--arrow-down" data-drawer-id="456" data-drawer-content-id="abc">Toon andere inhoud in kleine drawer consectetur adipisicing elit.</a>
</div>
<div class="drawer drawer--small js-drawer--small" data-drawer="456" tabindex="-1">
<a href="" class="link--icon--close drawer__close js-drawer__close">
<span class="u-visually-hidden">Venster sluiten</span>
</a>
<div class="layout layout--wide">
<div class="drawer__content" data-drawer-content="wat">
<h1 class="h3">Wat is de betekenis van VLOCA, Vlaams Open City Architectuur</h1>
<div class="typography">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates impedit enim et aut ipsa aperiam optio at sint natus alias dolorem commodi distinctio minus eaque nostrum quaerat perspiciatis culpa, obcaecati quibusdam repellat esse? Facere consequuntur, omnis iure esse, non hic a accusantium neque voluptatem explicabo possimus cum quaerat cupiditate aperiam quasi doloremque facilis itaque nesciunt minus, dolor recusandae harum inventore! Aperiam eligendi architecto fuga saepe mollitia placeat voluptatibus rem, iusto rerum in nihil, officia, quia debitis. Molestias consequuntur dolore, rem quisquam dicta nisi laborum, recusandae nihil quae impedit dolores saepe tenetur distinctio natus repellendus magnam ducimus possimus. Velit, distinctio maiores.</p>
</div>
</div>
<div class="drawer__content" data-drawer-content="abc">
<h1 class="h3">Inhoud van de andere drawer</h1>
<div class="typography">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit nesciunt debitis perferendis voluptatem corporis quod totam quibusdam aut mollitia quo autem, at earum unde molestias esse cum, voluptatum, odio sit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit, facere quisquam sint architecto omnis. Quasi omnis dignissimos recusandae corrupti reiciendis. Minima officia dolores recusandae atque beatae aspernatur est repellat magni vero explicabo dignissimos voluptatum odit a dolor vitae, repellendus. Ducimus dolore eos obcaecati quia optio, minima ratione molestias, saepe distinctio inventore ipsa ea delectus, illo fugiat commodi tenetur. Dolores excepturi quae animi alias a debitis molestias officiis totam magnam nesciunt optio, magni, maxime. Vero nesciunt consectetur vel libero exercitationem deleniti! Voluptates perspiciatis ea incidunt, maiores, temporibus nemo fugiat adipisci molestiae eveniet facilis placeat facere id natus, qui nulla cupiditate voluptatum!</p>
</div>
</div>
</div>
</div>
<div class="col--1-1 pad--top">
<a class="link--icon--caret strong" href="{{ site.baseurl }}/nieuws">Bekijk alle veelgestelde vragen</a>
</div>
</div>
</div>
</div>
</section>
</div>
</section>