<div class="c-paywall__modal o-bg-base u-p-medium u-radius-base u-border-2 u-border-divider u-border-solid u-size-1-2">
<div class="u-flex u-column u-justify-between u-gap-small u-size-full-height">
<div class="u-flex u-justify-between u-items-center u-row-reverse">
<label for="idpaywall" class="c-btn c-btn--naked u-relative u-flex u-cursor-pointer u-items-center u-nowrap c-btn--small u-label-05" popovertarget="" popovertargetaction="hide">
<svg class="o-icon o-icon--md o-icon--animated">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</label>
<button class="c-btn c-btn--default u-relative u-flex u-cursor-pointer u-items-center u-nowrap
c-btn--small u-label-05
">
Accedi
</button>
</div>
<div class="u-flex u-overflow-x-auto u-flex-one u-justify-center@md u-gap-medium">
<div class="c-paywall__container u-flex u-items-center u-column u-gap-small u-m-auto">
<p class="c-paywall__intro u-m-none u-text-center u-color-base">Ciao Luca, diventa Sostenitore e approfitta di tutti i vantaggi con un unico abbonamento.</p>
<h2 class="c-paywall__title u-text-center u-m-none u-color-base">Risparmia con l’offerta AgrigentoNotizie plus</h2>
<ul class="u-body-04 u-list-none u-m-none">
<li class="c-paywall__feature u-mb-xsmall u-relative u-color-base ">
Zero pubblicità su Siti e App del Network
</li>
<li class="c-paywall__feature u-mb-xsmall u-relative u-color-base ">
Sintesi della settimana via e-mail
</li>
<li class="c-paywall__feature u-mb-xsmall u-relative u-color-base ">
<strong>
Dossier: Tutti gli approfondimenti della tua città
</strong>
</li>
<li class="c-paywall__feature u-mb-xsmall u-relative u-color-base c-paywall__feature--disabled u-color-off u-line-through ">
Gli approfondimenti e inchieste Premium di tutte le città e nazionali
</li>
</ul>
<div class="c-paywall__products u-flex u-items-center u-gap-medium u-size-full">
<a class="c-paywall__btn c-paywall__btn--primary u-size-full u-p-base u-cursor-pointer u-relative u-text-center">
<p class="u-m-none u-heading-09 ">6,99€<small class="u-caption-01">/mese</small></p>
<span class="u-caption-01">per i primi 3 mesi poi 3,99 mese</span>
</a>
<a class="c-paywall__btn c-paywall__btn--secondary u-size-full u-p-base u-cursor-pointer u-relative u-text-center">
<mark class="c-paywall--discount u-color-inverse u-absolute u-uppercase u-py-xxsmall u-px-xsmall">Risparmi il 15%</mark>
<p class="u-m-none u-heading-09 ">70€<small class="u-caption-01">/anno</small></p>
</a>
</div>
</div>
</div>
<div class="u-flex u-column u-items-center u-gap-small">
<span class="u-label-11 u-color-base">Disdici quando vuoi</span>
<footer class="u-label-11 u-color-base u-m-auto">Ottieni il massimo! <strong><a class="o-link-underline" href="http://" target="_blank" rel="noopener noreferrer">Scopri tutti i piani</a></strong></footer>
</div>
</div>
</div>
<div class="c-paywall__modal o-bg-base u-p-medium u-radius-base u-border-2 u-border-divider u-border-solid u-size-1-2">
<div class="u-flex u-column u-justify-between u-gap-small u-size-full-height">
<div class="u-flex u-justify-between u-items-center u-row-reverse">
<label for="idpaywall" class="c-btn c-btn--naked u-relative u-flex u-cursor-pointer u-items-center u-nowrap c-btn--small u-label-05" popovertarget="{{idpaywall}}" popovertargetaction="hide">
<svg class="o-icon o-icon--md o-icon--animated">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</label>
{% if not logged %}
{% render "@button--default", {label:'Accedi', size: 'small'}, true %}
{% endif %}
{% if modaltitle %}
<h2 class="u-heading-08 u-color-base">{{modaltitle}}</h2>
{% endif %}
</div>
<div class="u-flex u-overflow-x-auto u-flex-one u-justify-center@md u-gap-medium">
{% for i in range(0, editions) %}
<div class="c-paywall__container u-flex u-items-center u-column u-gap-small u-m-auto">
<p class="c-paywall__intro u-m-none u-text-center u-color-base">{{intro}}</p>
{% if logged and intro %}
{% endif %}
<h2 class="c-paywall__title u-text-center u-m-none u-color-base">{{title}}</h2>
{% if explain %}
<p class="u-body-03 u-m-none u-text-center u-color-base">{{explain}}</p>
{% endif %}
{% if features %}
<ul class="u-body-04 u-list-none u-m-none">
{% for feature in features %}
<li class="c-paywall__feature u-mb-xsmall u-relative u-color-base {% if not feature.active %}c-paywall__feature--disabled u-color-off u-line-through {% endif %}">
{% if feature.strong %}
<strong>
{{feature.text}}
</strong>
{% else %}
{{feature.text}}
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
<div class="c-paywall__products u-flex u-items-center u-gap-medium u-size-full">
{% for product in products %}
{% if product.active %}
<a class="c-paywall__btn {% if product.primary %}c-paywall__btn--primary {% else %} c-paywall__btn--secondary{% endif %} u-size-full u-p-base u-cursor-pointer u-relative u-text-center" {% if product.actual %}disabled{% endif %}>
{% if product.discount %}
<mark class="c-paywall--discount u-color-inverse u-absolute u-uppercase u-py-xxsmall u-px-xsmall">{{product.discount}}</mark>
{% endif %}
{% if product.actual %}
<mark class="c-paywall--discount u-color-negative u-absolute u-uppercase u-py-xxsmall u-px-xsmall">Il tuo piano</mark>
{% endif %}
<p class="u-m-none u-heading-09 {% if product.actual %}u-color-off{% endif %}">{{product.price}}<small class="u-caption-01">{{product.time}}</small></p>
{% if product.explaining %}
<span class="u-caption-01">{{product.explaining}}</span>
{% endif %}
</a>
{% endif %}
{% endfor %}
</div>
</div>
{% endfor %}
</div>
<div class="u-flex u-column u-items-center u-gap-small">
<span class="u-label-11 u-color-base">{{notice}}</span>
{% if footer %}
<footer class="u-label-11 u-color-base u-m-auto">{{footer.claim}} <strong><a class="o-link-underline" href="http://" target="_blank" rel="noopener noreferrer">{{footer.link}}</a></strong></footer>
{% endif %}
</div>
</div>
</div>
{
"title": "Risparmia con l’offerta AgrigentoNotizie plus",
"intro": "Ciao Luca, diventa Sostenitore e approfitta di tutti i vantaggi con un unico abbonamento.",
"notice": "Disdici quando vuoi",
"footer": {
"claim": "Ottieni il massimo!",
"link": "Scopri tutti i piani"
},
"logged": false,
"features": [
{
"text": "Zero pubblicità su Siti e App del Network",
"active": true
},
{
"text": "Sintesi della settimana via e-mail",
"active": true
},
{
"text": "Dossier: Tutti gli approfondimenti della tua città",
"strong": true,
"active": true
},
{
"text": "Gli approfondimenti e inchieste Premium di tutte le città e nazionali"
}
],
"products": [
{
"title": "Mensile",
"price": "6,99€",
"time": "/mese",
"explaining": "per i primi 3 mesi poi 3,99 mese",
"active": true,
"primary": true,
"originalprice": "8,98€"
},
{
"title": "Annuale",
"price": "70€",
"time": "/anno",
"active": true,
"discount": "Risparmi il 15%"
}
],
"editions": 1
}
No notes defined.