<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 class="u-ml-base">
<div class="module-weather__details">
<a href="/meteo/" class="o-link-text" title="Il meteo a Roma: Nubi Sparse">
<img class="icon large" src="//citynews.stgy.ovh/~shared/images/meteo/3bmeteo/1.png">
<span class="u-label-08">Nubi Sparse</span>
</a>
</div>
</div>
</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">
<section class="o-container u-mb-medium" data-section-key="native" data-items-count="5" role="complementary">
<label for="nav-form-radio" class="u-flex u-column u-items-center o-link-text u-cursor-pointer u-none">nav</label>
<label for="content-form-radio" class="u-flex u-column u-items-center o-link-text u-cursor-pointer u-none">content</label>
<div class="c-tab c-tab--desktop u-p-none">
<!-- tabs module -->
<input checked type="radio" value="mail" id="nav-form-radio" class="u-none" name="c-tabs__choice">
<div id="nav-form-tab" class="c-tab__content u-size-full u-border-none u-block">
<div class="l-double l-double--reverse u-grid">
<div class="l-double__aside u-relative">
<ul class="u-list-none u-list-reset l-list-border u-label-07">
<li class="u-py-small">
<a href="user--profile2021" class="o-link-text u-label-04 u-no-underline u-cursor-pointer u-block u-flex u-justify-between u-items-center">
<span>
<svg class="u-mr-xsmall o-icon o-icon--sm">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-user"></use>
</svg>
Modifica profilo
</span>
<svg class="o-icon o-icon--sm u-none@lg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
</svg>
</a>
</li>
<li class="u-py-small">
<a href="user--arguments2021" class="o-link-text u-label-04 u-no-underline u-cursor-pointer u-block u-flex u-justify-between u-items-center">
<span>
<svg class="u-mr-xsmall o-icon o-icon--sm">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
</svg>
Scegli argomenti
</span>
<svg class="o-icon o-icon--sm u-none@lg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
</svg>
</a>
</li>
<li class="u-py-small">
<a href="user--subscriptions2021" class="o-link-text u-label-04 u-no-underline u-cursor-pointer u-block u-flex u-justify-between u-items-center">
<span>
<svg class="u-mr-xsmall o-icon o-icon--sm">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-lock"></use>
</svg>
Gestione abbonamenti
</span>
<svg class="o-icon o-icon--sm u-none@lg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
</svg>
</a>
</li>
<li class="u-py-small">
<a href="user--notifications2021" class="o-link-text u-label-04 u-no-underline u-cursor-pointer u-block u-flex u-justify-between u-items-center">
<span>
<svg class="u-mr-xsmall o-icon o-icon--sm">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-lock"></use>
</svg>
Preferenze notifiche
</span>
<svg class="o-icon o-icon--sm u-none@lg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
</svg>
</a>
</li>
</ul>
</div>
<div class="form-body l-double__main u-none u-block@lg">
<!-- user edit form -->
<!-- form -->
<!-- fildset-->
<input checked type="radio" value="compliteProfile" id="radio-compliteProfile" class="u-none" name="c-tabs__choice">
<div class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-large@md u-pr-large@md">
<form id="compliteProfile-form" class="fw__wrapper" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post" novalidate>
<fieldset data-toggle="edit-fw__step" class="fw__inputs o-divider edit-fw__step u-pl-none u-pr-none u-mb-medium">
<div class="u-mb-large u-block u-none@md">
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2 ">
<label class="c-btn c-btn--default u-label-03 u-cursor-pointer c-btn--large u-text-center" for="sidebar-form-radio">← Indietro</label>
</div>
</div>
</div>
<div class="u-mb-xlarge u-mt-large">
<h2 class="u-heading-03 u-mb-small u-text-center u-text-left@md">Modifica il tuo profilo personale</h2>
<p class="u-color-secondary u-my-none u-text-center u-text-left@md">Modifica le informazioni del profilo personale</p>
</div>
<div class="u-mb-xlarge u-flex u-items-center u-column u-row@sm">
<div class="">
<div class="c-form-avatar u-relative ">
<svg class="u-absolute u-overflow-hidden" style="width: 0; height: 0;">
<defs>
<clipPath id="mask" clipPathUnits="objectBoundingBox">
<path d="M0.5,1 C0.856900994,1 1,0.856900994 1,0.5 C1,0.143099006 0.856900994,0 0.5,0 C0.143099006,0 0,0.143099006 0,0.5 C0,0.856900994 0.143099006,1 0.5,1 Z" />
</clipPath>
</defs>
</svg>
<input class="u-none" type="file" name="image" accept="image/*" />
<div class="c-form-avatar__mask u-size-full"></div>
<div class="c-form-avatar__uploader u-absolute u-cursor-pointer u-p-xsmall u-radius-circle u-border-none" aria-labelledby="image" aria-describedby="image">
<svg class="o-icon o-icon--md o-link-text">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-upload-cloud"></use>
</svg>
</div>
</div>
<script>
const UPLOAD_BUTTON = document.querySelector(".c-form-avatar__uploader");
const FILE_INPUT = document.querySelector("input[type=file]");
const AVATAR = document.querySelector(".c-form-avatar__mask");
UPLOAD_BUTTON.addEventListener("click", () => FILE_INPUT.click());
FILE_INPUT.addEventListener("change", event => {
const file = event.target.files[0];
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onloadend = () => {
AVATAR.setAttribute("aria-label", file.name);
AVATAR.style.background = `url(${reader.result}) center center/cover`;
};
});
</script>
</div>
<div class="u-mt-base u-mt-none@sm u-ml-base@sm">
<h3 class="u-title-05 u-mb-xsmall">Nome Cognome</h3>
<span class="u-label-07 u-color-secondary u-block">Iscritto dal 14 ottobre 2013</span>
</div>
</div>
<div class="u-flex u-column u-row@md ">
<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md ">
<div class="">
<label class="u-label-04 u-color-base" for="">Nome</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md ">
<div class="">
<label class="u-label-04 u-color-base" for="">Cognome</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
</div>
<div class="u-flex u-column u-row@md ">
<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md ">
<div class="">
<label class="u-label-04 u-color-base" for="">Anno di nascita</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md ">
<label class="u-label-04 u-color-base u-inline-block" for="">Sesso</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-column u-row@md ">
<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md ">
<div class="">
<label class="u-label-04 u-color-base" for="">Impiego</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md ">
<div class="">
<label class="u-label-04 u-color-base" for="">Settore</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
</div>
<div class="u-mb-base ">
<label class="c-form-label" for="">Biografia</label>
<textarea class="c-form-input" placeholder="label" placeholder="Biografia"></textarea>
</div>
<div class="u-mb-base u-mt-large">
<label class="c-form-label u-color-base">Privacy</label>
</div>
<div class="u-mb-base">
<label class="c-form-switch u-relative">
<input type="checkbox">
<span class="c-form-switcher u-absolute u-top u-left u-right u-bottom u-cursor-pointer"></span>
<span class="c-form-label">Mostra cognome sul tuo profilo pubblico</span>
</label>
</div>
<div class="u-mb-base">
<label class="c-form-switch u-relative">
<input type="checkbox">
<span class="c-form-switcher u-absolute u-top u-left u-right u-bottom u-cursor-pointer"></span>
<span class="c-form-label">Mostra anno di nascita sul tuo profilo pubblico</span>
</label>
</div>
<!-- zone shoose -->
<h2 class="u-heading-03 u-mb-small u-text-center u-text-left@md">Scelta zona</h2>
<div class="u-mb-base">
<input type="radio" value="localization" id="localization-form-radio" class="u-none" name="c-tabs__choice">
<div id="localization-form-tab" class="c-tab__content u-size-full u-border-none">
<div class="u-mb-base">
</div>
</div>
<input checked type="radio" value="adress" id="adress-form-radio" class="u-none" name="c-tabs__choice">
<div id="adress-form-tab" class="c-tab__content u-size-full u-border-none">
<div class="u-flex u-column u-row@md ">
<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md ">
<label class="u-label-04 u-color-base u-inline-block" for="">Provincia</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-mb-base u-size-full u-size-1-2 u-ml-xsmall@md ">
<label class="u-label-04 u-color-base u-inline-block" for="">Città</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-column u-row@md ">
<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md ">
<div class="">
<label class="u-label-04 u-color-base" for="">Indirizzo</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall ">
<div class="">
<label class="u-label-04 u-color-base" for="">Civico</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
</div>
<div class="u-mb-base u-mt-large">
<label class="c-form-label u-color-base">Privacy</label>
</div>
<div class="u-mb-base">
<label class="c-form-switch u-relative">
<input type="checkbox">
<span class="c-form-switcher u-absolute u-top u-left u-right u-bottom u-cursor-pointer"></span>
<span class="c-form-label">Nascondi Zona sul tuo profilo pubblico</span>
</label>
</div>
</div>
</div>
<!-- end zone shoose -->
<!-- edit credentials -->
<h2 class="u-heading-03 u-mb-small u-text-center u-text-left@md">Modifica credenziali</h2>
<div class="u-flex u-column u-row@md ">
<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md ">
<div class="">
<label class="u-label-04 u-color-base" for="">Email</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md ">
<div class="">
<label class="u-label-04 u-color-base" for="">Cellulare</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
</div>
<div class="u-mb-base u-size-full ">
<div class="">
<label class="u-label-04 u-color-base" for="">Password</label>
<input class=" u-block u-size-full" type="password" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
<div class="u-flex u-column u-row@md ">
<div class="u-mb-base u-size-full u-size-1-1 u-mr-xsmall@md ">
<div class="">
<label class="u-label-04 u-color-base" for="">Modifica password</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
<div class="u-mb-base u-size-full u-size-1-1 u-ml-xsmall@md ">
<div class="">
<label class="u-label-04 u-color-base" for="">Conferma password</label>
<input class=" u-block u-size-full" type="text" placeholder="">
</div>
<!-- TODO: REVIEW ICON POSITION -->
</div>
</div>
<div class="u-mb-base u-mt-large">
<label class="c-form-label u-color-base">Connections</label>
<p>
Connesso con facebook to Facebook
<a class="c-btn c-btn--default c-btn--link u-cursor-pointer u-items-center u-label-04">Disconnetti</a>
</p>
<p>
Connesso con facebook to Apple
<a class="c-btn c-btn--default c-btn--link u-cursor-pointer u-items-center u-label-04">Disconnetti</a>
</p>
<p>
Connesso con facebook to Google
<a class="c-btn c-btn--default c-btn--link u-cursor-pointer u-items-center u-label-04">Disconnetti</a>
</p>
</div>
<!-- end edit credentials -->
<div class="fw__inputs o-divider__error">
<p class="fw__inputs o-divider__error--message"></p>
</div>
<div class="u-mt-large">
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2 u-none@md">
<label class="c-btn c-btn--default u-label-03 u-cursor-pointer c-btn--large u-text-center" for="sidebar-form-radio">← Indietro</label>
</div>
<div class="u-size-full u-size-1-2 u-text-right">
<input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center" type="submit" value="Modifica profilo" />
</div>
</div>
</div>
<div class="u-size-full u-size-1-2 u-text-left u-mt-large">
<a class="fw__button c-btn c-btn--link u-px-none u-color-error u-label-04 u-cursor-pointer c-btn--large u-text-center" />
Cancella profilo
</a>
</div>
</fieldset>
</form>
</div>
<!-- end fildset -->
<!-- fildset-->
<input type="radio" value="argumentsShoose" id="radio-argumentsShoose" class="u-none" name="c-tabs__choice">
<div class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-large@md u-pr-large@md">
<form id="argumentsShoose-form" class="fw__wrapper" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post" novalidate>
<fieldset data-toggle="edit-fw__step" class="fw__inputs o-divider edit-fw__step u-pl-none u-pr-none u-mb-medium">
<div class="u-mb-large u-block u-none@md">
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2 ">
<label class="c-btn c-btn--default u-label-03 u-cursor-pointer c-btn--large u-text-center" for="sidebar-form-radio">← Indietro</label>
</div>
</div>
</div>
<div class="u-mb-xlarge u-mt-large">
<h2 class="u-heading-03 u-mb-small u-text-center u-text-left@md">Scegli che argomenti seguire</h2>
<p class="u-color-secondary u-my-none u-text-center u-text-left@md">Scegli gli argomenti per cui ti verranno inviate le notifiche</p>
</div>
<div class="fw__inputs o-divider__error">
<p class="fw__inputs o-divider__error--message"></p>
</div>
<div class="u-mt-large">
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2 u-none@md">
<label class="c-btn c-btn--default u-label-03 u-cursor-pointer c-btn--large u-text-center" for="sidebar-form-radio">← Indietro</label>
</div>
<div class="u-size-full u-size-1-2 u-text-right">
<input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center" type="submit" value="Modifica profilo" />
</div>
</div>
</div>
</fieldset>
</form>
</div>
<!-- end fildset -->
<!-- fildset-->
<input type="radio" value="editSubscriptions" id="radio-editSubscriptions" class="u-none" name="c-tabs__choice">
<div class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-large@md u-pr-large@md">
<form id="editSubscriptions-form" class="fw__wrapper" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post" novalidate>
<div class="u-mb-large u-block u-none@md">
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2 ">
<label class="c-btn c-btn--default u-label-03 u-cursor-pointer c-btn--large u-text-center" for="sidebar-form-radio">← Indietro</label>
</div>
</div>
</div>
<fieldset data-toggle="edit-fw__step" class="fw__inputs o-divider edit-fw__step u-pl-none u-pr-none u-mb-medium">
<div class="u-mb-xlarge u-mt-large">
<h2 class="u-heading-03 u-mb-small u-text-center u-text-left@md">Gestisci i tuoi abbonamenti...</h2>
<p class="u-color-secondary u-my-none u-text-center u-text-left@md">Gestisci i tuoi abbonamenti in tutta serenità</p>
</div>
<div class="u-bordered">
<div class="u-flex u-space-between">
<img class="c-dropdown__brand u-mr-medium" src="http://2.citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="romatoday spotlight">
<h4>romatoday spotlight</h4>
</div>
<ul>
<li>Status: active</li>
<li>
<span class="">Billing: annual</span>
</li>
</ul>
<!-- modal -->
<label class="c-modal">
<input class="u-none" type="checkbox" />
<div class="u-cursor-pointer">
<span class="o-link-primary">
Dettaglio abbonamento
</span>
</div>
<div class="c-modal__dialog u-fixed u-top u-bottom u-right u-left o-bg-base">
<div class="c-modal__wrap u-absolute u-bottom u-right u-left ">
<div class="c-modal__textual u-relative u-mt-xlarge o-bg-base u-flex u-justify-start u-column">
<div class="u-flex u-justify-between u-size-full u-pb-0 u-px-base">
<div class="u-flex u-pt-base">
<img class="c-dropdown__brand u-mr-medium" src="http://2.citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="romatoday spotlight">
<h2 class="u-heading-05 u-m-none u-py-base">romatoday spotlight</h2>
</div>
<span class="c-modal__close o-link-inverse u-p-xxsmall u-absolute u-radius-circle">
<svg class="o-icon o-icon--md u-cursor-pointer">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</span>
</div>
<div class="u-overflow-scroll">
<div class="u-my-base u-px-base">
<ul class="c-menu__list u-list-none u-my-base">
<li>Stato: active</li>
<li>Prezzo: €50</li>
<li>Inizio: 02/12/2022</li>
<li>Scadenza: 02/12/2023</li>
</ul>
<div class="u-mb-base ">
<label class="u-label-04 u-color-base u-inline-block" for="">Metodo di pagamento</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-mb-base ">
<span>Aggiungi metodo di pagamento</span>
</div>
<div class="u-mb-base ">
<label class="u-label-04 u-color-base u-inline-block" for="">Billink</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>
<div class="u-pt-medium u-flex u-justify-end u-size-full u-wrap u-px-base u-pb-base">
<span class="c-btn c-btn--default u-label-04 u-cursor-pointer u-ml-small"> Chiudi </span>
<span class="c-btn c-btn--primary u-label-04 u-cursor-pointer u-ml-small"> Salva </span>
</div>
</div>
</div>
</div>
</label>
<!-- end modal -->
</div>
<hr />
<div class="u-bordered">
<div class="u-flex u-space-between">
<img class="c-dropdown__brand u-mr-medium" src="http://2.citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="milanotoday spotlight">
<h4>milanotoday spotlight</h4>
</div>
<ul>
<li>Status: expired</li>
<li>
<span class="">Billing: monthly</span>
</li>
</ul>
<!-- modal -->
<label class="c-modal">
<input class="u-none" type="checkbox" />
<div class="u-cursor-pointer">
<span class="o-link-primary">
Dettaglio abbonamento
</span>
</div>
<div class="c-modal__dialog u-fixed u-top u-bottom u-right u-left o-bg-base">
<div class="c-modal__wrap u-absolute u-bottom u-right u-left ">
<div class="c-modal__textual u-relative u-mt-xlarge o-bg-base u-flex u-justify-start u-column">
<div class="u-flex u-justify-between u-size-full u-pb-0 u-px-base">
<div class="u-flex u-pt-base">
<img class="c-dropdown__brand u-mr-medium" src="http://2.citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="milanotoday spotlight">
<h2 class="u-heading-05 u-m-none u-py-base">milanotoday spotlight</h2>
</div>
<span class="c-modal__close o-link-inverse u-p-xxsmall u-absolute u-radius-circle">
<svg class="o-icon o-icon--md u-cursor-pointer">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</span>
</div>
<div class="u-overflow-scroll">
<div class="u-my-base u-px-base">
<ul class="c-menu__list u-list-none">
<li>Stato: </li>
<li>Prezzo: €</li>
<li>Inizio: </li>
<li>Scadenza: </li>
</ul>
<div class="u-mb-base ">
<label class="u-label-04 u-color-base u-inline-block" for="">Metodo di pagamento</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-mb-base ">
<span>Aggiungi metodo di pagamento</span>
</div>
<div class="u-mb-base ">
<label class="u-label-04 u-color-base u-inline-block" for="">Billink</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>
<div class="u-pt-medium u-flex u-justify-end u-size-full u-wrap u-px-base u-pb-base">
<span class="c-btn c-btn--default u-label-04 u-cursor-pointer u-ml-small"> Chiudi </span>
<span class="c-btn c-btn--primary u-label-04 u-cursor-pointer u-ml-small"> Salva </span>
</div>
</div>
</div>
</div>
</label>
<!-- end modal -->
</div>
<hr />
<div class="u-mt-large">
<a class="c-btn c-btn--default u-label-04 u-cursor-pointer c-btn--large u-text-center u-no-underline" href="user--buy2021">Abbonati ad una nuova edizione</a>
</div>
<div class="u-mb-xlarge u-mt-large">
<h2 class="u-heading-03 u-mb-small u-text-center u-text-left@md">Gestisci i tuoi abbonamenti...</h2>
<p class="u-color-secondary u-my-none u-text-center u-text-left@md">Gestisci i tuoi abbonamenti in tutta serenità</p>
</div>
<div class="u-bordered u-flex u-space-between">
<div class="u-mr-base">
<img src="/assets/images/site/payments/PayPal-Small.png" alt="Paypal">
</div>
<div>
<h4 class="u-mb-none">Paypal</h4>
</div>
<a href="">Modifica</a>
</div>
<hr />
<div class="u-bordered u-flex u-space-between">
<div class="u-mr-base">
<img src="/assets/images/site/payments/Mastercard-Small.png" alt="Postepay Evolution Mastercard">
</div>
<div>
<h4 class="u-mb-none">Postepay Evolution Mastercard</h4>
<p>Prepagata ••••1234</p>
</div>
<a href="">Modifica</a>
</div>
<hr />
<div class="u-bordered u-flex u-space-between">
<div class="u-mr-base">
<img src="/assets/images/site/payments/Amazon-Small.png" alt="Carta Mastercard">
</div>
<div>
<h4 class="u-mb-none">Carta Mastercard</h4>
<p>Prepagata ••••1234</p>
</div>
<a href="">Modifica</a>
</div>
<hr />
<div class="u-bordered u-flex u-space-between">
<div class="u-mr-base">
<img src="/assets/images/site/payments/Apple-Pay-Small.png" alt="Apple pPay">
</div>
<div>
<h4 class="u-mb-none">Apple pPay</h4>
</div>
<a href="">Modifica</a>
</div>
<hr />
<div class="u-bordered u-flex u-space-between">
<div class="u-mr-base">
<img src="/assets/images/site/payments/Google-Pay-Small.png" alt="Google pay">
</div>
<div>
<h4 class="u-mb-none">Google pay</h4>
</div>
<a href="">Modifica</a>
</div>
<hr />
<div class="u-bordered u-flex u-space-between">
<div class="u-mr-base">
<img src="/assets/images/site/payments/Maestro-Small.png" alt="Carta Maestro">
</div>
<div>
<h4 class="u-mb-none">Carta Maestro</h4>
<p>Prepagata ••••1234</p>
</div>
<a href="">Modifica</a>
</div>
<hr />
<div class="u-mt-large">
<a class="c-btn c-btn--default u-label-04 u-cursor-pointer c-btn--large u-text-center u-no-underline" href="">Aggiungi metodo di pagamento</a>
</div>
<div class="u-mt-large">
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2 u-none@md">
<label class="c-btn c-btn--default u-label-03 u-cursor-pointer c-btn--large u-text-center" for="sidebar-form-radio">← Indietro</label>
</div>
<div class="u-size-full u-size-1-2 u-text-right">
<input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center" type="submit" value="Modifica profilo" />
</div>
</div>
</div>
</fieldset>
</form>
</div>
<!-- end fildset -->
<!-- fildset-->
<input type="radio" value="notificationsSettings" id="radio-notificationsSettings" class="u-none" name="c-tabs__choice">
<div class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-large@md u-pr-large@md">
<form id="notificationsSettings-form" class="fw__wrapper" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post" novalidate>
<div class="u-mb-large u-block u-none@md">
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2 ">
<label class="c-btn c-btn--default u-label-03 u-cursor-pointer c-btn--large u-text-center" for="sidebar-form-radio">← Indietro</label>
</div>
</div>
</div>
<fieldset data-toggle="edit-fw__step" class="fw__inputs o-divider edit-fw__step u-pl-none u-pr-none u-mb-medium">
<div class="u-mb-xlarge u-mt-large">
<h2 class="u-heading-03 u-mb-small u-text-center u-text-left@md">Modifica le tue impostazioni su privacy e notifiche</h2>
<p class="u-color-secondary u-my-none u-text-center u-text-left@md">Modificando le impostazioni privaci i tuoi dati saranno al sicuro</p>
</div>
<div class="u-mb-base">
<label class="c-form-switch u-relative">
<input type="checkbox">
<span class="c-form-switcher u-absolute u-top u-left u-right u-bottom u-cursor-pointer"></span>
<span class="c-form-label">Acconsento alla ricezione di materiale pubblicitario</span>
</label>
</div>
<div class="u-mb-base">
<label class="c-form-switch u-relative">
<input type="checkbox">
<span class="c-form-switcher u-absolute u-top u-left u-right u-bottom u-cursor-pointer"></span>
<span class="c-form-label">Voglio ricevere le notifiche e-mail quando accade qualcosa vicino a casa mia</span>
</label>
</div>
<div class="u-mb-base">
<label class="c-form-switch u-relative">
<input type="checkbox">
<span class="c-form-switcher u-absolute u-top u-left u-right u-bottom u-cursor-pointer"></span>
<span class="c-form-label">Voglio ricevere le notifiche e-mail quando ci sono eventi inerenti un argomento che seguo</span>
</label>
</div>
<div class="u-mb-base">
<label class="c-form-switch u-relative">
<input type="checkbox">
<span class="c-form-switcher u-absolute u-top u-left u-right u-bottom u-cursor-pointer"></span>
<span class="c-form-label">Voglio ricevere una notifica e-mail riepilogativa degli eventi inerenti un argomento che seguo</span>
</label>
</div>
<div class="u-mt-large">
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2 u-none@md">
<label class="c-btn c-btn--default u-label-03 u-cursor-pointer c-btn--large u-text-center" for="sidebar-form-radio">← Indietro</label>
</div>
<div class="u-size-full u-size-1-2 u-text-right">
<input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center" type="submit" value="Modifica profilo" />
</div>
</div>
</div>
</fieldset>
</form>
</div>
<!-- end fildset -->
<script async defer src="https://maps.googleapis.com/maps/api/js?sensor=false&callback=initMap"></script>
<script>
let map, infoWindow;
function initMap() {
map = new google.maps.Map(document.getElementById("mapCanvas"), {
center: {
lat: 41.9028,
lng: 12.4964
},
zoom: 5,
});
}
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
(position) => {
const pos = {
lat: position.coords.latitude,
lng: position.coords.longitude,
};
function HTMLMarker(lat, lng) {
this.lat = lat;
this.lng = lng;
this.pos = new google.maps.LatLng(lat, lng);
}
HTMLMarker.prototype = new google.maps.OverlayView();
HTMLMarker.prototype.onRemove = function() {}
//init your html element here
HTMLMarker.prototype.onAdd = function() {
div = document.createElement('DIV');
div.className = "marker-pin";
// div.innerHTML = "<img src='' alt=''>";
var panes = this.getPanes();
panes.overlayImage.appendChild(div);
}
HTMLMarker.prototype.draw = function() {
var overlayProjection = this.getProjection();
var position = overlayProjection.fromLatLngToDivPixel(this.pos);
var panes = this.getPanes();
panes.overlayImage.style.left = position.x + 'px';
panes.overlayImage.style.top = position.y - 30 + 'px';
}
var htmlMarker = new HTMLMarker(this.lat, this.lng);
htmlMarker.setMap(map);
map.setCenter(pos);
map.setZoom(16);
},
() => {
handleLocationError(true, infoWindow, map.getCenter());
}
);
} else {
handleLocationError(false, infoWindow, map.getCenter());
}
}
function handleLocationError(browserHasGeolocation, infoWindow, pos) {
infoWindow.setPosition(pos);
infoWindow.setContent(
browserHasGeolocation ?
"Error: The Geolocation service failed." :
"Error: Your browser doesn't support geolocation."
);
infoWindow.open(map);
}
var toggleLocation = document.getElementById("findLocation");
if (toggleLocation.addEventListener) toggleLocation.addEventListener("click", getLocation, false);
else if (el.attachEvent) toggleLocation.attachEvent('onclick', getLocation);
</script>
<!-- user edit form -->
</div>
</div>
</div>
<input type="radio" value="mail" id="content-form-radio" class="u-none" name="c-tabs__choice">
<div id="content-form-tab" class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-none@md u-pr-none@md">
</div>
<!-- end tabs module -->
</div>
</section>
</main>
<footer class="c-footer o-bg-dark u-z-sky">
<div class="o-container">
<div class="c-footer__head u-py-base u-flex u-items-center u-justify-between">
<a href="/">
<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--small ">
<span class="c-brand__edition">agrigento</span><span class="c-brand__network">notizie</span>
</div>
</a>
<a href="#c-header" class="o-link-text u-label-05 u-flex u-column u-items-center">
<svg class="o-icon o-icon--animated o-icon--md">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-up-circle"></use>
</svg>
<span class="u-label-08">Torna su</span>
</a>
</div>
<div class="c-footer__section u-pt-base u-mb-medium u-mb-large@lg u-flex u-wrap">
<div class="u-mb-medium u-pr-large u-size-1-2@md u-size-1-3@lg">
<div class="u-flex u-mb-base">
<a href="http://" target="_blank" rel="noopener noreferrer">
<svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
<path d="M16 0a16 16 0 00-2.7 31.8V19.4H9.5v-4.5h3.8v-3.3c0-3.8 2.3-5.9 5.7-5.9l3.5.2v4H20c-1.8 0-2.2.9-2.2 2.2v2.8h4.4l-.5 4.5h-3.9v12.5A16 16 0 0016 0z" />
</svg>
</a>
<a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
<svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
<path d="M16 0a16 16 0 100 32 16 16 0 000-32zm7.3 12.5v.4a10.4 10.4 0 01-16 8.8 7.5 7.5 0 005.4-1.5 3.7 3.7 0 01-3.5-2.5 3.7 3.7 0 001.7 0 3.7 3.7 0 01-3-3.7c.6.2 1.1.4 1.7.4a3.7 3.7 0 01-1.6-3c0-.7.2-1.3.5-1.9a10.4 10.4 0 007.6 3.9 3.7 3.7 0 016.2-3.4 7.4 7.4 0 002.3-.9 3.7 3.7 0 01-1.6 2 7.3 7.3 0 002.1-.5 7.5 7.5 0 01-1.8 1.9z" />
</svg>
</a>
<a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
<svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
<path d="M16 0a16 16 0 110 32 16 16 0 010-32zm1 7h-4.7c-1 0-1.6.2-2.2.5a4.4 4.4 0 00-1.6 1c-.4.5-.8 1-1 1.6-.2.6-.4 1.2-.4 2.2v7.4c0 1 .2 1.6.4 2.2a4.4 4.4 0 001 1.6c.5.4 1 .8 1.6 1 .6.2 1.2.4 2.2.4h7.4c1 0 1.6-.2 2.2-.4a4.6 4.6 0 002.6-2.6c.2-.6.4-1.3.4-2.2V19a66.3 66.3 0 000-2.3v-2-2.5c0-1-.2-1.6-.4-2.2a4.4 4.4 0 00-1-1.6 4.4 4.4 0 00-1.6-1c-.6-.2-1.2-.4-2.2-.4L17 7zm0 1.6h2.6a5 5 0 011.7.4c.4.1.7.4 1 .7.3.3.6.6.7 1 .1.3.3.8.3 1.7V17a60.6 60.6 0 010 2v.6a5 5 0 01-.3 1.7 3 3 0 01-1.7 1.7 48.3 48.3 0 01-4.3.4h-2a49 49 0 01-4.3-.4 2.8 2.8 0 01-1-.7 2.8 2.8 0 01-.7-1 5 5 0 01-.3-1.7V19a61.5 61.5 0 010-2V15v-2.6c0-1 .2-1.4.3-1.7a2.7 2.7 0 01.7-1 2.8 2.8 0 011-.7 5 5 0 011.7-.3h2.8zm-1 2.8a4.6 4.6 0 000 9.2 4.6 4.6 0 000-9.2zm0 1.6a3 3 0 110 6 3 3 0 010-6zm4.8-2.9a1 1 0 100 2.2 1 1 0 000-2.2z" fill-rule="evenodd" />
</svg>
</a>
<a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
<svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
<path d="M16 0a16 16 0 110 32 16 16 0 010-32zm6.6 7H9.4v4.4l-2.4.4 1.8 9.3V24h14.3v-2.8l1.9-9.3-2.4-.4V7zm-.5 7.6v8.2H9.9v-8.2h12.2zm-8 1a3 3 0 00-3.1 3.1 3 3 0 003 3 3 3 0 003-3v-.5h-3v1h2v.2a2 2 0 01-2 1.3 2 2 0 01-2-2 2 2 0 013.4-1.4l.7-.8-.1-.1a3 3 0 00-2-.7zm7 4.7h-3v1h3v-1zm0-2.1h-3v1h3v-1zm0-2.1h-3v1h3v-1zm0-4l2.6.6-.6 3v-2.2h-1.7l-.3-1.4zm-1.4-1.7l.6 3.1H8.8v2.2l-.6-3 11.5-2.3zM21.5 8v3H21l-.4-2-10 2v-3h11z" fill-rule="evenodd" />
</svg>
</a>
</div>
<div class="u-flex u-mb-base">
<a href="http://" target="_blank" rel="noopener noreferrer">
<img decoding="async" referrerpolicy="no-referrer" class="c-footer__badge" src="http://1.citynews.stgy.ovh/~shared/images/v2015/icons/badge-apple.svg" alt="">
</a>
<a href="http://" target="_blank" rel="noopener noreferrer" class="u-mx-small u-mx-base@md">
<img decoding="async" referrerpolicy="no-referrer" class="c-footer__badge" src="http://3.citynews.stgy.ovh/~shared/images/v2015/icons/badge-google.png" alt="">
</a>
</div>
<span class="u-label-08 u-color-light">Today plurisettimanale telematico reg. tribunale di Roma n. 93/2010 P.iva 10786801000. Testata iscritta all’<a href="#" class="u-label-08 o-link-inverse">USPI</a></span>
</div>
<div class="u-size-full u-size-1-2@md u-size-1-3@lg u-flex">
<div class="u-size-1-2">
<h4 class="u-nav-05 u-color-light u-mb-small">Canali</h4>
<ul class="u-list-none u-m-none u-p-none">
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Notizie</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Ultime notizie</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Lifestyle</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Cultura</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Opinioni</a>
</li>
</ul>
</div>
<div class="u-size-1-2">
<h4 class="u-nav-05 u-color-light u-mb-small">Link utili</h4>
<ul class="u-list-none u-m-none u-p-none">
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Presentazione</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Registrati</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Codice di condotta</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Condizioni generali</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Privacy</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Invia contenuti</a>
</li>
<li class="u-mb-small">
<a class="u-nav-03 o-link-text" href="#">Help</a>
</li>
</ul>
</div>
</div>
<div class="c-footer__claim u-size-full u-size-1-3@lg u-flex u-column u-justify-center u-items-center u-p-xlarge">
<span class="u-title-05 u-color-inverse u-text-center u-mb-base">Il tuo brand sulle nostre testate</span>
<button class="c-btn c-btn--primary
c-btn--rounded
u-flex
u-label-04
u-cursor-pointer u-items-center">
Richiedi info
</button>
</div>
</div>
<div class="c-footer__section o-divider o-divider--top u-py-base u-flex u-column u-row@md u-items-center u-justify-between">
<div class="u-flex u-items-center u-mb-base u-mb-none@lg u-justify-between">
<a class="u-mr-base" href="">
<svg class="c-brand-cn" width="91" height="24">
<use xlink:href="#brand-citynews"></use>
</svg>
</a>
<div tabindex="1" class="c-dropdown c-dropdown--reset c-dropdown--network u-cursor-pointer u-flex u-items-center u-justify-center u-label-05 u-p-small" data-dd-controller>
Edizioni locali
<svg class="o-icon o-icon--animated o-icon--md" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
</svg>
<div class="c-dropdown__panel u-fixed u-bottom u-size-full" data-dd-panel>
<div class="u-flex u-p-medium u-overflow-auto u-size-full">
<div class="u-flex">
<a href="http://www.romatoday.it" title="romatoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="milanotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="torinotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="firenzetoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="padovaoggi">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-padovaoggi.png" alt="">
</a>
<a href="http://www.romatoday.it" title="chietitoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-chietitoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="palermotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="arezzonotizie">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-arezzonotizie.png" alt="">
</a>
<a href="http://www.romatoday.it" title="baritoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="lecceprima">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-lecceprima.png" alt="">
</a>
<a href="http://www.romatoday.it" title="ilpiacenza">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-ilpiacenza.png" alt="">
</a>
<a href="http://www.romatoday.it" title="veneziatoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="trevisotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trevisotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="trentotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trentotoday.png" alt="">
</a>
</div>
<div class="u-flex">
<a href="http://www.romatoday.it" title="romatoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="milanotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="torinotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="firenzetoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="padovaoggi">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-padovaoggi.png" alt="">
</a>
<a href="http://www.romatoday.it" title="chietitoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-chietitoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="palermotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="arezzonotizie">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-arezzonotizie.png" alt="">
</a>
<a href="http://www.romatoday.it" title="baritoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="lecceprima">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-lecceprima.png" alt="">
</a>
<a href="http://www.romatoday.it" title="ilpiacenza">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-ilpiacenza.png" alt="">
</a>
<a href="http://www.romatoday.it" title="veneziatoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="trevisotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trevisotoday.png" alt="">
</a>
<a href="http://www.romatoday.it" title="trentotoday">
<img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trentotoday.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<span class="u-label-08 u-color-light u-self-center">© Copyright 2009-2020</span>
</div>
</div>
</footer>
{% render "@toolbar", {weather: true} ,true %}
{% render "@header--slim" %}
<main class="o-page">
<section class="o-container u-mb-medium" data-section-key="native" data-items-count="5" role="complementary">
{% render "@edit", {
type: type,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel,
userSettingsSections: userSettingsSections
}, true %}
</section>
</main>
{% render "@footer", {local: true}, true %}
{
"sidebarImg": "/assets/images/site/cities/roma_desktop.jpg",
"hName": "RomaToday",
"hBrand": "/assets/images/site/brands_orizzontal/Property 1=RomaToday.svg",
"gBrand": "/assets/images/site/horizontal-white-full@2x.png",
"type": "edit",
"actionLabel": "Modifica profilo",
"zoneRequired": true,
"errors": false,
"page_title": "Modifica il tuo profilo personale",
"page_subtitle": "...",
"userSettingsSections": [
{
"item": null,
"href": "user--profile2021",
"slug": "compliteProfile",
"icon": "icon-user",
"label": "Modifica profilo",
"title": "Modifica il tuo profilo personale",
"subtitle": "Modifica le informazioni del profilo personale"
},
{
"item": null,
"href": "user--arguments2021",
"slug": "argumentsShoose",
"icon": "icon-tag",
"label": "Scegli argomenti",
"title": "Scegli che argomenti seguire",
"subtitle": "Scegli gli argomenti per cui ti verranno inviate le notifiche"
},
{
"item": null,
"href": "user--subscriptions2021",
"slug": "editSubscriptions",
"icon": "icon-lock",
"label": "Gestione abbonamenti",
"title": "Gestisci i tuoi abbonamenti...",
"subtitle": "Gestisci i tuoi abbonamenti in tutta serenità",
"subriptions": [
{
"item": null,
"editionName": "romatoday spotlight",
"eidionBrand": "http://2.citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png",
"price": 50,
"startDate": "02/12/2022",
"expireDate": "02/12/2023",
"billing": "Paypal",
"renew": "annual",
"status": "active"
},
{
"item": null,
"editionName": "milanotoday spotlight",
"price": 50,
"startDate": "02/12/2022",
"expireDate": "02/12/2023",
"billing": "Credit card",
"renew": "monthly",
"status": "expired",
"eidionBrand": "http://2.citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png"
}
],
"methods": [
{
"item": null,
"name": "Paypal",
"icon": "/assets/images/site/payments/PayPal-Small.png"
},
{
"item": null,
"name": "Postepay Evolution Mastercard",
"nunber": "Prepagata ••••1234",
"icon": "/assets/images/site/payments/Mastercard-Small.png"
},
{
"item": null,
"name": "Carta Mastercard",
"nunber": "Prepagata ••••1234",
"icon": "/assets/images/site/payments/Amazon-Small.png"
},
{
"item": null,
"name": "Apple pPay",
"icon": "/assets/images/site/payments/Apple-Pay-Small.png"
},
{
"item": null,
"name": "Google pay",
"icon": "/assets/images/site/payments/Google-Pay-Small.png"
},
{
"item": null,
"name": "Carta Maestro",
"nunber": "Prepagata ••••1234",
"icon": "/assets/images/site/payments/Maestro-Small.png"
}
]
},
{
"item": null,
"href": "user--notifications2021",
"slug": "notificationsSettings",
"icon": "icon-lock",
"label": "Preferenze notifiche",
"title": "Modifica le tue impostazioni su privacy e notifiche",
"subtitle": "Modificando le impostazioni privaci i tuoi dati saranno al sicuro"
}
]
}
No notes defined.