<nav class="c-toolbar u-none u-block@md o-bg-base" aria-label="toolbar">
    <div class="o-container u-flex">
        <section aria-label="informazioni header" class="u-mr-auto u-flex u-items-center u-justify-center u-py-xsmall ">
            <span class="u-label-06 ">
                Lunedì, 11 maggio 2020
            </span>

        </section>
        <section aria-label="logo" class="c-toolbar__item u-flex u-column u-justify-center u-pl-xsmall u-pr-medium u-size-100 u-py-xsmall">
            <a href="#" target="_blank" rel="noopener noreferrer" aria-label="Citynews">
                <svg aria-hidden="true" class="c-brand-cn" width="91" height="24">
                    <use xlink:href="#brand-citynews"></use>
                </svg>
            </a>
        </section>
        <section aria-label="modalità dark/light" class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">
            <script src="../raw/modetoggle/modetoggle.js"></script>

            <div class="c-modetoggle u-inline-flex">

                <script src="../raw/wcag/wcag.js"></script>

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità accessibile">
                    <input type="checkbox" data-accessibility-mode>
                    <svg aria-hidden="true" class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-user-check"></use>
                    </svg>
                </label>

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità light" tabindex="0">
                    <input type="radio" value="-1" data-color-scheme="-1">
                    <svg aria-hidden="true" class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sun"></use>
                    </svg>
                </label>

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità di sistema" tabindex="0">
                    <input type="radio" value="0" data-color-scheme="0">
                    <svg aria-hidden="true" class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-monitor"></use>
                    </svg>
                </label>

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità dark" tabindex="0">
                    <input type="radio" value="1" data-color-scheme="1">
                    <svg aria-hidden="true" class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-moon"></use>
                    </svg>
                </label>

            </div>
        </section>
        <section aria-label="abbonati" class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">

            <button class="c-btn c-btn--primary u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
  
    c-btn--rounded
   
 
  

   
    c-btn--small u-label-05
   

  " data-toolbar--subscription-button role="button">

                Abbonati

            </button>
        </section>
        <section aria-label="login" class="c-toolbar__item u-flex u-items-center u-justify-center u-label-05 u-pl-medium u-cursor-pointer u-py-xsmall">

            <div tabindex="0" class="c-dropdown c-dropdown--reset c-dropdown--user u-cursor-pointer u-relative u-flex u-items-center u-justify-center u-label-05">
                <img style=" width:2rem; height:2rem;" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="avatar avatar-md u-radius-circle" src="//citynews.stgy.ovh/~shared/avatars/49015311842645/avatar_1.img" alt="Foto Profilo Utente" title="remat">

                <div class="c-dropdown__panel u-absolute u-right u-overflow-hidden u-p-medium o-bg-light u-shadow u-z-sky">
                    <ul class="u-list-none u-m-none u-p-none">
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="user--view2021">Il mio profilo</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/contents/">I miei contenuti</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/edit/basic/">Modifica profilo</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/edit/privacy/">Privacy</a></li>
                        <li class="u-mb-small">
                            <form onsubmit="window.ga && ga( 'send', 'event', 'Community', 'Logout' ); return confirm( 'Sei sicuro di voler uscire dal sito?' );" action="/user/logout/" method="post">
                                <!--<?php echo input_hidden_tag( 'nonce', securityUtils::encodeVariable($sf_user->getNonce(), array('~sso', 'nonce', SF_GROUP, SF_DOMAIN, SF_APP, SF_TYPE, SF_DEBUG)) ); ?>-->
                                <button type="submit" class="c-btn c-btn--primary  u-label-04  u-cursor-pointer u-flex u-items-center u-label-04" value="Esci">
                                    Esci
                                </button>
                            </form>

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

        </section>
    </div>
</nav>

<header class="c-header c-header--slim  u-zindex-5 u-py-base">
    <div class="o-container u-flex u-items-center u-height-full">

        <div class="u-none u-block@md" data-toggle-menu onclick="this.classList && 
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.toggle('is-open');}) ,
			document.querySelectorAll('[data-body-lock]').forEach( function(oNode){ oNode.classList.toggle('is-locked'); }) ,
			document.querySelectorAll('[data-item-navigation]').forEach( function(oNode){ oNode.classList.toggle('is-visible-from-tablet'); }),
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.add('is-hidden');})">

            <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
            </svg>
            <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

        <div class="u-flex u-items-center u-ml-base@md">
            <a href="/" aria-label="logo">

                <svg aria-hidden="true" class="c-brand 
  c-brand--resize-small 
   
   
  " viewBox="0 0 500 50" xmlns="http://www.w3.org/2000/svg">

                    <path d="M22.5 40.6l1.5 8.5h10.5L24.5.9H10L0 49.1h10.2l1.4-8.5h10.9zM278.3 0c11 0 17.7 6.6 17.7 25 0 18.3-6.6 25-17.7 25-11 0-17.7-6.5-17.7-25 0-18.3 6.6-25 17.7-25zM53.2 0c9.7 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.4-6.8-4.6 0-6.8 4-6.8 14.5 0 11.9 2.5 16.3 7.8 16.3 4 0 5.8-2.2 6.3-4.3v-4.8h-7v-9.5h16.4V49h-9.2v-3h-.2a11 11 0 01-8.6 3.6c-8.3 0-15.9-5.7-15.9-25C35.6 6.2 42.6 0 53.2 0zm86.7 0c9.8 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.3-6.8-4.7 0-7 4-7 14.5 0 11.9 2.6 16.3 8 16.3 3.9 0 5.7-2.2 6.3-4.3v-4.8h-7v-9.5h16.3V49h-9.1v-3h-.2a11 11 0 01-8.6 3.6c-8.4 0-16-5.7-16-25 0-18.6 7-24.7 17.6-24.7zM89.1.9c9.5 0 14.4 6.5 14.4 15.9 0 5.9-2.2 10.5-6.5 12.7l7.6 19.6H93.3l-6-17.4-1.4.1h-1.4v17.3h-10V.9zm29.1 0v48.2h-10V.9h10zm69.3 0v9.6h-16.3v9.3h12.2V29h-12.2v10.4H188V49h-26.7V.9h26.3zm15.2 0l12.9 28h.2V.9h9.6v48.2h-10.2l-12.9-27h-.2v27h-9.6V.9h10.2zm56.2 0v9.6h-9.8V49h-10V10.5h-9.8V.9h29.6zm19.4 8.7c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5zm-261.1.8l1.5 9 2.1 12h-7.5l2.1-12.1 1.5-8.9h.3zm71.2 0h-4v13h4.2c2.9 0 4.8-2 4.8-6.5 0-4-1.7-6.5-5-6.5z" class="c-brand__edition"></path>
                    <path d="M356.8 0c11 0 17.8 6.6 17.8 25 0 18.3-6.6 25-17.8 25-11 0-17.8-6.5-17.8-25 0-18.3 6.7-25 17.8-25zm-44.6.9l13 28h.1V.9h9.6v48.2h-10.2l-12.9-27h-.2v27H302V.9h10.2zm93.8 0v9.6h-10V49h-10V10.5h-9.9V.9H406zm14 0v48.2h-10.1V.9h10zm33 0V11l-13.4 22.2-3.7 6 .1.3h17.2v9.6h-28.7v-9.7L438.8 16l3.3-5.4-.1-.2h-17V.9h28zm14.9 0v48.2h-10.1V.9h10zm31.8 0v9.6h-16.4v9.3h12.2V29h-12.2v10.4H500V49h-26.8V.9h26.5zM356.8 9.6c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5z" class="c-brand__network"></path>

                </svg>

            </a>

        </div>

        <div class="u-ml-auto c-navbar__search u-none u-block@md" data-search onclick="this.classList && 
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.toggle('is-hidden');}),
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.remove('is-open');})">

            <svg aria-hidden="true" class="o-icon  o-icon--md u-cursor-pointer" data-search-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
            </svg>
            <svg aria-hidden="true" class="o-icon  o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-search-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

        <div class="u-none@md u-ml-auto" data-toggle-menu onclick="this.classList && 
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.toggle('is-open');}) ,
			document.querySelectorAll('[data-body-lock]').forEach( function(oNode){ oNode.classList.toggle('is-locked'); }) ,
			document.querySelectorAll('[data-item-navigation]').forEach( function(oNode){ oNode.classList.toggle('is-visible-from-tablet'); }),
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.add('is-hidden');})">

            <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
            </svg>
            <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

    </div>
    <div class="c-searchbar u-shadow-bottom u-z-upside u-size-full u-absolute u-px-base u-py-large  is-hidden " data-search-bar>
        <div class="o-container u-px-small@md">

            <div class="u-relative">
                <input class="u-size-full   " type="text" placeholder="Cerca nel sito">
                <button class="c-form-action c-btn c-btn--reset u-absolute u-cursor-pointer" type="submit">

                    <svg aria-hidden="true" class="c-form-icon o-icon o-icon--md">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
                    </svg>

                </button>
            </div>

        </div>
    </div>
</header>
<section class="c-intro u-mb-medium u-relative">
    <div class="o-container u-p-small u-p-medium@md">

        <div class="u-flex u-items-center@xl u-column u-row@md u-gap-medium ">
            <div class="u-flex u-row@xl u-column u-gap-medium u-size-full">

                <div class="u-flex u-column u-gap-small u-items-center ">
                    <figure class="c-avatar u-ratio-1   c-avatar--large u-relative u-radius-circle u-overflow-hidden ">
                        <a href="#" aria-label="avatar">
                            <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alagna_sveva.png" loading="lazy" alt="avatar" />
                        </a>
                    </figure>

                </div>

                <div class="u-size-full">
                    <div class="u-flex u-column u-row@md u-justify-between u-gap-medium">
                        <div class="u-flex u-column u-items-center u-items-start@md">

                            <h1 class="u-title-02 u-m-none">
                                <a class="c-intro__title u-no-underline o-link-text" href="#"> Francesca Dermigian </a>
                            </h1>

                            <h4 class="u-label-07 u-color-secondary u-mb-none"> Collaboratore presso Romatoday </h4>

                        </div>

                        <div class="u-flex u-column u-items-center u-items-start@md">
                            <div class="c-share u-flex">

                                <a href="#" class="u-mr-xsmall">
                                    <div class="c-share__item c-share__item--facebook u-flex u-items-center u-justify-center">
                                        <svg class="o-icon--md  o-icon--fill-inverse ">
                                            <use xlink:href="#icon-facebook" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                        </svg>
                                    </div>
                                </a>

                                <a href="#" class="u-mr-xsmall">
                                    <div class="c-share__item c-share__item--twitter u-flex u-items-center u-justify-center">
                                        <svg class="o-icon--md  o-icon--fill-inverse ">
                                            <use xlink:href="#icon-twitter" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                        </svg>
                                    </div>
                                </a>

                                <a href="#" class="u-mr-xsmall">
                                    <div class="c-share__item c-share__item--whatsapp u-flex u-items-center u-justify-center">
                                        <svg class="o-icon--md  o-icon--fill-inverse ">
                                            <use xlink:href="#icon-whatsapp" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                        </svg>
                                    </div>
                                </a>

                            </div>

                        </div>

                    </div>

                    <div class="u-flex u-column u-row@md u-gap-medium u-mt-medium">

                        <div class="u-flex u-gap-medium  u-justify-center">
                            <div class="u-text-center">
                                <span class="u-title-06 u-block c-intro__rank">234k</span><small class="u-label-07 u-block">Articoli</small>
                            </div>
                            <div class="u-text-center">
                                <span class="u-title-06 u-block c-intro__rank">12k</span><small class="u-label-07 u-block">Commenti</small>
                            </div>
                            <div class="u-text-center">
                                <span class="u-title-06 u-block c-intro__rank">3M</span><small class="u-label-07 u-block">Follower</small>
                            </div>

                        </div>

                        <div class="c-intro__details u-flex-one">
                            <p>
                                Classe &#39;86, nata e cresciuta a Firenze, vivo a Roma dal 2007. Laureata in Filosofia all&#39;Università Roma Tre, iscritta all&#39;ordine dei giornalisti della Toscana dal 2013. Amo scrivere di questa città, descriverne pezzi di vita, far parlare chi la vive ogni giorno in tutta la sua follia. Lo faccio dal 2010 per Romatoday, quotidiano online del gruppo Citynews, occupandomi per lo più di temi di cronaca bianca: degrado urbano, opere pubbliche, disservizi, trasporti, rifiuti. Sempre a caccia di storie e denunce a cui dare voce.
                            </p>
                        </div>

                    </div>

                </div>
            </div>
        </div>

        <div class="c-intro__tags u-flex u-items-center u-wrap u-relative u-mt-medium">
            <span class="u-label-05 u-color-secondary u-mr-base">Scrive di:</span>
            <ul class="u-flex u-wrap u-m-none u-list-none u-list-reset">

                <li class="u-mr-xsmall">
                    <a class="o-link-text u-label-03 u-no-underline" href="#">Arresto </a>
                </li>

                <li class="u-mr-xsmall">
                    <a class="o-link-text u-label-03 u-no-underline" href="#">Ostia </a>
                </li>

                <li class="u-mr-xsmall">
                    <a class="o-link-text u-label-03 u-no-underline" href="#">Cronaca </a>
                </li>

                <li class="u-mr-xsmall">
                    <a class="o-link-text u-label-03 u-no-underline" href="#">Parco </a>
                </li>

                <li class="u-mr-xsmall">
                    <a class="o-link-text u-label-03 u-no-underline" href="#">Omicidio </a>
                </li>

                <li class="u-mr-xsmall">
                    <a class="o-link-text u-label-03 u-no-underline" href="#">Green </a>
                </li>

                <li class="u-mr-xsmall">
                    <a class="o-link-text u-label-03 u-no-underline" href="#">Politica </a>
                </li>

                <li class="u-mr-xsmall">
                    <a class="o-link-text u-label-03 u-no-underline" href="#">Degrado </a>
                </li>

                <li class="u-mr-xsmall">
                    <a class="o-link-text u-label-03 u-no-underline" href="#">Atac </a>
                </li>

                <li class="u-mr-xsmall">
                    <a class="o-link-text u-label-03 u-no-underline" href="#">Furto </a>
                </li>

            </ul>
        </div>

    </div>
</section>

<main class="o-page">
    <section class="o-container u-mb-medium" role="main">
        <div class="l-grid l-grid--position l-grid--snake">

            <section class="l-double__main l-grid__item" role="complementary" data-grid-position="2">
                <div class="l-list-border  u-pt-base">

                    <article class="c-story  c-story--podcast  " data-channel="">

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

                                <a href="#" class="u-absolute u-left-base u-bottom-base o-bg-podcast u-p-xsmall u-radius-circle u-z-cover u-shadow" aria-label="podcast">
                                    <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md">
                                        <use xlink:href="#icon-mic"></use>
                                    </svg>
                                </a>

                                <a class="u-block u-size-full u-absolute u-left u-top" href="#" aria-label="Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire">
                                    <picture>

                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_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="#" aria-label="Emergenza Coronavirus">
                                        <small class="c-story__badge u-color-black u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">Emergenza Coronavirus</small>
                                    </a>

                                    <span class="u-label-02 u-py-xxxsmall u-px-xxsmall ">Emergenza Coronavirus</span>

                                </div>

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

                            </header>

                            <div class="
         
        
           
        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>

                    <article class="c-story  c-story--podcast  " data-channel="">

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

                                <a href="#" class="u-absolute u-left-base u-bottom-base o-bg-podcast u-p-xsmall u-radius-circle u-z-cover u-shadow" aria-label="podcast">
                                    <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md">
                                        <use xlink:href="#icon-mic"></use>
                                    </svg>
                                </a>

                                <a class="u-block u-size-full u-absolute u-left u-top" href="#" aria-label="Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock">
                                    <picture>

                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-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">

                                    <a class="u-no-underline" href="#" aria-label="Sei arresti">
                                        <small class="c-story__badge u-color-black u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">Sei arresti</small>
                                    </a>

                                    <span class="u-label-02 u-py-xxxsmall u-px-xxsmall ">Sei arresti</span>

                                </div>

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

                            </header>

                            <div class="
         
        
           
        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>

                    <article class="c-story  c-story--podcast  " data-channel="">

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

                                <a href="#" class="u-absolute u-left-base u-bottom-base o-bg-podcast u-p-xsmall u-radius-circle u-z-cover u-shadow" aria-label="podcast">
                                    <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md">
                                        <use xlink:href="#icon-mic"></use>
                                    </svg>
                                </a>

                                <a class="u-block u-size-full u-absolute u-left u-top" href="#" aria-label="Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire">
                                    <picture>

                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-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">

                                    <a class="u-no-underline" href="#" aria-label="Esteri">
                                        <small class="c-story__badge u-color-black u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">Esteri</small>
                                    </a>

                                    <span class="u-label-02 u-py-xxxsmall u-px-xxsmall ">Esteri</span>

                                </div>

                                <a class="o-link-text" href="#" aria-label="Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire">
                                    <h2 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</h2>
                                </a>

                            </header>

                            <div class="
         
        
           
        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>

                    <article class="c-story  c-story--podcast  " data-channel="">

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

                                <a href="#" class="u-absolute u-left-base u-bottom-base o-bg-podcast u-p-xsmall u-radius-circle u-z-cover u-shadow" aria-label="podcast">
                                    <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md">
                                        <use xlink:href="#icon-mic"></use>
                                    </svg>
                                </a>

                                <a class="u-block u-size-full u-absolute u-left u-top" href="#" aria-label="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">
                                    <picture>

                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-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">

                                    <a class="u-no-underline" href="#" aria-label="Lo studio del Touring Club italiano">
                                        <small class="c-story__badge u-color-black u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">Lo studio del Touring Club italiano</small>
                                    </a>

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

                                </div>

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

                            </header>

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

                        </div>

                    </article>

                    <article class="c-story  c-story--podcast  " data-channel="">

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

                                <a href="#" class="u-absolute u-left-base u-bottom-base o-bg-podcast u-p-xsmall u-radius-circle u-z-cover u-shadow" aria-label="podcast">
                                    <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md">
                                        <use xlink:href="#icon-mic"></use>
                                    </svg>
                                </a>

                                <a class="u-block u-size-full u-absolute u-left u-top" href="#" aria-label="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">
                                    <picture>

                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-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">

                                    <a class="u-no-underline" href="#" aria-label="Lo studio del Touring Club italiano">
                                        <small class="c-story__badge u-color-black u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">Lo studio del Touring Club italiano</small>
                                    </a>

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

                                </div>

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

                            </header>

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

                        </div>

                    </article>

                    <article class="c-story  c-story--podcast  " data-channel="">

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

                                <a href="#" class="u-absolute u-left-base u-bottom-base o-bg-podcast u-p-xsmall u-radius-circle u-z-cover u-shadow" aria-label="podcast">
                                    <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md">
                                        <use xlink:href="#icon-mic"></use>
                                    </svg>
                                </a>

                                <a class="u-block u-size-full u-absolute u-left u-top" href="#" aria-label="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">
                                    <picture>

                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-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">

                                    <a class="u-no-underline" href="#" aria-label="Lo studio del Touring Club italiano">
                                        <small class="c-story__badge u-color-black u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">Lo studio del Touring Club italiano</small>
                                    </a>

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

                                </div>

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

                            </header>

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

                        </div>

                    </article>

                    <article class="c-story  c-story--podcast  " data-channel="">

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

                                <a href="#" class="u-absolute u-left-base u-bottom-base o-bg-podcast u-p-xsmall u-radius-circle u-z-cover u-shadow" aria-label="podcast">
                                    <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md">
                                        <use xlink:href="#icon-mic"></use>
                                    </svg>
                                </a>

                                <a class="u-block u-size-full u-absolute u-left u-top" href="#" aria-label="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">
                                    <picture>

                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-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">

                                    <a class="u-no-underline" href="#" aria-label="Lo studio del Touring Club italiano">
                                        <small class="c-story__badge u-color-black u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">Lo studio del Touring Club italiano</small>
                                    </a>

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

                                </div>

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

                            </header>

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

                        </div>

                    </article>

                    <article class="c-story  c-story--podcast  " data-channel="">

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

                                <a href="#" class="u-absolute u-left-base u-bottom-base o-bg-podcast u-p-xsmall u-radius-circle u-z-cover u-shadow" aria-label="podcast">
                                    <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md">
                                        <use xlink:href="#icon-mic"></use>
                                    </svg>
                                </a>

                                <a class="u-block u-size-full u-absolute u-left u-top" href="#" aria-label="Muore annegato nella piscina comunale il giorno prima di compiere 7 anni">
                                    <picture>

                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.jpg" alt="Muore annegato nella piscina comunale il giorno prima di compiere 7 anni">

                                    </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="#" aria-label="Lo studio del Touring Club italiano">
                                        <small class="c-story__badge u-color-black u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">Lo studio del Touring Club italiano</small>
                                    </a>

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

                                </div>

                                <a class="o-link-text" href="#" aria-label="Muore annegato nella piscina comunale il giorno prima di compiere 7 anni">
                                    <h2 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Muore annegato nella piscina comunale il giorno prima di compiere 7 anni</h2>
                                </a>

                            </header>

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

                        </div>

                    </article>

                    <article class="c-story  c-story--podcast  " data-channel="">

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

                                <a href="#" class="u-absolute u-left-base u-bottom-base o-bg-podcast u-p-xsmall u-radius-circle u-z-cover u-shadow" aria-label="podcast">
                                    <svg aria-hidden="true" class="o-icon o-icon--inverse o-icon--md">
                                        <use xlink:href="#icon-mic"></use>
                                    </svg>
                                </a>

                                <a class="u-block u-size-full u-absolute u-left u-top" href="#" aria-label="Riceve il reddito di cittadinanza, ma ha 40 case e percepisce 120mila euro d&#39;affitto">
                                    <picture>

                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.jpg" alt="Riceve il reddito di cittadinanza, ma ha 40 case e percepisce 120mila euro d&#39;affitto">

                                    </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="#" aria-label="Economia">
                                        <small class="c-story__badge u-color-black u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">Economia</small>
                                    </a>

                                    <span class="u-label-02 u-py-xxxsmall u-px-xxsmall ">Economia</span>

                                </div>

                                <a class="o-link-text" href="#" aria-label="Riceve il reddito di cittadinanza, ma ha 40 case e percepisce 120mila euro d&#39;affitto">
                                    <h2 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Riceve il reddito di cittadinanza, ma ha 40 case e percepisce 120mila euro d&#39;affitto</h2>
                                </a>

                            </header>

                            <div class="
         
        
           
        u-truncate-4 
        u-color-secondary c-story__summary u-body-03 u-color-secondary u-mb-none
        ">
                                L&#39;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&#39;anno
                            </div>

                        </div>

                    </article>

                </div>
            </section>

            <aside class="l-grid__item l-double__aside u-relative" role="aside" data-grid-position="3">
                <h3 class="c-title c-title--featured-multiline u-relative">

                    I più letti

                </h3>
                <div class="l-list-border  u-pt-base">

                    <article class="c-story  c-story--stack  " 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="#" aria-label="Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire">
                                    <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">

                                    <span class="u-label-02 u-py-xxxsmall u-px-xxsmall ">Emergenza Coronavirus</span>

                                </div>

                                <a class="o-link-text" href="#" aria-label="Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire">
                                    <h2 class="
         
        
        c-story__heading 
        u-heading-06
         
        u-m-none">Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire</h2>
                                </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>

                    <article class="c-story  c-story--stack  " 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="#" aria-label="Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock">
                                    <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 u-py-xxxsmall u-px-xxsmall ">Sei arresti</span>

                                </div>

                                <a class="o-link-text" href="#" aria-label="Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock">
                                    <h2 class="
         
        
        c-story__heading 
        u-heading-06
         
        u-m-none">Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock</h2>
                                </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>

                    <article class="c-story  c-story--stack  " 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="#" aria-label="Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire">
                                    <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="#" aria-label="Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire">
                                    <h2 class="
         
        
        c-story__heading 
        u-heading-06
         
        u-m-none">Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire</h2>
                                </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>

                    <article class="c-story  c-story--stack  " 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="#" aria-label="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">
                                    <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 u-py-xxxsmall u-px-xxsmall ">Lo studio del Touring Club italiano</span>

                                </div>

                                <a class="o-link-text" href="#" aria-label="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">
                                    <h2 class="
         
        
        c-story__heading 
        u-heading-06
         
        u-m-none">Turismo e coronavirus, quali località più colpite nell&#39;estate 2020</h2>
                                </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
        ">
                                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
                            </div>

                        </div>

                    </article>

                    <article class="c-story  c-story--stack  " 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="#" aria-label="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">
                                    <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 u-py-xxxsmall u-px-xxsmall ">Lo studio del Touring Club italiano</span>

                                </div>

                                <a class="o-link-text" href="#" aria-label="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">
                                    <h2 class="
         
        
        c-story__heading 
        u-heading-06
         
        u-m-none">Turismo e coronavirus, quali località più colpite nell&#39;estate 2020</h2>
                                </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
        ">
                                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
                            </div>

                        </div>

                    </article>

                </div>
                <div class="u-flex u-items-center u-justify-center">

                    <img decoding="async" referrerpolicy="no-referrer" src='https://via.placeholder.com/300x250/121212/FFFFFF?text=300x250' alt="demo" />

                </div>
            </aside>
        </div>
    </section>

</main>
{% render "@toolbar" %}
{% render "@header--slim", {local: true}, false %}
{% render "@intro--default" %}

<main class="o-page">
  <section class="o-container u-mb-medium" role="main">
    <div class="l-grid l-grid--position l-grid--snake">
      {% render "@items--list-headlines", {headlines:false}, true %}

      <aside class="l-grid__item l-double__aside u-relative" role="aside" data-grid-position="3">
        {% render "@title--featured-multiline", {title: 'I più letti'}, true %}
        {% render "@items--list", {limit: 5, modifier: 'stack', size: 'tiny', hideSummary: true, hideMedia:true, showDate: true}, true %}
        {% render "@adv", {format: 'box'}, true %}
      </aside>
    </div>
  </section>

</main>
{
  "title": "Lina Wertmüller soll Spaß machen aus dem Gelächter der Fähre. Måneskin",
  "summary": "Il M5s non lo ritiene una priorità e il Pd non sembra avere la compattezza necessaria per portare avanti con forza il discorso. Il dibattito sullo Ius culturae (una versione \"mitigata\" dello Ius soli) è più vivo che mai. A pagare il prezzo più caro, come sempre, sono i più piccoli",
  "kicker": "Politica",
  "date": "26 Aprile 2020",
  "categoryColor": "red",
  "author": {
    "name": "Francesca Demirgian",
    "role": "Redattore",
    "thumb": "https://citynews-today.stgy.ovh/~media/square-mid/39253218949838/Berlinialberto.jpeg"
  },
  "media": {
    "src": "https://via.placeholder.com/600x338",
    "caption": "this is a caption"
  },
  "related": [
    {
      "item": null,
      "title": "Gli italiani di seconda generazione lanciano una marcia per la cittadinanza: “Diritto fondamentale”",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/37347877891805/integrazione-pixabay-2.jpg"
      }
    },
    {
      "item": null,
      "title": "Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/45358787940167/di-maio-ansa-6-4.jpg"
      }
    },
    {
      "item": null,
      "title": "Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/45358787940167/di-maio-ansa-6-4.jpg"
      }
    },
    {
      "item": null,
      "title": "Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/45358787940167/di-maio-ansa-6-4.jpg"
      }
    }
  ]
}

Item template is designed to diplay news articles, videos and photo galleries.

Parameters

  • cover - set media image or video player to 100% size of grid template area

Variants

  1. Article - default template used for both news and video
  2. Gallery - exclusively used for photo galleries

Dark theme

Default video and Gallery templates have data-theme="dark" set by default on <body>.