Menu

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"
}
}
}

Props

Name Type Description
title string
link string
image object Image object