<div class="o-container u-size-full-view u-flex u-column">
<header id="c-header" class="c-header u-py-medium u-py-medium@md c-header--vanilla c-header--inverse u-z-high u-relative u-relative u-flex u-justify-center u-size-full">
<a class="u-flex u-justify-center" href="/">
<svg class="c-brand
c-brand--resize-small
" viewBox="0 0 500 50" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 40.6l1.5 8.5h10.5L24.5.9H10L0 49.1h10.2l1.4-8.5h10.9zM278.3 0c11 0 17.7 6.6 17.7 25 0 18.3-6.6 25-17.7 25-11 0-17.7-6.5-17.7-25 0-18.3 6.6-25 17.7-25zM53.2 0c9.7 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.4-6.8-4.6 0-6.8 4-6.8 14.5 0 11.9 2.5 16.3 7.8 16.3 4 0 5.8-2.2 6.3-4.3v-4.8h-7v-9.5h16.4V49h-9.2v-3h-.2a11 11 0 01-8.6 3.6c-8.3 0-15.9-5.7-15.9-25C35.6 6.2 42.6 0 53.2 0zm86.7 0c9.8 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.3-6.8-4.7 0-7 4-7 14.5 0 11.9 2.6 16.3 8 16.3 3.9 0 5.7-2.2 6.3-4.3v-4.8h-7v-9.5h16.3V49h-9.1v-3h-.2a11 11 0 01-8.6 3.6c-8.4 0-16-5.7-16-25 0-18.6 7-24.7 17.6-24.7zM89.1.9c9.5 0 14.4 6.5 14.4 15.9 0 5.9-2.2 10.5-6.5 12.7l7.6 19.6H93.3l-6-17.4-1.4.1h-1.4v17.3h-10V.9zm29.1 0v48.2h-10V.9h10zm69.3 0v9.6h-16.3v9.3h12.2V29h-12.2v10.4H188V49h-26.7V.9h26.3zm15.2 0l12.9 28h.2V.9h9.6v48.2h-10.2l-12.9-27h-.2v27h-9.6V.9h10.2zm56.2 0v9.6h-9.8V49h-10V10.5h-9.8V.9h29.6zm19.4 8.7c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5zm-261.1.8l1.5 9 2.1 12h-7.5l2.1-12.1 1.5-8.9h.3zm71.2 0h-4v13h4.2c2.9 0 4.8-2 4.8-6.5 0-4-1.7-6.5-5-6.5z" class="c-brand__edition"></path>
<path d="M356.8 0c11 0 17.8 6.6 17.8 25 0 18.3-6.6 25-17.8 25-11 0-17.8-6.5-17.8-25 0-18.3 6.7-25 17.8-25zm-44.6.9l13 28h.1V.9h9.6v48.2h-10.2l-12.9-27h-.2v27H302V.9h10.2zm93.8 0v9.6h-10V49h-10V10.5h-9.9V.9H406zm14 0v48.2h-10.1V.9h10zm33 0V11l-13.4 22.2-3.7 6 .1.3h17.2v9.6h-28.7v-9.7L438.8 16l3.3-5.4-.1-.2h-17V.9h28zm14.9 0v48.2h-10.1V.9h10zm31.8 0v9.6h-16.4v9.3h12.2V29h-12.2v10.4H500V49h-26.8V.9h26.5zM356.8 9.6c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5z" class="c-brand__network"></path>
</svg>
</a>
</header>
<section class="u-flex-one u-my-medium" data-section-key="native" data-items-count="5" role="complementary">
<div class="u-flex u-column u-justify-center u-m-auto u-px-base u-px-none@md">
<div class="o-container">
<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">
<div class="u-flex u-column u-justify-center u-items-center u-my-large">
<div>
<figure class="c-avatar c-avatar--large u-relative u-radius-circle u-overflow-hidden ">
<img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
</figure>
</div>
<div class="u-text-center">
<h1 class="u-title-05 u-mb-xsmall">
Alberto
</h1>
<span class="u-label-07 u-color-secondary">Iscritto dal 21 dicembre 2023</span>
<br>
<span class="u-label-07 u-color-secondary">via mail <b>@citynews.it</b></span>
</div>
</div>
<ul class="u-list-none u-list-reset l-list-border u-label-07 u-flex u-column@lg u-justify-around u-justify-start@lg u-pb-medium">
<li class="u-py-small u-inline-flex u-justify-center u-flex-one u-block@lg">
<a href="user--profile2021" class="o-link-text u-label-04 u-no-underline u-cursor-pointer u-block u-flex u-items-center">
<svg class="u-mr-small@lg o-icon o-icon--md">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-user"></use>
</svg>
<span class="u-none u-block@lg">
Modifica profilo
</span>
</a>
</li>
<li class="u-py-small u-inline-flex u-justify-center u-flex-one u-block@lg">
<a href="" class="o-link-text u-label-04 u-no-underline u-cursor-pointer u-block u-flex u-items-center">
<svg class="u-mr-small@lg o-icon o-icon--md">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-email"></use>
</svg>
<span class="u-none u-block@lg">
Newsletter Dossier
</span>
</a>
</li>
<li class="u-py-small u-inline-flex u-justify-center u-flex-one u-block@lg">
<a href="user--arguments2021" class="o-link-text u-label-04 u-no-underline u-cursor-pointer u-block u-flex u-items-center">
<svg class="u-mr-small@lg o-icon o-icon--md">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tag"></use>
</svg>
<span class="u-none u-block@lg">
Scegli argomenti
</span>
</a>
</li>
<li class="u-py-small u-inline-flex u-justify-center u-flex-one u-block@lg">
<a href="user--subscriptions2021" class="o-link-text u-label-04 u-no-underline u-cursor-pointer u-block u-flex u-items-center">
<svg class="u-mr-small@lg o-icon o-icon--md">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-key"></use>
</svg>
<span class="u-none u-block@lg">
Gestione abbonamenti
</span>
</a>
</li>
<li class="u-py-small u-inline-flex u-justify-center u-flex-one u-block@lg">
<a href="user--notifications2021" class="o-link-text u-label-04 u-no-underline u-cursor-pointer u-block u-flex u-items-center">
<svg class="u-mr-small@lg o-icon o-icon--md">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-lock"></use>
</svg>
<span class="u-none u-block@lg">
Preferenze notifiche
</span>
</a>
</li>
</ul>
</div>
<div class="form-body l-double__main">
<!-- 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-xlarge u-mt-large">
<h2 class="u-heading-09 u-mb-small u-text-center u-text-left@md">Modifica il tuo profilo personale</h2>
<p class="u-body-03 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>
<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-title-05 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-title-05 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@md 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@md u-text-right ">
<input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center u-size-full" 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@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>
</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@md 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@md u-text-right ">
<input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center u-size-full" 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@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>
</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@md 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@md u-text-right ">
<input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center u-size-full" 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@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>
</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@md 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@md u-text-right ">
<input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center u-size-full" type="submit" value="Modifica profilo" />
</div>
</div>
</div>
</fieldset>
</form>
</div>
<!-- end fildset -->
<!-- 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>
</div>
</div>
</section>
<footer class="c-footer c-footer--vanilla u-py-small u-py-medium@md u-mt-auto">
<div class="u-gap-medium o-divider u-flex u-column u-items-center">
<div class="u-flex u-column u-row@md u-gap-small u-text-center u-label-08 u-color-light">
<span> © 2024 Citynews SpA - P.IVA 10786801000 </span>
<span> <a href=https://citynews.it/termini-servizio#_ga=2.195002985.558624410.1646066405-2053839960.1623412359>Termini e Condizioni</a> </span>
<span> <a href=https://citynews.it/condizioni-particolari#_ga=2.5143347.1498799164.1669298142-1368784910.1664177783>Condizioni particolari </a></span>
<span> <a href=https://citynews.it/privacy#_ga=2.195002985.558624410.1646066405-2053839960.1623412359>Privacy Policy</a> </span>
<span> <a href=https://www.citynews.it/gruppo/compliance />Modello 231 e Codice Etico</a></span>
</div>
<a class="u-mr-base" href="">
<svg class="c-brand-cn" width="176" height="46">
<use xlink:href="#brand-citynews"></use>
</svg>
</a>
</div>
</footer>
</div>
<div class="o-container u-size-full-view u-flex u-column">
{% render "@header--vanilla" %}
<section class="u-flex-one u-my-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>
{% render "@footer--vanilla" %}
</div>
{
"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,
"icon": "icon-email",
"label": "Newsletter Dossier"
},
{
"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-key",
"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.