Standard card with image

The standard card element but with an image inserted between the title and supporting copy.

<!-- COMPONENT: Standard card with image -->
<article class="card standard-card">
    <a href="http://www.bath.ac.uk/case-studies/black-holes-the-realm-of-extreme-physics">
        <header data-equalizer-watch="card-header">
            <h1>Standard card with image</h1>
        </header>
    </a>
    <figure>
        <img src="https://farm5.staticflickr.com/4430/36700476053_97181faa59_o_d.jpg" alt="Professor Carole Mundell">
    </figure>
    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit scelerisque, proin torquent suscipit vivamus litora fusce curae cras.</p>
</article>
<!-- End component: Standard card with image -->
  • Handle: @standard-card-with-image
  • Preview:
  • Filesystem Path: components/common-components/cards/standard-card-with-image/standard-card-with-image.hbs
  • Referenced by (1): @pinboard