Image card example

With number 10 branding

Organisation colour branding can be added to the component as shown.

How it looks (preview)

Something relating to this

Public reform committee consultation vote department interior minister referendum.
some meaningful alt text please

How to call this example

<div class="govuk-!-width-one-third">
  <%= render "govuk_publishing_components/components/image_card", {
  brand: "prime-ministers-office-10-downing-street",
  href: "/again-not-a-page",
  image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG",
  image_alt: "some meaningful alt text please",
  heading_text: "Something relating to this",
  description: "Public reform committee consultation vote department interior minister referendum.",
  extra_details: [
    {
      text: "Something",
      href: "/1"
    },
    {
      text: "Something else",
      href: "/2"
    }
  ]
} %>
</div>