Webstyle guide

Headings and paragraphs

Heading Example

<h1 class="title-big"></h1>

 Op weg naar herstel

<h1></h1>

 Op weg naar herstel

<h2></h2>

 Op weg naar herstel

<h3></h3>

 Op weg naar herstel

<h4></h4>

 Op weg naar herstel

<h5></h5>

 Op weg naar herstel

<h6></h6>

 Woensdag 14/08/2024

Text

<label></label>
<p class="intro"></p>

Als jouw systeem aangesloten is op een alarmcentrale, moet je dit niet zelf doen: de alarmcentrale zorgt voor de registratie.
<p></p>

Als jouw systeem aangesloten is op een alarmcentrale, moet je dit niet zelf doen: de alarmcentrale zorgt voor de registratie.
<p class="small"></p>

Dit initiatief is een samenwerking tussen Gezinsbond Nazareth-Eke, Rebelle vzw, Solidaris en Huis van het Kind Nazareth.
<a> href="#">...</a>

Neem contact met ons op
<a class="arrows" href="#"></a>

Lees meer
<a class="w-border" href="#"></a>

Neem contact met ons op
<a class="underline-gradient" href="#"><span class="link-text"></span&g t;</a>

Neem contact met ons op

Text colors

.text-primary Duis amet velit anim magna.
.text-secondary Duis amet velit anim magna.
.text-success Duis amet velit anim magna.
.text-info Duis amet velit anim magna.
.text-warning Duis amet velit anim magna.
.text-white Duis amet velit anim magna.
.text-danger Duis amet velit anim magna.
.text-orange Duis amet velit anim magna.
.text-mediumorange Duis amet velit anim magna.
.text-lightorange Duis amet velit anim magna.
.text-yellow Duis amet velit anim magna.
.text-green Duis amet velit anim magna.
.text-lightgreen Duis amet velit anim magna.
.text-lightestgreen Duis amet velit anim magna.
.text-grassgreen Duis amet velit anim magna.
.text-blue Duis amet velit anim magna.
.text-lightblue Duis amet velit anim magna.
.text-red Duis amet velit anim magna.
.text-purple Duis amet velit anim magna.

Background colors

.bg-primary Duis amet velit anim magna.
.bg-secondary Duis amet velit anim magna.
.bg-success Duis amet velit anim magna.
.bg-info Duis amet velit anim magna.
.bg-warning Duis amet velit anim magna.
.bg-danger Duis amet velit anim magna.
.bg-orange Duis amet velit anim magna.
.bg-mediumorange Duis amet velit anim magna.
.bg-lightorange Duis amet velit anim magna.
.bg-yellow Duis amet velit anim magna.
.bg-green Duis amet velit anim magna.
.bg-lightgreen Duis amet velit anim magna.
.bg-lightestgreen Duis amet velit anim magna.
.bg-grassgreen Duis amet velit anim magna.
.bg-blue Duis amet velit anim magna.
.bg-lightblue Duis amet velit anim magna.
.bg-red Duis amet velit anim magna.
.bg-purple Duis amet velit anim magna.

Lists

Unordered list

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis vel neque vitae varius. Curabitur tincidunt arcu a turpis ullamcorper facilisis ultrices sit amet nisl. Cras vitae ex efficitur, tempus tortor in, aliquet arcu. Maecenas suscipit, lectus vel facilisis condimentum, nulla leo viverra lacus, a consequat nisi sapien id sapien.
  • Niveau 1
  • Niveau 1
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis vel neque vitae varius. Curabitur tincidunt arcu a turpis ullamcorper facilisis ultrices sit amet nisl. Cras vitae ex efficitur, tempus tortor in, aliquet arcu. Maecenas suscipit, lectus vel facilisis condimentum, nulla leo viverra lacus, a consequat nisi sapien id sapien.
    • Niveau 2
    • Niveau 2
      • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis vel neque vitae varius. Curabitur tincidunt arcu a turpis ullamcorper facilisis ultrices sit amet nisl. Cras vitae ex efficitur, tempus tortor in, aliquet arcu. Maecenas suscipit, lectus vel facilisis condimentum, nulla leo viverra lacus, a consequat nisi sapien id sapien.
      • Niveau 3
      • Niveau 3

Checklist (ul.checklist)

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis vel neque vitae varius. Curabitur tincidunt arcu a turpis ullamcorper facilisis ultrices sit amet nisl. Cras vitae ex efficitur, tempus tortor in, aliquet arcu. Maecenas suscipit, lectus vel facilisis condimentum, nulla leo viverra lacus, a consequat nisi sapien id sapien.
  • Niveau 1
  • Niveau 1
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis vel neque vitae varius. Curabitur tincidunt arcu a turpis ullamcorper facilisis ultrices sit amet nisl. Cras vitae ex efficitur, tempus tortor in, aliquet arcu. Maecenas suscipit, lectus vel facilisis condimentum, nulla leo viverra lacus, a consequat nisi sapien id sapien.
    • Niveau 2
    • Niveau 2
      • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis vel neque vitae varius. Curabitur tincidunt arcu a turpis ullamcorper facilisis ultrices sit amet nisl. Cras vitae ex efficitur, tempus tortor in, aliquet arcu. Maecenas suscipit, lectus vel facilisis condimentum, nulla leo viverra lacus, a consequat nisi sapien id sapien.
      • Niveau 3
      • Niveau 3

Ordered list (ol.primary-number)

  1. Reprehenderit deserunt id id officia laborum mollit tempor sint veniam amet labore.
  2. Qui incididunt nostrud pariatur esse amet commodo tempor velit aliqua non nisi.
  3. Aliqua occaecat sit deserunt aliquip tempor occaecat aliqua ad nulla laboris.
  4. Fugiat tempor incididunt minim incididunt excepteur adipisicing qui sint ex culpa.

Buttons

Forms

Regular form

Modals

Lees hier meer

Popovers

Tooltips

Toast

Toast title 11 minuten geleden
'Hello world! this is a Toast message'

Alerts

Badges

Primary Secondary Success Danger Warning Info Light Dark

Accordion

Collapsible Group Item #1
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Cards

Tussentitel

Kaderstuk dat te maken heeft met het artikel kan op lichte achtergrondkleur binnen de container. Er zijn ook kaderstukken die over volledige breedte vallen, maar die vallen niet onder de content van het artikel. Eerder als aflsuitende CTA.

...
X
Klinisch Psycholoog

t190308891i513816362m706991158v398045760o827274033s1804567699@1939534535o554440520n1463751025l1699436675i1622729734n655327017e921036817p1404818068s803950791y1034460072h269999972u1788616975l1551127539p647630102.1917213387b149666367e116752292

www.onlinepsyhulp.be

0477 44 44 44

Ondertussen ben ik zover. Ik drink niet meer, ik heb er geen zin meer in. Ik geniet van de voordelen van niet drinken: een heldere geest, een gezond lichaam, betere sociale contacten, ...

Christine

Je alcoholpercentage berekenen

Gebruik de alcoholcalculator om je te helpen bij het inschatten van het alcoholgehalte in je bloed na het drinken van alcohol.

Ga naar de test
Glass of Wine

Je alcoholpercentage berekenen

Gebruik de alcoholcalculator om je te helpen bij het inschatten van het alcoholgehalte in je bloed na het drinken van alcohol.

Ga naar de test
Glass of Wine

Test je motivatie

Krijg een beter beeld op je motivatie om iets aan je alcoholgebruik te veranderen.

Start de test
Licentie
Vorming en opvolging

Individueel

€ 149,70
per jaar per hulpverlener

Onbeperkt aantal programma's op maat voor een onbeperkt aantal cliënten

Light pakket

€ 360
 

6u basisvorming om vlot van start te gaan

12u opvolgingssessies met vaste inhoud (6× 2u):

  • Bestaat uit open groepen
  • Zes vaste thema's
  • Basisvaardigheden die we belangrijk vinden
  • Certificaat 'Blended Hulpverlener'

Uitbreiding

+ € 140
 

Alles van het light pakket

+ extra 8u open opvolgingssessies (4× 2u):

  • Meer ruimte voor casusmateriaal
  • Eigen drempels bespreken
  • Gesloten groepen