Card

Displays a card, separating a piece of content into distinct sections.

MDN: <article>

Bluetooth Keyboard Case

A versatile keyboard case that transforms your tablet into a laptop-like experience.

not a real image
$49.99

Structure

The card is made out of semantic HTML, using the <article> element to represent a self-contained piece of content that can be distributed and reused independently.

While not required, it also uses the <header> and <footer> elements, where now in the <article> they represent the header and footer of the card rather than the page.

Built by ahme.dev. The source code is available on Github