syn_promo-8.x-1.3/templates/promo_block.html.twig

{{ attach_library('syn_promo/syn_promo') }}
{% set items = data['nodes'] ?? [] %}
{% if items %}
	<div class="promo-event closed" data-layout={{ data['layout'] }}>
		<div class="container page-container">
			<ul class="promo-event__list">
				{% for item in items %}
					<li class="promo-event__item" data-color="{{ item.color | length ? item.color.background : '' }}" style="{{ item.color | length ? 'color: ' ~ item.color.text : ''}}">
						{% if item.button.link  %}
							<a href="{{ item.button.link }}" class="promo-event__link">
							{% elseif item.button.target %}
								<a href="#" class="promo-top__link" data-bs-target="{{ item.button.target }}" data-bs-toggle="modal">
								{% endif %}
								<div
									class="promo-event__wrapper">
									{# <h4 class="promo-event__caption promo-top__text">{{ item.title }}</h4> #}
									<div class="promo-event__text">
										{{ item.description | raw }}
									</div>
								</div>
								{% if item.button.link or item.button.target %}
								</a>
							{% endif  %}
						</li>
					{% endfor %}
				</ul>
				<button class="promo-event__close">
					<svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewbox="0 0 16 16" fill="#FFFFFF">
						<path fill-rule="evenodd" clip-rule="evenodd" d="M8 8.707l3.646 3.647.708-.707L8.707 8l3.647-3.646-.707-.708L8 7.293 4.354 3.646l-.707.708L7.293 8l-3.646 3.646.707.708L8 8.707z"/>
					</svg>
				</button>
			</div>
		</div>
	{% endif %}