<div class="c-utils">
<div class="c-utils__item">
<p class="title">Informazioni utili</p>
<div class="">
<h4>In caso di sosta prolungata</h4>
<p>
<strong>Se decidi di pagare con Telepass</strong> in caso di sosta più lunga rispetto a quella indicata in fase di prenotazione, l'eventuale eccedenza verrà conteggiata e pagata, insieme al totale della sosta richiesta, in automatico al passaggio dalle colonnine di uscita del parcheggio.
</p>
<h4>Come richiedere la fattura</h4>
<p>
<strong>Se decidi di pagare con Telepass</strong> la fattura verrà emessa direttamente da Telepass e recuperabile da te accedendo alla tua area riservata sul sito o app Telepass.
</p>
<h4>Ubicazione presidio parcheggi</h4>
<p>
- P1-2-3-5: il presidio è posto alla base del parcheggio multipiano P2<br>- P4: il presidio è posto all'entrata del parcheggio
</p>
</div>
</div>
<div class="c-utils__item">
<p class="title">Dati cliente</p>
<div class="c-identity ">
<img src="../../images/svgs/personal-data.svg" alt="I tuoi dati di prenotazione" aria-hidden="true">
<div class="c-identity__info">
<dl>
<dt>Nome</dt>
<dd>Mario</dd>
<dt>Cognome</dt>
<dd>Rossi</dd>
<dt>E-mail</dt>
<dd>mariorossi@gmail.com</dd>
<dt>Telefono</dt>
<dd>348 1234567</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="c-utils">
<div class="c-utils__item">
<p class="title">Informazioni utili</p>
{{> @parking-useful-info telepassInfo }}
</div>
<div class="c-utils__item">
<p class="title">Dati cliente</p>
{{ render "@identity" }}
</div>
</div>
{
"telepassInfo": {
"headingFirst": "In caso di sosta prolungata",
"paragraphFirst": "<strong>Se decidi di pagare con Telepass</strong> in caso di sosta più lunga rispetto a quella indicata in fase di prenotazione, l'eventuale eccedenza verrà conteggiata e pagata, insieme al totale della sosta richiesta, in automatico al passaggio dalle colonnine di uscita del parcheggio.",
"headingSecond": "Come richiedere la fattura",
"paragraphSecond": "<strong>Se decidi di pagare con Telepass</strong> la fattura verrà emessa direttamente da Telepass e recuperabile da te accedendo alla tua area riservata sul sito o app Telepass.",
"headingThird": "Ubicazione presidio parcheggi",
"paragraphThird": "- P1-2-3-5: il presidio è posto alla base del parcheggio multipiano P2<br>- P4: il presidio è posto all'entrata del parcheggio"
}
}
$utils-breakpoint: 1280px;
.c-utils {
grid-column: main;
margin-top: remify(24px);
@include min-screen ( remify($utils-breakpoint) ) {
display: flex;
}
.c-utils__item {
margin-bottom: remify(24px);
@include min-screen ( remify($utils-breakpoint) ) {
display: flex;
flex-direction: column;
flex: 1 1 33%;
margin-right: remify(16px);
&:last-child {
margin-right: 0;
}
&.is-double {
flex: 2 1 66%;
}
}
.title {
font-size: 200%;
text-align: left;
color: primary(night, 100);
margin-bottom: remify(16px);
@include max-screen( bp(tablet) ) {
font-size: 125%;
}
}
}
}
/*------------------------------------*\
Flight modifier
\*------------------------------------*/
.c-utils--flight {
.c-utils__item {
@include min-screen ( remify($utils-breakpoint) ) {
max-width: 50%;
}
}
}
No notes defined.