<section class="rtds-section rtds-section--campagne rtds-py-8 md:rtds-py-12">
<div class="rtds-container rtds-space-y-4">
<div class="rtds-section-header rtds-section-header--campagne">
<div class="rtds-flex rtds-items-center rtds-gap-4 md:rtds-gap-6 rtds-content-01">
<div class="rtds-flex rtds-flex-wrap rtds-items-center rtds-gap-2 md:rtds-gap-4">
<h2 class="rtds-heading-3 md:rtds-heading-2">Campagne</h2>
<div class="rtds-vertical-divider rtds-w-4 md:rtds-w-6 lg:rtds-w-8">
<img class="rtds-w-full rtds-h-auto" src="/images/vertical-divider.svg" alt="">
</div>
<span class="rtds-text-sm rtds-leading-none">
<a href="" class="rtds-action-link
rtds-action-link--sm
">
Vedi le campagne
<svg class="rtds-icon rtds-fill-current" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="rtds-space-y-5">
<div class="rtds-campagne-list rtds-grid rtds-gap-4 md:rtds-grid-cols-2">
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--event rtds-card--event-no-date is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-flex rtds-flex-col rtds-gap-2 rtds-order-2">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Categoria
</a>
</div>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--event rtds-card--event-no-date is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-flex rtds-flex-col rtds-gap-2 rtds-order-2">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Categoria
</a>
</div>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--event rtds-card--event-no-date is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-flex rtds-flex-col rtds-gap-2 rtds-order-2">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Categoria
</a>
</div>
</div>
</div>
</article>
</div>
<!-- Grid item wrapper -->
<div class="rtds-col">
<article class="rtds-card rtds-card--event rtds-card--event-no-date is-card-fullclickable rtds-group/card">
<picture class="rtds-card__image-wrapper
">
<img class="rtds-card__image" alt="" src="/images/card-image.jpg" />
</picture>
<div class="rtds-card__content">
<div class="rtds-flex rtds-flex-col rtds-gap-2 rtds-order-2">
<div class="rtds-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Nunc aliquam phasellus molestie blandit. Nisi, amet, id maecenas diam
</a>
</h3>
</div>
<div class="rtds-card__categories">
<a href="#" class="rtds-category rtds-category--sm">
Categoria
</a>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
<section class="rtds-section rtds-section--campagne rtds-py-8 md:rtds-py-12{% if backgroundClass %} {{ backgroundClass }}{% endif %}">
<div class="rtds-container rtds-space-y-4">
{% render '@section-header', {
verticalDividerRight: 'true',
heading: 'Campagne',
sectionHeaderCta: 'Vedi le campagne',
classes: 'rtds-section-header--campagne'
}, true %}
<div class="rtds-space-y-5">
<div class="rtds-campagne-list rtds-grid rtds-gap-4{% if gridClass %} {{ gridClass }}{% endif %}">
{% for i in range(0,items) %}
<!-- Grid item wrapper -->
<div class="rtds-col">
{% render '@card--event-no-date' %}
</div>
{% endfor %}
</div>
</div>
</div>
</section>
{
"items": 4,
"gridClass": "md:rtds-grid-cols-2"
}
No notes defined.