Main

Card--Image

Card displaying an image within a sidebar.

Example

Open this example in new window

Macro


{{ imageCard({
    imgURL : "https://digital-transformation.hee.nhs.uk/binaries/content/gallery/digital-transformation/blogs/vr-headsets.jpg",
    imgALT : "Image card here",
    imgCaption : "Lorum ipsum"
  })
}}

HTML


<figure class="hee-sidebarimage">
    <img class="hee-sidebarimage__img" src="https://digital-transformation.hee.nhs.uk/binaries/content/gallery/digital-transformation/blogs/vr-headsets.jpg" alt="Image card here">
    <figcaption class="hee-sidebarimage__caption"> Lorum ipsum </figcaption>
</figure>