{% if promotions %} <section class="content-slide"> <div class="container"> <div class="content-slide--title lazy-animation"> <h3 class="title-p2">{{ ('app.global.promotions_title.'~hotel.hotelClass) | trans }}</h3> </div> <div class="content-slide--wrapper lazy-animation"> <div class="content-slide--left"> <a class="js-slide-prev" href="#"> {% include 'partials/global/svg/icon-arrow-artiem.svg.twig' %} </a> <div class="content-slide--counter"> <span class="js-slide-counter">01</span> / 0{{ promotions | length }} </div> </div> <div class="content-slide--slide js-content-slide"> {% for promotion in promotions %} <div class="content-slide--item"> <div class="content-slide--media"> <div class="content-slide--picture"> <picture-component class="js-picture-component is-absolute" :image="{{ picture_data(promotion.image, null, null) }}"></picture-component> </div> </div> <div class="content-slide--content"> <h4 class="title-m">{{ promotion.title }}</h4> <p>{{ promotion.offer }}</p> <a href="{{ url(promotion) }}" class="button green is-dark"> <span>{{ 'app.global.view_more' | trans }}</span> </a> </div> </div> {% endfor %} </div> <div class="content-slide--right"> <a class="js-slide-next" href=""> {% include 'partials/global/svg/icon-arrow-artiem.svg.twig' %} </a> </div> </div> </div> </section>{% endif %}