Section Grid 2 Cols: Default

Ready

HTML
View
Context
Info
Notes


        
        <div class="rtds-container rtds-grid rtds-gap-4 lg:rtds-grid-cols-2 lg:rtds-gap-8 xl:rtds-gap-16">

    <section class="rtds-section rtds-section--siti-web-collegati rtds-py-8 md:rtds-py-12">
        <div class="rtds-space-y-4">
            <div class="rtds-section-header rtds-section-header--siti-web-collegati">
                <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">

                        <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>

                        <h2 class="rtds-heading-3 md:rtds-heading-2">Siti web collegati</h2>

                    </div>

                </div>
            </div>

            <div class="rtds-space-y-5">
                <ul role="list" class="rtds-grid rtds-gap-4 md:rtds-grid-cols-2">
                    <li class="rtds-col">
                        <div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">

                                            <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-notizie-icon.png" srcset="../../images/icone-siti/toscana-notizie-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">

                                            Toscana Notizie

                                            <svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
                                                <use href="../../icons.svg#mini--arrow-small-right" />
                                            </svg>

                                        </a>
                                    </h3>

                                </div>

                            </div>

                        </div>
                    </li>
                    <li class="rtds-col">
                        <div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">

                                            <img alt="" width="24" height="24" src="../../images/icone-siti/giovanisi-icon.png" srcset="../../images/icone-siti/giovanisi-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">

                                            GiovaniSì

                                            <svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
                                                <use href="../../icons.svg#mini--arrow-small-right" />
                                            </svg>

                                        </a>
                                    </h3>

                                </div>

                            </div>

                        </div>
                    </li>
                    <li class="rtds-col">
                        <div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">

                                            <img alt="" width="24" height="24" src="../../images/icone-siti/open-toscana-icon.png" srcset="../../images/icone-siti/open-toscana-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">

                                            Open Toscana

                                            <svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
                                                <use href="../../icons.svg#mini--arrow-small-right" />
                                            </svg>

                                        </a>
                                    </h3>

                                </div>

                            </div>

                        </div>
                    </li>
                    <li class="rtds-col">
                        <div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">

                                            <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-accessibile-icon.png" srcset="../../images/icone-siti/toscana-accessibile-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">

                                            Toscana Accessibile

                                            <svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
                                                <use href="../../icons.svg#mini--arrow-small-right" />
                                            </svg>

                                        </a>
                                    </h3>

                                </div>

                            </div>

                        </div>
                    </li>
                </ul>
            </div>
        </div>

    </section>

    <section class="rtds-section rtds-section--siti-web-collegati rtds-py-8 md:rtds-py-12">
        <div class="rtds-space-y-4">
            <div class="rtds-section-header rtds-section-header--siti-web-collegati">
                <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">

                        <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>

                        <h2 class="rtds-heading-3 md:rtds-heading-2">Siti web collegati</h2>

                    </div>

                </div>
            </div>

            <div class="rtds-space-y-5">
                <ul role="list" class="rtds-grid rtds-gap-4 md:rtds-grid-cols-2">
                    <li class="rtds-col">
                        <div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">

                                            <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-notizie-icon.png" srcset="../../images/icone-siti/toscana-notizie-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">

                                            Toscana Notizie

                                            <svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
                                                <use href="../../icons.svg#mini--arrow-small-right" />
                                            </svg>

                                        </a>
                                    </h3>

                                </div>

                            </div>

                        </div>
                    </li>
                    <li class="rtds-col">
                        <div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">

                                            <img alt="" width="24" height="24" src="../../images/icone-siti/giovanisi-icon.png" srcset="../../images/icone-siti/giovanisi-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">

                                            GiovaniSì

                                            <svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
                                                <use href="../../icons.svg#mini--arrow-small-right" />
                                            </svg>

                                        </a>
                                    </h3>

                                </div>

                            </div>

                        </div>
                    </li>
                    <li class="rtds-col">
                        <div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">

                                            <img alt="" width="24" height="24" src="../../images/icone-siti/open-toscana-icon.png" srcset="../../images/icone-siti/open-toscana-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">

                                            Open Toscana

                                            <svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
                                                <use href="../../icons.svg#mini--arrow-small-right" />
                                            </svg>

                                        </a>
                                    </h3>

                                </div>

                            </div>

                        </div>
                    </li>
                    <li class="rtds-col">
                        <div class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">

                                            <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-accessibile-icon.png" srcset="../../images/icone-siti/toscana-accessibile-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">

                                            Toscana Accessibile

                                            <svg class="rtds-icon rtds-fill-current rtds-flex-shrink-0" aria-hidden="true" focusable="false" role="img">
                                                <use href="../../icons.svg#mini--arrow-small-right" />
                                            </svg>

                                        </a>
                                    </h3>

                                </div>

                            </div>

                        </div>
                    </li>
                </ul>
            </div>
        </div>

    </section>

</div>


        {% if sectionWrapper %}
<div {% if sectionWrapperClasses %}class="{{ sectionWrapperClasses }}"{% endif %}>
{% endif %}
<div class="rtds-container rtds-grid rtds-gap-4 lg:rtds-grid-cols-2 lg:rtds-gap-8 xl:rtds-gap-16">
    {% block firstColumn %}
        {% if componentFirstColumn %}
            {% render '@' + componentFirstColumn.handle, componentFirstColumn.context|default({}), true %}
        {% endif %}
    {% endblock firstColumn %}
    {% block secondColumn %}
        {% if componentSecondColumn %}
            {% render '@' + componentSecondColumn.handle, componentSecondColumn.context|default({}), true %}
        {% endif %}
    {% endblock secondColumn %}
</div>
{% if sectionWrapper %}
</div>
{% endif %}


        
            
            {
  "componentFirstColumn": {
    "handle": "siti-web-collegati--column"
  },
  "componentSecondColumn": {
    "handle": "siti-web-collegati--column"
  }
}

Handle: @section-grid-2-cols--default
Variants (2): Default , Tema
Preview:
- With layout
- Component only
Filesystem Path: components/04-organisms/sections/section-grid-2-cols/section-grid-2-cols.njk

Section Grid 2 Cols

Componente di layout base per sezioni a griglia a 2 colonne. Usato nei template di pagina come wrapper strutturale per coppie di componenti affiancati.

Comportamento

Il componente è renderizzato come <div class="rtds-container rtds-grid rtds-gap-4 lg:rtds-grid-cols-2 lg:rtds-gap-8 xl:rtds-gap-16"> — griglia a colonna singola su mobile, 2 colonne su lg e superiori.

Se il parametro sectionWrapper: true è attivo, il <div> griglia è avvolto in un <div> esterno con le classi specificate in sectionWrapperClasses.

Nelle due colonne viene renderizzato dinamicamente il componente specificato tramite handle (con eventuale contesto passato in context).

Varianti

Varianti di Contenuto

default: Entrambe le colonne usano il componente siti-web-collegati--column
tema: Prima colonna con siti-web-collegati--column, seconda colonna con links--column

Parametri di configurazione

Contesto di sviluppo Fractal/Nunjucks — Questa sezione riguarda esclusivamente i parametri del context .config.yml usati durante lo sviluppo nella libreria.

Parametri Base

sectionWrapper (booleano, opzionale): Se true, avvolge l’intera griglia in un <div> esterno
sectionWrapperClasses (stringa, opzionale): Classi CSS da applicare al <div> wrapper esterno — attivo solo se sectionWrapper: true
componentFirstColumn (oggetto, opzionale): Componente da renderizzare nella prima colonna
- handle (stringa, obbligatorio): Handle Fractal del componente da renderizzare (es. siti-web-collegati--column)
- context (oggetto, opzionale): Context da passare al componente; se assente, usa il context di default del componente
componentSecondColumn (oggetto, opzionale): Componente da renderizzare nella seconda colonna
- handle (stringa, obbligatorio): Handle Fractal del componente da renderizzare
- context (oggetto, opzionale): Context da passare al componente; se assente, usa il context di default del componente

Accessibilità

WCAG 2.1

Livello AA — criteri pertinenti:

1.3.1 Informazioni e correlazioni — il componente è un wrapper presentazionale (<div> con griglia CSS); la semantica dipende interamente dai componenti renderizzati nelle colonne

Il componente non introduce struttura semantica propria. I requisiti WCAG 2.1 applicabili dipendono dai componenti passati in componentFirstColumn e componentSecondColumn.

Struttura e semantica

<div class="rtds-container rtds-grid ..."> — elemento presentazionale senza ruolo semantico; non è un landmark
Se il componente viene inserito in una <section>, aggiungere aria-labelledby o aria-label alla <section> per renderla un landmark region navigabile dagli screen reader
La semantica (heading, landmark, link) è delegata ai componenti figli

Stili CSS

Il componente non ha un file CSS dedicato. Lo stile è interamente basato su classi Tailwind applicate inline nel template:

rtds-container: Contenitore responsivo con larghezza massima
rtds-grid: Layout a griglia CSS
lg:rtds-grid-cols-2: 2 colonne da lg in su
rtds-gap-4 lg:rtds-gap-8 xl:rtds-gap-16: Gap responsivo tra le colonne

Esempi di utilizzo




<div class="rtds-container rtds-grid rtds-gap-4 lg:rtds-grid-cols-2 lg:rtds-gap-8 xl:rtds-gap-16">
    
        
            <section class="rtds-section rtds-section--siti-web-collegati rtds-py-8 md:rtds-py-12">
    <div class="rtds-space-y-4">
        <div class="rtds-section-header rtds-section-header--siti-web-collegati">
    <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">
            
                <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>

            
            <h2 class="rtds-heading-3 md:rtds-heading-2">Siti web collegati</h2>
            
            
            
        </div>

        
            
        
    </div>
</div>

        <div class="rtds-space-y-5">
            <ul role="list" class="rtds-grid rtds-gap-4 md:rtds-grid-cols-2">
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-notizie-icon.png" srcset="../../images/icone-siti/toscana-notizie-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Toscana Notizie
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/giovanisi-icon.png" srcset="../../images/icone-siti/giovanisi-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            GiovaniSì
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/open-toscana-icon.png" srcset="../../images/icone-siti/open-toscana-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Open Toscana
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-accessibile-icon.png" srcset="../../images/icone-siti/toscana-accessibile-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Toscana Accessibile
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
            </ul>
        </div>
    </div>

</section>
        
    
    
        
            <section class="rtds-section rtds-section--siti-web-collegati rtds-py-8 md:rtds-py-12">
    <div class="rtds-space-y-4">
        <div class="rtds-section-header rtds-section-header--siti-web-collegati">
    <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">
            
                <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>

            
            <h2 class="rtds-heading-3 md:rtds-heading-2">Siti web collegati</h2>
            
            
            
        </div>

        
            
        
    </div>
</div>

        <div class="rtds-space-y-5">
            <ul role="list" class="rtds-grid rtds-gap-4 md:rtds-grid-cols-2">
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-notizie-icon.png" srcset="../../images/icone-siti/toscana-notizie-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Toscana Notizie
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/giovanisi-icon.png" srcset="../../images/icone-siti/giovanisi-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            GiovaniSì
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/open-toscana-icon.png" srcset="../../images/icone-siti/open-toscana-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Open Toscana
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-accessibile-icon.png" srcset="../../images/icone-siti/toscana-accessibile-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Toscana Accessibile
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
            </ul>
        </div>
    </div>

</section>
        
    
</div>






<div class="rtds-container rtds-grid rtds-gap-4 lg:rtds-grid-cols-2 lg:rtds-gap-8 xl:rtds-gap-16">
    
        
            <section class="rtds-section rtds-section--siti-web-collegati rtds-py-8 md:rtds-py-12">
    <div class="rtds-space-y-4">
        <div class="rtds-section-header rtds-section-header--siti-web-collegati">
    <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">
            
                <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>

            
            <h2 class="rtds-heading-3 md:rtds-heading-2">Siti web collegati</h2>
            
            
            
        </div>

        
            
        
    </div>
</div>

        <div class="rtds-space-y-5">
            <ul role="list" class="rtds-grid rtds-gap-4 md:rtds-grid-cols-2">
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-notizie-icon.png" srcset="../../images/icone-siti/toscana-notizie-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Toscana Notizie
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/giovanisi-icon.png" srcset="../../images/icone-siti/giovanisi-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            GiovaniSì
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/open-toscana-icon.png" srcset="../../images/icone-siti/open-toscana-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Open Toscana
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-accessibile-icon.png" srcset="../../images/icone-siti/toscana-accessibile-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Toscana Accessibile
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
            </ul>
        </div>
    </div>

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

            
            <h2 class="rtds-heading-3 md:rtds-heading-2">Link utili</h2>
            
            
            
        </div>

        
            
        
    </div>
</div>

        <div class="">
            
            <ul role="list" class="xl:rtds-columns-2 xl:rtds-gap-12">

                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
            </ul>
        </div>
    </div>
</section>
        
    
</div>






<div class="rtds-bg-white rtds-py-8">

<div class="rtds-container rtds-grid rtds-gap-4 lg:rtds-grid-cols-2 lg:rtds-gap-8 xl:rtds-gap-16">
    
        
            <section class="rtds-section rtds-section--siti-web-collegati rtds-py-8 md:rtds-py-12">
    <div class="rtds-space-y-4">
        <div class="rtds-section-header rtds-section-header--siti-web-collegati">
    <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">
            
                <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>

            
            <h2 class="rtds-heading-3 md:rtds-heading-2">Siti web collegati</h2>
            
            
            
        </div>

        
            
        
    </div>
</div>

        <div class="rtds-space-y-5">
            <ul role="list" class="rtds-grid rtds-gap-4 md:rtds-grid-cols-2">
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-notizie-icon.png" srcset="../../images/icone-siti/toscana-notizie-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Toscana Notizie
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/giovanisi-icon.png" srcset="../../images/icone-siti/giovanisi-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            GiovaniSì
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/open-toscana-icon.png" srcset="../../images/icone-siti/open-toscana-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Open Toscana
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
                <li class="rtds-col"><div
  class="rtds-card rtds-card--sito-tematico rtds-bg-gradient-04 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 rtds-flex rtds-items-center" href="">
            
    
        <img alt="" width="24" height="24" src="../../images/icone-siti/toscana-accessibile-icon.png" srcset="../../images/icone-siti/toscana-accessibile-icon.png 1x, ../../images/logo-card@2x.png 2x" class="rtds-card__logo">
    

            Toscana Accessibile
            
              
            
            
              
                  <svg
  class="rtds-icon rtds-fill-current rtds-flex-shrink-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#mini--arrow-small-right" />
</svg>

              
            
            
          </a>
        </h3>
      

      
      
        

      
      
    </div>

    
      
     

    
    

    
    
    

    
      
    
   
    
      
    
   
    
      
    

    
    
    

    
    
    
  </div>
  
  
</div>
</li>
            </ul>
        </div>
    </div>

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

            
            <h2 class="rtds-heading-3 md:rtds-heading-2">Link utili</h2>
            
            
            
        </div>

        
            
        
    </div>
</div>

        <div class="">
            
            <ul role="list" class="xl:rtds-columns-2 xl:rtds-gap-12">

                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
                    <li class="rtds-border-b rtds-border-gray-03">
                    <a href="#" class="rtds-text-link rtds-leading-snug">
    
            <svg
  class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0"
  aria-hidden="true"
  focusable="false"
  role="img"
>
  <use href="../../icons.svg#solid--link" />
</svg>

        
        Agenzia europea per la sicurezza alimentare - EFSA
        
    
    
    
    
</a>
                    </li>
                
            </ul>
        </div>
    </div>
</section>
        
    
</div>

</div>

Note

Il componente è un puro wrapper di layout — non introduce dipendenze semantiche
I componenti passati nelle colonne devono essere già definiti nella libreria Fractal con il relativo handle
Il parametro context di ciascuna colonna è opzionale: se assente, Fractal usa il context di default del componente referenziato