In Evidenza

Ready

HTML
View
Context
Info
Notes


        
        <section class="rtds-section rtds-section--in-evidenza rtds-py-8 md:rtds-py-12">
    <div class="rtds-container rtds-space-y-4">
        <div class="rtds-section-header rtds-section-header--in-evidenza">
            <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">In evidenza</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>

                </div>

            </div>
        </div>

        <div class="rtds-space-y-5">

            <div class="rtds-in-evidenza-list rtds-grid rtds-gap-4 md:rtds-grid-cols-2 lg:rtds-grid-cols-3">

                <!-- Grid item wrapper -->
                <div class="rtds-col">
                    <article class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card">

                        <picture class="rtds-card__image-wrapper
  ">
                            <img class="rtds-card__image rtds-h-full" 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="">

                                        Il lavoro in agricoltura

                                    </a>
                                </h3>

                                <div class="rtds-card__metadata">

                                </div>

                            </div>

                            <div class="rtds-card__categories">
                                <span class="rtds-category ">
                                    Categoria
                                </span>
                            </div>

                        </div>

                    </article>

                </div>
                <!-- Grid item wrapper -->
                <div class="rtds-col">
                    <article class="rtds-card rtds-card--event 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="">

                                            ARIA Awards 2024: vota il progetto di sviluppo rurale della Toscana in finale

                                        </a>
                                    </h3>

                                </div>

                                <small class="rtds-card__address">
                                    <svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
                                        <use href="../../icons.svg#solid--map-pin" />
                                    </svg>
                                    <span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
                                </small>

                                <div class="rtds-card__categories">
                                    <a href="#" class="rtds-category rtds-category--sm">
                                        Categoria
                                    </a>
                                </div>

                            </div>

                            <div class="rtds-card__date">
                                <time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
                            </div>

                        </div>

                    </article>

                </div>

                <!-- Grid item wrapper -->
                <div class="rtds-col">
                    <article class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card">

                        <picture class="rtds-card__image-wrapper
  ">
                            <img class="rtds-card__image rtds-h-full" 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="">

                                        Il lavoro in agricoltura

                                    </a>
                                </h3>

                                <div class="rtds-card__metadata">

                                </div>

                            </div>

                            <div class="rtds-card__categories">
                                <span class="rtds-category ">
                                    Categoria
                                </span>
                            </div>

                        </div>

                    </article>

                </div>
                <!-- Grid item wrapper -->
                <div class="rtds-col">
                    <article class="rtds-card rtds-card--event 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="">

                                            ARIA Awards 2024: vota il progetto di sviluppo rurale della Toscana in finale

                                        </a>
                                    </h3>

                                </div>

                                <small class="rtds-card__address">
                                    <svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
                                        <use href="../../icons.svg#solid--map-pin" />
                                    </svg>
                                    <span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
                                </small>

                                <div class="rtds-card__categories">
                                    <a href="#" class="rtds-category rtds-category--sm">
                                        Categoria
                                    </a>
                                </div>

                            </div>

                            <div class="rtds-card__date">
                                <time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
                            </div>

                        </div>

                    </article>

                </div>

                <!-- Grid item wrapper -->
                <div class="rtds-col">
                    <article class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card">

                        <picture class="rtds-card__image-wrapper
  ">
                            <img class="rtds-card__image rtds-h-full" 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="">

                                        Il lavoro in agricoltura

                                    </a>
                                </h3>

                                <div class="rtds-card__metadata">

                                </div>

                            </div>

                            <div class="rtds-card__categories">
                                <span class="rtds-category ">
                                    Categoria
                                </span>
                            </div>

                        </div>

                    </article>

                </div>
                <!-- Grid item wrapper -->
                <div class="rtds-col">
                    <article class="rtds-card rtds-card--event 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="">

                                            ARIA Awards 2024: vota il progetto di sviluppo rurale della Toscana in finale

                                        </a>
                                    </h3>

                                </div>

                                <small class="rtds-card__address">
                                    <svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4" aria-hidden="true" focusable="false" role="img">
                                        <use href="../../icons.svg#solid--map-pin" />
                                    </svg>
                                    <span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
                                </small>

                                <div class="rtds-card__categories">
                                    <a href="#" class="rtds-category rtds-category--sm">
                                        Categoria
                                    </a>
                                </div>

                            </div>

                            <div class="rtds-card__date">
                                <time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
                            </div>

                        </div>

                    </article>

                </div>

            </div>

        </div>
    </div>

</section>


        <section class="rtds-section rtds-section--in-evidenza 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: 'In evidenza',
            classes: 'rtds-section-header--in-evidenza'
            }, true %}

        <div class="rtds-space-y-5">
            
            <div class="rtds-in-evidenza-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--news-image-fullwidth',{date: "", heading:"Il lavoro in agricoltura", excerpt:"is-empty" },true %}
                    </div>
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        {% render '@card--event',{heading:"ARIA Awards 2024: vota il progetto di sviluppo rurale della Toscana in finale" },true %}
                    </div>
                {% endfor %}
            </div>


        </div>
    </div>

</section>


        
            
            {
  "items": 3,
  "gridClass": "md:rtds-grid-cols-2 lg:rtds-grid-cols-3"
}

Handle: @in-evidenza
Preview:
- With layout
- Component only
Filesystem Path: components/04-organisms/sections/in-evidenza/in-evidenza.njk
References (3): @section-header, @card--news-image-fullwidth, @card--event
Referenced by (2): @tema, @tema-fondo

Sezione In Evidenza

Sezione per contenuti in evidenza con mix di card notizia e card evento in griglia.

Comportamento

<section> con intestazione @section-header e griglia con alternanza di card @card--news-image-fullwidth e card @card--event.

Dipendenze

@section-header — intestazione sezione
@card--news-image-fullwidth — card notizia con immagine a tutta larghezza
@card--event — card evento

Parametri di configurazione

Contesto di sviluppo Fractal/Nunjucks — Questa sezione riguarda esclusivamente i parametri del context .config.yml usati durante lo sviluppo nella libreria. Non descrive attributi HTML da usare nei temi o ambienti di implementazione.

items (numero, opzionale): Numero di coppie news+event. Default: 3
gridClass (stringa, opzionale): Classi griglia. Default: md:rtds-grid-cols-2 lg:rtds-grid-cols-3
backgroundClass (stringa, opzionale): Classe colore sfondo

Accessibilità

WCAG 2.1

Livello AA — criteri pertinenti:

1.3.1 Informazioni e correlazioni — la sezione è un <section> con intestazione @section-header; la struttura semantica è preservata
2.4.6 Intestazioni ed etichette — l’intestazione “In evidenza” identifica la sezione per gli screen reader

Stili CSS

.rtds-section--in-evidenza: Modificatore della sezione
.rtds-in-evidenza-list: Griglia card

Esempi di utilizzo

<section class="rtds-section rtds-section--in-evidenza rtds-py-8 md:rtds-py-12">
    <div class="rtds-container rtds-space-y-4">
        <div class="rtds-section-header rtds-section-header--in-evidenza">
    <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">In evidenza</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>

            
            
            
        </div>

        
            
        
    </div>
</div>

        <div class="rtds-space-y-5">
            
            <div class="rtds-in-evidenza-list rtds-grid rtds-gap-4 md:rtds-grid-cols-2 lg:rtds-grid-cols-3">
                
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card"
>

  
  <picture class="rtds-card__image-wrapper
  ">
    <img
      class="rtds-card__image rtds-h-full"
      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="">
            
            
            Il lavoro in agricoltura
            
              
            
            
              
            
            
          </a>
        </h3>
      

      
      
          <div class="rtds-card__metadata">
              
              
              
            </div>
          
        

      
      
    </div>

    
      
     

    
    

    
    
      <div class="rtds-card__categories">
        <span class="rtds-category ">
    Categoria
</span>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</article>

                    </div>
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--event 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="">
            
            
            ARIA Awards 2024: vota il progetto di sviluppo rurale della Toscana in finale
            
              
            
            
              
            
            
          </a>
        </h3>
      

      


      
      
    </div>

    
 

    
    <small class="rtds-card__address">
        <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
    </small>


    
    
      <div class="rtds-card__categories">
        <a href="#" class="rtds-category rtds-category--sm">
    Categoria
</a>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
</div>


    
    
    
    <div class="rtds-card__date">
        <time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
    </div>
    
    

  </div>
  
  
</article>

                    </div>
                
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card"
>

  
  <picture class="rtds-card__image-wrapper
  ">
    <img
      class="rtds-card__image rtds-h-full"
      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="">
            
            
            Il lavoro in agricoltura
            
              
            
            
              
            
            
          </a>
        </h3>
      

      
      
          <div class="rtds-card__metadata">
              
              
              
            </div>
          
        

      
      
    </div>

    
      
     

    
    

    
    
      <div class="rtds-card__categories">
        <span class="rtds-category ">
    Categoria
</span>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</article>

                    </div>
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--event 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="">
            
            
            ARIA Awards 2024: vota il progetto di sviluppo rurale della Toscana in finale
            
              
            
            
              
            
            
          </a>
        </h3>
      

      


      
      
    </div>

    
 

    
    <small class="rtds-card__address">
        <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
    </small>


    
    
      <div class="rtds-card__categories">
        <a href="#" class="rtds-category rtds-category--sm">
    Categoria
</a>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
</div>


    
    
    
    <div class="rtds-card__date">
        <time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
    </div>
    
    

  </div>
  
  
</article>

                    </div>
                
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card"
>

  
  <picture class="rtds-card__image-wrapper
  ">
    <img
      class="rtds-card__image rtds-h-full"
      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="">
            
            
            Il lavoro in agricoltura
            
              
            
            
              
            
            
          </a>
        </h3>
      

      
      
          <div class="rtds-card__metadata">
              
              
              
            </div>
          
        

      
      
    </div>

    
      
     

    
    

    
    
      <div class="rtds-card__categories">
        <span class="rtds-category ">
    Categoria
</span>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</article>

                    </div>
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--event 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="">
            
            
            ARIA Awards 2024: vota il progetto di sviluppo rurale della Toscana in finale
            
              
            
            
              
            
            
          </a>
        </h3>
      

      


      
      
    </div>

    
 

    
    <small class="rtds-card__address">
        <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
    </small>


    
    
      <div class="rtds-card__categories">
        <a href="#" class="rtds-category rtds-category--sm">
    Categoria
</a>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
</div>


    
    
    
    <div class="rtds-card__date">
        <time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
    </div>
    
    

  </div>
  
  
</article>

                    </div>
                
            </div>


        </div>
    </div>

</section>
<section class="rtds-section rtds-section--in-evidenza rtds-py-8 md:rtds-py-12 rtds-background-02">
    <div class="rtds-container rtds-space-y-4">
        <div class="rtds-section-header rtds-section-header--in-evidenza">
    <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">In evidenza</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>

            
            
            
        </div>

        
            
        
    </div>
</div>

        <div class="rtds-space-y-5">
            
            <div class="rtds-in-evidenza-list rtds-grid rtds-gap-4 md:rtds-grid-cols-2 lg:rtds-grid-cols-3">
                
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card"
>

  
  <picture class="rtds-card__image-wrapper
  ">
    <img
      class="rtds-card__image rtds-h-full"
      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="">
            
            
            Il lavoro in agricoltura
            
              
            
            
              
            
            
          </a>
        </h3>
      

      
      
          <div class="rtds-card__metadata">
              
              
              
            </div>
          
        

      
      
    </div>

    
      
     

    
    

    
    
      <div class="rtds-card__categories">
        <span class="rtds-category ">
    Categoria
</span>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</article>

                    </div>
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--event 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="">
            
            
            ARIA Awards 2024: vota il progetto di sviluppo rurale della Toscana in finale
            
              
            
            
              
            
            
          </a>
        </h3>
      

      


      
      
    </div>

    
 

    
    <small class="rtds-card__address">
        <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
    </small>


    
    
      <div class="rtds-card__categories">
        <a href="#" class="rtds-category rtds-category--sm">
    Categoria
</a>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
</div>


    
    
    
    <div class="rtds-card__date">
        <time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
    </div>
    
    

  </div>
  
  
</article>

                    </div>
                
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card"
>

  
  <picture class="rtds-card__image-wrapper
  ">
    <img
      class="rtds-card__image rtds-h-full"
      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="">
            
            
            Il lavoro in agricoltura
            
              
            
            
              
            
            
          </a>
        </h3>
      

      
      
          <div class="rtds-card__metadata">
              
              
              
            </div>
          
        

      
      
    </div>

    
      
     

    
    

    
    
      <div class="rtds-card__categories">
        <span class="rtds-category ">
    Categoria
</span>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</article>

                    </div>
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--event 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="">
            
            
            ARIA Awards 2024: vota il progetto di sviluppo rurale della Toscana in finale
            
              
            
            
              
            
            
          </a>
        </h3>
      

      


      
      
    </div>

    
 

    
    <small class="rtds-card__address">
        <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
    </small>


    
    
      <div class="rtds-card__categories">
        <a href="#" class="rtds-category rtds-category--sm">
    Categoria
</a>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
</div>


    
    
    
    <div class="rtds-card__date">
        <time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
    </div>
    
    

  </div>
  
  
</article>

                    </div>
                
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--news rtds-card--news-image-fullwidth is-card-fullclickable rtds-group/card"
>

  
  <picture class="rtds-card__image-wrapper
  ">
    <img
      class="rtds-card__image rtds-h-full"
      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="">
            
            
            Il lavoro in agricoltura
            
              
            
            
              
            
            
          </a>
        </h3>
      

      
      
          <div class="rtds-card__metadata">
              
              
              
            </div>
          
        

      
      
    </div>

    
      
     

    
    

    
    
      <div class="rtds-card__categories">
        <span class="rtds-category ">
    Categoria
</span>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</article>

                    </div>
                    <!-- Grid item wrapper -->  
                    <div class="rtds-col">
                        <article
  class="rtds-card rtds-card--event 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="">
            
            
            ARIA Awards 2024: vota il progetto di sviluppo rurale della Toscana in finale
            
              
            
            
              
            
            
          </a>
        </h3>
      

      


      
      
    </div>

    
 

    
    <small class="rtds-card__address">
        <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--map-pin" />
</svg>
<span class="rtds-sr-only">Luogo:</span> Via Lorem Ipsum, Firenze
    </small>


    
    
      <div class="rtds-card__categories">
        <a href="#" class="rtds-category rtds-category--sm">
    Categoria
</a>
      </div>
    
    

    
      
    
   
    
      
    
   
    
      
    

    
</div>


    
    
    
    <div class="rtds-card__date">
        <time class="sm:rtds-grid sm:rtds-gap-0.5 sm:rtds-justify-end sm:rtds-text-right" datetime="2023-06-25/2023-06-30"><span class="rtds-content-01 rtds-text-lg rtds-leading-none rtds-italic rtds-font-extrabold">25/30 giugno</span> <span class="rtds-text-base">2023</span></time>
    </div>
    
    

  </div>
  
  
</article>

                    </div>
                
            </div>


        </div>
    </div>

</section>