templates/widget/partners_sidebar.html.twig line 1

<div class="partners">
    <div class="partners__heading">
        <h3 class="h3">{{ title|raw }}</h3>
        <div class="partners__navigation">
            <button class="arrow arrow-prev">
                <svg>
                    <use href="/assets/front/img/icons/control-arrow.svg#arrow"
                         xlink:href="/assets/front/img/icons/control-arrow.svg#arrow"></use>
                </svg>
            </button>
            <button class="arrow arrow-next">
                <svg>
                    <use href="/assets/front/img/icons/control-arrow.svg#arrow"
                         xlink:href="/assets/front/img/icons/control-arrow.svg#arrow"></use>
                </svg>
            </button>
        </div>
    </div>
    <div class="skeleton">
        <div class="skeleton__item shine"> </div>
        <div class="skeleton__item shine"> </div>
        <div class="skeleton__item shine"> </div>
        <div class="skeleton__item shine"> </div>
        <div class="skeleton__item shine"> </div>
        <div class="skeleton__item shine"> </div>
        <div class="skeleton__item shine"> </div>
        <div class="skeleton__item shine"> </div>
    </div>

    <div class="partners__slider" data-delay="{{ slideshow_time }}" data-autoplay="{{ auto_scroll }}">
        <div class="swiper-wrapper">
            {% if partners is defined and partners|length > 0 %}
                {% for partner in partners %}
                    <div class="partners__slide swiper-slide">
                        <a target="{{ partner.isTargetBlank ? '_blank' : '_self' }}"
                           href="{{ partner.link ? partner.link : 'javascript:void(0);' }}"></a>
                        {% if partner.picture %}
                            <img class="swiper-lazy" loading="lazy" alt="{{ title|escape }}"
                                 src="{{ asset('assets/front/img/empty.svg') }}" data-src="{{ partner.picture.url }}">
                        {% endif %}
                    </div>
                {% endfor %}
            {% endif %}
        </div>
    </div>

    <div class="partners__pagination">
        <div class="partners__pagination-inner"></div>
    </div>
    <div class="partners__bottom-navigation">
        <button class="arrow arrow-prev">
            <svg>
                <use href="/assets/front/img/icons/control-arrow.svg#arrow"
                     xlink:href="/assets/front/img/icons/control-arrow.svg#arrow"></use>
            </svg>
        </button>
        <button class="arrow arrow-next">
            <svg>
                <use href="/assets/front/img/icons/control-arrow.svg#arrow"
                     xlink:href="/assets/front/img/icons/control-arrow.svg#arrow">   </use>
            </svg>
        </button>
    </div>
    <script data-defer=".partners">
        var requireOnDefer = function() {
            function callback() {
                require(['assets/front/js/application/partners']);
                window.removeEventListener('.partners', callback);
            }
            window.addEventListener('.partners', callback);
        }
        requireOnDefer();
        require([
            'css!assets/front/css/application/partners',
            'css!assets/front/css/vendor/swiper',
            'css!assets/front/css/vendor/swiper.pagination',
            'css!assets/front/css/vendor/swiper.navigation',
            'css!assets/front/css/vendor/swiper.grid',
        ]);
    </script>
</div>