<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--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
</svg>
<svg class="o-icon o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</div>
<div class="u-flex u-items-center u-ml-base@md">
<a href="/">
<svg class="c-brand
c-brand--resize-small
c-brand--inverse
" viewBox="0 0 170 50" xmlns="http://www.w3.org/2000/svg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#brand-logo"></use>
</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--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
</svg>
<svg class="o-icon o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</div>
</div>
<div class="c-searchbar u-shadow-bottom u-z-upside u-size-full u-absolute u-px-base u-py-large is-hidden " data-search-bar>
<div class="o-container u-px-small@md">
<div class="u-relative">
<input class="u-size-full " type="text" placeholder="Cerca nel sito">
<button class="c-form-action c-btn c-btn--reset u-absolute u-cursor-pointer" type="submit">
<svg class="c-form-icon o-icon o-icon--md">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
</svg>
</button>
</div>
</div>
</div>
</header>
<main class="o-page">
<section class=" u-mb-medium" role="main">
<div class="u-relative">
<section class="landing-intro">
<figure class="o-skeleton o-skeleton-media--vertical-wide">
<picture class="u-size-full u-absolute u-left u-top">
<source srcset="https://www.citytoday.it/~shared/images/adsolution/ristorazione/cover-d.png" media="(min-width: 740px)">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random" alt="">
</picture>
</figure>
<div data-ref="introduction" class="u-p-medium u-flex u-column u-items-center u-justify-center o-bg-base u-shadow">
<h1 class="u-heading-09 u-m-none u-text-center">La pubblicità del tuo [ristorante] a partire da 2€ al giorno.</h1>
<p class="u-body-03 u-text-center">Pianifica la tua pubblicità in totale autonomia sulle testate editoriali del Gruppo Citynews.</p>
<button class="c-btn c-btn--primary u-relative u-flex u-cursor-pointer u-items-center u-nowrap
u-label-04
" true>
Crea una nuova campagna
</button>
</div>
</section>
</section>
<section class="o-container u-mb-medium">
<section>
<h2 class="u-heading-09 u-mt-large">Tutte le soluzioni a tua disposizione</h2>
<div class="u-grid u-grid-cols-6 u-gap-medium">
<div class="u-grid-full u-grid-2@md">
<p class="body-03">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed </p>
</div>
<div class="u-grid-full u-grid-4@md">
<div class="c-accordion">
<label>
<input type="radio" class="u-none" checked name="c-accordion__choice">
<div class="u-size-full u-cursor-pointer c-accordion__label u-label-04 u-p-base u-flex u-justify-between">
<div class="u-flex-one">
Label 0
</div>
<svg class="o-icon o-icon--md" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
</svg>
</div>
<div class="c-accordion__body">
<figure class="o-skeleton o-skeleton-media--square-wide u-relative">
<picture class="u-block u-size-full u-absolute u-left u-top">
<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="">
</picture>
</figure>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03 u-mb-large">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
</div>
</label>
<label>
<input type="radio" class="u-none" name="c-accordion__choice">
<div class="u-size-full u-cursor-pointer c-accordion__label u-label-04 u-p-base u-flex u-justify-between">
<div class="u-flex-one">
Label 1
</div>
<svg class="o-icon o-icon--md" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
</svg>
</div>
<div class="c-accordion__body">
<figure class="o-skeleton o-skeleton-media--square-wide u-relative">
<picture class="u-block u-size-full u-absolute u-left u-top">
<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="">
</picture>
</figure>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03 u-mb-large">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
</div>
</label>
<label>
<input type="radio" class="u-none" name="c-accordion__choice">
<div class="u-size-full u-cursor-pointer c-accordion__label u-label-04 u-p-base u-flex u-justify-between">
<div class="u-flex-one">
Label 2
</div>
<svg class="o-icon o-icon--md" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
</svg>
</div>
<div class="c-accordion__body">
<figure class="o-skeleton o-skeleton-media--square-wide u-relative">
<picture class="u-block u-size-full u-absolute u-left u-top">
<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="">
</picture>
</figure>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03 u-mb-large">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
</div>
</label>
</div>
</div>
</div>
</section>
</section>
<div class="u-py-medium o-bg-gray">
<div class="o-container">
<h2 class="u-heading-09 u-text-center u-m-none">
Ispirazione per la tua prossima campagna
</h2>
</div>
</div>
<section class="o-bg-dark u-py-medium">
<div class="o-container">
<section class="c-slider u-relative u-inline-block u-size-full u-overflow-hidden o-bg-dark">
<div class="">
<input class="u-none" type="radio" name="slides" checked="checked" id="slides_1" />
<input class="u-none" type="radio" name="slides" id="slides_2" />
<input class="u-none" type="radio" name="slides" id="slides_3" />
<input class="u-none" type="radio" name="slides" id="slides_4" />
<input class="u-none" type="radio" name="slides" id="slides_5" />
<input class="u-none" type="radio" name="slides" id="slides_6" />
<input class="u-none" type="radio" name="slides" id="slides_7" />
<ul class=" u-relative u-size-full u-p-none u-whitespace u-overflow-hidden">
<li class="u-relative u-inline-block u-size-full u-overflow-hidden u-px-small">
<article class="c-story c-story--square-dark " data-channel="/notizie/">
<div class="c-story__media ">
<figure class="o-skeleton
o-skeleton-media--square
u-relative">
<a class="u-block u-size-full u-absolute u-left u-top" href="#">
<picture>
<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 u-ml-medium u-relative u-line-decoration u-block">Label</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
c-story__heading
u-heading-10
u-m-none"><span class="u-decoration u-decoration--highlighted u-my-large">Angels there and shore with or. The visiter chamber clasp.</span></h1>
</a>
<div class="
u-color-inverse
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>
</div>
</article>
</li>
<li class="u-relative u-inline-block u-size-full u-overflow-hidden u-px-small">
<article class="c-story c-story--square-dark " data-channel="/notizie/">
<div class="c-story__media ">
<figure class="o-skeleton
o-skeleton-media--square
u-relative">
<a class="u-block u-size-full u-absolute u-left u-top" href="#">
<picture>
<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 u-ml-medium u-relative u-line-decoration u-block">Label</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
c-story__heading
u-heading-10
u-m-none"><span class="u-decoration u-decoration--highlighted u-my-large">Angels there and shore with or. The visiter chamber clasp.</span></h1>
</a>
<div class="
u-color-inverse
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>
</div>
</article>
</li>
<li class="u-relative u-inline-block u-size-full u-overflow-hidden u-px-small">
<article class="c-story c-story--square-dark " data-channel="/notizie/">
<div class="c-story__media ">
<figure class="o-skeleton
o-skeleton-media--square
u-relative">
<a class="u-block u-size-full u-absolute u-left u-top" href="#">
<picture>
<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 u-ml-medium u-relative u-line-decoration u-block">Label</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
c-story__heading
u-heading-10
u-m-none"><span class="u-decoration u-decoration--highlighted u-my-large">Angels there and shore with or. The visiter chamber clasp.</span></h1>
</a>
<div class="
u-color-inverse
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>
</div>
</article>
</li>
<li class="u-relative u-inline-block u-size-full u-overflow-hidden u-px-small">
<article class="c-story c-story--square-dark " data-channel="/notizie/">
<div class="c-story__media ">
<figure class="o-skeleton
o-skeleton-media--square
u-relative">
<a class="u-block u-size-full u-absolute u-left u-top" href="#">
<picture>
<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 u-ml-medium u-relative u-line-decoration u-block">Label</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
c-story__heading
u-heading-10
u-m-none"><span class="u-decoration u-decoration--highlighted u-my-large">Angels there and shore with or. The visiter chamber clasp.</span></h1>
</a>
<div class="
u-color-inverse
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>
</div>
</article>
</li>
<li class="u-relative u-inline-block u-size-full u-overflow-hidden u-px-small">
<article class="c-story c-story--square-dark " data-channel="/notizie/">
<div class="c-story__media ">
<figure class="o-skeleton
o-skeleton-media--square
u-relative">
<a class="u-block u-size-full u-absolute u-left u-top" href="#">
<picture>
<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 u-ml-medium u-relative u-line-decoration u-block">Label</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
c-story__heading
u-heading-10
u-m-none"><span class="u-decoration u-decoration--highlighted u-my-large">Angels there and shore with or. The visiter chamber clasp.</span></h1>
</a>
<div class="
u-color-inverse
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>
</div>
</article>
</li>
<li class="u-relative u-inline-block u-size-full u-overflow-hidden u-px-small">
<article class="c-story c-story--square-dark " data-channel="/notizie/">
<div class="c-story__media ">
<figure class="o-skeleton
o-skeleton-media--square
u-relative">
<a class="u-block u-size-full u-absolute u-left u-top" href="#">
<picture>
<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 u-ml-medium u-relative u-line-decoration u-block">Label</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
c-story__heading
u-heading-10
u-m-none"><span class="u-decoration u-decoration--highlighted u-my-large">Angels there and shore with or. The visiter chamber clasp.</span></h1>
</a>
<div class="
u-color-inverse
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>
</div>
</article>
</li>
<li class="u-relative u-inline-block u-size-full u-overflow-hidden u-px-small">
<article class="c-story c-story--square-dark " data-channel="/notizie/">
<div class="c-story__media ">
<figure class="o-skeleton
o-skeleton-media--square
u-relative">
<a class="u-block u-size-full u-absolute u-left u-top" href="#">
<picture>
<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 u-ml-medium u-relative u-line-decoration u-block">Label</span>
</div>
<a class="o-link-text" href="#">
<h1 class="
c-story__heading
u-heading-10
u-m-none"><span class="u-decoration u-decoration--highlighted u-my-large">Angels there and shore with or. The visiter chamber clasp.</span></h1>
</a>
<div class="
u-color-inverse
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>
</div>
</article>
</li>
</ul>
<div class="c-slider__arrows u-absolute u-bottom-small">
<label for="slides_1" class="u-absolute u-none u-cursor-pointer goto-first "></label>
<label for="slides_2" class="u-absolute u-none u-cursor-pointer "></label>
<label for="slides_3" class="u-absolute u-none u-cursor-pointer "></label>
<label for="slides_4" class="u-absolute u-none u-cursor-pointer "></label>
<label for="slides_5" class="u-absolute u-none u-cursor-pointer "></label>
<label for="slides_6" class="u-absolute u-none u-cursor-pointer goto-last "></label>
<label for="slides_7" class="u-absolute u-none u-cursor-pointer "></label>
</div>
<div class="c-slider__navigation u-absolute u-text-center">
<div>
<label class="u-relative u-radius-circle u-cursor-pointer" for="slides_1"></label>
<label class="u-relative u-radius-circle u-cursor-pointer" for="slides_2"></label>
<label class="u-relative u-radius-circle u-cursor-pointer" for="slides_3"></label>
<label class="u-relative u-radius-circle u-cursor-pointer" for="slides_4"></label>
<label class="u-relative u-radius-circle u-cursor-pointer" for="slides_5"></label>
<label class="u-relative u-radius-circle u-cursor-pointer" for="slides_6"></label>
<label class="u-relative u-radius-circle u-cursor-pointer" for="slides_7"></label>
</div>
</div>
</div>
</section>
</div>
</section>
<section class="o-container u-mb-medium">
<section>
<h2 class="u-heading-09 u-mt-large u-text-center">Tutte le soluzioni a tua disposizione</h2>
<div class="u-grid u-grid-cols-6 u-gap-medium">
<div class="u-grid-full u-grid-1@md"></div>
<div class="u-grid-full u-grid-4@md">
<div class="c-accordion">
<label>
<input type="radio" class="u-none" checked name="c-accordion__choice">
<div class="u-size-full u-cursor-pointer c-accordion__label u-label-04 u-p-base u-flex u-justify-between">
<div class="u-flex-one">
Label 0
</div>
<svg class="o-icon o-icon--md" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
</svg>
</div>
<div class="c-accordion__body">
<figure class="o-skeleton o-skeleton-media--square-wide u-relative">
<picture class="u-block u-size-full u-absolute u-left u-top">
<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="">
</picture>
</figure>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03 u-mb-large">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
</div>
</label>
<label>
<input type="radio" class="u-none" name="c-accordion__choice">
<div class="u-size-full u-cursor-pointer c-accordion__label u-label-04 u-p-base u-flex u-justify-between">
<div class="u-flex-one">
Label 1
</div>
<svg class="o-icon o-icon--md" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
</svg>
</div>
<div class="c-accordion__body">
<figure class="o-skeleton o-skeleton-media--square-wide u-relative">
<picture class="u-block u-size-full u-absolute u-left u-top">
<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="">
</picture>
</figure>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03 u-mb-large">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
</div>
</label>
<label>
<input type="radio" class="u-none" name="c-accordion__choice">
<div class="u-size-full u-cursor-pointer c-accordion__label u-label-04 u-p-base u-flex u-justify-between">
<div class="u-flex-one">
Label 2
</div>
<svg class="o-icon o-icon--md" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
</svg>
</div>
<div class="c-accordion__body">
<figure class="o-skeleton o-skeleton-media--square-wide u-relative">
<picture class="u-block u-size-full u-absolute u-left u-top">
<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="">
</picture>
</figure>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03 u-mb-large">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
<p class="label-03">FORMATO PUBBLICITARIO SUGGERITO: <strong>FAI CONOSCERE LA TUA ATTIVITA’</strong></p>
<p class="body-03">Se hai una pagina su Instagram o su Facebook dove inserisci giornalmente il tuo menù, usala come pagina di atterraggio del formato pubblicitario “fai conoscere la tua attività”.
I Clienti potranno seguirti ed essere aggiornati su tutto ciò che pubblichi sui tuoi canali Social.</p>
</div>
</label>
</div>
</div>
</div>
</section>
</div>
</section>
<footer class="c-footer o-bg-dark u-z-sky">
<div class="o-container">
<div class="c-footer__head u-py-base u-flex u-items-center u-justify-between">
<a href="/">
<svg class="c-brand
c-brand--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>
<a href="#c-header" class="o-link-text u-label-05 u-flex u-column u-items-center">
<svg class="o-icon o-icon--animated o-icon--md">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-up-circle"></use>
</svg>
<span class="u-label-08">Torna su</span>
</a>
</div>
<div class="c-footer__section u-pt-base u-mb-medium u-mb-large@lg u-flex u-wrap">
<div class="u-mb-medium u-pr-large u-size-1-2@md u-size-1-3@lg">
<div class="u-flex u-mb-base">
<a href="http://" target="_blank" rel="noopener noreferrer">
<svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
<path d="M16 0a16 16 0 00-2.7 31.8V19.4H9.5v-4.5h3.8v-3.3c0-3.8 2.3-5.9 5.7-5.9l3.5.2v4H20c-1.8 0-2.2.9-2.2 2.2v2.8h4.4l-.5 4.5h-3.9v12.5A16 16 0 0016 0z" />
</svg>
</a>
<a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
<svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
<path fill-rule="evenodd" d="M16 32a16 16 0 1 0 0-32 16 16 0 0 0 0 32Zm7.1-24-5.8 6.8 6.4 9.2H19l-4.3-6.2L9.4 24H8l6.1-7.1L8 8h4.7l4 5.9 5-5.9h1.4Zm-8.3 8 .6 1 4.2 6h2.2l-5.2-7.4-.6-.9L12 9H9.9l5 7Z" clip-rule="evenodd" />
<clipPath>
<path d="M0 0h32v32H0z" />
</clipPath>
</svg>
<!-- <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32"><path d="M16 0a16 16 0 100 32 16 16 0 000-32zm7.3 12.5v.4a10.4 10.4 0 01-16 8.8 7.5 7.5 0 005.4-1.5 3.7 3.7 0 01-3.5-2.5 3.7 3.7 0 001.7 0 3.7 3.7 0 01-3-3.7c.6.2 1.1.4 1.7.4a3.7 3.7 0 01-1.6-3c0-.7.2-1.3.5-1.9a10.4 10.4 0 007.6 3.9 3.7 3.7 0 016.2-3.4 7.4 7.4 0 002.3-.9 3.7 3.7 0 01-1.6 2 7.3 7.3 0 002.1-.5 7.5 7.5 0 01-1.8 1.9z"/></svg> -->
</a>
<a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
<svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
<path d="M16 0a16 16 0 110 32 16 16 0 010-32zm1 7h-4.7c-1 0-1.6.2-2.2.5a4.4 4.4 0 00-1.6 1c-.4.5-.8 1-1 1.6-.2.6-.4 1.2-.4 2.2v7.4c0 1 .2 1.6.4 2.2a4.4 4.4 0 001 1.6c.5.4 1 .8 1.6 1 .6.2 1.2.4 2.2.4h7.4c1 0 1.6-.2 2.2-.4a4.6 4.6 0 002.6-2.6c.2-.6.4-1.3.4-2.2V19a66.3 66.3 0 000-2.3v-2-2.5c0-1-.2-1.6-.4-2.2a4.4 4.4 0 00-1-1.6 4.4 4.4 0 00-1.6-1c-.6-.2-1.2-.4-2.2-.4L17 7zm0 1.6h2.6a5 5 0 011.7.4c.4.1.7.4 1 .7.3.3.6.6.7 1 .1.3.3.8.3 1.7V17a60.6 60.6 0 010 2v.6a5 5 0 01-.3 1.7 3 3 0 01-1.7 1.7 48.3 48.3 0 01-4.3.4h-2a49 49 0 01-4.3-.4 2.8 2.8 0 01-1-.7 2.8 2.8 0 01-.7-1 5 5 0 01-.3-1.7V19a61.5 61.5 0 010-2V15v-2.6c0-1 .2-1.4.3-1.7a2.7 2.7 0 01.7-1 2.8 2.8 0 011-.7 5 5 0 011.7-.3h2.8zm-1 2.8a4.6 4.6 0 000 9.2 4.6 4.6 0 000-9.2zm0 1.6a3 3 0 110 6 3 3 0 010-6zm4.8-2.9a1 1 0 100 2.2 1 1 0 000-2.2z" fill-rule="evenodd" />
</svg>
</a>
<a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
<svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
<path d="M16 0a16 16 0 110 32 16 16 0 010-32zm6.6 7H9.4v4.4l-2.4.4 1.8 9.3V24h14.3v-2.8l1.9-9.3-2.4-.4V7zm-.5 7.6v8.2H9.9v-8.2h12.2zm-8 1a3 3 0 00-3.1 3.1 3 3 0 003 3 3 3 0 003-3v-.5h-3v1h2v.2a2 2 0 01-2 1.3 2 2 0 01-2-2 2 2 0 013.4-1.4l.7-.8-.1-.1a3 3 0 00-2-.7zm7 4.7h-3v1h3v-1zm0-2.1h-3v1h3v-1zm0-2.1h-3v1h3v-1zm0-4l2.6.6-.6 3v-2.2h-1.7l-.3-1.4zm-1.4-1.7l.6 3.1H8.8v2.2l-.6-3 11.5-2.3zM21.5 8v3H21l-.4-2-10 2v-3h11z" fill-rule="evenodd" />
</svg>
</a>
</div>
<span class="u-label-08 u-color-light">Today plurisettimanale telematico reg. tribunale di Roma n. 93/2010 P.iva 10786801000. Testata iscritta all’<a href="#" class="u-label-08 o-link-inverse">USPI</a></span>
<span class="u-label-08 u-color-light u-block u-mt-base">Citynews spa - Viale Stelvio 70, 20159 Milano</span>
</div>
<div class="u-size-full u-size-1-2@md u-size-1-3@lg u-flex">
<div class="u-size-1-2">
<h4 class="u-nav-05 u-color-light u-mb-small">Canali</h4>
<ul class="u-list-none u-m-none u-p-none">
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Notizie</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Ultime notizie</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Life</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Cultura</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Opinioni</a>
</li>
</ul>
</div>
<div class="u-size-1-2">
<h4 class="u-nav-05 u-color-light u-mb-small">Link utili</h4>
<ul class="u-list-none u-m-none u-p-none">
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Presentazione</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Registrati</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Codice di condotta</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Condizioni generali</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Privacy</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Invia contenuti</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Help</a>
</li>
</ul>
</div>
</div>
<div class="c-footer__claim u-size-full u-size-1-3@lg u-flex u-column u-justify-center u-items-center u-p-xlarge">
<span class="u-title-05 u-color-inverse u-text-center u-mb-base">Il tuo brand sulle nostre testate</span>
<button class="c-btn c-btn--primary u-relative u-flex u-cursor-pointer u-items-center u-nowrap
c-btn--rounded
u-label-04
" true>
Richiedi info
</button>
</div>
</div>
<div class="c-footer__section o-divider o-divider--top u-py-base u-flex u-column u-row@md u-items-center u-justify-between">
<div class="u-flex u-items-center u-mb-base u-mb-none@lg u-justify-between">
<a class="u-mr-base" href="">
<svg class="c-brand-cn" width="91" height="24">
<use xlink:href="#brand-citynews"></use>
</svg>
</a>
<div tabindex="1" class="c-dropdown c-dropdown--reset c-dropdown--network u-cursor-pointer u-flex u-items-center u-justify-center u-label-05 u-p-small" data-dd-controller>
Edizioni locali
<svg class="o-icon o-icon--animated o-icon--md" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
</svg>
<div class="c-dropdown__panel u-fixed u-bottom u-size-full" data-dd-panel>
<div class="u-flex u-p-medium u-overflow-auto u-size-full">
<div class="u-flex">
<a href="http://www.romatoday.it" title="romatoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="milanotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="torinotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="firenzetoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="padovaoggi">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-padovaoggi.png" alt="">
</a>
<a href="http://www.romatoday.it" title="chietitoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-chietitoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="palermotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="arezzonotizie">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-arezzonotizie.png" alt="">
</a>
<a href="http://www.romatoday.it" title="baritoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="lecceprima">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-lecceprima.png" alt="">
</a>
<a href="http://www.romatoday.it" title="ilpiacenza">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-ilpiacenza.png" alt="">
</a>
<a href="http://www.romatoday.it" title="veneziatoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="trevisotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trevisotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="trentotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trentotoday.png" alt="">
</a>
</div>
<div class="u-flex">
<a href="http://www.romatoday.it" title="romatoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="milanotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="torinotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="firenzetoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="padovaoggi">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-padovaoggi.png" alt="">
</a>
<a href="http://www.romatoday.it" title="chietitoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-chietitoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="palermotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="arezzonotizie">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-arezzonotizie.png" alt="">
</a>
<a href="http://www.romatoday.it" title="baritoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="lecceprima">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-lecceprima.png" alt="">
</a>
<a href="http://www.romatoday.it" title="ilpiacenza">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-ilpiacenza.png" alt="">
</a>
<a href="http://www.romatoday.it" title="veneziatoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="trevisotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trevisotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="trentotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trentotoday.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<span class="u-label-08 u-color-light u-self-center">© Copyright 2009-2020</span>
</div>
</div>
</footer>
</main>
{% render "@toolbar" %}
{% render "@header--slim", {channel:false, alternate:true}, true %}
<main class="o-page">
<section class=" u-mb-medium" role="main">
<div class="u-relative">
<section class="landing-intro">
<figure class="o-skeleton o-skeleton-media--vertical-wide">
<picture class="u-size-full u-absolute u-left u-top">
<source srcset="{{introduction.img.h}}" media="(min-width: 740px)">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="{{introduction.img.v}}" alt="">
</picture>
</figure>
<div data-ref="introduction" class="u-p-medium u-flex u-column u-items-center u-justify-center o-bg-base u-shadow">
<h1 class="u-heading-09 u-m-none u-text-center">{{introduction.title}}</h1>
<p class="u-body-03 u-text-center">{{introduction.subtitle}}</p>
{% render '@button--primary',{label:'Crea una nuova campagna'},true %}
</div>
</section>
</section>
<section class="o-container u-mb-medium">
<section>
<h2 class="u-heading-09 u-mt-large">{{industry.title}}</h2>
<div class="u-grid u-grid-cols-6 u-gap-medium">
<div class="u-grid-full u-grid-2@md">
<p class="body-03">{{industry.abstract}}</p>
</div>
<div class="u-grid-full u-grid-4@md">
{% render "@accordion" %}
</div>
</div>
</section>
</section>
<div class="u-py-medium o-bg-gray">
<div class="o-container">
<h2 class="u-heading-09 u-text-center u-m-none">
Ispirazione per la tua prossima campagna
</h2>
</div>
</div>
<section class="o-bg-dark u-py-medium">
<div class="o-container">
{% render "@slider" %}
</div>
</section>
<section class="o-container u-mb-medium">
<section>
<h2 class="u-heading-09 u-mt-large u-text-center">{{industry.title}}</h2>
<div class="u-grid u-grid-cols-6 u-gap-medium">
<div class="u-grid-full u-grid-1@md"></div>
<div class="u-grid-full u-grid-4@md">
{% render "@accordion" %}
</div>
</div>
</section>
</div>
</section>
{% render "@footer" %}
</main>
{
"introduction": {
"title": "La pubblicità del tuo [ristorante] a partire da 2€ al giorno.",
"subtitle": "Pianifica la tua pubblicità in totale autonomia sulle testate editoriali del Gruppo Citynews.",
"cta_one": "Ottieni subito il tuo preventivo",
"cta_two": "Richiedi un contatto commerciale",
"img": {
"h": "https://www.citytoday.it/~shared/images/adsolution/ristorazione/cover-d.png",
"v": "https://unsplash.it/450/600?random"
}
},
"focus_one": {
"title": "Promuovi la tua attività e conquista nuovi clienti.",
"abstract": "La competizione per la guida del Pd Lazio sta assumendo i confini dello scontro sul ring. A un angolo l' ex vice di Zingaretti, Daniele Leodori, delfino del compianto Bruno Astorre e riferimento laziale della corrente dei franceschiniani (AreaDem). All'altro Mariano"
},
"actions": [
{
"action": null,
"title": "Pianificazione",
"abstract": "Definisci le località dove vuoi che venga visualizzata la tua pubblicità e come dovrà comparire sulle nostre testate.",
"img": ""
},
{
"action": null,
"title": "Configurazione",
"abstract": "Imposta il periodo e l’investimento giornaliero della tua pubblicità per vedere la stima delle visualizzazioni che puoi raggiungere.",
"img": ""
},
{
"action": null,
"title": "Pubblicità",
"abstract": "Definisci che tipo di interazione vuoi che generi la tua pubblicità, poi personalizzala inserendo i tuoi testi e le tue immagini.",
"img": ""
}
],
"why": {
"title": "Perchè scegliere la pubblicità di ADSolution",
"abstract": "Pensato per mostrare la tua pubblicità a più persone possibili che rientrano nei tuoi parametri. Scegli tu se privilegiare la tua pubblicità nella tua zona, nella tua città o in località distanti da te."
},
"industry": {
"title": "Tutte le soluzioni a tua disposizione",
"abstract": "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed "
},
"cibo": {
"title": "Fai conoscere il tuo Brand ad appassionati di Cibo e Gastronomia",
"link": "Ricevi una consulenza gratuita",
"titleMagazine": "Siamo il 1° Magazine gastronomico d’Italia",
"subtitleMagazine": "Approfondiamo e raccontiamo con un linguaggio semplice ed inclusivo le nicchie del patrimonio enogastronomico italiano.",
"titleUsers": "4.2 Milioni",
"subtitleUsers": "visite al mese",
"titlePages": "6.3 Milioni",
"subtitlePages": "pagine viste",
"titleEdition": 10,
"subtitleEdition": "edizioni locali",
"titleTaste": "Conosciamo i gusti degli Italiani da Nord a Sud",
"titleComunication": "Scopri tutte le nostre soluzioni di comunicazione",
"editions": [
{
"edition": null,
"src": "https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png",
"alt": "Citynews RomaToday"
},
{
"edition": null,
"src": "https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png",
"alt": "Citynews MilanoToday"
},
{
"edition": null,
"src": "https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png",
"alt": "Citynews TorinoToday"
},
{
"edition": null,
"src": "https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png",
"alt": "Citynews FirenzeToday"
},
{
"edition": null,
"src": "https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-napolitoday.png",
"alt": "Citynews NapoliToday"
},
{
"edition": null,
"src": "https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png",
"alt": "Citynews BariToday"
},
{
"edition": null,
"src": "https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-bolognatoday.png",
"alt": "Citynews BolognaToday"
},
{
"edition": null,
"src": "https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png",
"alt": "Citynews Palermo Today"
},
{
"edition": null,
"src": "https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-genovatoday.png",
"alt": "Citynews GenovaToday"
},
{
"edition": null,
"src": "https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png",
"alt": "Citynews VeneziaToday"
}
],
"infos": [
{
"info": null,
"title": "Awareness & Consideration",
"subtitle": "Per incrementare la percezione su Brand, Prodotti e Servizi",
"src": "https://www.cibotoday.it/~shared/images/v7/cibo/landing/megafono.png",
"alt": "immagine-megafono"
},
{
"info": null,
"title": "Infocommerce",
"subtitle": "Per stimolare la curiosità di approfondimento degli utenti",
"src": "https://www.cibotoday.it/~shared/images/v7/cibo/landing/lente.png",
"alt": "immagine-lente"
},
{
"info": null,
"title": "Drive to Site, Store e Event",
"subtitle": "Per guidare gli utenti al Point of Interest definito",
"src": "https://www.cibotoday.it/~shared/images/v7/cibo/landing/cartello.png",
"alt": "immagine-cartello"
}
]
}
}
No notes defined.