Alle “hybrid” verrijking
Dit is de inleiding: bedoeld om in één oogopslag te zien of alle ondersteunde artikel-elementen goed werken naar behoren. Zo kan eenvoudig de nieuwe dark mode getest worden voor iOS (en later ook Android) maar ook alle toekomstige design changes aan deze elementen. Dit stuk tekst is overigens het artikel-intro element.
LET OP: Dit artikel bevat een html-embed, er is ook een 100% native test-artikel. En de link naar een hybrid PROD artikel
Allereerst hebben we twee paragrafen onder elkaar
Apple$316,77+0,57% Curabitur blandit tempus porttitor. ABN AMRO BANK N.V.€11,72+1,31% ABN Amro koers, etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor. ING Groep€7,63+0,47% Curabitur blandit tempus porttitor. Integer Sony Corp$63,73-0,53% posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit Bie Kho.
Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non magna.
Minder gebruikt, maar nog steeds relevant: de subkop
Dan: de opsomming, ook wel bekend als
Praesent commodo cursus magna, vel scelerisque nisl consectetur et
Een opsommings-item met link naar de homepage non mi porta gravida at eget metus
Etiam porta sem malesuada magna mollis euismod
en... de opsomming kan ook rechts-aligned zijn.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et
Donec id elit non mi porta gravida at eget metus
Etiam porta sem malesuada magna mollis euismod
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod.
En natuurlijk de welbekende afbeelding
En ook eentje right-small aligned:
Een set SVG's als infographic, deze heet
Een LocalFocus infographic, also known as
Het beruchte cijferkader, oftewel
$ 145.600.000.000
Dit is de in een cijferkader de nett worth van Jeff Bezos
Een PDFje ...
📎1200px-Logo_Het_Financieele_Dagblad.pdf
Een quote'je
‘Vestibulum id ligula porta felis euismod semper.’
‘Vestibulum id ligula porta felis euismod semper.’
YouTube videootje!
Vimeo? Wie gebruikt dat nog?
Tweetje ...
Omny embed
Door met de width te spelen kun je de audio-widget 100% of full width krijgen of kleiner
Soundcloud
Instagram werkt niet meer...
Lees ook en Lees meer
Lees ook deze artikelen
Deze gaat over iets met een ABN AMRO CEO
Maar ook deze over een steunpakket
En deze over olie!
Tekstkader
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna.
K.K. Metal
Zo kan je bijvoorbeeld ook een afbeelding tonen. En je kan de tekst ook cursief of bold maken. Het is zelfs mogelijk om er een link te plaatsen.
Bijzonder niet?
Of wat dacht je ervan om de tekstkader anders te laten uitlijnen?
Tussenkop
Rechts
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna.
Woordkader
Maecenas faucibus mollis interdum.
Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Samenvatting
Samenvatting: cras justo odio, dapibus ac facilisis in, egestas eget quam.
- Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit
- Nulla vitae elit libero, a pharetra augue
- Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Linkblok
Lees ook