<div class="l-grid l-grid--position l-grid--big">

    <article class="c-story  c-story--stack l-grid__item  " data-grid-position="1" data-channel="">

        <div class="c-story__media ">
            <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                    <picture>

                        <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-mid/51380415156697/coronavirus-ansa-4-2-2.jpg" media="(min-width: 740px)">
                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/51380415156697/coronavirus-ansa-4-2-2.jpg" alt="Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire">

                    </picture>

                </a>
            </figure>

        </div>

        <div class="c-story__content u-relative">

            <header class="c-story__header ">

                <div class="c-story__kicker u-mb-xsmall">

                    <a class="u-no-underline" href="#">

                        <small class="c-story__badge u-color-inverse u-label-10 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-xxxsmall">
                            approfondimento
                        </small>

                    </a>

                    <span class="u-label-02 ">Emergenza Coronavirus</span>

                </div>

                <a class="o-link-text" href="#">
                    <h1 class="
         
        
        c-story__heading 
        u-heading-02
         
        u-m-none">Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire</h1>
                </a>

            </header>

            <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">&quot;Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti&quot;, dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo</p>

        </div>

    </article>

    <article class="c-story  c-story--stack l-grid__item  " data-grid-position="2" data-channel="">

        <div class="c-story__media ">
            <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                    <picture>

                        <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-mid/19878683460037/casa-di-riposo-palermo-ansa-2.jpg" media="(min-width: 740px)">
                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/19878683460037/casa-di-riposo-palermo-ansa-2.jpg" alt="Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock">

                    </picture>

                </a>
            </figure>

        </div>

        <div class="c-story__content u-relative">

            <header class="c-story__header ">

                <div class="c-story__kicker u-mb-xsmall">

                    <span class="u-label-02 ">Sei arresti</span>

                </div>

                <a class="o-link-text" href="#">
                    <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock</h1>
                </a>

            </header>

            <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">&quot;Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti&quot;, dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo</p>

        </div>

    </article>

    <article class="c-story  c-story--stack l-grid__item  " data-grid-position="3" data-channel="">

        <div class="c-story__media ">
            <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                    <picture>

                        <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-mid/31908412136750/donald-trump-coronavirus-ansa-2.jpg" media="(min-width: 740px)">
                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/31908412136750/donald-trump-coronavirus-ansa-2.jpg" alt="Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire">

                    </picture>

                </a>
            </figure>

        </div>

        <div class="c-story__content u-relative">

            <header class="c-story__header ">

                <div class="c-story__kicker u-mb-xsmall">

                    <span class="u-label-02 ">Esteri</span>

                </div>

                <a class="o-link-text" href="#">
                    <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire</h1>
                </a>

            </header>

            <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">&quot;Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti&quot;, dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo</p>

        </div>

    </article>

    <article class="c-story  c-story--stack l-grid__item  " data-grid-position="4" data-channel="">

        <div class="c-story__media u-block u-none@md">
            <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                    <picture>

                        <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg" media="(min-width: 740px)">
                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg" alt="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">

                    </picture>

                </a>
            </figure>

        </div>

        <div class="c-story__content u-relative">

            <header class="c-story__header ">

                <div class="c-story__kicker u-mb-xsmall">

                    <span class="u-label-02 ">Lo studio del Touring Club italiano</span>

                </div>

                <a class="o-link-text" href="#">
                    <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Turismo e coronavirus, quali località più colpite nell&#39;estate 2020</h1>
                </a>

            </header>

            <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c&#39;è stato nulla da fare</p>

        </div>

    </article>

    <article class="c-story  c-story--stack l-grid__item  " data-grid-position="5" data-channel="">

        <div class="c-story__media u-block u-none@md">
            <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                    <picture>

                        <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg" media="(min-width: 740px)">
                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg" alt="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">

                    </picture>

                </a>
            </figure>

        </div>

        <div class="c-story__content u-relative">

            <header class="c-story__header ">

                <div class="c-story__kicker u-mb-xsmall">

                    <span class="u-label-02 ">Lo studio del Touring Club italiano</span>

                </div>

                <a class="o-link-text" href="#">
                    <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Turismo e coronavirus, quali località più colpite nell&#39;estate 2020</h1>
                </a>

            </header>

            <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c&#39;è stato nulla da fare</p>

        </div>

    </article>

</div>
<div class="l-grid l-grid--position l-grid--big">

  {% render "@story", {
    modifier: 'stack', 
    size: 'big', 
    approfondimento: 'true',
    badge: 'dossier',
    title: stories[0].title, 
    label: stories[0].label, 
    media: stories[0].media, 
    summary: stories[0].summary, 
    showCounter: showCounter,
    contextMobile: contextMobile,
    grid: true, 
    grid_position: stories[0].index,
    hideSummary: true,
    channel: channel
  }, false %}

  {% render "@story", {
    modifier: 'stack', 
    size: 'narrow', 
    badge: false,
    title: stories[1].title, 
    label: stories[1].label, 
    media: stories[1].media, 
    summary: stories[1].summary, 
    showCounter: showCounter,
    contextMobile: contextMobile,
    grid: true, 
    grid_position: stories[1].index,
    hideSummary: true,
    channel: channel
  }, false %}
  
  {% render "@story", {
    modifier: 'stack', 
    size: 'narrow', 
    badge: false,
    title: stories[2].title, 
    label: stories[2].label, 
    media: stories[2].media, 
    summary: stories[2].summary, 
    showCounter: showCounter,
    contextMobile: contextMobile,
    grid: true, 
    grid_position: stories[2].index,
    hideSummary: true,
    channel: channel
  }, false %}

  {% render "@story", {
    modifier: 'stack', 
    size: 'narrow', 
    badge: false,
    title: stories[3].title, 
    label: stories[3].label, 
    media: stories[3].media, 
    summary: stories[3].summary, 
    contextMobile: contextMobile,
    grid: true, 
    grid_position: stories[3].index,
    showCounter: showCounter,
    hideMedia: true,
    hideSummary: true,
    channel: channel
    }, false %}

  {% render "@story", {
    modifier: 'stack', 
    badge: false,
    size: 'narrow', 
    title: stories[4].title, 
    label: stories[4].label, 
    media: stories[4].media, 
    summary: stories[4].summary, 
    sublinks: false, 
    contextMobile: contextMobile,
    grid: true, 
    grid_position: stories[4].index,
    showCounter: showCounter,
    hideMedia: true,
    hideSummary: true,
    channel: channel
  }, false %}

</div>
{
  "limit": 9,
  "stories": [
    {
      "index": 1,
      "title": "Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire",
      "label": "Emergenza Coronavirus",
      "date": "ieri pomeriggio, 15:51",
      "author": "Violetto Gorrasi",
      "number": 1,
      "summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/51380415156697/coronavirus-ansa-4-2-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/51380415156697/coronavirus-ansa-4-2-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 2,
      "title": "Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock",
      "label": "Sei arresti",
      "date": "ieri pomeriggio, 15:51",
      "author": "Matteo Scarlino",
      "number": 2,
      "summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/19878683460037/casa-di-riposo-palermo-ansa-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/19878683460037/casa-di-riposo-palermo-ansa-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 3,
      "title": "Coronavirus, negli Usa 2.500 morti in un giorno ma Trump \"ha fretta\" di riaprire",
      "label": "Esteri",
      "date": "ieri pomeriggio, 15:51",
      "author": "Fabio Grilli",
      "number": 3,
      "summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/31908412136750/donald-trump-coronavirus-ansa-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/31908412136750/donald-trump-coronavirus-ansa-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 4,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Ginevra Nozzoli",
      "number": 4,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 5,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Veronica Altimari",
      "number": 5,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 6,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Alberto Berlini",
      "number": 6,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 7,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Ginevra Nozzoli",
      "number": 7,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 8,
      "title": "Muore annegato nella piscina comunale il giorno prima di compiere 7 anni",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Fabio Grilli",
      "number": 8,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/65846868204321/pisicina-comunale-ansa-archivio-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/65846868204321/pisicina-comunale-ansa-archivio-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 9,
      "title": "Riceve il reddito di cittadinanza, ma ha 40 case e percepisce 120mila euro d'affitto",
      "label": "Economia",
      "date": "ieri pomeriggio, 15:51",
      "author": "Fabio Grilli",
      "number": 9,
      "summary": "L'uomo è stato denunciato dalla Guardia di finanza a Lanciano, in provincia di Chieti. Gli immobili affittati, oltre quindici, secondo le Fiamme Gialle rendevano alla famiglia del beneficiario del sussidio oltre 120mila euro all'anno",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/56625536121153/evasione-fiscale-controlli-finanza-ansa-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/56625536121153/evasione-fiscale-controlli-finanza-ansa-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    }
  ],
  "opinions": [
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "17 luglio, 2020",
      "author": "Carlo Sala"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "12 luglio, 2020",
      "author": "Massimiliano Dona"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "30 giugno, 2020",
      "author": "Luciano Lanna"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "05 giugno, 2020",
      "author": "Marilia Parente"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "27 maggio, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "13 aprile, 2020",
      "author": "Rossella Lamina"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "11 aprile, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "04 marzo, 2020",
      "author": "Luciano Lanna"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "18 febbraio, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "01 febbraio, 2020",
      "author": "Rossella Lamina"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "25 gennaio, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "05 gennaio, 2020",
      "author": "Luciano Lanna"
    }
  ]
}

Items templates

Items templates are used to display list of articles.

Parameters

  • grid_layout - change grid layout, accepted values: small, medium
  • modifier - story layout modifier, string data type, accepted values: stack, inline, inset, card, overlay
  • size - story heading font-size, string data type, accepted values: big, compact, narrow, tiny
  • media - display image, boolean data type (default is true)
  • summary - display summary, boolean data type (default is true)
  • sublinks - display sublinks, boolean data type (default is true)
  • author - display author, boolean data type (default is true)
  • date - display date, boolean data type (default is true)
  • showCounter - display counter number, boolean data type (default is false)

Variants

  1. Grid - Default grid template, use grid_layout to between small or medium layout
  2. Grid Big
  3. Grid Large
  4. Grid Double
  5. Grid Compact
  6. List