Webstyle guide
Headings and paragraphs
| Heading | Example |
|---|---|
|
|
Op weg naar herstel |
|
|
Op weg naar herstel |
|
|
Op weg naar herstel |
|
|
Op weg naar herstel |
|
|
Op weg naar herstel |
|
|
Op weg naar herstel |
|
|
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> |
|
<a class="arrows" href="#"></a> |
|
<a class="w-border" href="#"></a> |
|
<a class="underline-gradient" href="#"><span class="link-text"></span&g t;</a> |
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)
- Reprehenderit deserunt id id officia laborum mollit tempor sint veniam amet labore.
- Qui incididunt nostrud pariatur esse amet commodo tempor velit aliqua non nisi.
- Aliqua occaecat sit deserunt aliquip tempor occaecat aliqua ad nulla laboris.
- Fugiat tempor incididunt minim incididunt excepteur adipisicing qui sint ex culpa.
Buttons
Forms
Regular form
Modals
Popovers
Lorem ipsum...
Lorem ipsum...
Lorem ipsum...
Lorem ipsum...
Tooltips
Toast
Alerts
Badges
Accordion
Cards
Wat is blended hulpverlening?
Blended hulpverlening is de combinatie van face-to-face gesprekken met een online programma om mentaal welzijn te verbeteren. Op deze manier kan je cliënt ook naast de gesprekken bezig zijn met het therapietraject. Deze manier van werken is ook steeds meer het onderwerp van wetenschappelijk onderzoek.
Programma’s op maat
BlendedHulp is een platform voor de hulpverlener die zich wil toeleggen op blended hulpverlening . Elke cliënt is anders. We bieden de mogelijkheid om een programma samen te stellen dat beantwoordt aan de unieke noden van jouw cliënt. Kies uit een ruime -en steeds groeiende - bibliotheek van modules, dagboeken, meters en psycho-educatieve teksten en stel een begeleidingsprogramma samen op maat van je cliënt.
Vorming en Implementatie
Blended hulpverlening werkt pas écht wanneer hulpverleners goed opgeleid zijn om hiermee aan de slag te gaan. BlendedHulp voorziet niet alleen toegang tot het platform, maar biedt ook gerichte vorming en opvolging aan. We ondersteunen jouw organisatie bovendien door een implementatietraject op maat te voorzien, aangepast aan jouw specifieke noden.
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.
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, ...
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
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
Test je motivatie
Krijg een beter beeld op je motivatie om iets aan je alcoholgebruik te veranderen.
Start de testIndividueel
Onbeperkt aantal programma's op maat voor een onbeperkt aantal cliënten
Light pakket
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
Alles van het light pakket
+ extra 8u open opvolgingssessies (4× 2u):
- Meer ruimte voor casusmateriaal
- Eigen drempels bespreken
- Gesloten groepen