Industry card

<article class="mp c-industry-card" role="article" aria-label="Industry card">
  <div class="c-industry-card__body">
    <h3 class="c-industry-card__heading">
      <a href="#" aria-label="Mining and minerals">
      Mining and minerals</a>
    </h3>
    <p class="c-industry-card__lede">Explore the world of Iron, Base metals, Bauxite, Clay, Coal, Industrial Minerals and Precious Metals in 3D.    </p>
    <footer class="c-industry-card__footer">
      <span class="mp c-twi c-twi--small u-link c-twi--left" ><span>View industry</span>
        <svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--arrow-right">
          <use xlink:href="/static/svg/sprite.svg#arrow-right"></use>
        </svg>
      </span>
    </footer>
  </div>
  <figure class="c-industry-card__image">
    <img src="/static/img/sector-3.jpg" alt="Mining and minerals"  />
  </figure>
</article>

{
  "classes": "",
  "title": "Mining and minerals",
  "link": "#",
  "description": "Explore the world of Iron, Base metals, Bauxite, Clay, Coal, Industrial Minerals and Precious Metals in 3D.    ",
  "image": {
    "src": "/static/img/sector-3.jpg",
    "alt": ""
  },
  "footer": {
    "button": {
      "label": "View industry"
    }
  }
}