-
Notifications
You must be signed in to change notification settings - Fork 0
/
data-inzicht.html
148 lines (128 loc) · 6.36 KB
/
data-inzicht.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
142
143
144
145
146
147
148
---
layout: default
page-type: landing
title: "Inzicht in data"
description: Hoe kun je met data visualisatie een sterker verhaal vertellen en welke vormen zijn er mogelijk?
categories: page
permalink: data-inzicht/
custom-script:
---
<style media="screen">
.slider, .device {
width: 680px;
}
.min-vh {
margin-top: -500px;
}
</style>
<section>
<article>
<section class="parallax flex landing-header" style="background: linear-gradient(150deg, rgb(80, 80, 80) 30%, rgb(80, 80, 80) 40%, rgb(33, 42, 39) 100%);">
<div class="center">
<h1>{{page.title}}</h1>
<h3 class="transform">Een tool om een sterker verhaal te vertellen</h3>
</div>
<img src="/img/landing/{{ page.title | slugify }}-kern.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-gas.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-kool.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-kool.svg" class="parallax-item">
</section>
<section class="flex landing-img">
<div class="slider min-vh">
<img class="device" src="/img/landing/{{ page.title | slugify}}-device.png">
</div>
</section>
<section class="parallax flex">
<div class="inner text">
<h2 class="center">Vertel een nog sterker verhalen doormiddel van interactieve data.</h2>
{{ page.description }}
</div>
<img src="/img/landing/{{ page.title | slugify }}-kool.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-kern.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-gas.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-kool.svg" class="parallax-item">
</section>
<section class="flex" style="background: #eee;">
<div class="inner flex wrap icons">
<div class="icon-box wow bounceInUp">
<img src="/img/landing/{{ page.title | slugify }}-icon-digibord.svg" alt="" />
<h2>Digibord</h2>
</div>
<div class="icon-box wow bounceInUp">
<img src="/img/landing/{{ page.title | slugify }}-icon-ipad.svg" alt="" />
<h2>iPad</h2>
</div>
<div class="icon-box wow bounceInUp">
<img src="/img/landing/{{ page.title | slugify }}-icon-desktop.svg" alt="" />
<h2>Desktop</h2>
</div>
</div>
</section>
<section class="flex">
<div class="inner text">
<h2 class="center">Toegevoegde waarde van interactie?</h2>
Door gebruikers op een ontdekkings reis te sturen met uw content zullen zei een veel sterker verhaal in zicht op nemen, die ook veel waarde voller voor hun word.
</div>
</section>
<section class="flex qoute-box" style="background: linear-gradient(150deg, rgb(80, 80, 80) 30%, rgb(80, 80, 80) 40%, rgb(33, 42, 39) 100%);">
<div class="flex qoute">
<img src="/img/team/ruben-daas.jpg" class="clip mobile-first" alt="" />
<div class="qoute-text">
<q>Kennis overdragen door ervaring in plaats van vertellen.</q>
<p>Ruben Daas <span>Daas Design</span></p>
</div>
</div>
<div class="flex qoute">
<img src="/img/team/ruben-daas.jpg" class="clip" alt="" />
<div class="qoute-text">
<q>Mooi project om kennis te overdragen door ervarning in plaats van vertellen.</q>
<p>Ruben Daas <span>Daas Design</span></p>
</div>
</div>
</section>
<section class="icons flex">
<div class="inner flex wrap icons">
<div class="icon-box">
<img src="/img/landing/{{ page.title | slugify }}-icon-click.svg" alt="" />
<h2>Een Klik</h2>
<p>Interactie met juiste opbouw: stapsgewijs leren door nieuwe inzichten te geven achter iedere klik. Docenten kunnen samen met hun leerlingen speuren door de wondere wereld van uw lesmateriaal.</p>
</div>
<div class="icon-box">
<img src="/img/landing/{{ page.title | slugify }}-icon-zoom.svg" alt="" />
<h2>Afbeeldingen uitlichten</h2>
<p>Mooie platen met veel detail komen op een digitaal scherm vaak slecht zichtbaar over. Geef de docent tools om secties te kunnen uitlichten door in en uit te zoomen met het gemak van een tablet.</p>
</div>
<div class="icon-box">
<img src="/img/landing/{{ page.title | slugify }}-icon-drag.svg" alt="" />
<h2>Drag & Drop</h2>
<p>Deze methode zorgt ervoor dat leerlingen feeling krijgen met het materiaal. De interactie geeft direct feedback of de opdracht juist is uitgevoerd. En kinderen vinden dit altijd leuk!</p>
</div>
<div class="icon-box">
<img src="/img/landing/{{ page.title | slugify }}-icon-animation.svg" alt="" />
<h2>Animatie</h2>
<p>Door het materiaal op een duidelijke wijze te laten bewegen, kunnen nieuwe inzichten ontstaan. Bewegend beeld kan zoveel meer vertellen dan een statische afbeelding.</p>
</div>
<div class="icon-box">
<img src="/img/landing/{{ page.title | slugify }}-icon-slideshow.svg" alt="" />
<h2>Slideshow</h2>
<p>Een onmisbare functie in het digitale tijdperk. Vrijwel oneindig inzichten mogelijk in een reeks afbeeldingen.</p>
</div>
<div class="icon-box alt flex">
<p>Door ons modulaire systeem kunnen we vrijwel ieder denkbare functionaliteit inbouwen. Doorgaans kan dat al slagen met de tools die we klaar hebben liggen. Mochten uw specifieke wensen toch niet aansluiten bij de bestaande tools, zijn wij uiterst flexibel om een maatwerk oplossing te ontwikkelen, zonder dat dit gelijk veel tijd en geld hoeft te kosten. Maak kennis met ons en laat u inspireren.</p>
</div>
</div>
</section>
<section class="flex logos half-vh" style="background: linear-gradient(150deg, rgb(80, 80, 80) 30%, rgb(80, 80, 80) 40%, rgb(33, 42, 39) 100%);">
<div class="inner flex space-around">
<img src="/img/landing/{{ page.title | slugify }}-open-state.svg" alt="" />
<img src="/img/landing/{{ page.title | slugify }}-rijksoverheid.svg" alt="" />
<img src="/img/landing/{{ page.title | slugify }}-hacking-for-sustainability.svg" alt="" />
</div>
</section>
<section class="flex">
<div class="inner flex">
{% include contact-from.html %}
</div>
</section>
</article>
</section>