Card

A surface for grouping related content using the native <article> element.

Default

<article>
  <p>This is a simple card with some content inside.</p>
</article>

With header & footer

Add a <header> and/or <footer> for a structured layout with dividers.

<article>
  <header>Header</header>
  Body
  <footer>Footer</footer>
</article>