<a href='#maincontent' class='c-skip-navigation'>
Passa al contenuto principale
</a>
<header class="c-header c-header--progress">
<div class="c-header__inner">
<div class="c-header__toolbar">
<div class='c-toolbar c-toolbar--minimal c-toolbar--progress'>
<div class='c-toolbar__inner'>
<div class='c-toolbar__left'>
<a href="" class='c-toolbar__logo'>
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
</div>
<div class='c-toolbar__center'>
<ol class="c-progress" tabindex="0" role="progressbar" aria-valuemin="1" aria-valuemax="4" aria-valuenow="4" aria-valuetext="Step 4 di 4: ">
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Inserisci i dati</a>
</li>
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Servizi aggiuntivi</a>
</li>
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Pagamento</a>
</li>
<li class="c-progress__step " data-step-current>
<a href="" data-extra-text="">Ricevi conferma</a>
</li>
</ol>
</div>
<div class='c-toolbar__right'>
<div class="c-menu">
<input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
<label for="toggle" data-opens-menu>
<span>Accedi a MyBLQ</span>
<img src="../../images/svgs/stk_generic-user.svg" alt="" role="presentation" aria-hidden="true" width="24">
<svg class="expanded-text c-icon c-icon--24">
<use xlink:href="#ic_arrow_drop_up_black_24px"></use>
</svg> <svg class="collapsed-text c-icon c-icon--24">
<use xlink:href="#ic_arrow_drop_down_black_24px"></use>
</svg> <span class="u-visuallyhidden expanded-text">Menù aperto</span>
<span class="u-visuallyhidden collapsed-text">Menù chiuso</span>
</label>
<div role="menu" data-menu-origin="right">
<div class="c-menu__img">
<img src="../../images/svgs/stk_generic-user.svg" alt="Accedi alla MyBLQ" aria-hidden="true" width="80">
</div>
<p class="c-menu__title">Accedi alla tua area MyBLQ</p>
<form action="" class="c-form c-form--menu">
<label for="login_email" class="" aria-label="">
e-mail
<input id="login_email" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="" aria-describedby="email-login-note">
<p class="c-field__note u-visuallyhidden" id="email-login-note">
Compila il campo inserendo il tuo indirizzo e-mail
</p>
</label>
<label for="login-psw" class="has-password-button" aria-label="">
password
<input id="login-psw" type="password" class="" placeholder="Inserisci la tua password" value="" aria-describedby="psw-login-note" autocomplete="current-password">
<button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>
<p class="c-field__note u-visuallyhidden" id="psw-login-note">
Compila il campo inserendo la password del tuo account
</p>
</label>
<a href="/components/preview/insert-email" class="forgetful">Non ricordi la tua password?</a>
<button type="button" class="c-button c-button--submit">
Accedi
</button>
</form>
<a href="/components/preview/page-choice-profile" class="c-menu__invite">Non hai un profilo MyBLQ? Registrati ora</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class='c-overlay'></div>
<main class="" id='maincontent'>
<header data-accompanied data-success data-centered>
<img src="../../images/svgs/Checked-120px.svg" alt="Volo acquistato" aria-hidden="true" width="80">
<div>
<h1>La tua prenotazione è stata <strong>pagata</strong></h1>
<p>
La prenotazione n° <strong>86796</strong> del 10/09/2017 è stata confermata.<br />
Ti abbiamo inviato la conferma alla tua email <strong>mario.rossi@mail.com</strong><br />
Puoi <a href=""><strong>gestire la prenotazione</strong></a> nella tua area riservata
</p>
</div>
</header>
<form action="../preview/page-payment.html" class="c-form">
<div class="c-product c-product--recap c-product--payed qrcode">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/mbl.svg" alt="Mbl vip lounge">
<div class="c-product__park-infos">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche Mbl">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_flight_takeoff_black_24px"></use>
</svg> <span class="c-icon-list__text">Fast Track dedicato</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_wifi_black_24px"></use>
</svg> <span class="c-icon-list__text">WI-FI</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_weekend_black_24px"></use>
</svg> <span class="c-icon-list__text">Area relax e TV</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_free_breakfast_black_24px"></use>
</svg> <span class="c-icon-list__text">Lounge Bar e caffetteria</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-schedule-24px"></use>
</svg> <span class="c-icon-list__text"><span><b>Orari ridotti | Covid-19</b><br>Tutti i giorni 8:00 / 19:00</span></span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">
Pagato
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>1102935</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Data di ingresso</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
</div>
</div>
</div>
<div class="c-product__passengers">
<svg class="c-icon c-icon--12">
<use xlink:href="#ic-passenger"></use>
</svg> 1 ingresso
</div>
<div class="c-product__details">
Il costo della sosta è calcolato in base ai dati dichiarati<br /> Il costo effettivo è legato alla reale durata della sosta
</div>
<div class="c-product__further">
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-print-black-24px"></use>
</svg>
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-zoom-24px"></use>
</svg> <a href="../preview/page-reservation-detail.html" class="link--default">Mostra i dettagli</a>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 28,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong>
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sul Vip Lounge</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sul Vip Lounge">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="o-flexgrid o-flexgrid--antipodes u-px-space-24">
<div class="o-flexgrid__item">
<p class="u-typo-level-2 u-color-text-100">Metodo di pagamento: <strong>Carta di credito</strong></p>
</div>
<div class="o-flexgrid__item">
<p class="u-typo-level-2 u-color-text-100">Totale: <strong>175,60 €</strong></p>
</div>
</div>
</form>
<div grid="grid-full" class="u-bg-color-sky-10 u-p-space-24">
<div grid="grid vertical-center">
<div grid="5@xl">
<p class="u-color-night-100 u-typo-level-6">Rendi la tua esperienza perfetta, acquista ora a <strong>prezzo scontato</strong></p>
</div>
<div grid="6@xl offset-7@xl">
<div class="c-addon c-addon--benefit parking">
<div class="c-addon__features">
<p class="c-addon__title">Parcheggio + Lounge</p>
<p class="c-addon__subtitle">Scopri i vantaggi di prenotare e pagare online!</p>
<p class="c-addon__body">Ti serve un parcheggio? Cerca e aggiungi un parcheggio alla tua Vip Lounge, <strong>paga online e risparmia il 20% sul tuo ingresso in VIP Lounge!</strong></p>
</div>
<div class="c-addon__interaction">
<div class="c-addon__what" aria-hidden="true">
<img src="../../images/svgs/p1-2.svg" alt="Parcheggio P1 P2" width="60">
<img src="../../images/svgs/p3.svg" alt="Parcheggio P3" width="60">
<img src="../../images/svgs/p4.svg" alt="Parcheggio P4" width="60">
</div>
<div class="c-addon__action">
<button type="button" class="c-button c-button--adding js-fr-dialogmodal-open" aria-controls="dialog-parking-form">
Aggiungi parcheggio
</button>
</div>
</div>
<div class="c-addon__voucher">
<div class="c-highlight c-highlight--small">
<p>Hai a disposizione <strong>[1] voucher parcheggio</strong>, approfittane!</p>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-form js-fr-dialogmodal " id="dialog-parking-form">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-form-title">
<div role="document">
<p class="c-dialog__title c-dialog__text--centered" id="dialog-parking-form-title">Acquista il tuo parcheggio!</p>
<p class="c-dialog__text c-dialog__text--centered">
Indicaci le date e l’orario del tuo prossimo parcheggio, acquistalo e ottieni il 20% di sconto sul tuo ingresso Vip Lounge.
<br><br>
</p>
<div class="c-form c-form--parkings">
<div class="c-form__el c-form__el--icon">
<svg class="c-icon c-icon--32">
<use xlink:href="#entrata-parcheggio-24px"></use>
</svg>
</div>
<div class="c-form__el c-form__el--cal">
<label for="entrance-date" class="is-datepicker" aria-label="Scegli la data">
Entrata <span class="required-marker" aria-hidden="true">*</span>
<input id="entrance-date" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="entrance-date-note">
<p class="c-field__note " id="entrance-date-note">
Seleziona la data di entrata al parcheggio
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="entrance-time" class="" aria-label="">
Ore <span class="required-marker" aria-hidden="true">*</span>
<select id="entrance-time" class="" aria-describedby="entrance-time-note">
<option value="" disabled selected>00:00</option>
<option value="option-1">20:00</option>
<option value="option-2">20:15</option>
<option value="option-3">20:30</option>
<option value="option-4">20:45</option>
</select>
<em class="c-field__note " id="entrance-time-note">
Seleziona l'ora di ingresso al parcheggio
</em>
</label>
</div>
<div class="c-form__el c-form__el--icon">
<svg class="c-icon c-icon--32">
<use xlink:href="#uscita-parcheggio-24px"></use>
</svg>
</div>
<div class="c-form__el c-form__el--cal">
<label for="exit-date" class="is-datepicker" aria-label="Scegli la data">
Uscita <span class="required-marker" aria-hidden="true">*</span>
<input id="exit-date" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="exit-date-note">
<p class="c-field__note " id="exit-date-note">
Seleziona la data di uscita dal parcheggio
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="exit-time" class="" aria-label="">
Ore <span class="required-marker" aria-hidden="true">*</span>
<select id="exit-time" class="" aria-describedby="exit-time-note">
<option value="" disabled selected>00:00</option>
<option value="option-1">20:00</option>
<option value="option-2">20:15</option>
<option value="option-3">20:30</option>
<option value="option-4">20:45</option>
</select>
<em class="c-field__note " id="exit-time-note">
Seleziona l'ora di uscita dal parcheggio
</em>
</label>
</div>
<div class="c-form__el c-form__el--cal">
<label for="select-conventions" class="" aria-label="">
Convenzione:
<select id="select-conventions" class="" aria-describedby="select-conventions-note">
<option value="" disabled selected>Hai una convenzione?</option>
<option value="option-1">Alba Tour</option>
<option value="option-2">Alpitour</option>
<option value="option-3">Brixia Viaggi</option>
<option value="option-4">Club Med</option>
<option value="option-5">Domina Travel</option>
<option value="option-6">In Viaggi</option>
<option value="option-7">Marsupio Group</option>
<option value="option-8">Smeg S.p.A.</option>
<option value="option-9">Viaggi Idea</option>
</select>
<em class="c-field__note " id="select-conventions-note">
Seleziona un'opzione dal menù a tendina
</em>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="file-number" class="" aria-label="">
Numero pratica
<input id="file-number" type="text" class="" placeholder="es. AA46923757" value="" aria-describedby="file-number-note">
<p class="c-field__note " id="file-number-note">
Inserisci il numero di pratica della convenzione
</p>
</label>
</div>
<p class="c-dialog__text">
<strong>AVVISO IMPORTANTE</strong><br>
1) Per avvalersi della convenzione e della tariffa scontata, è indispensabile, al rientro dal viaggio, prima di pagare e di ritirare l'auto, consegnare il voucher del Tour Operator o mostrare la tessera di accreditamento alla cassa del <a href="#"><strong>Presidio Parcheggi</strong></a>.
<br><br>
2) La mancata o ritardata consegna del voucher o visione della tessera di accreditamento, ovvero dopo aver pagato la sosta alle casse automatiche o alle colonne di uscita, implica la perdita del diritto di avvalersi della tariffa scontata e l'applicazione della tariffa standard senza possibilità di rimborso.
<br><br>
<input type="checkbox" id="conventions-terms" name="accespt" class="u-visuallyhidden " role="group" aria-label="conventions-terms">
<label for="conventions-terms" class="terms-conditions">
<strong>Accetto le condizioni di utilizzo convenzione come sopra riportate</strong>
</label>
</p>
<div class="c-form__el c-form__el--cta">
<button type="submit" class="c-button c-button--submit">
Cerca parcheggio
</button>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div grid="grid" class="u-mt-space-64">
<div grid="3@lg">
<h2 class="u-typo-level-6 u-color-night-100">Dati prenotazione</h2>
<div class="c-user-data c-user-data--recap c-user-data--raw">
<div class="c-user-data__body">
<div class="c-user-data__list">
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-person-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-email-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">mario.rossi@gmail.com</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-call-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">+39 333 12 34 567</p>
</div>
</div>
</div>
</div>
</div>
<h2 class="u-typo-level-6 u-color-night-100 u-mt-space-64">Dati di fatturazione</h2>
<div class="c-user-data c-user-data--recap c-user-data--raw">
<div class="c-user-data__body">
<div class="c-user-data__list">
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-person-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text"><strong>Tangible Srl SB</strong></p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">Via del Triumvirato, 46 - 47890 Rimini, Rn</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text"><strong>P.iva / Cod fis.</strong> 03130760246 / 03130760246</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div grid="8@lg offset-5@lg">
<h2 class="u-typo-level-6 u-color-night-100 u-mb-space-24">Informazioni utili</h2>
<h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100">In caso di sosta prolungata</h3>
<p class="u-mt-space-16">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
</p>
<h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100 u-mt-space-64">Come richiedere la fattura per la sosta</h3>
<p class="u-mt-space-16">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
</p>
<h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100 u-mt-space-64">Ubicazione presidio parcheggi</h3>
<p class="u-mt-space-16">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
</p>
</div>
</div>
<div class="c-dialog c-dialog--payment-methods js-fr-dialogmodal " id="dialog-online-payment-methods">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-online-payment-methods-title">
<div role="document">
<p class="c-dialog__title" id="dialog-online-payment-methods-title" aria-hidden="true" tabindex="0">Metodi di pagamento online</p>
<div class="u-mt-space-32">
<div class="c-table_cnt">
<table class="o-table c-table">
<thead>
<tr>
<th scope="col">Metodo</th>
<th scope="col">Dettagli</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" data-label="Metodo">
<strong>Carte di credito</strong>
<div>
<img src="../../images/svgs/visa2.svg" aria-hidden="true" alt="">
<img src="../../images/svgs/mastercard2.svg" aria-hidden="true" alt="">
<img src="../../images/svgs/jcb.svg" aria-hidden="true" alt="">
</div>
</td>
<td data-label="Dettagli">Paga con i circuiti Visa e Mastercard e JCB.</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Satispay</strong>
<div><img src="../../images/svgs/satispay.svg" aria-hidden="true" alt=""></div>
</td>
<td data-label="Dettagli"><strong>Non sei ancora registrato a Satispay?</strong> Scarica l'app, crea un account e inserisci il nostro codice <strong>BLQAIRPORT</strong>. Riceverai 5€ di bonus.</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Bonifici online</strong>
<div><img src="../../images/svgs/myb.svg" aria-hidden="true" alt=""></div>
</td>
<td data-label="Dettagli">Per ragioni tecniche, il servizio è temporaneamente sospeso. Ci scusiamo per il disagio.</td>
</tr>
</tbody>
</table>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--payment-methods js-fr-dialogmodal " id="dialog-offline-payment-methods">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-offline-payment-methods-title">
<div role="document">
<p class="c-dialog__title" tabindex="0" id="dialog-offline-payment-methods-title" aria-hidden="true">Metodi di pagamento in aeroporto per i Parcheggi</p>
<div class="u-mt-space-32">
<div class="c-table_cnt c-table_cnt--3-cols">
<table class="o-table c-table">
<thead>
<tr>
<th scope="col">Metodo</th>
<th scope="col">Dove</th>
<th scope="col">Quando</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" data-label="Metodo">
<strong>Carte di credito</strong>
</td>
<td data-label="Dove">Alle colonnine di uscita del parcheggio</td>
<td data-label="Quando">Dopo il ritiro della vettura</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Bancomat</strong>
</td>
<td data-label="Dove">
<p>Alle casse automatiche</p>
<p>Al presidio parcheggi</p>
<p class="u-mt-space-24">Alle colonnine di uscita del parcheggio</p>
</td>
<td data-label="Quando">
<p>Prima di ritirare la vettura</p>
<p>Prima di ritirare la vettura</p>
<p class="u-mt-space-24">Dopo il ritiro della vettura</p>
</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Satispay</strong>
</td>
<td data-label="Dove">Al presidio parcheggi</td>
<td data-label="Quando">Prima di ritirare la vettura</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Contanti</strong>
</td>
<td data-label="Dove">
<p>Alle casse automatiche</p>
<p>Al Presidio parcheggi</p>
</td>
<td data-label="Quando">Prima di ritirare la vettura</td>
</tr>
</tbody>
</table>
</div>
</div>
<p class="c-dialog__title u-mt-space-112" tabindex="0">Metodi di pagamento in aeroporto per Vip Lounge</p>
<div class="u-mt-space-32">
<div class="c-table_cnt c-table_cnt--3-cols">
<table class="o-table c-table">
<thead>
<tr>
<th scope="col">Metodo</th>
<th scope="col">Dove</th>
<th scope="col">Quando</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" data-label="Metodo">
<strong>Carte di credito</strong>
</td>
<td data-label="Dove">
<p>All’ingresso della Marconi Business Lounge</p>
<!-- To Endurance: replace with production URL instead staging -->
<a href="https://blq2022.staging.endurance.it/in-aeroporto/servizi/mappa-aerostazione/?idC=62211&loc=1963521"><strong>Guarda dove si trova ›</strong></a>
</td>
<td data-label="Quando">Al tuo arrivo in Aeroporto</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Bancomat e Contanti</strong>
</td>
<td data-label="Dove">
<p>All’ingresso della Marconi Business Lounge</p>
<!-- To Endurance: replace with production URL instead staging -->
<a href="https://blq2022.staging.endurance.it/in-aeroporto/servizi/mappa-aerostazione/?idC=62211&loc=1963521"><strong>Guarda dove si trova ›</strong></a>
</td>
<td data-label="Quando">Al tuo arrivo in Aeroporto</td>
</tr>
</tbody>
</table>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</main>
<div class="c-prefooter " role="banner">
<div class="c-prefooter__inner">
<div class="c-prefooter__col">
<div class="c-prefooter__item">
<h2>Hai bisogno di aiuto?</h2>
<ul class="c-prefooter__list">
<li class="c-prefooter__faq">
<a href="#">Il presidio parcheggi è sempre aperto? <span aria-hidden="true">→</span></a>
</li>
<li class="c-prefooter__faq">
<a href="#">Ho smarrito il mio biglietto del parcheggio, cosa posso fare <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</div>
<div class="c-prefooter__col">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/prefooter.png" alt="" height="" width="170">
<div class="c-media__body o-media__body">
</div>
</div>
<div class="c-prefooter__item">
<h2>Ti potrebbero servire</h2>
<ul class="c-prefooter__list">
<li class="c-prefooter__faq">
<a href="#">Assistenza Clienti <span aria-hidden="true">→</span></a>
</li>
<li class="c-prefooter__faq">
<a href="#">Info e reclami <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="c-footer c-footer--minimal">
<div class='c-footer__inner'>
<div class="c-cityguide">
<div class="c-cityguide__brand">
<a href="" class="c-cityguide__logo">
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
<div>
<div class="c-cityguide__socials">
<div class="c-socials">
<ul>
<li><a href="#" aria-label="instagram"><svg class="">
<use xlink:href="#ic-social-instagram"></use>
</svg></a></li>
<li><a href="#" aria-label="facebook"><svg class="">
<use xlink:href="#ic-social-facebook"></use>
</svg></a></li>
<li><a href="#" aria-label="twitter"><svg class="">
<use xlink:href="#ic-social-twitter"></use>
</svg></a></li>
<li><a href="#" aria-label="linkedin"><svg class="">
<use xlink:href="#ic-social-linkedin"></use>
</svg></a></li>
<li><a href="#" aria-label="youtube"><svg class="">
<use xlink:href="#ic-social-youtube"></use>
</svg></a></li>
</ul>
</div>
</div>
<div class="c-cityguide__lang">
<ul class="c-languages" aria-label="Seleziona la lingua del sito">
</ul>
</div>
<div class="c-cityguide__cta">
<p class="c-cityguide__text">Entra nel nostro team</p>
<a href="#" class="c-link c-link--sky ">
<span>Lavora con noi</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
</div>
</div>
<div class="c-copyright">
<div class="c-copyright__credits">
<p>
<strong><span aria-hidden="true">©</span>
Copyright 2018 Aeroporto Guglielmo Marconi di Bologna S.p.A.</strong>
- Tutti i diritti riservati<br />
Via Triumvirato, 84 - 40132 Bologna (BO) - Italy - Partita IVA:
03145140376 - Capitale sociale 90.314.162,00 Euro i.v. - R.E.A. Bo N.
268716
</p>
<ul>
<li><a href="#">Credits</a></li>
<li><a href="#">Informativa cookie</a></li>
<li><a href="#">Informativa Privacy – Reg. UE n.679/2016 (“GDPR”) e Codice Privacy s.m.i.</a></li>
<li><a href="https://www.bologna-airport.it/System/files/2018/Parcheggi/InformativaVideosorveglianza.pdf">Informativa
privacy videosorveglianza</a></li>
<li><a href="#">Dichiarazione di accessibilità</a></li>
<li><a href="#">Lavora con noi</a></li>
</ul>
</div>
<div class="c-copyright__partners">
<a href="https://defence-industry-space.ec.europa.eu/eu-aeronautics-industry/alliance-zero-emission-aviation_en">
<img class="c-copyright__partner" src="../../images/AZEA_logo_colour.jpg" alt="Azea logo" />
</a>
<a href="https://www.bologna-airport.it/la-societa/sala-stampa/comunicati-stampa/netzero2050-l-aeroporto-di-bologna-si-impegna-a-raggiungere-%E2%80%9Cemissioni-zero%E2%80%9D-entro-il-2050/?idC=62420&idO=1699377&urlBack=back"><img class="c-copyright__partner" src="../../images/net_zero_logo.jpg" alt="Alt zero logo" />
</a>
<a href="https://www.bologna-airport.it/la-societa/sala-stampa/news/aeroporto-di-bologna-primo-in-italia-e-tra-i-primi-al-mondo-a-ricevere-l-aci-airport-health-accreditation-/?idC=62350&idO=1962968">
<img class="c-copyright__partner" src="../../images/aci_aha_2022.png" alt="ACI AHA logo" />
</a>
</div>
</div>
</div>
</footer>
<div class="c-dialog js-fr-dialogmodal " id="dialog-newsletter">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-newsletter-title">
<div role="document">
<p class="c-dialog__title" id="dialog-newsletter-title" aria-hidden="true">Iscriviti alla newsletter di Aeroporto di Bologna e riceverai periodicamente:</p>
<div class="c-advantages">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Promozioni" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Promozioni su Parcheggi, VIP Lounge e Voli</strong><br>Resta aggiornato su promozioni riguardanti i parcheggi ufficiali dell’Aeroporto, la VIP Lounge e sui voli in partenza da Bologna.
</div>
</div>
</div>
<hr aria-hidden="true">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Informazioni" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Informazioni su nuove tratte in partenza da Bologna</strong><br>Scopri in anteprima le tratte che potrai raggiungere con volo diretto da Bologna.
</div>
</div>
</div>
<hr aria-hidden="true">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Programmazione eventi" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Programmazione eventi</strong><br>Ricevi le news riguardanti gli eventi esclusivi all’interno della Marconi Business Lounge.
</div>
</div>
</div>
</div>
<form class="c-form">
<label for="email-newsletter" class="" aria-label="">
Indirizzo e-mail <span class="required-marker" aria-hidden="true">*</span>
<input id="email-newsletter" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="">
</label>
<input type="checkbox" id="agree-privacy" name="privacy" class="u-visuallyhidden " role="group" aria-label="agree-privacy">
<label for="agree-privacy" class="">
Ho letto e accettato <a href="#"><strong>l'informativa sulla privacy</strong></a>
</label> <button type="submit" class="c-button c-button--submit c-button--large">
Iscríviti
</button>
</form>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<script src="../../js/footer.min.js"></script>
<script>
flatpickr.localize(flatpickr.l10ns.it);
flatpickr(".js-flatpickr", {
dateFormat: "d F Y"
});
</script>
{{#extend "@template-master--checkout"}}
{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header--progress" header merge=true }}
{{/content}}
{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}
{{!-- MAIN --}}
{{#content "main"}}
<header data-accompanied data-success data-centered>
<img src="{{ path '/images/svgs/Checked-120px.svg' }}" alt="Volo acquistato" aria-hidden="true" width="80">
<div>
<h1>La tua prenotazione è stata <strong>pagata</strong></h1>
<p>
La prenotazione n° <strong>86796</strong> del 10/09/2017 è stata confermata.<br/>
Ti abbiamo inviato la conferma alla tua email <strong>mario.rossi@mail.com</strong><br/>
Puoi <a href=""><strong>gestire la prenotazione</strong></a> nella tua area riservata
</p>
</div>
</header>
<form action="{{ path '/components/preview/page-payment' }}" class="c-form">
{{ render "@product--mbl-recap" }}
<div class="o-flexgrid o-flexgrid--antipodes u-px-space-24">
<div class="o-flexgrid__item">
<p class="u-typo-level-2 u-color-text-100">Metodo di pagamento: <strong>Carta di credito</strong></p>
</div>
<div class="o-flexgrid__item">
<p class="u-typo-level-2 u-color-text-100">Totale: <strong>175,60 €</strong></p>
</div>
</div>
</form>
<div grid="grid-full" class="u-bg-color-sky-10 u-p-space-24">
<div grid="grid vertical-center">
<div grid="5@xl">
<p class="u-color-night-100 u-typo-level-6">Rendi la tua esperienza perfetta, acquista ora a <strong>prezzo scontato</strong></p>
</div>
<div grid="6@xl offset-7@xl">
{{ render "@addon--parking" }}
</div>
</div>
</div>
<div grid="grid" class="u-mt-space-64">
<div grid="3@lg">
<h2 class="u-typo-level-6 u-color-night-100">Dati prenotazione</h2>
{{> @user-data--raw-recap recap-booking }}
<h2 class="u-typo-level-6 u-color-night-100 u-mt-space-64">Dati di fatturazione</h2>
{{> @user-data--raw-recap recap-billing }}
</div>
<div grid="8@lg offset-5@lg">
<h2 class="u-typo-level-6 u-color-night-100 u-mb-space-24">Informazioni utili</h2>
<h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100">In caso di sosta prolungata</h3>
<p class="u-mt-space-16">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
</p>
<h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100 u-mt-space-64">Come richiedere la fattura per la sosta</h3>
<p class="u-mt-space-16">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
</p>
<h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100 u-mt-space-64">Ubicazione presidio parcheggi</h3>
<p class="u-mt-space-16">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
</p>
</div>
</div>
{{ render "@dialog--online-payment-methods" dialog-online-payment-methods merge=true }}
{{ render "@dialog--offline-payment-methods" dialog-offline-payment-methods merge=true }}
{{/content}}
{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
flatpickr.localize(flatpickr.l10ns.it);
flatpickr(".js-flatpickr", {
dateFormat: "d F Y"
});
</script>
{{/content}}
{{/extend}}
{
"template-main-class": "",
"header": {
"toolbarProgress": {
"moleculeProgress": {
"current-step": 4,
"steps": [
{
"text": "Inserisci i dati",
"status": "data-step-complete"
},
{
"text": "Servizi aggiuntivi",
"status": "data-step-complete"
},
{
"text": "Pagamento",
"status": "data-step-complete"
},
{
"text": "Ricevi conferma",
"status": "data-step-current"
}
]
}
}
},
"recap-booking": {
"modifier": "c-user-data--raw",
"items": [
{
"icon": {
"symbol": "ic-person-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "Mario Rossi"
},
{
"icon": {
"symbol": "ic-email-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "mario.rossi@gmail.com"
},
{
"icon": {
"symbol": "ic-call-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "+39 333 12 34 567"
}
]
},
"recap-billing": {
"modifier": "c-user-data--raw",
"items": [
{
"icon": {
"symbol": "ic-person-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "Mario Rossi"
},
{
"text": "<strong>Tangible Srl SB</strong>"
},
{
"text": "Via del Triumvirato, 46 - 47890 Rimini, Rn"
},
{
"text": "<strong>P.iva / Cod fis.</strong> 03130760246 / 03130760246"
}
]
}
}
No notes defined.