Skip to content

Image Samples

Dit element bevat voorbeelden van afbeeldingen en hoe je ze moet plaatsen.

Beste werkwijze

Afbeeldingen kunnen aan al uw pagina’s worden toegevoegd om ze visueel interessant te maken en om cursussen met veel tekst op te breken. Deze sectie illustreert de verschillende manieren waarop afbeeldingen gebruikt kunnen worden. U moet ze gebruiken binnen een text block component.

This element includes samples of images and how to position them.

Best Practices

Images can be added to any of your pages to create visual interest and help break up text-heavy courses. This section illustrates the different ways images can be used. You must use them within a text block component.

Image Align Left

copy: start
Descriptive alt text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at leo vitae lorem lobortis laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed dictum, est at dapibus facilisis, nibh urna porta magna, in interdum nisi velit id nulla. Donec fringilla, ipsum nec vulputate vestibulum, turpis nunc vehicula mauris, non luctus nulla nisi vitae libero. Integer laoreet neque id metus mollis, ac aliquet lorem blandit.

copy: end

Image Align Left

copy: start
Descriptive alt text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at leo vitae lorem lobortis laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed dictum, est at dapibus facilisis, nibh urna porta magna, in interdum nisi velit id nulla. Donec fringilla, ipsum nec vulputate vestibulum, turpis nunc vehicula mauris, non luctus nulla nisi vitae libero. Integer laoreet neque id metus mollis, ac aliquet lorem blandit.

copy: end

Image Align Center

copy: start
Descriptive alt text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at leo vitae lorem lobortis laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed dictum, est at dapibus facilisis, nibh urna porta magna, in interdum nisi velit id nulla. Donec fringilla, ipsum nec vulputate vestibulum, turpis nunc vehicula mauris, non luctus nulla nisi vitae libero. Integer laoreet neque id metus mollis, ac aliquet lorem blandit.

copy: end