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

<div class="c-navbar__toggle-shadow u-fixed u-none@md"></div>

<header id="c-header" class="c-header  u-z-high u-relative ">

    <div class="o-container u-flex@lg u-justify-betweenlg">

        <div class="u-relative u-size-full">

            <div class="c-header__top u-py-base u-py-xsmall@md u-pr-base">
                <a href="/">

                    <svg class="c-brand 
  c-brand--resize-medium 
   
   
  " 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="c-navbar__subscription u-absolute u-none@md">
				
<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
   

  " 
   
  
   true 
  >

  

  Abbonati 
  
</button>
			</div> -->

            <div class="c-navbar__toggle u-none@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-none u-flex@md u-items-center u-mr-small@lg">

                <nav class="c-navbar u-none u-flex@md ">

                    <a href="#" class="c-navbar__item u-no-underline is-active" data-item-navigation data-channel="">Notizie</a>

                    <a href="#" class="c-navbar__item u-no-underline " data-item-navigation data-channel="">Cosa fare in città</a>

                    <a href="#" class="c-navbar__item u-no-underline " data-item-navigation data-channel="">Zone</a>

                    <a href="#" class="c-navbar__item u-no-underline " data-item-navigation data-channel="">Dossier</a>

                </nav>

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

        </div>

        <div class="c-header__focus u-ml-auto u-mr-xxsmall u-size-1-2">
            <article class="c-story  c-story--inline-sm  " data-channel="/notizie/">

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

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

                                <source srcset="https://unsplash.it/600/338?random" media="(min-width: 740px)">
                                <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/600/600?random" 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">

                            <a class="u-no-underline" href="#">
                                <small class="c-story__channel u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">/notizie/</small>
                            </a>

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

                        </div>

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

                        <div class="
           
           
          u-block u-none@md 
          u-truncate  
          u-truncate-3  
          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>

                </div>

            </article>
        </div>
        <div class="c-header__focus u-size-1-2">
            <article class="c-story  c-story--inline-sm  " data-channel="/notizie/">

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

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

                                <source srcset="https://unsplash.it/600/338?random" media="(min-width: 740px)">
                                <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/600/600?random" 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">

                            <a class="u-no-underline" href="#">
                                <small class="c-story__channel u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-mb-small u-block">/notizie/</small>
                            </a>

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

                        </div>

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

                        <div class="
           
           
          u-block u-none@md 
          u-truncate  
          u-truncate-3  
          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>

                </div>

            </article>
        </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">
    <section class="o-container">
        <div class="l-grid l-grid--small u-overflow-hidden">

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

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

                <div class="u-px-base u-pt-base">

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

                        <a href="#" class="u-size-full u-absolute u-left u-top c-card__wrapped u-flex u-justify-center u-items-center">

                            <img class="c-card__wrapped-item" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/uploads/files/460/46051526046327/62325865102181/logo_1.pic" loading="lazy" alt="Toto gomme srl">

                        </a>
                    </figure>

                </div>

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

                        <span class="c-card__kicker u-label-02 u-mb-xsmall u-block">Pneumatici</span>

                        <a href="#" class="o-link-text u-block">
                            <h2 class="c-card__heading u-m-none u-heading-08">Toto gomme srl</h2>
                        </a>

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

                        <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-info"></use>
                            </svg>
                            <span class="u-label-07 u-ml-medium u-inline-block">Pasticceria fresca Paste Torte Colombe Uova e tutto cio che desiderate</span>
                        </li>

                    </ul>

                </div>
            </article>

        </div>

        <div class="c-pagination u-flex u-items-center u-justify-center u-py-large">

            <a class="u-label-04 o-link-text u-mr-base u-none u-block@sm" href="#">Prima</a>

            <a class="c-pagination__item c-pagination__item--rounded u-flex u-items-center u-justify-center u-mr-base" href="#">
                <svg class="o-icon o-icon--sm" data-dd-icon>
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                </svg>
            </a>

            <a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">1</span></a>

            <a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">2</span></a>

            <div class="c-pagination__item u-flex u-items-center u-justify-center is-active u-label-04 u-mr-base u-py-xxsmall"><span class="u-mx-xsmall">3</span></div>

            <a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">4</span></a>

            <a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">5</span></a>

            <a class="c-pagination__item c-pagination__item--rounded u-flex u-items-center u-justify-center u-mr-base" href="#">
                <svg class="o-icon o-icon--sm" data-dd-icon>
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                </svg>
            </a>

            <a class="u-label-04 o-link-text u-none u-block@sm" href="#">Ultima</a>

        </div>
    </section>
</main>
{% render "@toolbar" %}
{% render "@header--local", {channel:false}, true %}


<main class="o-page">
  <section class="o-container">
    <div class="l-grid l-grid--small u-overflow-hidden">
      {% for card in range(0,20) %}
        {% render "@card--wrapped", {details:true, adress:true, info:true }, true %}
      {% endfor %}
    </div>

    {% render "@pagination" %}
  </section>
</main>
/* No context defined. */

No notes defined.