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.


amstel station foto Binh Tran 4 maart 2019 amsterdam vervoer trein
amstel station foto Binh Tran 4 maart 2019 amsterdam vervoer treinBinh Tran

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 Groep7,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

Dit is het bijschrift bij de foto.
Dit is het bijschrift bij de foto.En de credit: deze foto komt van AT5

Right-aligned. Amsterdam - 5 november 2020: Beurs, beursplein 5
Right-aligned. Amsterdam - 5 november 2020: Beurs, beursplein 5Tammy van Nerum voor het FD

En ook eentje right-small aligned:

Right-small aligned. Appartementen aan de Amstel in Amsterdam, behorende tot de huurwoningenportefeuille van Delta Lloyd. Deze portefeuille werd in 2018 door de nieuwe eigenaar van Delta Lloyd, NN Groep, verkocht aan Vesteda. Op de achtergrond ook het voormalige hoofdkantoor van Delta Lloyd.
Right-small aligned. Appartementen aan de Amstel in Amsterdam, behorende tot de huurwoningenportefeuille van Delta Lloyd. Deze portefeuille werd in 2018 door de nieuwe eigenaar van Delta Lloyd, NN Groep, verkocht aan Vesteda. Op de achtergrond ook het voormalige hoofdkantoor van Delta Lloyd.

Een set SVG's als infographic, deze heet

infographic

infographic

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.
Lorem Ipsum, FDMG-Quote
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

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

Profiel van president Tsai Ing-wen

Inline-HTML (Financiele Agenda)

AD