<section class=" rtds-py-8 md:rtds-py-12">
<div class="rtds-container rtds-space-y-4 md:rtds-space-y-6">
<div class="rtds-grid rtds-grid-cols-1 lg:rtds-grid-cols-12">
<div class="rtds-space-y-4 md:rtds-space-y-6 rtds-col-span-12 md:rtds-col-span-9 lg:rtds-col-span-6">
<h2 class="rtds-heading-2">Lorem ipsum dolor sit amet</h2>
<div class="rtds-body">
<p>Nella programmazione 2021-2027 la Toscana ha a disposizione con il programma del Fondo europeo di sviluppo regionale 1,2 miliardi e con il programma del Fondo sociale europeo plus 1,1 miliardi, un totale di 2,3 miliardi di euro. Per la pesca e l'acquacoltura il programma Feampa 2021-2027 Toscana ha una dotazione complessiva (quota UE, quota dello Stato, quota della Regione), di 22.684.066 milioni. Per l'agricoltura e lo sviluppo rurale, il Complemento per lo sviluppo rurale 2023-2027 mette a disposizione della Toscana 748.813.503 milioni di euro.</p>
</div>
</div>
</div>
<div>
<ul role="list" class="rtds-grid rtds-grid-cols-1 md:rtds-grid-cols-2 lg:rtds-grid-cols-3 rtds-gap-4">
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="rtds-col">
<article class="rtds-card rtds-card--news rtds-card--news-small rtds-card--horizontal rtds-card--horizontal-left 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-card__heading">
<h3 class="rtds-card__title">
<a class="group-hover/card:rtds-underline" href="">
Programma Italia-Francia Marittimo
</a>
</h3>
</div>
</div>
</article>
</li>
</ul>
</div>
</div>
</section>
<section class="{% if sectionPadding %} {{ sectionPadding }}{% endif %}">
<div class="rtds-container rtds-space-y-4 md:rtds-space-y-6">
<div class="rtds-grid rtds-grid-cols-1 lg:rtds-grid-cols-12{% if leftColumnGap %} {{ leftColumnGap }}{% endif %}">
<div class="rtds-space-y-4 md:rtds-space-y-6{% if leftColumnWidth %} {{ leftColumnWidth }}{% endif %}">
<h2 class="rtds-heading-2">{{ heading }}</h2>
<div class="rtds-body">
<p>{{ text }}</p>
</div>
</div>
{% block rightColumn %}
{% endblock rightColumn %}
</div>
<div>
{% if listHeading %}
<h2 class="rtds-sr-only">{{ listHeading }}</h2>
{% endif %}
<ul role="list" class="rtds-grid rtds-grid-cols-1 md:rtds-grid-cols-2 lg:rtds-grid-cols-3 rtds-gap-4">
{% for i in range(0,cardNumber) %}
<li class="rtds-col">
{% render '@' + card.handle, card.context|default({}), true %}
</li>
{% endfor %}
</ul>
</div>
</div>
</section>
{
"sectionPadding": "rtds-py-8 md:rtds-py-12",
"heading": "Lorem ipsum dolor sit amet",
"text": "Nella programmazione 2021-2027 la Toscana ha a disposizione con il programma del Fondo europeo di sviluppo regionale 1,2 miliardi e con il programma del Fondo sociale europeo plus 1,1 miliardi, un totale di 2,3 miliardi di euro. Per la pesca e l'acquacoltura il programma Feampa 2021-2027 Toscana ha una dotazione complessiva (quota UE, quota dello Stato, quota della Regione), di 22.684.066 milioni. Per l'agricoltura e lo sviluppo rurale, il Complemento per lo sviluppo rurale 2023-2027 mette a disposizione della Toscana 748.813.503 milioni di euro.",
"cardNumber": 13,
"leftColumnWidth": "rtds-col-span-12 md:rtds-col-span-9 lg:rtds-col-span-6",
"card": {
"handle": "card--news-small",
"context": {
"category": "",
"date": "",
"heading": "Programma Italia-Francia Marittimo",
"excerpt": "is-empty"
}
}
}
Section of content used eg: TEMA.
Section heading with decription text, and card grid of content, for istance “Finanziamenti”.