GDL - Global Design Language

Native Desktop Article 

<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-story c-story--stack l-grid__item u-relative" data-grid-position="1">
            <iframe style="border: none; width: 100%; height: 350px;" src="https://city-v7.netlify.app/components/preview/native--iframe"></iframe>
        </article>

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

            <div class="a-native" data-position="">

                <figure class="a-native__media">
                    <img decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://vda.oipzyrzffum.ovh/www/images/7/d/3/7d30b9ee2b04e8a4cb0da783ed140cd6" alt="" width="0" height="0">
                </figure>

                <div class="a-native__text">
                    <span class="a-native__label">Sponsor</span>
                    <h3 class="a-native__title">Vini rari, Barolo, Champagne, Bordeaux: l’enoteca online con la più ampia scelta in Italia</h3>

                    <div class="a-native__details">
                        <span class="a-native__cta"> Offerta energetica elettrica</span>
                        <span class="a-native__info">Contenuto sponsor</span>
                    </div>

                    <div class="a-native__event">

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

                        </ul>
                    </div>

                    <p class="a-native__abstract">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

                </div>

                <a class="o-faux-link" href="#" target="_blank"></a>

            </div>

        </article>

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

            <div class="a-nativepromo o-bg-faq u-p-base" data-position="modifier">
                <figure class="a-nativepromo__media">
                    <img decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-romatoday.stgy.ovh/~shared/images/media/autopromo.jpg" alt="" width="0" height="0">
                </figure>
                <div class="a-nativepromo__text">
                    <h2 class="a-nativepromo__title">Ricevi le notizie di Cecchignola sul tuo Cellulare!</h2>

                    <div class="a-nativepromo_brand-logo-container u-flex u-items-center u-justify-start u-gap-base">
                        <a class="c-btn c-btn--secondary u-relative u-cursor-pointer u-no-underline  u-label-05">
                            Scarica Gratis.
                        </a>

                        <svg class="c-brand 
  c-brand--small 
   
   
  " viewBox="0 0 233 50" xmlns="http://www.w3.org/2000/svg">

                            <path d="M0 50V0h105.4v50H0Z" fill="#fff" />
                            <path d="M58.5 27.3h-3.9v9.3h4.1c2.8 0 4.1-1.7 4.1-4.6 0-3-1.7-4.7-4.3-4.7ZM85.5 13.2c-4 0-6 3-6 11.7 0 8.8 2 12 6 12s6.1-3 6.1-12c0-8.9-2-11.7-6-11.7ZM61.7 17.3c0-2.5-1.3-4-3.7-4h-3.4v8h3.5c2 0 3.6-1.4 3.6-4Z" fill="#E31D57" />
                            <path d="M0 0v50h105.4V0H0Zm19.8 36.8c3.2 0 4.5-2.1 5.4-5.3l6.7 1.9c-1.6 6.2-4.7 10.4-12.2 10.4-8.2 0-13.5-5.2-13.5-19S11.3 6.2 19.7 6.2c6.5 0 11 3 12.3 11.1l-6.7 1.8c-.5-2.5-1.5-6-5.4-6-4.3 0-6 3.6-6 11.5 0 9.1 2 12.2 5.9 12.2ZM42.7 43h-7.4V7h7.4V43ZM59 43H47.4V7h11.2c6.3 0 10 3.5 10 9.5 0 4.4-2.7 7-5 7.4v.2c3 .7 6.5 3 6.5 8.9 0 6.5-3.3 10.1-11 10.1Zm26.5.8c-8.5 0-13.6-5.4-13.6-19 0-13.4 5.1-18.6 13.6-18.6 8.6 0 13.7 5 13.7 18.7 0 13.6-5.1 18.9-13.7 18.9Z" fill="#E31D57" />
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M144.7 6.3c8.3 0 13.3 5 13.3 18.8s-5 18.7-13.3 18.7-13.1-5-13.1-18.8c0-14 4.9-18.7 13.1-18.7Zm70.8.6 3.4 10 1.3 4.3h.2l1.4-4.3 3.4-10h7.7l-9 23.3v13h-7.6v-13L207.1 7h8.4Zm-82.1 0v2.5a12.9 12.9 0 0 0-2.9 4.7h-4.4v29h-7.5v-29h-7.3V7h22.1Zm38.8 0c9.2 0 13.3 6.9 13.3 18.3s-3.8 18-13 18H161V6.8h11.2Zm31.3 0 7.6 36.2h-7.9l-1-6.3H194l-1 6.3h-7.7L193 7h10.6Zm-58.7 6.6c-3.8 0-5.6 2.7-5.6 11.4 0 8.8 1.8 11.7 5.6 11.7 3.7 0 5.5-2.6 5.5-11.5 0-8.8-1.9-11.6-5.5-11.6Zm26.7.6h-3V36h3c4.1 0 6.4-2.7 6.4-10.5 0-8.7-2.3-11.3-6.4-11.3Zm26.7 0h-.3l-1 6.6-1.7 9.1h5.7l-1.6-9-1.1-6.7Z" class="c-brand__network" />

                        </svg>

                    </div>
                </div>
                <a class="o-faux-link" href="#" target="_blank"></a>
            </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 u-py-xxxsmall u-px-xxsmall ">Esteri</span>

                    </div>

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

                </header>

                <div class="
         
        u-block u-none@md
           
        u-truncate-4 
        u-color-secondary c-story__summary u-body-03 u-color-secondary u-mb-none
        ">
                    &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
                </div>

            </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-story c-story--stack l-grid__item u-relative" data-grid-position="1">
      <iframe style="border: none; width: 100%; height: 350px;" src="https://city-v7.netlify.app/components/preview/native--iframe"></iframe>
    </article>

    <article class="c-story c-story--stack l-grid__item u-relative" data-grid-position="1">
      {% render "@native" %}   
    </article>

    <article class="c-story c-story--stack l-grid__item u-relative" data-grid-position="1"> 
      {% render "@native--autopromo" %}
    </article>

    {% render "@story", {
        modifier: 'stack', 
        size: 'heading-05', 
        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 %}
  </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.