Section Grid 2 Cols: Tema

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@2x.png 2x, /images/icone-siti/toscana-notizie-icon.png 1x" 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@2x.png 2x, /images/icone-siti/giovanisi-icon.png 1x" 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@2x.png 2x, /images/icone-siti/open-toscana-icon.png 1x" 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@2x.png 2x, /images/icone-siti/toscana-accessibile-icon.png 1x" 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>


        {% 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": "links--column"
  }
}

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

Section Grid 2 Cols

Description

Base component for section with a grid of 2 columns, used in pages templates.

Usage

Basic usage example:



<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@2x.png 2x, /images/icone-siti/toscana-notizie-icon.png 1x" 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@2x.png 2x, /images/icone-siti/giovanisi-icon.png 1x" 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@2x.png 2x, /images/icone-siti/open-toscana-icon.png 1x" 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@2x.png 2x, /images/icone-siti/toscana-accessibile-icon.png 1x" 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@2x.png 2x, /images/icone-siti/toscana-notizie-icon.png 1x" 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@2x.png 2x, /images/icone-siti/giovanisi-icon.png 1x" 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@2x.png 2x, /images/icone-siti/open-toscana-icon.png 1x" 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@2x.png 2x, /images/icone-siti/toscana-accessibile-icon.png 1x" 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>

Settings

sectionWrapper: Boolean to wrap the component in a div.
sectionWrapperClasses: Classes to add to the wrapper.
componentFirstColumn: Component to display in the first column.
- handle: Handle of the component.
- context: Context of the component, default is empty. Configuration to be used is in the component config file.
componentSecondColumn: Component to display in the second column.
- handle: Handle of the component.
- context: Context of the component, default is empty. Configuration to be used is in the component config file.