<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 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>

                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  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--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 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="/">

                <svg 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 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--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 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 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>

<main class="o-page">

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

        <article class="l-entry l-entry--location u-grid u-mb-xlarge" data-entry>
            <section class="l-entry__header">
                <div class="u-mb-small">

                    <span class="u-label-02 u-uppercase u-mb-small"><a class="c-breadcrumb u-px-xxsmall" href="#">pasticceria-panificio</a>/</span>
                </div>
                <h1 class="u-heading-01 u-m-none">Panificio Penna</h1>
            </section>
            <section class="l-entry__body">
                <div class="c-entry u-break-word u-flex u-wrap u-items-start u-gap-medium u-pb-base">

                    <div class="slot slot-story-5"></div>

                    Mancano solo pochi giorni per approfittare degli sconti proposti da Moscova District Market nella sua “Spring Preview 2021”: un’anteprima speciale dei campionari e collezioni moda primavera/estate 2021. Presso lo spazio di Via Alessandro Volta 7/A da oggi fino al è possibile trovare le migliori collezioni uomo e donna in taglie assortite con importanti sconti sul cartellino fino all&#39;80%. Fra i 10.000 capi in offerta e più di 20 brand spiccano sicuramente Roberto Cavalli, Paul Smith, Karl Lagerfeld. È impossibile non trovare il proprio affare! Gli ingressi alla Private Sale vengono regolati tramite prenotazione di data e orario su una piattaforma online: in questo modo è garantito l’ingresso in sicurezza. Prenotare il proprio ingresso a questa esclusiva e originale esperienza di shopping è semplicissimo: basta cliccare QUI e scegliere giorno e ora di visita in base alle disponibilità.

                    <img src="https://www.cibotoday.it/~media/original-hi/38116220563346/antico-rifugio-jezza.jpeg" loading="lazy" alt="Rifugio Jezza" />

                    <img src="https://www.cibotoday.it/~media/original-hi/38116220563346/antico-rifugio-jezza.jpeg" loading="lazy" alt="Rifugio Jezza" />

                    <br>
                </div>

                <div class="l-entry__related u-pr-none">

                    <h3 class="c-title c-title--multiline u-relative">Si parla di Panificio Penna</h3>

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

                        <article class="c-story  c-story--inline-sm  " data-channel="">

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

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

                                            <source srcset="" media="(min-width: 740px)">
                                            <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="" alt="Angels there and shore with or. The visiter chamber clasp.">

                                        </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 "></span>

                                    </div>

                                    <a class="o-link-text" href="#">
                                        <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Angels there and shore with or. The visiter chamber clasp.</h1>
                                    </a>

                                    <div class="
           
           
          u-block u-none@md 
           
          u-truncate-4  
          c-story__summary u-truncate u-mb-none u-color-secondary u-body-03
          ">
                                        Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.
                                    </div>

                                </header>

                                <span class="c-story__byline u-label-08 u-color-secondary u-mt-small u-block">

                                    13 giugno 2023

                                </span>

                            </div>

                        </article>

                    </div>

                </div>
            </section>

            <section class="l-entry__map">
                <div>
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2969.135900314013!2d12.507381676991734!3d41.91143717123816!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132f6172de06c735%3A0x564eccf582727e1b!2sCitynews%20Spa!5e0!3m2!1sit!2sit!4v1678967424181!5m2!1sit!2sit" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
                    </iframe>
                </div>
            </section>

            <section class="l-entry__details">
                <div class=" l-entry--location__address-info u-overflow-hidden u-p-base u-flex u-column u-justify-around">
                    <div class="u-p-xxsmal">
                        <span class="u-label-03 u-block u-uppercase u-mb-xsmall u-mt-xxsmall">Dove</span>
                        <span class="u-label-11 u-py-xsmall">
                            <svg class="o-icon o-icon--sm u-mr-xsmall">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                            </svg>
                            Centro Commerciale GranRoma Gran Shopping
                        </span>
                        <span class="u-label-11 u-block u-py-xsmall">Via Aristide Merloni, 141</span>
                    </div>
                    <div class="u-p-xxsmal">
                        <span class="u-label-03 u-block u-uppercase u-mb-xsmall u-mt-xxsmall">Dettagli</span>
                        <span class="u-label-11 u-py-xsmall">

                            <svg class="o-icon o-icon--sm u-mr-xsmall">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-instagram"></use>
                            </svg>
                            granromashopping.com

                        </span>
                    </div>

                </div>

            </section>

            <section class="l-entry__byline--small">
                <div class="u-flex u-column u-justify-between u-items-start u-mb-small@xl">
                    <p class="u-caption-01 u-color-secondary">© Riproduzione riservata</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>

                    </div>

                </div>
            </section>

        </article>

        <section class="u-mb-medium">
            <h3 class="c-title c-title--multiline u-relative">

                Potrebbe interessarti

            </h3>

            <div class="l-grid l-grid--medium u-overflow-hidden">

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

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

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

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

                        </a>
                    </figure>

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

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

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

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

                            </div>

                        </header>

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

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

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

                        </ul>

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

                    </div>
                </article>

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

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

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

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

                        </a>
                    </figure>

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

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

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

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

                            </div>

                        </header>

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

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

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

                        </ul>

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

                    </div>
                </article>

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

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

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

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

                        </a>
                    </figure>

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

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

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

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

                            </div>

                        </header>

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

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

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

                        </ul>

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

                    </div>
                </article>

            </div>
        </section>

    </div>

</main>
{% if skin %}
  <script src="https://cdnjs.cloudflare.com/ajax/libs/eqcss/1.9.2/EQCSS.min.js"></script>
  <style type="text/css">/*<![CDATA[*/body{background:#ffffff url('http://vda.oipzyrzffum.ovh/www/images/b/0/1/b01fe4702b4f2de4a2e05b93afe90279') no-repeat fixed center 0!important;margin-top:0!important}.skin_top{position:absolute;display:block;left:0;top:0;width:100%;height:100px;cursor:pointer;cursor:hand}.skin_left{position:fixed;display:block;left:0;top:0;width:15%;height:100%;cursor:pointer;cursor:hand}.skin_right{position:fixed;display:block;right:0;top:0;width:15%;height:100%;cursor:pointer;cursor:hand}.o-page{max-width: 1020px!important; background-color: #fff; margin: 0 auto}
  @media screen and (min-width:600px){.l-entry{grid-template-areas:"header sidebar" "media sidebar" "byline sidebar" "body sidebar" "footer sidebar" "topics sidebar" "related sidebar";grid-template-columns:1fr 300px;grid-template-rows:auto;gap:48px}}.c-related {grid-auto-flow: column;}.c-toolbar{margin-top:100px!important}.c-menu{left:0;top:214px!important}.c-header{margin-top:75px!important}@media screen and (min-width:600px){.c-header{margin-top:0!important}}.c-header,.c-menu,.c-toolbar{margin:0 auto;max-width:1020px!important}/*]]>*/</style>
  <a href="https://track.adform.net/C/?bn=19754161" target="_blank" rel="nofollow" class="skin_top" title="Fai click qui"></a><a href="https://track.adform.net/C/?bn=19754161" target="_blank" rel="nofollow" class="skin_left" title="Fai click qui"></a><a href="https://track.adform.net/C/?bn=19754161" target="_blank" rel="nofollow" class="skin_right" title="Fai click qui"></a>
  <script type="text/javascript">/*<![CDATA[*/window.$||document.write('<'+'scr'+'ipt type="text/javascript" src="http://1.citynews.stgy.ovh/~shared/scripts/bootstrap/blackstone.js"><'+'\/'+'scr'+'ipt>');/*]]>*/</script>
  <script type="text/javascript">/*<![CDATA[*/window.$&&$(function(_){$(window).resize(_=function(_){$(".skin_left").width(_=Math.round(Math.max(0,$(window).width()-1020)/2)+"px");$(".skin_right").width(_)});_()})/*]]>*/</script>
  <img src="https://track.adform.net/adfserve/?bn=19754161;1x1inv=1;srctype=3;ord=[timestamp]" width="1" height="1" border="0" alt="" style="position:absolute;left:-999999px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);" /> 
{% endif %}

{% render "@toolbar" %}
{% render "@header--slim", {local: true}, false %}

<main class="o-page">

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

    <article class="l-entry l-entry--location u-grid u-mb-xlarge" data-entry>
      <section class="l-entry__header">
        <div class="u-mb-small">
         {% render "@breadcrumb",{label: "pasticceria-panificio"}, true %}
        </div>
        <h1 class="u-heading-01 u-m-none">{{title}}</h1>
      </section>  
      <section class="l-entry__body">
          <div class="c-entry u-break-word u-flex u-wrap u-items-start u-gap-medium u-pb-base" >

            <div class="slot slot-story-5"></div>   

            {{summary}}   
                      
  
             {% for i in gallery %}
             <img src="{{ i.media }}" loading="lazy" alt="{{i.title}}"/>
             {% endfor %}
             <br>
          </div>

          <div class="l-entry__related u-pr-none">

          <h3 class="c-title c-title--multiline u-relative">Si parla di Panificio Penna</h3>
          
          <div class="l-list-border u-pt-base">          
            {% for i in range(0,1) %}
              
              {% render "@story", {
                modifier: 'inline-sm', 
                size: 'compact', 
                title: 'Angels there and shore with or. The visiter chamber clasp.',  
                media: 'https://www.cibotoday.it/~media/original-hi/25443620099533/osteria-il-foppone.jpeg', 
                date: '13 giugno 2023',
                summary: 'Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.',
                hideSummary: true,
                showDate: true
              }, false %}
              
              
            {% endfor %}            
          </div>

        </div>  
        </section>

        <section class="l-entry__map">
          <div>
            <iframe
              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2969.135900314013!2d12.507381676991734!3d41.91143717123816!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132f6172de06c735%3A0x564eccf582727e1b!2sCitynews%20Spa!5e0!3m2!1sit!2sit!4v1678967424181!5m2!1sit!2sit"
              width="100%" height="100%" style="border:0;" allowfullscreen=""
              loading="lazy"
              referrerpolicy="no-referrer-when-downgrade">
            </iframe>
          </div>
        </section> 

         <section class="l-entry__details">
            <div class=" l-entry--location__address-info u-overflow-hidden u-p-base u-flex u-column u-justify-around">
              <div class="u-p-xxsmal">
               <span class="u-label-03 u-block u-uppercase u-mb-xsmall u-mt-xxsmall">Dove</span>
               <span class="u-label-11 u-py-xsmall">
                 <svg class="o-icon o-icon--sm u-mr-xsmall">
                   <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                 </svg>
                 Centro Commerciale GranRoma Gran Shopping
               </span>
               <span class="u-label-11 u-block u-py-xsmall">Via Aristide Merloni, 141</span>  
              </div>
              <div class="u-p-xxsmal">
               <span class="u-label-03 u-block u-uppercase u-mb-xsmall u-mt-xxsmall">Dettagli</span>
               <span class="u-label-11 u-py-xsmall"> 
          
                 <svg class="o-icon o-icon--sm u-mr-xsmall">
                   <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-instagram"></use>
                 </svg>
                 granromashopping.com
          
               </span>
              </div>     
                                  
            </div> 
            
         </section>              
        
              

        <section class="l-entry__byline--small">
          <div class="u-flex u-column u-justify-between u-items-start u-mb-small@xl">          
            <p class="u-caption-01 u-color-secondary">© Riproduzione riservata</p>          
            {% render "@share" %}
          </div>
        </section>
      {# <aside class="l-entry__sidebar">   

        {% render "@title--multiline-small", {title: 'I più letti'}, true %}
        {% render "@items--list", {limit: 5, modifier:'stack', size:'tiny', hideMedia: true, sublinks:false, hideSummary: true, showDate: false, showNumber: true}, true %}
  
      </aside> #}
      
    </article>

   

    <section class="u-mb-medium">
      {% render "@title--multiline", {title: 'Potrebbe interessarti'}, true %}
      
      <div class="l-grid l-grid--medium u-overflow-hidden">
        {% for card in range(0,3) %}
          {% render "@card--overlay", {rating:true, details:true, data:true, adress:true, label: false }, true %}
        {% endfor %}
      </div>
    </section>

  </div>

</main>
{
  "title": "Panificio Penna",
  "summary": "Mancano solo pochi giorni per approfittare degli sconti proposti da Moscova District Market nella sua “Spring Preview 2021”: un’anteprima speciale dei campionari e collezioni moda primavera/estate 2021. Presso lo spazio di Via Alessandro Volta 7/A da oggi fino al è possibile trovare le migliori collezioni uomo e donna in taglie assortite con importanti sconti sul cartellino fino all'80%. Fra i 10.000 capi in offerta e più di 20 brand spiccano sicuramente Roberto Cavalli, Paul Smith, Karl Lagerfeld. È impossibile non trovare il proprio affare! Gli ingressi alla Private Sale vengono regolati tramite prenotazione di data e orario su una piattaforma online: in questo modo è garantito l’ingresso in sicurezza. Prenotare il proprio ingresso a questa esclusiva e originale esperienza di shopping è semplicissimo: basta cliccare QUI e scegliere giorno e ora di visita in base alle disponibilità.",
  "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"
      }
    }
  ],
  "channel": "cibo",
  "gallery": [
    {
      "title": "Rifugio Jezza",
      "media": "https://www.cibotoday.it/~media/original-hi/38116220563346/antico-rifugio-jezza.jpeg"
    },
    {
      "title": "Rifugio Jezza",
      "media": "https://www.cibotoday.it/~media/original-hi/38116220563346/antico-rifugio-jezza.jpeg"
    }
  ]
}

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>.