<div class="music-highlights">
<div class="music-highlights__container">
<div class="music-highlights__features">
</div>
</div>
</div>
<div class="music-highlights">
<div class="music-highlights__container">
<div class="music-highlights__features">
{% for feature in highlights.features %}
<div class="music-highlights__feature" data-sal="slide-up" data-sal-delay="100" data-sal-easing="ease-in-out" data-sal-duration="700">
<div class="music-highlights__feature-info">
<h2 class="music-highlights__feature-title">{{ feature.title }}</h2>
<div class="music-highlights__feature-subtitle">{{ feature.subtitle }}</div>
<div class="music-highlights__cta">
{% include 'bits/standard-button/standard-button.twig' with {
button: {
type: 'primary',
icon: 'right-chevron',
text: feature.cta.text,
url: feature.cta.url,
}
} %}
</div>
</div>
<div class="music-highlights__feature-image">
<picture class="music-highlights__image">
<source
srcset="{{ feature.image.src|towebp|resize(648,432) }}"
type="image/webp"
>
<img class="image__image" loading="lazy" src="{{ feature.image.src|tojpg|resize(648,432) }}" alt="{{ feature.image.altText | escape }}" width="648" height="432">
</picture>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{
"siteUnit": "network",
"departmentName": "Network",
"background": "light",
"highlights": [
{
"title": "Our faculty quisque volutpat cras",
"subtitle": "<p>Done cnec justo eget felis facilisis fermentum. Porttitor mauris sit amet orci. Aenean dignissim pellentesque <em>felis.</em></p>",
"image": {
"src": "https://picsum.photos/656/432?random=1",
"altText": "alt"
},
"cta": {
"text": "Button text",
"url": "#"
}
},
{
"title": "Community aenean dignissim pellentesque",
"subtitle": "<p>Done cnec justo eget felis facilisis fermentum. Porttitor mauris sit amet orci. Aenean dignissim pellentesque <em>felis.</em></p>",
"image": {
"src": "https://picsum.photos/656/432?random=2",
"altText": "alt"
},
"cta": {
"text": "Button text",
"url": "#"
}
}
]
}
There are no notes for this item.