<a href="#" class="call-to-action" aria-label="">
<picture class="call-to-action--image">
<source srcset="/images/samples/cta-large.jpg" media="(min-width: 768px)">
<source srcset="/images/samples/cta-medium.jpg" media="(min-width: 576px)">
<img src="/images/samples/cta-small.jpg" alt="A call-to-action image" class="img-fluid">
</picture>
</a>
<a href="{{ link.url }}" class="call-to-action" aria-label="{{ link.text }}">
<picture class="call-to-action--image">
<source srcset="{{ images.large }}" media="(min-width: {{ breakpoints.large }})">
<source srcset="{{ images.medium }}" media="(min-width: {{ breakpoints.medium }})">
<img src="{{ images.small }}" alt="A call-to-action image" class="img-fluid">
</picture>
</a>
{
"link": {
"url": "#",
"title": "A link to somewhere"
},
"images": {
"large": "/images/samples/cta-large.jpg",
"medium": "/images/samples/cta-medium.jpg",
"small": "/images/samples/cta-small.jpg"
},
"sizes": {
"large": {
"width": 1080,
"height": 360
},
"medium": {
"width": 800,
"height": 360
},
"small": {
"width": 320,
"height": 240
}
},
"breakpoints": {
"large": "768px",
"medium": "576px"
}
}
No notes defined.