${require('./_head.html') title=`Cards` description=`A flexible container with graceful spacings across devices and viewports.` canonical=`cards.html` } ${require('./_nav.html')}
${require('./_sidebar.html') active=`cards-link`}

Cards

A flexible container with graceful spacings across devices and viewports.

I'm a card! 
<article>I'm a card!</article>

You can use <header> and footer <footer> inside <article>

Header
Body
Footer
<article>
  <header>Header</header>
  Body
  <footer>Footer</footer>
</article>
${require('./_footer.html')}