Voorbeeldpagina

Componenten overzicht

Rich Text

Dit is een standaard rich text veld. Hierin kun je headings gebruiken zoals hierboven, teksten dikgedrukt, onderstreept of schuingedrukt maken.

Hier kun je linkjes toevoegen. Maar ook buttons, door een link te maken en de link bij stijlen een button style te geven:

Naar home

Verder kun je ook afbeeldingen toevoegen en teksten groen maken. Dat doe je door de stijl green text te selecteren op de geselecteerde tekst.

Video

Hieronder volgt een video component. Video’s worden niet ingeladen via Vimeo of YouTube, maar video’s kunnen toegevoegd worden via het CMS en deze worden dan opgeslagen op een externe Amazon server. Ga hiervoor naar media > S3 smart upload. Daar staan de reeds geüploade video’s en hier kun je nieuwe video’s toevoegen. Van een geüploade video kun je de URL kopiëren en deze kun je toevoegen in het video component. De video kun je vervolgens ook een afbeelding placeholder geven. Deze afbeelding wordt getoond voor het afspelen van de video.

USP items

Dit item toont een aantal USP's in een aantal kolommen. In het component is te kiezen of je de items in 2, 3 of 4 kolommen wilt plaatsen.

Item 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et vehicula turpis, feugiat tristique elit. Aenean diam ligula

Item 2

facilisis non nulla a, viverra euismod libero. Proin gravida ipsum leo, non vehicula ligula porta id

Item 3

Sed vel tempor lacus. Morbi justo augue, condimentum eget sem ut, pulvinar semper dui. Interdum et malesuada fames ac ante ipsum primis in faucibus

USP Blocklist

Dit is een USP item

Met een subtitel

Deze zijn uitgebreider dan de standaard USP-items. Hieronder kan ook een link geplaatst worden naar een andere pagina.

B.made – Test pagina

Lorem ipsum dolor sit amet, consectetur

adipiscing elit. Etiam et vehicula turpis

Sed facilisis nisl sed felis luctus, eu auctor neque blandit. Suspendisse potenti Donec egestas neque quis sem convallis, vitae faucibus leo lobortis. Duis aliquam mauris eget interdum tempus. Sed condimentum lacus vitae efficitur bibendum.

Leerparkpromenade 100

Interdum et malesuada fames

c ante ipsum primis in faucibu

Integer at mollis massa, quis hendrerit purus. Pellentesque et tortor convallis, vehicula urna eget, imperdiet ex. Donec ut iaculis lorem. Sed vitae est euismod, fringilla arcu non, aliquet felis. Maecenas vitae mollis lacus. Suspendisse quis fermentum est. Donec quis nunc et purus mattis suscipit sodales eget urna. Duis dignissim velit leo, quis porttitor est pretium id

Mollenburgseweg 82

Accordion - simple

Hoe kies ik de icoontjes? Hoe kies ik de icoontjes?

De icoontjes kun je selecteren door in het component bij het veld icon de popup te openen en een icoon te selecteren. Er zijn zo’n 10.000 iconen waar uit gekozen kan worden, uit het Streamline pakket. Via de zoekfunctie kan er gezocht worden op relevante zoektermen, zodat er een passend icoon gevonden kan worden.

Integer at mollis massa, quis hendrerit purus Integer at mollis massa, quis hendrerit purus

Pellentesque et tortor convallis, vehicula urna eget, imperdiet ex. Donec ut iaculis lorem. Sed vitae est euismod, fringilla arcu non, aliquet felis. Maecenas vitae mollis lacus. Suspendisse quis fermentum est. Donec quis nunc et purus mattis suscipit sodales eget urna. Duis dignissim velit leo, quis porttitor est pretium id. Vivamus at metus est. Mauris lacinia augue id sollicitudin elementum. Vivamus purus justo, molestie sit amet tincidunt vitae, fermentum non enim. Donec id purus dignissim, bibendum ligula eu, sodales dolor. Ut elit mauris, aliquam ut arcu nec, facilisis rutrum eros.

Accordion - advanced (andere weergave)

Hoe kies ik de icoontjes? Hoe kies ik de icoontjes?

De icoontjes kun je selecteren door in het component bij het veld icon de popup te openen en een icoon te selecteren. Er zijn zo’n 10.000 iconen waar uit gekozen kan worden, uit het Streamline pakket. Via de zoekfunctie kan er gezocht worden op relevante zoektermen, zodat er een passend icoon gevonden kan worden.

Integer at mollis massa, quis hendrerit purus Integer at mollis massa, quis hendrerit purus

. Pellentesque et tortor convallis, vehicula urna eget, imperdiet ex. Donec ut iaculis lorem. Sed vitae est euismod, fringilla arcu non, aliquet felis. Maecenas vitae mollis lacus. Suspendisse quis fermentum est. Donec quis nunc et purus mattis suscipit sodales eget urna. Duis dignissim velit leo, quis porttitor est pretium id. Vivamus at metus est. Mauris lacinia augue id sollicitudin elementum. Vivamus purus justo, molestie sit amet tincidunt vitae, fermentum non enim. Donec id purus dignissim, bibendum ligula eu, sodales dolor. Ut elit mauris, aliquam ut arcu nec, facilisis rutrum eros.

Testimonial slider (dark)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at nulla tempus, luctus ipsum ut, feugiat leo. Mauris elementum tempus metus, at laoreet nisi luctus et.

Voornaam Achternaam
Student aan het Da Vinci College

nec vehicula sodales. Nulla facilisi. Ut dictum

Nunc dictum risus
feugiat viverra.

rit purus. Pellentesque et tortor convallis, vehicula urna eget, imperdiet ex. Donec ut iaculis lorem. Sed vitae est euismod, fringilla arcu non, aliquet felis. Maecenas vitae mollis

assa, quis
facilisis rutrum eros
Testimonial slider (light)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at nulla tempus, luctus ipsum ut, feugiat leo. Mauris elementum tempus metus, at laoreet nisi luctus et.

Voornaam Achternaam
Student aan het Da Vinci College

nec vehicula sodales. Nulla facilisi. Ut dictum

Nunc dictum risus
feugiat viverra.

rit purus. Pellentesque et tortor convallis, vehicula urna eget, imperdiet ex. Donec ut iaculis lorem. Sed vitae est euismod, fringilla arcu non, aliquet felis. Maecenas vitae mollis

assa, quis
facilisis rutrum eros

Versie simple

Call to action

nteger at mollis massa, quis hendrerit purus. Pellentesque et tortor convallis, vehicula urna eget, imperdiet ex. Donec ut iaculis lorem. Sed vitae est euismod, fringilla arcu non, aliquet felis.

Call to action (advanced)

nteger at mollis massa, quis hendrerit purus. Pellentesque et tortor convallis, vehicula urna eget, imperdiet ex. Donec ut iaculis lorem. Sed vitae est euismod, fringilla arcu non, aliquet felis.

Dit is de titel boven de buttons

Versie Simple + Alternative

Call-to-action

nteger at mollis massa, quis hendrerit purus. Pellentesque et tortor convallis, vehicula urna eget, imperdiet ex. Donec ut iaculis lorem. Sed vitae est euismod, fringilla arcu non, aliquet felis.

Image text (image position = left)

Praesent id enim faucibus, auctor leo id, efficitur felis. Etiam ac lacus et neque congue mattis. Mauris finibus consectetur rhoncus. Cras mi arcu, blandit ac maximus sed, commodo a ipsum. In at nulla quis quam rhoncus tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque sed enim in enim congue iaculis ut ut sapien. Pellentesque eget rutrum mauris.

Image text (image position = right)

Praesent id enim faucibus, auctor leo id, efficitur felis. Etiam ac lacus et neque congue mattis. Mauris finibus consectetur rhoncus. Cras mi arcu, blandit ac maximus sed, commodo a ipsum. In at nulla quis quam rhoncus tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque sed enim in enim congue iaculis ut ut sapien. Pellentesque eget rutrum mauris.

Variable blocks

Form

Met het formcomponent kun je een formulier selecteren om toe te voegen op de pagina. De formulieren zijn in het CMS te beheren via forms. Deze maakt gebruik van de plugin Gravity Forms.

Contact blok

Met het contactcomponent kun je ook een formulier selecteren om toe te voegen op de pagina. Het formulier wordt aan de linkerkant getoond in het component. Aan de rechterkant is een blok om locaties toe te voegen. De locaties zijn te beheren via locaties in het CMS. In het component kun je één of meerdere locaties toevoegen.

Contact blok
Locatie

  • Leerparkpromenade 100
  • (Navigatie: Maria Montessorilaan)
  • 3312KW Dordrecht
  • Postbus 1184
  • 3300 BD Dordrecht
  • Mollenburgseweg 82
  • 4205NB Gorinchem
  • Postbus 859
  • 4200 AW Gorinchem

Image overview with link

Met het image overview with link component kun je een logobalk maken. Per logo kun je doorklikken naar een externe URL, bijvoorbeeld de website van een partnerbedrijf.

Image gallery

Nunc dictum risus nec vehicula sodales. Nulla facilisi. Ut dictum feugiat viverra. Aliquam egestas sollicitudin magna et imperdiet. Pellentesque tempus dignissim dictum.

titel

text

Afbeelding 2

tekst 2

ligula porta id

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

rtor convallis, vehicula urna eget

Mauris finibus consectetur rhoncus. Cras mi arcu, blandit ac maximus sed

rtor convallis, vehicula urna eget

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

rtor convallis, vehicula urna eget

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

titel

titel

text
Afbeelding 2

Afbeelding 2

tekst 2
ligula porta id

ligula porta id

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
rtor convallis, vehicula urna eget

rtor convallis, vehicula urna eget

Mauris finibus consectetur rhoncus. Cras mi arcu, blandit ac maximus sed
rtor convallis, vehicula urna eget

rtor convallis, vehicula urna eget

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
rtor convallis, vehicula urna eget

rtor convallis, vehicula urna eget

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Projecten slider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et vehicula turpis, feugiat tristique elit. Aenean diam ligula, facilisis non nulla a, viverra euismod libero. Proin gravida ipsum leo

non vehicula ligula porta id. Sed vel tempor lacus. Morbi justo augue, condimentum eget sem ut, pulvinar semper dui. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec malesuada volutpat tincidunt.

raesent id enim faucibus, auctor leo id, efficitur felis. Etiam ac lacus et neque congue mattis. Mauris finibus consectetur rhoncus. Cras mi arcu, blandit ac maximus sed, commodo a ipsum. In at nulla quis quam rhoncus tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia cur