Image card example

With extra details

How it looks (preview)

Some more links

Greater transparency across government is at the heart of our commitment to let you hold politicians and public bodies to account.

• Single departmental plans
• Prime Minister's and Cabinet Office ministers' transparency publications relating to freedom of information requests for general consumption and the public interest in general
• Government transparency data

How to call this example

<div class="govuk-!-width-one-third">
  <%= render "govuk_publishing_components/components/image_card", {
  href: "/a-page-no-just-kidding",
  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: "Some more links",
  description: "Greater transparency across government is at the heart of our commitment to let you hold politicians and public bodies to account.",
  extra_details: [
    {
      text: "Single departmental plans",
      href: "/1"
    },
    {
      text: "Prime Minister's and Cabinet Office ministers' transparency publications relating to freedom of information requests for general consumption and the public interest in general",
      href: "/2"
    },
    {
      text: "Government transparency data",
      href: "/3"
    }
  ]
} %>
</div>