<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"
  }
}
  • Handle: @call-to-action
  • Preview:
  • Filesystem Path: src/components/02-structures/home-page/call-to-action/call-to-action.html.twig
  • Referenced by (1): @home-page

No notes defined.