<article class="ml-banner is-m{% if hasImage is defined and hasImage == true %} has-media{% endif %} {{ modifiers ?? '' }}"> <a href="{{ link ?? '' }}" class="banner-link {{ linkClass ?? '' }}"> {% if hasImage is defined and hasImage == true %} <div class="banner-media-wrapper"> <img src="{{ src ?? 'https://picsum.photos/700/394' }}" alt=""> </div> {% endif %} <div class="banner-content-wrapper"> <div class="banner-content"> <h2 class="at-title">{{ title ?? 'Banner M' }}</h2> <div class="at-text"> {{ text ?? '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque.</p>' }} </div> {% if tag is defined %} <span class="at-tag">{{ tag }}</span> {% endif %} </div> </div> </a></article>