A sidebar card used on Training Programme pages, to display links related to the programme you're currently viewing.

Example

---

Macro

  {{ programmeInfoCard({
    heading: "Programme information",
    itemBorder: true,
    links: [
      {
        label: "Overview",
        url: "#"
      },
      {
        label: "Recruitment timelines",
        url: "#"
      },
      {
        label: "Eligibility",
        url: "#"
      },
      {
        label: "Applying",
        url: "#"
      },
      {
        label: "Shortlisting",
        url: "#"
      },
      {
        label: "Interviews and selection",
        url: "#"
      },
      {
        label: "Preferencing",
        url: "#"
      },
      {
        label: "Person specification",
        url: "#"
      },
      {
        label: "Curriculum",
        url: "#"
      },
      {
        label: "Current posts",
        url: "#"
      }
    ]
  })}}
  

---

HTML

<div class="hee-card hee-card--programme-info theme__item-border">
  <div class="hee-card--programme-info__content">
    <h3 class="hee-card--programme-info__heading">Programme information</h3>
    <ul class="hee-card--programme-info__list">
      <li>
        <a class="hee-card--programme-info__link" href="#">Overview</a>
      </li>
      <li>
        <a class="hee-card--programme-info__link" href="#">Recruitment timelines</a>
      </li>
      <li>
        <a class="hee-card--programme-info__link" href="#">Eligibility</a>
      </li>
      <li>
        <a class="hee-card--programme-info__link" href="#">Applying</a>
      </li>
      <li>
        <a class="hee-card--programme-info__link" href="#">Shortlisting</a>
      </li>
      <li>
        <a class="hee-card--programme-info__link" href="#">Interviews and selection</a>
      </li>
      <li>
        <a class="hee-card--programme-info__link" href="#">Preferencing</a>
      </li>
      <li>
        <a class="hee-card--programme-info__link" href="#">Person specification</a>
      </li>
      <li>
        <a class="hee-card--programme-info__link" href="#">Curriculum</a>
      </li>
      <li>
        <a class="hee-card--programme-info__link" href="#">Current posts</a>
      </li>
    </ul>
  </div>
</div>