<section class="native-section-article u-mb-medium" data-section-key="article-footer-natives">
    <h3 class="c-title c-title--multiline">In evidenza</h3>
    <div class="l-grid l-grid--small u-overflow-hidden">

        <article class="c-card u-flex u-column u-relative" data-grid-position="1">
            <div style="min-height: 450px; width: 100%;">
                <iframe scrolling="no" src="https://city-native.netlify.app/components/preview/native--event.html" style="width: 100%; height:100%; position: absolute; top:0; right: 0; margin: 0 auto;" frameborder="0"></iframe>
            </div>
        </article>

        <article class="c-card u-flex u-column u-relative" data-grid-position="1">
            <div style="min-height: 450px; width: 100%;">
                <iframe scrolling="no" src="https://city-native.netlify.app/components/preview/native--event.html" style="width: 100%; height:100%; position: absolute; top:0; right: 0; margin: 0 auto;" frameborder="0"></iframe>
            </div>
        </article>

        <article class="c-card u-flex u-column">

            <figure class="o-skeleton o-skeleton-media--horizontal u-relative">

                <span class="c-card__kicker c-card__kicker--inverse c-card__kicker--generic u-label-02 u-absolute u-py-xxsmall u-px-xsmall">teatro</span>
                <a href="#" class="u-size-full u-absolute u-left u-top ">

                    <span class="c-card__gradient">
                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://unsplash.it/1000/563?random" loading="lazy" alt="Banksy A visual protest oltre 90 opere in mostra al Chiostro del Bramante">
                    </span>

                </a>
            </figure>

            <div class="c-card__content u-flex u-column u-p-base u-color-secondary">
                <header class="c-card__pull-down u-flex u-column u-justify-between">

                    <a href="#" class="o-link-text u-block">
                        <h2 class="c-card__heading u-m-none u-heading-08">Banksy A visual protest oltre 90 opere in mostra al Chiostro del Bramante</h2>
                    </a>

                    <div class="u-mt-small">

                        <svg class="c-rating c-rating--filled o-icon o-icon--sm">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-star"></use>
                        </svg>
                        <svg class="c-rating c-rating--filled o-icon o-icon--sm">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-star"></use>
                        </svg>
                        <svg class="c-rating c-rating--filled o-icon o-icon--sm">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-star"></use>
                        </svg>
                        <svg class="c-rating c-rating--filled o-icon o-icon--sm">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-star"></use>
                        </svg>
                        <svg class="c-rating c-rating--filled o-icon o-icon--sm">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-star"></use>
                        </svg>

                    </div>

                </header>

                <ul class="c-card__list-details u-p-none u-mb-none u-mt-small u-list-none">

                    <li class="c-card__item-details u-relative ">
                        <svg class="o-icon o-icon--sm u-absolute c-card__icon-top">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-calendar"></use>
                        </svg>
                        <span class="u-label-07 u-ml-medium u-inline-block">Dal 8 al 28 febbraio 2021</span>
                    </li>

                    <li class="c-card__item-details u-relative ">
                        <svg class="o-icon o-icon--sm u-absolute c-card__icon-top">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                        </svg>
                        <a class="c-card__link" href="#"><span class="u-label-07 u-ml-medium u-inline-block">Zona: Conca d'Oro / Roma</span></a>
                    </li>

                </ul>

                <ul class="u-p-none u-mt-small u-mb-none u-list-none u-flex">
                    <li class="u-mr-xxsmall">
                        <span class="c-badge u-label-02 u-py-xxsmall u-px-xsmall">gratis</span>
                    </li>
                    <li class="u-mr-xxsmall">
                        <span class="c-badge u-label-02 u-py-xxsmall u-px-xsmall">finisce oggi</span>
                    </li>
                </ul>

            </div>
        </article>

        <article class="c-card u-flex u-column">

            <figure class="o-skeleton o-skeleton-media--horizontal u-relative">

                <span class="c-card__kicker c-card__kicker--inverse c-card__kicker--generic u-label-02 u-absolute u-py-xxsmall u-px-xsmall">teatro</span>
                <a href="#" class="u-size-full u-absolute u-left u-top ">

                    <span class="c-card__gradient">
                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://unsplash.it/1000/563?random" loading="lazy" alt="Banksy A visual protest oltre 90 opere in mostra al Chiostro del Bramante">
                    </span>

                </a>
            </figure>

            <div class="c-card__content u-flex u-column u-p-base u-color-secondary">
                <header class="c-card__pull-down u-flex u-column u-justify-between">

                    <a href="#" class="o-link-text u-block">
                        <h2 class="c-card__heading u-m-none u-heading-08">Banksy A visual protest oltre 90 opere in mostra al Chiostro del Bramante</h2>
                    </a>

                    <div class="u-mt-small">

                        <svg class="c-rating c-rating--filled o-icon o-icon--sm">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-star"></use>
                        </svg>
                        <svg class="c-rating c-rating--filled o-icon o-icon--sm">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-star"></use>
                        </svg>
                        <svg class="c-rating c-rating--filled o-icon o-icon--sm">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-star"></use>
                        </svg>
                        <svg class="c-rating c-rating--filled o-icon o-icon--sm">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-star"></use>
                        </svg>
                        <svg class="c-rating c-rating--filled o-icon o-icon--sm">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-star"></use>
                        </svg>

                    </div>

                </header>

                <ul class="c-card__list-details u-p-none u-mb-none u-mt-small u-list-none">

                    <li class="c-card__item-details u-relative ">
                        <svg class="o-icon o-icon--sm u-absolute c-card__icon-top">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-calendar"></use>
                        </svg>
                        <span class="u-label-07 u-ml-medium u-inline-block">Dal 8 al 28 febbraio 2021</span>
                    </li>

                    <li class="c-card__item-details u-relative ">
                        <svg class="o-icon o-icon--sm u-absolute c-card__icon-top">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                        </svg>
                        <a class="c-card__link" href="#"><span class="u-label-07 u-ml-medium u-inline-block">Zona: Conca d'Oro / Roma</span></a>
                    </li>

                </ul>

                <ul class="u-p-none u-mt-small u-mb-none u-list-none u-flex">
                    <li class="u-mr-xxsmall">
                        <span class="c-badge u-label-02 u-py-xxsmall u-px-xsmall">gratis</span>
                    </li>
                    <li class="u-mr-xxsmall">
                        <span class="c-badge u-label-02 u-py-xxsmall u-px-xsmall">finisce oggi</span>
                    </li>
                </ul>

            </div>
        </article>

    </div>
</section>
<section class="native-section-article u-mb-medium" data-section-key="article-footer-natives">
  <h3 class="c-title c-title--multiline">In evidenza</h3>
  <div class="l-grid l-grid--small u-overflow-hidden">
    
    <article class="c-card u-flex u-column u-relative" data-grid-position="1">
      <div style="min-height: 450px; width: 100%;">
      <iframe 
        scrolling="no"
        src="https://city-native.netlify.app/components/preview/native--event.html" 
        style="width: 100%; height:100%; position: absolute; top:0; right: 0; margin: 0 auto;" 
        frameborder="0"></iframe>
      </div>  
    </article>

    <article class="c-card u-flex u-column u-relative" data-grid-position="1">
      <div style="min-height: 450px; width: 100%;">
      <iframe 
        scrolling="no"
        src="https://city-native.netlify.app/components/preview/native--event.html" 
        style="width: 100%; height:100%; position: absolute; top:0; right: 0; margin: 0 auto;" 
        frameborder="0"></iframe>
      </div>  
    </article>

    {% render "@card--overlay", {rating:true, details:true, data:true, adress:true, label: false }, true %}

    {% render "@card--overlay", {rating:true, details:true, data:true, adress:true, label: false }, true %}

  </div>
</section>
{
  "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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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"
    }
  ]
}

No notes defined.