<div class="c-toolbar u-none u-block@md o-bg-base" data-toolbar>
    <div class="o-container u-flex">
        <div 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>

        </div>
        <div 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">
                <svg class="c-brand-cn" width="91" height="24">
                    <use xlink:href="#brand-citynews"></use>
                </svg>
            </a>
        </div>
        <div class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">
            <div class="c-modetoggle u-inline-flex">

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità light">
                    <input type="radio" value="-1" class="u-none" data-color-scheme="-1">
                    <svg 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">
                    <input type="radio" value="0" class="u-none" data-color-scheme="0">
                    <svg 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">
                    <input type="radio" value="1" class="u-none" data-color-scheme="1">
                    <svg 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>
        </div>
        <!-- <div 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 
  
    c-btn--rounded
   
  
    u-flex
  
   
    c-btn--small 
    u-label-05
   
   
  u-cursor-pointer  u-items-center" 
  
>
  Abbonati 
  
</button>
		</div> -->
        <div 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="1" 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-upside">
                    <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>

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

<header class="c-header c-header--slim c-header--inverse  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 class="o-icon  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 class="o-icon  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="/">

                <style>
                    @font-face {
                        font-family: 'NovecentoNarrow';
                        src: url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff2"),
                            url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff");
                        font-style: normal;
                        font-display: swap;
                    }
                </style>

                <div class="c-brand c-brand__text u-uppercase u-no-underline c-brand--resize-small  c-brand--alternate">
                    <span class="c-brand__edition">agrigento</span><span class="c-brand__network">notizie</span>
                </div>

            </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 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 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 class="o-icon  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 class="o-icon  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 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>

<style>
    .o-page {
        background-color: var(--background-color-contrast);
    }
</style>

<main class="o-page">

    <div class="o-container o-page-item-reset">

        <section class="l-entry l-entry--live u-grid">

            <section class="l-entry__related u-mb-medium">
                <section class="l-entry__byline">
                    <p class="u-mb-medium u-mt-none">
                        <span class="u-label-04"> Ultimo aggiornamento:</span>
                        <span class="u-label-07"> 5 minuti fa</span>
                    </p>
                    <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>

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

                    </div>

                </section>
            </section>

            <section class="l-entry__body">
                <header class="l-entry__header">
                    <div class="o-fullscreen o-bg-category-01-dark u-p-small u-mb-base u-color-inverse">
                        <span class="o-icon-live o-icon-live--out">
                            <span class="o-icon-live o-icon-live--in is-blinking"></span>
                        </span>
                        In diretta
                    </div>
                    <h1 class="l-entry__title u-heading-01 u-mb-small">Le notizie del 27 ottobre sul Coronavirus: 21.994 contagi in Italia, Conte: “Non possiamo permetterci un lockdown”</h1>
                    <p class="l-entry__summary u-body-01 u-color-secondary u-mb-small">Le ultime notizie sul Coronavirus Covid-19 in Italia e nel mondo, i dati e le news di martedì 27 ottobre in diretta.</p>
                </header>

                <section class="l-entry__byline">
                    <p class="u-mb-medium u-mt-none">
                        <span class="u-label-04"> Ultimo aggiornamento:</span>
                        <span class="u-label-07"> 5 minuti fa</span>
                    </p>
                    <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>

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

                    </div>

                </section>

                <figure class="l-entry__media o-fullscreen u-mb-small">
                    <div class="o-skeleton o-skeleton-media--horizontal">
                        <img class="u-absolute u-left u-top u-size-full" src="https://citynews-today.stgy.ovh/~media/horizontal-hi/6926393171116/coronavirus-bollettino-ansa-2-2-2.jpg" alt="">
                    </div>
                </figure>

                <article class="c-story c-story--live o-bg-inverse u-p-small u-mb-small" data-channel="">

                    <div class="c-story__content u-flex u-column">

                        <header class="c-story__header">
                            <a class="o-link-text" href="#">
                                <h1 class="u-heading-04 u-mb-small u-mt-none">Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire</h1>
                            </a>

                            <p class="u-body-02 u-color-base u-mt-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</p>

                        </header>

                    </div>

                    <span class="c-story__byline u-label-03  u-mt-xxsmall u-mr-small u-block">19:02</span>

                </article>

                <article class="c-story c-story--live o-bg-inverse u-p-small u-mb-small" data-channel="">

                    <div class="c-story__content u-flex u-column">

                        <figure class="c-story__media u-size-full u-overflow-hidden">
                            <a class="u-block u-relative" href="#">

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

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

                            <p class="u-body-02 u-color-base u-mt-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</p>

                        </header>

                    </div>

                    <span class="c-story__byline u-label-03  u-mt-xxsmall u-mr-small u-block">17:54</span>

                </article>

                <article class="c-story c-story--live o-bg-inverse u-p-small u-mb-small" data-channel="">

                    <div class="c-story__content u-flex u-column">

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

                            <p class="u-body-02 u-color-base u-mt-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</p>

                        </header>

                    </div>

                    <span class="c-story__byline u-label-03  u-mt-xxsmall u-mr-small u-block">13:27</span>

                </article>

                <article class="c-story c-story--live o-bg-inverse u-p-small u-mb-small" data-channel="">

                    <div class="c-story__content u-flex u-column">

                        <figure class="c-story__media u-size-full u-overflow-hidden">
                            <a class="u-block u-relative" href="#">

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

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

                            <p class="u-body-02 u-color-base u-mt-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</p>

                        </header>

                    </div>

                    <span class="c-story__byline u-label-03  u-mt-xxsmall u-mr-small u-block">12:09</span>

                </article>

                <article class="c-story c-story--live o-bg-inverse u-p-small u-mb-small" data-channel="">

                    <div class="c-story__content u-flex u-column">

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

                            <p class="u-body-02 u-color-base u-mt-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</p>

                        </header>

                    </div>

                    <span class="c-story__byline u-label-03  u-mt-xxsmall u-mr-small u-block">09:45</span>

                </article>

            </section>

            <section class="l-entry__sidebar">
                <div class="u-mb-base" data-affix>
                    <img src="https://via.placeholder.com/300x250?text=Box+Medium+1" alt="">
                </div>
                <div class="u-mb-base">
                    <img src="https://via.placeholder.com/300x250?text=Box+Medium+2" alt="">
                </div>
            </section>

        </section>
    </div>

</main>

<footer class="c-footer o-bg-dark u-z-sky">
    <div class="o-container">

        <div class="c-footer__head u-py-base u-flex u-items-center u-justify-between">
            <a href="/">

                <style>
                    @font-face {
                        font-family: 'NovecentoNarrow';
                        src: url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff2"),
                            url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff");
                        font-style: normal;
                        font-display: swap;
                    }
                </style>

                <div class="c-brand c-brand__text u-uppercase u-no-underline c-brand--small  ">
                    <span class="c-brand__edition">agrigento</span><span class="c-brand__network">notizie</span>
                </div>

            </a>
            <a href="#c-header" class="o-link-text u-label-05 u-flex u-column u-items-center">
                <svg class="o-icon o-icon--animated o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-up-circle"></use>
                </svg>
                <span class="u-label-08">Torna su</span>
            </a>
        </div>

        <div class="c-footer__section u-pt-base u-mb-medium u-mb-large@lg u-flex u-wrap">
            <div class="u-mb-medium u-pr-large u-size-1-2@md u-size-1-3@lg">
                <div class="u-flex u-mb-base">
                    <a href="http://" target="_blank" rel="noopener noreferrer">
                        <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                            <path d="M16 0a16 16 0 00-2.7 31.8V19.4H9.5v-4.5h3.8v-3.3c0-3.8 2.3-5.9 5.7-5.9l3.5.2v4H20c-1.8 0-2.2.9-2.2 2.2v2.8h4.4l-.5 4.5h-3.9v12.5A16 16 0 0016 0z" />
                        </svg>
                    </a>
                    <a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
                        <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                            <path d="M16 0a16 16 0 100 32 16 16 0 000-32zm7.3 12.5v.4a10.4 10.4 0 01-16 8.8 7.5 7.5 0 005.4-1.5 3.7 3.7 0 01-3.5-2.5 3.7 3.7 0 001.7 0 3.7 3.7 0 01-3-3.7c.6.2 1.1.4 1.7.4a3.7 3.7 0 01-1.6-3c0-.7.2-1.3.5-1.9a10.4 10.4 0 007.6 3.9 3.7 3.7 0 016.2-3.4 7.4 7.4 0 002.3-.9 3.7 3.7 0 01-1.6 2 7.3 7.3 0 002.1-.5 7.5 7.5 0 01-1.8 1.9z" />
                        </svg>
                    </a>
                    <a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
                        <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                            <path d="M16 0a16 16 0 110 32 16 16 0 010-32zm1 7h-4.7c-1 0-1.6.2-2.2.5a4.4 4.4 0 00-1.6 1c-.4.5-.8 1-1 1.6-.2.6-.4 1.2-.4 2.2v7.4c0 1 .2 1.6.4 2.2a4.4 4.4 0 001 1.6c.5.4 1 .8 1.6 1 .6.2 1.2.4 2.2.4h7.4c1 0 1.6-.2 2.2-.4a4.6 4.6 0 002.6-2.6c.2-.6.4-1.3.4-2.2V19a66.3 66.3 0 000-2.3v-2-2.5c0-1-.2-1.6-.4-2.2a4.4 4.4 0 00-1-1.6 4.4 4.4 0 00-1.6-1c-.6-.2-1.2-.4-2.2-.4L17 7zm0 1.6h2.6a5 5 0 011.7.4c.4.1.7.4 1 .7.3.3.6.6.7 1 .1.3.3.8.3 1.7V17a60.6 60.6 0 010 2v.6a5 5 0 01-.3 1.7 3 3 0 01-1.7 1.7 48.3 48.3 0 01-4.3.4h-2a49 49 0 01-4.3-.4 2.8 2.8 0 01-1-.7 2.8 2.8 0 01-.7-1 5 5 0 01-.3-1.7V19a61.5 61.5 0 010-2V15v-2.6c0-1 .2-1.4.3-1.7a2.7 2.7 0 01.7-1 2.8 2.8 0 011-.7 5 5 0 011.7-.3h2.8zm-1 2.8a4.6 4.6 0 000 9.2 4.6 4.6 0 000-9.2zm0 1.6a3 3 0 110 6 3 3 0 010-6zm4.8-2.9a1 1 0 100 2.2 1 1 0 000-2.2z" fill-rule="evenodd" />
                        </svg>
                    </a>
                    <a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
                        <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                            <path d="M16 0a16 16 0 110 32 16 16 0 010-32zm6.6 7H9.4v4.4l-2.4.4 1.8 9.3V24h14.3v-2.8l1.9-9.3-2.4-.4V7zm-.5 7.6v8.2H9.9v-8.2h12.2zm-8 1a3 3 0 00-3.1 3.1 3 3 0 003 3 3 3 0 003-3v-.5h-3v1h2v.2a2 2 0 01-2 1.3 2 2 0 01-2-2 2 2 0 013.4-1.4l.7-.8-.1-.1a3 3 0 00-2-.7zm7 4.7h-3v1h3v-1zm0-2.1h-3v1h3v-1zm0-2.1h-3v1h3v-1zm0-4l2.6.6-.6 3v-2.2h-1.7l-.3-1.4zm-1.4-1.7l.6 3.1H8.8v2.2l-.6-3 11.5-2.3zM21.5 8v3H21l-.4-2-10 2v-3h11z" fill-rule="evenodd" />
                        </svg>
                    </a>
                </div>

                <span class="u-label-08 u-color-light">Today plurisettimanale telematico reg. tribunale di Roma n. 93/2010 P.iva 10786801000. Testata iscritta all’<a href="#" class="u-label-08 o-link-inverse">USPI</a></span>
            </div>
            <div class="u-size-full u-size-1-2@md u-size-1-3@lg u-flex">

                <div class="u-size-1-2">
                    <h4 class="u-nav-05 u-color-light u-mb-small">Canali</h4>
                    <ul class="u-list-none u-m-none u-p-none">

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Notizie</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Ultime notizie</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Lifestyle</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Cultura</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Opinioni</a>
                        </li>

                    </ul>
                </div>

                <div class="u-size-1-2">
                    <h4 class="u-nav-05 u-color-light u-mb-small">Link utili</h4>
                    <ul class="u-list-none u-m-none u-p-none">

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Presentazione</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Registrati</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Codice di condotta</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Condizioni generali</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Privacy</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Invia contenuti</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Help</a>
                        </li>

                    </ul>
                </div>

            </div>
            <div class="c-footer__claim u-size-full u-size-1-3@lg u-flex u-column u-justify-center u-items-center u-p-xlarge">
                <span class="u-title-05 u-color-inverse u-text-center u-mb-base">Il tuo brand sulle nostre testate</span>

                <button class="c-btn c-btn--primary 
  
    c-btn--rounded
   
  
    u-flex
  
  
    u-label-04
   
   
  u-cursor-pointer  u-items-center">
                    Richiedi info

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

        <div class="c-footer__section o-divider o-divider--top u-py-base u-flex u-column u-row@md u-items-center u-justify-between">
            <div class="u-flex u-items-center u-mb-base u-mb-none@lg u-justify-between">
                <a class="u-mr-base" href="">
                    <svg class="c-brand-cn" width="91" height="24">
                        <use xlink:href="#brand-citynews"></use>
                    </svg>
                </a>
                <div tabindex="1" class="c-dropdown c-dropdown--reset c-dropdown--network u-cursor-pointer u-flex u-items-center u-justify-center u-label-05 u-p-small" data-dd-controller>
                    Edizioni locali
                    <svg class="o-icon o-icon--animated o-icon--md" data-dd-icon>
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
                    </svg>
                    <div class="c-dropdown__panel u-fixed u-bottom u-size-full" data-dd-panel>
                        <div class="u-flex u-p-medium u-overflow-auto u-size-full">
                            <div class="u-flex">

                                <a href="http://www.romatoday.it" title="romatoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="milanotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="torinotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="firenzetoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="padovaoggi">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-padovaoggi.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="chietitoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-chietitoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="palermotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="arezzonotizie">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-arezzonotizie.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="baritoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="lecceprima">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-lecceprima.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="ilpiacenza">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-ilpiacenza.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="veneziatoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="trevisotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trevisotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="trentotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trentotoday.png" alt="">
                                </a>
                            </div>
                            <div class="u-flex">

                                <a href="http://www.romatoday.it" title="romatoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="milanotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="torinotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="firenzetoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="padovaoggi">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-padovaoggi.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="chietitoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-chietitoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="palermotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="arezzonotizie">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-arezzonotizie.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="baritoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="lecceprima">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-lecceprima.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="ilpiacenza">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-ilpiacenza.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="veneziatoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="trevisotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trevisotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="trentotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trentotoday.png" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <span class="u-label-08 u-color-light u-self-center">© Copyright 2009-2020</span>
        </div>

    </div>
</footer>
{% render "@toolbar" %}
{% render "@header--slim", {channel:false}, true %}

<style>
  .o-page {
    background-color: var(--background-color-contrast);
  }
</style>

<main class="o-page">

  <div class="o-container o-page-item-reset">

    <section class="l-entry l-entry--live u-grid">

      <section class="l-entry__related u-mb-medium">
        <section class="l-entry__byline">
          <p class="u-mb-medium u-mt-none">
            <span class="u-label-04"> Ultimo aggiornamento:</span>
            <span class="u-label-07"> 5 minuti fa</span>
          </p>
          {% render "@share" %}
        </section>
      </section>

      <section class="l-entry__body">
        <header class="l-entry__header">
          <div class="o-fullscreen o-bg-category-01-dark u-p-small u-mb-base u-color-inverse">
            <span class="o-icon-live o-icon-live--out">
              <span class="o-icon-live o-icon-live--in is-blinking"></span>
            </span>
            In diretta 
          </div>
          <h1 class="l-entry__title u-heading-01 u-mb-small">{{title}}</h1>
          <p class="l-entry__summary u-body-01 u-color-secondary u-mb-small">{{summary}}</p>
        </header>

        <section class="l-entry__byline">
          <p class="u-mb-medium u-mt-none">
            <span class="u-label-04"> Ultimo aggiornamento:</span>
            <span class="u-label-07"> 5 minuti fa</span>
          </p>
          {% render "@share" %}
        </section>

        <figure class="l-entry__media o-fullscreen u-mb-small">
          <div class="o-skeleton o-skeleton-media--horizontal">
            <img class="u-absolute u-left u-top u-size-full" src="https://citynews-today.stgy.ovh/~media/horizontal-hi/6926393171116/coronavirus-bollettino-ansa-2-2-2.jpg" alt="">
          </div>
        </figure>
        
        {% for story in stories %}
          {% set i = loop.index0 %}
          {% render "@story--live", {title: stories[i].title, media: stories[i].media, summary: stories[i].summary, date: stories[i].date}, false %}
        {% endfor %}
      </section>

      <section class="l-entry__sidebar">
        <div class="u-mb-base" data-affix>
          <img src="https://via.placeholder.com/300x250?text=Box+Medium+1" alt="">
        </div>
        <div class="u-mb-base">
          <img src="https://via.placeholder.com/300x250?text=Box+Medium+2" alt="">
        </div>  
      </section>


    </section>
  </div>


</main>

{% render "@footer" %}
{
  "title": "Le notizie del 27 ottobre sul Coronavirus: 21.994 contagi in Italia, Conte: “Non possiamo permetterci un lockdown”",
  "summary": "Le ultime notizie sul Coronavirus Covid-19 in Italia e nel mondo, i dati e le news di martedì 27 ottobre in diretta.",
  "stories": [
    {
      "index": 1,
      "title": "Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire",
      "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",
      "date": "19:02"
    },
    {
      "index": 2,
      "title": "Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock",
      "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": "https://citynews-today.stgy.ovh/~media/horizontal-mid/19878683460037/casa-di-riposo-palermo-ansa-2.jpg",
      "date": "17:54"
    },
    {
      "index": 3,
      "title": "Coronavirus, negli Usa 2.500 morti in un giorno ma Trump \"ha fretta\" di riaprire",
      "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",
      "date": "13:27"
    },
    {
      "index": 4,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "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": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
      "date": "12:09"
    },
    {
      "index": 5,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "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",
      "date": "09:45"
    }
  ]
}

No notes defined.