Search

<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 
  
    c-btn--rounded
   
  
    u-flex
  
   
    c-btn--small 
    u-label-05
   
   
  u-cursor-pointer  u-items-center" 
  
>
  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 c-header--inverse  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="/">

                <style>
                    @font-face {
                        font-family: 'NovecentoNarrow';
                        src: url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff2"),
                            url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff");
                        font-style: normal;
                        font-display: swap;
                    }
                </style>

                <div class="c-brand c-brand__text u-uppercase u-no-underline c-brand--resize-small  c-brand--alternate">
                    <span class="c-brand__edition">agrigento</span><span class="c-brand__network">notizie</span>
                </div>

            </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 u-pt-none">
    <div class="o-bg-light u-py-medium">
        <div class="o-container">

            <label class="u-label-04 u-color-base" for="">Hai cercato</label>

            <div class="u-relative">
                <input class="u-size-full   " type="text" placeholder="Placeholder text">
                <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>

            <span class="u-label-07 u-color-light">La ricerca ha prodotto 7262 risultati per 485 pagine. Vedi anche la pagina argomento <a class="u-no-underline" href="">Elezioni</a></span>
            <div class="u-flex u-py-medium">
                <div class="u-mr-medium u-size-1-2 u-size-1-6@sm">

                    <label class="u-label-04 u-color-base u-inline-block" for="">Filtra per</label>

                    <select class=" u-block u-size-full" name="select-name" id="select-id">

                        <option>option 1</option>

                        <option>option 2</option>

                        <option>option 3</option>

                        <option>option 4</option>

                    </select>

                </div>
                <div class="u-size-1-2 u-size-1-6@sm">

                    <label class="u-label-04 u-color-base u-inline-block" for="">Ordina per</label>

                    <select class=" u-block u-size-full" name="select-name" id="select-id">

                        <option>option 1</option>

                        <option>option 2</option>

                        <option>option 3</option>

                        <option>option 4</option>

                    </select>

                </div>
            </div>

            <div tabindex="1" class="c-dropdown c-dropdown--reset u-size-full u-text-right u-size-1-2@sm u-ml-auto  u-cursor-pointer" onclick="this.classList && 
        document.querySelectorAll('[data-dd-panel]').forEach( function(oNode){ oNode.classList.toggle('u-block');})
        document.querySelectorAll('[data-dd-icon]').forEach( function(oNode){ oNode.classList.toggle('is-rotate');})
        ">
                Ricerca Avanzata
                <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-dropdown__panel u-size-full u-mt-base u-overflow-hidden" data-dd-panel>
                <form action="">
                    <div class="u-flex u-wrap u-justify-between">
                        <div class="u-size-full u-size-1-4@lg u-mt-base u-pl-xxsmall u-pr-xxsmall u-pr-small@lg u-flex u-column u-row@md">
                            <div class="u-size-full u-size-1-2@lg u-pr-xsmall@md u-pb-small">
                                <div class="">

                                    <label class="u-label-04 u-color-base" for="">Dal</label>

                                    <input class=" u-block u-size-full" type="date" placeholder="gg/mm/aaaa">

                                </div>

                                <!-- TODO: REVIEW ICON POSITION -->

                            </div>
                            <div class="u-size-full u-size-1-2@lg">
                                <div class="">

                                    <label class="u-label-04 u-color-base" for="">Al</label>

                                    <input class=" u-block u-size-full" type="date" placeholder="Placeholder text">

                                </div>

                                <!-- TODO: REVIEW ICON POSITION -->

                            </div>
                        </div>
                        <div class="u-size-full u-size-1-4@lg u-mt-base u-pl-small@lg u-pr-small@lg u-px-xxsmall">

                            <label class="u-label-04 u-color-base u-inline-block" for="">Genere</label>

                            <select class=" u-block u-size-full" name="select-name" id="select-id">

                                <option>option 1</option>

                                <option>option 2</option>

                                <option>option 3</option>

                                <option>option 4</option>

                            </select>

                        </div>
                        <div class="u-size-full u-size-1-4@lg u-mt-base u-pl-small@lg u-pr-small@lg u-px-xxsmall">

                            <label class="u-label-04 u-color-base u-inline-block" for="">Autore</label>

                            <select class=" u-block u-size-full" name="select-name" id="select-id">

                                <option>option 1</option>

                                <option>option 2</option>

                                <option>option 3</option>

                                <option>option 4</option>

                            </select>

                        </div>
                        <div class="u-size-full u-size-1-4@lg u-mt-base u-px-xxsmall u-pl-small@lg u-pr-xxsmall@lg">

                            <label class="u-label-04 u-color-base u-inline-block" for="">Metodo di ricerca</label>

                            <select class=" u-block u-size-full" name="select-name" id="select-id">

                                <option>option 1</option>

                                <option>option 2</option>

                                <option>option 3</option>

                                <option>option 4</option>

                            </select>

                        </div>
                    </div>
                    <div class="u-flex u-px-xxsmall">
                        <div class="u-size-1-3@sm u-mt-base u-mr-medium">
                            <label class="c-form-checkbox">

                                <span class="u-label-04 u-color-base">Solo gli articoli commentati</span>

                                <input type="checkbox" checked="checked">
                                <span class="c-form-checkbox__mark"></span>
                            </label>
                        </div>
                        <div class="u-size-1-3@sm u-mt-base">
                            <label class="c-form-checkbox">

                                <span class="u-label-04 u-color-base">Solo gli articoli commentati</span>

                                <input type="checkbox" checked="checked">
                                <span class="c-form-checkbox__mark"></span>
                            </label>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
    <div class="o-container u-py-small">

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

        <article class="c-story  c-story--search u-py-medium " data-channel="/notizie/">

            <figure class="c-story__media u-size-full">
                <a class="u-block u-relative" href="#">

                    <img decoding="async" referrerpolicy="no-referrer" class="u-size-full" src="https://unsplash.it/600/338?random" loading="lazy" alt="Angels there and shore with or. The visiter chamber clasp.">
                </a>
            </figure>

            <div class="c-story__content">

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

                <span class="u-label-05 u-color-base u-inline-block u-mb-xsmall">4 commenti</span>

                <div class="u-flex u-items-center u-justify-start u-mb-xsmall">

                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    <a class="o-link-text" href="#">
                        <span class="u-label-03 u-mr-xxsmall">Conca d&#39;oro</span>
                    </a>

                    <span class="u-label-03 u-color-secondary">Via Val di Lanzo</span>

                </div>

                <ul class="u-p-none u-m-none u-list-none u-flex u-items-center">
                    <svg class="o-icon o-icon--sm u-mr-xxsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
                    </svg>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag1,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag2,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag3,</span>
                        </a>
                    </li>

                    <li class="u-relative u-mr-xxsmall">
                        <a class="u-no-underline" href="#">
                            <span class="o-link-text u-label-03 u-color-base">tag4</span>
                        </a>
                    </li>

                </ul>

            </div>

            <span class="c-story__byline u-label-08 u-color-secondary u-mb-xsmall u-block">
                <span class="c-story__kicker u-label-02 u-mb-xsmall u-mr-xsmall u-block">Label</span>

                23 maggio 2020

            </span>

        </article>

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

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

{% render "@header--slim" %}

<main class="o-page u-pt-none">
  <div class="o-bg-light u-py-medium">
    <div class="o-container">   
        
      {% render "@action--default", {label: 'Hai cercato', helper: false}, true %}
        
      <span class="u-label-07 u-color-light">La ricerca ha prodotto 7262 risultati per 485 pagine.  Vedi anche la pagina argomento <a class="u-no-underline" href="">Elezioni</a></span>
      <div class="u-flex u-py-medium">
        <div class="u-mr-medium u-size-1-2 u-size-1-6@sm">
          {% render "@select", {"label": "Filtra per","helper": false},true %}
        </div>    
        <div class="u-size-1-2 u-size-1-6@sm">  
          {% render "@select", {"label": "Ordina per","helper": false},true %}
        </div>
      </div>
      
      <div tabindex="1" class="c-dropdown c-dropdown--reset u-size-full u-text-right u-size-1-2@sm u-ml-auto  u-cursor-pointer" onclick="this.classList && 
        document.querySelectorAll('[data-dd-panel]').forEach( function(oNode){ oNode.classList.toggle('u-block');})
        document.querySelectorAll('[data-dd-icon]').forEach( function(oNode){ oNode.classList.toggle('is-rotate');})
        ">
        Ricerca Avanzata
        <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-dropdown__panel u-size-full u-mt-base u-overflow-hidden" data-dd-panel>
        <form action="">
          <div class="u-flex u-wrap u-justify-between">
            <div class="u-size-full u-size-1-4@lg u-mt-base u-pl-xxsmall u-pr-xxsmall u-pr-small@lg u-flex u-column u-row@md">
              <div class="u-size-full u-size-1-2@lg u-pr-xsmall@md u-pb-small">
                {% render "@input--default", {"label": "Dal", "helper": false, "type": "date", "subject": false, "placeholder": "gg/mm/aaaa" }, true %}
              </div>
              <div class="u-size-full u-size-1-2@lg">
                {% render "@input--default", {"label": "Al", "helper": false, "type": "date", "subject": false }, true %}
              </div>
            </div>
            <div class="u-size-full u-size-1-4@lg u-mt-base u-pl-small@lg u-pr-small@lg u-px-xxsmall">
              {% render "@select", {"label": "Genere","helper": false},true %}
            </div>
            <div class="u-size-full u-size-1-4@lg u-mt-base u-pl-small@lg u-pr-small@lg u-px-xxsmall">
              {% render "@select", {"label": "Autore" ,"helper": false},true %}
            </div>
            <div class="u-size-full u-size-1-4@lg u-mt-base u-px-xxsmall u-pl-small@lg u-pr-xxsmall@lg">
              {% render "@select", {"label": "Metodo di ricerca" , "helper": false},true %}
            </div>
          </div>
          <div class="u-flex u-px-xxsmall">
            <div class="u-size-1-3@sm u-mt-base u-mr-medium">
              {% render "@checkbox" ,{"label": "Solo gli articoli commentati"}, true%}
            </div>
            <div class="u-size-1-3@sm u-mt-base">
              {% render "@checkbox" ,{"label": "Solo gli articoli commentati"}, true%}
            </div>
          </div>
        </form>
      </div>
      
    </div>
  </div>
  <div class="o-container u-py-small">
      
      {% for result in range(0,results) %}
        {% render  "@story--search" %}
      {% endfor %}

      {% if results > 10 %}
        {% render "@pagination--default" %}
      {% endif %}
  </div>
</main>
{
  "results": 15
}

No notes defined.