<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>
<div class="c-subheader u-relative">
<div class="o-container u-flex u-column u-row@md u-items-center@md ">
<div class="c-subheader__head u-py-small u-flex u-column u-row@md ">
<h1 class="u-title-01 u-m-none">
<a href="#" class="u-no-underline c-subheader__title ">
Cronaca
</a>
</h1>
</div>
</div>
</div>
<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">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--vertical u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</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--slim", {channel: false}, true %}
{% render "@subheader" %}
<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--cinema", {rating:true, aspectRatio: true}, true %}
{% endfor %}
</div>
{% render "@pagination" %}
</section>
</main>
/* No context defined. */
No notes defined.