{# render footer-template #}
{% if editmode %}
{{ include('Layout/includes/css.html.twig') }}
{% endif %}
<ul class="{{ navType|default('mega') }}-nav__teaser-list list-unstyled vertical-gutter--3 {{ editmode ? '' : 'row' }}">
{% for i in pimcore_iterate_block(pimcore_block('teaser', {'default': 1, 'limit': 3})) %}
<li class="col-md-3 col-6 vertical-gutter__item" {{ editmode ? 'style="min-width: 300px"' : '' }}>
<section class="nav-teaser stretch-link teaser-animation {{ styleModifier | default(null) }}">
{% if not pimcore_image('image').empty %}
{% set description = getImageDescription(pimcore_image('image').image) %}
{% endif %}
<div class="nav-teaser__embed embed-responsive">
{{ pimcore_image('image', {
thumbnail: 'nav-teaser',
imgAttributes: {
class: 'js-lazy-img embed-responsive-item teaser-animation__img'
},
lowQualityPlaceholder: true,
}) }}
{% do jsConfig().add('lazyImg', true) %}
</div>
<div class="{{ editmode ? '' : 'nav-teaser__content' }}">
<div class="nav-teaser__title h5">
{{ pimcore_link('link', {'class': 'stretch-link__link', 'title': description}) }}
</div>
</div>
</section>
</li>
{% endfor %}
</ul>