<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-row u-items-center u-items-center u-justify-between">
<a href="#" class="o-link-text u-m-none u-size-fit u-contents">
<img decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/v7/channel-custom/vision-logo.svg" class="c-subheader__logo" height="40">
</a>
</div>
<nav class="c-subheader__navbar u-flex u-items-center u-overflow-auto u-gap-medium">
<a href="#" class="c-subheader__item u-nav-02 u-cursor-pointer u-whitespace u-no-underline u-relative">
Televisione
</a>
<a href="#" class="c-subheader__item c-subheader__item--active u-nav-02 u-cursor-pointer u-whitespace u-no-underline u-relative">
Streaming
</a>
<a href="#" class="c-subheader__item u-nav-02 u-cursor-pointer u-whitespace u-no-underline u-relative">
Cinema
</a>
</nav>
</div>
<nav class="c-subheader__subnavbar">
<div class="o-container u-flex u-items-center u-overflow-auto u-gap-small">
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Netflix
</a>
<a href="#" class="c-subheader__item c-subheader__item--active u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Prime
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Disney+
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Sky
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Apple
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Migliori SerieTv
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Al Cinema
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Programmi TV
</a>
</nav>
</div>
</div>
<main class="o-page">
<section class="o-container">
<div class="u-flex u-column u-row@md u-justify-between u-mb-medium u-items-center@md u-gap-small">
<h1 class="u-title-01 u-m-none">
Programmi in tv
</h1>
</div>
<div class="u-flex u-column-reverse u-row@lg u-justify-between u-gap-small">
<div class="u-none u-block@lg" data-filters>
<div class="u-flex u-gap-small u-mb-small u-mb-medium@lg u-size-full">
<div class="u-size-fit">
<div tabindex="1" class="c-dropdown c-dropdown--filter u-cursor-pointer u-relative u-flex u-items-center u-justify-between u-p-xxsmall">
<div class="u-size-4-5">
<span class="c-dropdown__label u-block">Quando</span>
<span class="u-label-04 u-truncate u-truncate-1">Prossima settimana</span>
</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 class="c-dropdown__panel u-absolute u-shadow">
<ul class="c-dropdown__list u-overflow-auto u-list-none u-m-none u-p-none">
<span class="c-dropdown__label u-block">Category</span>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 1</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 2</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 3</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 4</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall ">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">last item</a>
</li>
<span class="c-dropdown__label u-block">Category</span>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 1</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 2</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 3</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 4</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
</ul>
<button class="c-btn c-btn--primary c-btn--large u-mt-small u-label-04 u-size-full u-cursor-pointer u-text-center">
Filtra
</button>
</div>
</div>
</div>
<div class="u-size-fit">
<div tabindex="1" class="c-dropdown c-dropdown--right c-dropdown--filter u-cursor-pointer u-relative u-flex u-items-center u-justify-between u-p-xxsmall">
<div class="u-size-4-5">
<span class="c-dropdown__label u-block">Quando</span>
<span class="u-label-04 u-truncate u-truncate-1">Prossima settimana</span>
</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 class="c-dropdown__panel u-absolute u-shadow">
<ul class="c-dropdown__list u-overflow-auto u-list-none u-m-none u-p-none">
<span class="c-dropdown__label u-block">Category</span>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 1</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 2</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 3</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 4</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall ">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">last item</a>
</li>
<span class="c-dropdown__label u-block">Category</span>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 1</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 2</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 3</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 4</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
</ul>
<button class="c-btn c-btn--primary c-btn--large u-mt-small u-label-04 u-size-full u-cursor-pointer u-text-center">
Filtra
</button>
</div>
</div>
</div>
<div class="u-size-fit">
<div tabindex="1" class="c-dropdown c-dropdown--right c-dropdown--filter u-cursor-pointer u-relative u-flex u-items-center u-justify-between u-p-xxsmall">
<div class="u-size-4-5">
<span class="c-dropdown__label u-block">Quando</span>
<span class="u-label-04 u-truncate u-truncate-1">Prossima settimana</span>
</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 class="c-dropdown__panel u-absolute u-shadow">
<ul class="c-dropdown__list u-overflow-auto u-list-none u-m-none u-p-none">
<span class="c-dropdown__label u-block">Category</span>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 1</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 2</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 3</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 4</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall ">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">last item</a>
</li>
<span class="c-dropdown__label u-block">Category</span>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 1</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 2</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 3</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 4</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
</ul>
<button class="c-btn c-btn--primary c-btn--large u-mt-small u-label-04 u-size-full u-cursor-pointer u-text-center">
Filtra
</button>
</div>
</div>
</div>
</div>
</div>
<div class="u-flex u-justify-between u-mb-small u-mb-medium@lg u-items-center">
<div class="u-block u-none@lg" data-filter="">
<button class="c-btn c-btn--default u-relative u-flex u-cursor-pointer u-items-center u-nowrap
c-btn--large u-label-04
">
Filtra
<svg class="o-icon u-ml-xxsmall
o-icon--md ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-filter"></use>
</svg>
</button>
</div>
<div class="u-relative">
<input class="u-size-full " type="text" placeholder="Cerca uno show">
<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>
<section class="l-entry--tv u-grid">
<section class="l-entry__body">
<div class="u-flex u-items-center u-justify-between o-bg-gray u-py-medium u-px-base u-border-theme u-border-5 u-border-top-solid">
<span class="u-heading-03">
Rai 1
</span>
DDT: 1 - Sat: 101
</div>
<div class="l-list-border">
<article class="u-flex u-column u-row@md u-items-center@md u-px-small u-py-medium u-gap-small">
<div class="u-label-05 u-block u-flex u-column u-gap-small" style="flex: 2;">
17:10
</div>
<div class=" u-flex u-gap-small" style="flex: 8;">
<figure class="u-none u-block@md o-skeleton u-ratio-16-9" style="max-width: 12rem;min-width: 12rem;">
<a class="u-block u-size-full u-absolute u-left u-top" href="/tv/show/lights-out-terrore-nel-buio-6ljd.show">
<picture>
<source srcset="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" media="(min-width: 740px)">
<img decoding="async" referrerpolicy="no-referrer" loading="lazy" class="u-size-full" src="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" alt="Lights out: terrore nel buio">
</picture>
</a>
</figure>
<header class="c-story__header">
<a class="o-link-text" href="#">
<h1 class="u-heading-04 u-mb-small u-mt-none">Estate in diretta.</h1>
</a>
<p class="u-body-02 u-color-base u-mt-none">durata 95 minuti</p>
</header>
</div>
</article>
<article class="u-flex u-column u-row@md u-items-center@md u-px-small u-py-medium u-gap-small">
<div class="u-label-05 u-block u-flex u-column u-gap-small" style="flex: 2;">
<div>
In diretta
</div>
<div class="u-label-08">
(tra 2 ore e un quarto)
</div>
14:50
</div>
<div class=" u-flex u-gap-small" style="flex: 8;">
<figure class="u-none u-block@md o-skeleton u-ratio-16-9" style="max-width: 12rem;min-width: 12rem;">
<a class="u-block u-size-full u-absolute u-left u-top" href="/tv/show/lights-out-terrore-nel-buio-6ljd.show">
<picture>
<source srcset="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" media="(min-width: 740px)">
<img decoding="async" referrerpolicy="no-referrer" loading="lazy" class="u-size-full" src="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" alt="Lights out: terrore nel buio">
</picture>
</a>
</figure>
<header class="c-story__header">
<a class="o-link-text" href="#">
<h1 class="u-heading-04 u-mb-small u-mt-none">I Wildenstein.</h1>
</a>
<p class="u-body-02 u-color-base u-mt-none">durata 190 minuti</p>
</header>
</div>
</article>
<article class="u-flex u-column u-row@md u-items-center@md u-px-small u-py-medium u-gap-small">
<div class="u-label-05 u-block u-flex u-column u-gap-small" style="flex: 2;">
18:00
</div>
<div class=" u-flex u-gap-small" style="flex: 8;">
<figure class="u-none u-block@md o-skeleton u-ratio-16-9" style="max-width: 12rem;min-width: 12rem;">
<a class="u-block u-size-full u-absolute u-left u-top" href="/tv/show/lights-out-terrore-nel-buio-6ljd.show">
<picture>
<source srcset="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" media="(min-width: 740px)">
<img decoding="async" referrerpolicy="no-referrer" loading="lazy" class="u-size-full" src="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" alt="Lights out: terrore nel buio">
</picture>
</a>
</figure>
<header class="c-story__header">
<a class="o-link-text" href="#">
<h1 class="u-heading-04 u-mb-small u-mt-none">Rai Parlamento Telegiornale.</h1>
</a>
<p class="u-body-02 u-color-base u-mt-none">durata 10 minuti</p>
</header>
</div>
</article>
</div>
<div class="u-flex u-items-center u-justify-between o-bg-gray u-py-medium u-px-base u-border-theme u-border-5 u-border-top-solid">
<span class="u-heading-03">
Rai 2
</span>
DDT: 2 - Sat: 102
</div>
<div class="l-list-border">
<article class="u-flex u-column u-row@md u-items-center@md u-px-small u-py-medium u-gap-small">
<div class="u-label-05 u-block u-flex u-column u-gap-small" style="flex: 2;">
17:10
</div>
<div class=" u-flex u-gap-small" style="flex: 8;">
<figure class="u-none u-block@md o-skeleton u-ratio-16-9" style="max-width: 12rem;min-width: 12rem;">
<a class="u-block u-size-full u-absolute u-left u-top" href="/tv/show/lights-out-terrore-nel-buio-6ljd.show">
<picture>
<source srcset="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" media="(min-width: 740px)">
<img decoding="async" referrerpolicy="no-referrer" loading="lazy" class="u-size-full" src="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" alt="Lights out: terrore nel buio">
</picture>
</a>
</figure>
<header class="c-story__header">
<a class="o-link-text" href="#">
<h1 class="u-heading-04 u-mb-small u-mt-none">Estate in diretta.</h1>
</a>
<p class="u-body-02 u-color-base u-mt-none">durata 95 minuti</p>
</header>
</div>
</article>
<article class="u-flex u-column u-row@md u-items-center@md u-px-small u-py-medium u-gap-small">
<div class="u-label-05 u-block u-flex u-column u-gap-small" style="flex: 2;">
<div>
In diretta
</div>
<div class="u-label-08">
(tra 2 ore e un quarto)
</div>
14:50
</div>
<div class=" u-flex u-gap-small" style="flex: 8;">
<figure class="u-none u-block@md o-skeleton u-ratio-16-9" style="max-width: 12rem;min-width: 12rem;">
<a class="u-block u-size-full u-absolute u-left u-top" href="/tv/show/lights-out-terrore-nel-buio-6ljd.show">
<picture>
<source srcset="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" media="(min-width: 740px)">
<img decoding="async" referrerpolicy="no-referrer" loading="lazy" class="u-size-full" src="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" alt="Lights out: terrore nel buio">
</picture>
</a>
</figure>
<header class="c-story__header">
<a class="o-link-text" href="#">
<h1 class="u-heading-04 u-mb-small u-mt-none">I Wildenstein.</h1>
</a>
<p class="u-body-02 u-color-base u-mt-none">durata 190 minuti</p>
</header>
</div>
</article>
<article class="u-flex u-column u-row@md u-items-center@md u-px-small u-py-medium u-gap-small">
<div class="u-label-05 u-block u-flex u-column u-gap-small" style="flex: 2;">
18:00
</div>
<div class=" u-flex u-gap-small" style="flex: 8;">
<figure class="u-none u-block@md o-skeleton u-ratio-16-9" style="max-width: 12rem;min-width: 12rem;">
<a class="u-block u-size-full u-absolute u-left u-top" href="/tv/show/lights-out-terrore-nel-buio-6ljd.show">
<picture>
<source srcset="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" media="(min-width: 740px)">
<img decoding="async" referrerpolicy="no-referrer" loading="lazy" class="u-size-full" src="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" alt="Lights out: terrore nel buio">
</picture>
</a>
</figure>
<header class="c-story__header">
<a class="o-link-text" href="#">
<h1 class="u-heading-04 u-mb-small u-mt-none">Rai Parlamento Telegiornale.</h1>
</a>
<p class="u-body-02 u-color-base u-mt-none">durata 10 minuti</p>
</header>
</div>
</article>
</div>
<div class="u-flex u-items-center u-justify-between o-bg-gray u-py-medium u-px-base u-border-theme u-border-5 u-border-top-solid">
<span class="u-heading-03">
Rai 3
</span>
DDT: 3 - Sat: 103
</div>
<div class="l-list-border">
<article class="u-flex u-column u-row@md u-items-center@md u-px-small u-py-medium u-gap-small">
<div class="u-label-05 u-block u-flex u-column u-gap-small" style="flex: 2;">
17:10
</div>
<div class=" u-flex u-gap-small" style="flex: 8;">
<figure class="u-none u-block@md o-skeleton u-ratio-16-9" style="max-width: 12rem;min-width: 12rem;">
<a class="u-block u-size-full u-absolute u-left u-top" href="/tv/show/lights-out-terrore-nel-buio-6ljd.show">
<picture>
<source srcset="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" media="(min-width: 740px)">
<img decoding="async" referrerpolicy="no-referrer" loading="lazy" class="u-size-full" src="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" alt="Lights out: terrore nel buio">
</picture>
</a>
</figure>
<header class="c-story__header">
<a class="o-link-text" href="#">
<h1 class="u-heading-04 u-mb-small u-mt-none">Estate in diretta.</h1>
</a>
<p class="u-body-02 u-color-base u-mt-none">durata 95 minuti</p>
</header>
</div>
</article>
<article class="u-flex u-column u-row@md u-items-center@md u-px-small u-py-medium u-gap-small">
<div class="u-label-05 u-block u-flex u-column u-gap-small" style="flex: 2;">
<div>
In diretta
</div>
<div class="u-label-08">
(tra 2 ore e un quarto)
</div>
14:50
</div>
<div class=" u-flex u-gap-small" style="flex: 8;">
<figure class="u-none u-block@md o-skeleton u-ratio-16-9" style="max-width: 12rem;min-width: 12rem;">
<a class="u-block u-size-full u-absolute u-left u-top" href="/tv/show/lights-out-terrore-nel-buio-6ljd.show">
<picture>
<source srcset="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" media="(min-width: 740px)">
<img decoding="async" referrerpolicy="no-referrer" loading="lazy" class="u-size-full" src="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" alt="Lights out: terrore nel buio">
</picture>
</a>
</figure>
<header class="c-story__header">
<a class="o-link-text" href="#">
<h1 class="u-heading-04 u-mb-small u-mt-none">I Wildenstein.</h1>
</a>
<p class="u-body-02 u-color-base u-mt-none">durata 190 minuti</p>
</header>
</div>
</article>
<article class="u-flex u-column u-row@md u-items-center@md u-px-small u-py-medium u-gap-small">
<div class="u-label-05 u-block u-flex u-column u-gap-small" style="flex: 2;">
18:00
</div>
<div class=" u-flex u-gap-small" style="flex: 8;">
<figure class="u-none u-block@md o-skeleton u-ratio-16-9" style="max-width: 12rem;min-width: 12rem;">
<a class="u-block u-size-full u-absolute u-left u-top" href="/tv/show/lights-out-terrore-nel-buio-6ljd.show">
<picture>
<source srcset="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" media="(min-width: 740px)">
<img decoding="async" referrerpolicy="no-referrer" loading="lazy" class="u-size-full" src="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" alt="Lights out: terrore nel buio">
</picture>
</a>
</figure>
<header class="c-story__header">
<a class="o-link-text" href="#">
<h1 class="u-heading-04 u-mb-small u-mt-none">Rai Parlamento Telegiornale.</h1>
</a>
<p class="u-body-02 u-color-base u-mt-none">durata 10 minuti</p>
</header>
</div>
</article>
</div>
<div class="o-bg-light u-mt-large u-p-base">
<ul class=" u-unstyled u-bordered u-list-none u-p-none u-m-none u-flex u-column u-row@sm u-gap-small u-justify-between">
<li>
<a class="c-btn c-btn--default c-btn--rounded u-py-xxsmall u-pl-xsmall u-pr-small u-label-05 u-flex u-items-center u-justify-center u-no-underline" href="/tv/programmi/tipo/programma-tv/canale/rai-1-digitale/giorno/oggi-pomeriggio/per/orario-completo/">
<svg class="o-icon o-icon--animated o-icon--sm">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
</svg>
<span class="u-ml-xxsmall u-block">Mostra eventi passati</span>
</a>
</li>
<li>
<a class="c-btn c-btn--secondary c-btn--rounded u-py-xxsmall u-pr-xsmall u-pl-small u-label-05 u-flex u-items-center u-justify-center u-no-underline" href="/tv/programmi/tipo/programma-tv/canale/rai-1-digitale/giorno/oggi-pomeriggio/giorno/stasera-in-tv/">
<span class="u-mr-xxsmall u-block">Prosegui Stasera In Tv</span>
<svg class="o-icon o-icon--animated o-icon--sm">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
</svg>
</a>
</li>
</ul>
</div>
</section>
<section class="l-entry__sidebar">
<div class="u-mb-base" data-affix>
<img src="https://via.placeholder.com/300x250?text=Box+Medium+1" alt="">
</div>
<div class="u-mb-base">
<img src="https://via.placeholder.com/300x250?text=Box+Medium+2" alt="">
</div>
</section>
</section>
</section>
</main>
{% render "@toolbar" %}
{% render "@header--slim", {channel: false}, true %}
{% render "@subheader--navbar-sub" %}
<main class="o-page">
<section class="o-container">
<div class="u-flex u-column u-row@md u-justify-between u-mb-medium u-items-center@md u-gap-small">
<h1 class="u-title-01 u-m-none">
{{title}}
</h1>
</div>
<div class="u-flex u-column-reverse u-row@lg u-justify-between u-gap-small">
<div class="u-none u-block@lg" data-filters>
<div class="u-flex u-gap-small u-mb-small u-mb-medium@lg u-size-full">
<div class="u-size-fit">
{% render "@dropdown--filter" %}
</div>
<div class="u-size-fit">
{% render "@dropdown--filter",{right:true, action:true},true %}
</div>
<div class="u-size-fit">
{% render "@dropdown--filter",{right:true, action:true},true %}
</div>
</div>
</div>
<div class="u-flex u-justify-between u-mb-small u-mb-medium@lg u-items-center">
<div class="u-block u-none@lg" data-filter="">
{% render "@button--default", {size:'large', label:'Filtra', icon:'filter'}, true %}
</div>
{% render "@action--default",{label:false,helper:false,placeholder:'Cerca uno show', action:'search'},true %}
</div>
</div>
<section class="l-entry--tv u-grid">
<section class="l-entry__body">
{% for channel in channels %}
<div class="u-flex u-items-center u-justify-between o-bg-gray u-py-medium u-px-base u-border-theme u-border-5 u-border-top-solid">
<span class="u-heading-03">
{{channel.name}}
</span>
{{channel.reference}}
</div>
<div class="l-list-border">
{% for show in channel.shows %}
<article class="u-flex u-column u-row@md u-items-center@md u-px-small u-py-medium u-gap-small">
<div class="u-label-05 u-block u-flex u-column u-gap-small" style="flex: 2;">
{% if show.live %}
<div >
In diretta
</div>
<div class="u-label-08">
(tra 2 ore e un quarto)
</div>
{% endif %}
{{show.schedule}}
</div>
<div class=" u-flex u-gap-small" style="flex: 8;">
<figure class="u-none u-block@md o-skeleton u-ratio-16-9" style="max-width: 12rem;min-width: 12rem;">
<a class="u-block u-size-full u-absolute u-left u-top" href="/tv/show/lights-out-terrore-nel-buio-6ljd.show">
<picture>
<source srcset="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" media="(min-width: 740px)">
<img decoding="async" referrerpolicy="no-referrer" loading="lazy" class="u-size-full" src="https://www2.citytoday.it/~shared/images/tv/locandine/lights-out-terrore-nel-buio-6ljd.jpg" alt="Lights out: terrore nel buio">
</picture>
</a>
</figure>
<header class="c-story__header">
<a class="o-link-text" href="#">
<h1 class="u-heading-04 u-mb-small u-mt-none">{{show.name}}.</h1>
</a>
<p class="u-body-02 u-color-base u-mt-none">{{show.time}}</p>
</header>
</div>
</article>
{% endfor %}
</div>
{% endfor %}
<div class="o-bg-light u-mt-large u-p-base">
<ul class=" u-unstyled u-bordered u-list-none u-p-none u-m-none u-flex u-column u-row@sm u-gap-small u-justify-between">
<li>
<a class="c-btn c-btn--default c-btn--rounded u-py-xxsmall u-pl-xsmall u-pr-small u-label-05 u-flex u-items-center u-justify-center u-no-underline" href="/tv/programmi/tipo/programma-tv/canale/rai-1-digitale/giorno/oggi-pomeriggio/per/orario-completo/">
<svg class="o-icon o-icon--animated o-icon--sm">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
</svg>
<span class="u-ml-xxsmall u-block">Mostra eventi passati</span>
</a>
</li>
<li>
<a class="c-btn c-btn--secondary c-btn--rounded u-py-xxsmall u-pr-xsmall u-pl-small u-label-05 u-flex u-items-center u-justify-center u-no-underline" href="/tv/programmi/tipo/programma-tv/canale/rai-1-digitale/giorno/oggi-pomeriggio/giorno/stasera-in-tv/">
<span class="u-mr-xxsmall u-block">Prosegui Stasera In Tv</span>
<svg class="o-icon o-icon--animated o-icon--sm">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
</svg>
</a>
</li>
</ul>
</div>
</section>
<section class="l-entry__sidebar">
<div class="u-mb-base" data-affix>
<img src="https://via.placeholder.com/300x250?text=Box+Medium+1" alt="">
</div>
<div class="u-mb-base">
<img src="https://via.placeholder.com/300x250?text=Box+Medium+2" alt="">
</div>
</section>
</section>
</section>
</main>
{
"title": "Programmi in tv",
"summary": "Programmi in tv in onda sul digitale: palinsesto completo della programmazione di tutti i canali del digitale terrestre, pay tv, diretta. Guida tv per sapere cosa vedere e cosa fanno oggi in tv sul digitale.",
"channels": [
{
"channel": 1,
"name": "Rai 1",
"reference": "DDT: 1 - Sat: 101",
"shows": [
{
"show": 1,
"label": "PROGRAMMA TV",
"name": "Estate in diretta",
"schedule": "17:10",
"time": "durata 95 minuti"
},
{
"show": 2,
"schedule": "14:50",
"label": "SERIE TV",
"name": "I Wildenstein",
"time": "durata 190 minuti",
"live": true
},
{
"show": 3,
"schedule": "18:00",
"label": "PROGRAMMA TV",
"name": "Rai Parlamento Telegiornale",
"time": "durata 10 minuti"
}
]
},
{
"channel": 2,
"name": "Rai 2",
"reference": "DDT: 2 - Sat: 102",
"shows": [
{
"show": 1,
"label": "PROGRAMMA TV",
"name": "Estate in diretta",
"schedule": "17:10",
"time": "durata 95 minuti"
},
{
"show": 2,
"schedule": "14:50",
"label": "SERIE TV",
"name": "I Wildenstein",
"time": "durata 190 minuti",
"live": true
},
{
"show": 3,
"schedule": "18:00",
"label": "PROGRAMMA TV",
"name": "Rai Parlamento Telegiornale",
"time": "durata 10 minuti"
}
]
},
{
"channel": 3,
"name": "Rai 3",
"reference": "DDT: 3 - Sat: 103",
"shows": [
{
"show": 1,
"label": "PROGRAMMA TV",
"name": "Estate in diretta",
"schedule": "17:10",
"time": "durata 95 minuti"
},
{
"show": 2,
"schedule": "14:50",
"label": "SERIE TV",
"name": "I Wildenstein",
"time": "durata 190 minuti",
"live": true
},
{
"show": 3,
"schedule": "18:00",
"label": "PROGRAMMA TV",
"name": "Rai Parlamento Telegiornale",
"time": "durata 10 minuti"
}
]
}
]
}
No notes defined.