<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="5" aria-valuenow="3" aria-valuetext="Step 3 di 5: ">
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Scegli il volo</a>
</li>
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Dati dei passeggeri</a>
</li>
<li class="c-progress__step " data-step-current>
<a href="" data-extra-text="">Dati di pagamento</a>
</li>
<li class="c-progress__step " data-step-incomplete>
<a href="" data-extra-text="">Preventivo</a>
</li>
<li class="c-progress__step " data-step-incomplete>
<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'>
<div grid="grid" class="u-pt-space-64 o-sticky-container">
<div grid="4@lg offset-8@lg last@lg" class="o-sticky--mobile">
<div class="c-cart__stickywrapper u-sticky u-sticky--top">
<div class="c-cart ">
<input type="checkbox" id="cart-toggle" name="cart-toggle" class="u-visuallyhidden u-chkbx-toggle" aria-controls="cart-toggle-expanded" aria-label="Espandi per le informazioni del volo" role="switch">
<div class="c-cart__minimal">
<div class="c-cart__minimal-pass">
<div class="c-cart__passengers">
<svg class="c-icon c-icon--12">
<use xlink:href="#ic-passenger"></use>
</svg> 1 passeggero
</div>
<label for="cart-toggle" class='c-cart__toggle c-cart__toggle--open'>
Più dettagli
</label>
</div>
<div class="c-cart__minimal-price">
<div class="c-cart__price">
350,18 €
<button type="button" class="btn-open-bill js-fr-dialogmodal-open" aria-controls="dialog-bill-detail" aria-label="Vedi il dettaglio del costo">
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_info_black_24px"></use>
</svg> </button>
</div>
<div class="c-cart__netprice">prezzo di partenza 128,90 €</div>
</div>
</div>
<div class="c-cart__expanded u-chkbx-toggleReceiver" id="cart-toggle-expanded">
<div class="c-cart__class-label"><span class="c-rounded-label c-rounded-label--dark c-rounded-label--small" aria-label="">
Economy
</span></div>
<div class="c-cart__title">Stai acquistando</div>
<div class='c-cart__routes'>
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>Andata</strong>
<span class="c-route__date">Martedì, 07 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 94</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Blq</strong>
<strong class='c-airport-info__time'>15:35</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>4h 15min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__label'>
<span>
1 scalo
</span>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>23:30</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
</div>
</div>
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>Ritorno</strong>
<span class="c-route__date">Martedì, 14 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 94</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>15:35</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>3h 25min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__label'>
<span>
Volo diretto
</span>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Blq</strong>
<strong class='c-airport-info__time'>23:30</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
</div>
</div>
</div>
<div class='c-cart__addons'>
<ul>
<li class="c-cart__addon">
<div class="c-cart__addon-name"><strong>Bicicletta</strong> x1</div>
<div class="c-cart__addon-price"><strong>Tariffa aggiuntiva</strong></div>
</li>
<li class="c-cart__addon">
<div class="c-cart__addon-name"><strong>Chitarra</strong> x1</div>
<div class="c-cart__addon-price"><strong>Tariffa aggiuntiva</strong></div>
</li>
</ul>
<p class="c-cart__addons-disclaimer">
Le spese di servizi aggiuntivi sul viaggio, verranno calcolate nel totale durante la fase di <strong>preventivo</strong>.
</p>
</div>
<div class='c-cart__total'>
<div class="c-cart__features">
<ul class="c-icon-list" aria-label="Caratteristiche di questa prenotazione">
<li class="c-icon-list__item c-icon-list__item--disabled">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-no-euro-symbol-24px"></use>
</svg> <span class="c-icon-list__text">Non rimborsabile</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-euro-symbol-24px"></use>
</svg> <span class="c-icon-list__text">Rimborsabile</span>
</li>
<li class="c-icon-list__item c-icon-list__item--disabled">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_no_edit_black_24px"></use>
</svg> <span class="c-icon-list__text">Non Modificabile</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_mode_edit_black_24px"></use>
</svg> <span class="c-icon-list__text">Modificabile</span>
</li>
</ul>
</div>
<div class="c-cart__digit">
<div class="c-cart__price">
350,18 €
<button type="button" class="btn-open-bill js-fr-dialogmodal-open" aria-controls="dialog-bill-detail" aria-label="Vedi il dettaglio del costo">
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_info_black_24px"></use>
</svg> </button>
</div>
<div class="c-cart__passengers"><svg class="c-icon c-icon--12">
<use xlink:href="#ic-passenger"></use>
</svg> 1 passeggero</div>
<div class="c-cart__netprice">prezzo di partenza 128,90 €</div>
</div>
</div>
<div class='c-cart__footer'>
<label for="cart-toggle" class='c-cart__toggle c-cart__toggle--close'>
Meno dettagli
</label>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--bill-detail " id="dialog-bill-detail">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-bill-detail-title">
<div role="document">
<p class="c-dialog__title" id="dialog-bill-detail-title" aria-hidden="true">Dettaglio del costo</p>
<table width="100%">
<tr>
<td class="desc">Costo per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Tasse per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale per tutti i passeggeri:</td>
<td class="price">
<p><strong>€ 120,00</strong></p>
</td>
</tr>
<tr>
<td class="desc">Spese di agenzia:</td>
<td class="price">
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale:</td>
<td class="price">
<p><strong>€ 790,00</strong></p>
</td>
</tr>
</table>
<div class="u-mt--medium">
<p class="clean"><small><strong>Andata BLQ - DXB:</strong> Non incluso bagaglio da stiva</small></p>
<p class="clean"><small><strong>Ritorno DXB - BLQ:</strong> bagaglio da stiva incluso</small></p>
</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 grid="6@lg">
<div class="o-flexgrid o-flexgrid--antipodes">
<div class="o-flexgrid__item">
<h1 class="u-typo-level-6 u-color-night-100">Inserisci i dati di pagamento</h1>
</div>
<div class="o-flexgrid__item">
<p class="u-typo-level-1 u-color-night-80"><sup>*</sup>campi obbligatori</p>
</div>
</div>
<form class="c-form u-mt-space-32 u-mt-space-64@md">
<div><input type="radio" id="private-payment" name="payment-type" value="private-payment" class=" u-visuallyhidden">
<label class="" for="private-payment">Pagamento come privato</label>
</div>
<div class="u-mt-space-8"><input type="radio" id="company-payment" name="payment-type" value="company-payment" class=" u-visuallyhidden">
<label class="" for="company-payment">Pagamento come azienda / libero professionista</label>
</div>
<fieldset class="u-mt-space-32">
<legend>Dati dell'acquirente</legend>
<div grid="grid">
<div grid="6@sm"><label for="select-title" class="" aria-label="">
Titolo <span class="required-marker" aria-hidden="true">*</span>
<select id="select-title" class="" aria-describedby="select-title-note">
<option value="" disabled selected></option>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<em class="c-field__note " id="select-title-note">
Seleziona il titolo
</em>
</label></div>
</div>
<div grid="grid 6@sm">
<div><label for="input-name" class="" aria-label="">
Nome <span class="required-marker" aria-hidden="true">*</span>
<input id="input-name" type="text" class="" placeholder="" value="" aria-describedby="input-name-note">
<p class="c-field__note " id="input-name-note">
Inserisci il nome
</p>
</label>
</div>
<div><label for="input-surname" class="" aria-label="">
Cognome <span class="required-marker" aria-hidden="true">*</span>
<input id="input-surname" type="text" class="" placeholder="" value="" aria-describedby="input-surname-note">
<p class="c-field__note " id="input-surname-note">
Inserisci il cognome
</p>
</label>
</div>
</div>
<div grid="grid 6@sm 4@md">
<div><label for="phone-field" class="" aria-label="">
Numero di telefono <span class="required-marker" aria-hidden="true">*</span>
<input id="phone-field" type="phone" class="" placeholder="" value="" aria-describedby="phone-note">
<p class="c-field__note " id="phone-note">
Aggiungi prefisso internazionale
</p>
</label>
</div>
<div><label for="select-nationality" class="" aria-label="">
Nazionalità <span class="required-marker" aria-hidden="true">*</span>
<select id="select-nationality" class="" aria-describedby="select-nationality-note">
<option value="" disabled selected></option>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<em class="c-field__note " id="select-nationality-note">
Seleziona la tua nazione
</em>
</label></div>
<div><label for="select-nation" class="" aria-label="">
Nazione <span class="required-marker" aria-hidden="true">*</span>
<select id="select-nation" class="" aria-describedby="select-nation-note">
<option value="" disabled selected></option>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<em class="c-field__note " id="select-nation-note">
Seleziona la tua nazione
</em>
</label></div>
</div>
<div grid="grid">
<div grid="12"><label for="fiscal-code-field" class="" aria-label="">
Codice fiscale <span class="required-marker" aria-hidden="true">*</span>
<input id="fiscal-code-field" type="text" class="" placeholder="" value="" aria-describedby="fiscal-code-note">
<p class="c-field__note " id="fiscal-code-note">
Se non conosci il tuo codice fiscale, <a href="#">costruiscilo qua</a>
</p>
</label>
</div>
<div grid="12"><label for="address-field" class="" aria-label="">
Indirizzo e numero civico <span class="required-marker" aria-hidden="true">*</span>
<input id="address-field" type="text" class="" placeholder="" value="" aria-describedby="address-note">
<p class="c-field__note " id="address-note">
Scrivi il tuo indirizzo per esteso
</p>
</label>
</div>
</div>
<div grid="grid">
<div grid="6@sm 4@md"><label for="select-region" class="" aria-label="">
Provincia <span class="required-marker" aria-hidden="true">*</span>
<select id="select-region" class="" aria-describedby="select-region-note">
<option value="" disabled selected></option>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<em class="c-field__note " id="select-region-note">
Seleziona la tua provincia
</em>
</label></div>
<div grid="6@sm"><label for="select-town" class="" aria-label="">
Comune <span class="required-marker" aria-hidden="true">*</span>
<select id="select-town" class="" aria-describedby="select-town-note">
<option value="" disabled selected></option>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<em class="c-field__note " id="select-town-note">
Seleziona il tuo comune
</em>
</label></div>
<div grid="6@sm 2@md"><label for="cap-field" class="" aria-label="">
CAP <span class="required-marker" aria-hidden="true">*</span>
<input id="cap-field" type="text" class="" placeholder="" value="" aria-describedby="cap-note">
<p class="c-field__note " id="cap-note">
CAP di residenza
</p>
</label>
</div>
</div>
</fieldset>
<div class="u-mt-space-32 u-mt-space-56@md">
<h2 class="u-typo-level-6 u-color-night-100">Metodo di pagamento</h2>
<div class="u-mt-space-24" grid="grid 6@sm 4@md">
<div class="c-selection c-selection">
<div class="c-selection__img-block">
<img class="c-selection__img" src="/images/svgs/visa.svg" alt="Visa">
</div>
<div class="c-selection__text">
Visa
</div>
<input class="c-selection__radio u-visuallyhidden" type="radio" name="payment-method" id="payment-method-1-48">
<label class="c-selection__label" for="payment-method-1-48">
<span class="u-visuallyhidden">Visa</span>
</label>
<div class="c-selection__input"></div>
</div>
<div class="c-selection c-selection">
<div class="c-selection__img-block">
<img class="c-selection__img" src="/images/svgs/mastercard.svg" alt="Master Card">
</div>
<div class="c-selection__text">
Master Card
</div>
<input class="c-selection__radio u-visuallyhidden" type="radio" name="payment-method" id="payment-method-2-48">
<label class="c-selection__label" for="payment-method-2-48">
<span class="u-visuallyhidden">Master Card</span>
</label>
<div class="c-selection__input"></div>
</div>
<div class="c-selection c-selection">
<div class="c-selection__img-block">
<img class="c-selection__img" src="/images/svgs/amex.svg" alt="American Express">
</div>
<div class="c-selection__text">
American Express
</div>
<input class="c-selection__radio u-visuallyhidden" type="radio" name="payment-method" id="payment-method-3-7">
<label class="c-selection__label" for="payment-method-3-7">
<span class="u-visuallyhidden">American Express</span>
</label>
<div class="c-selection__input"></div>
</div>
</div>
<div grid="grid" class="u-mt-space-36">
<div grid="12"><label for="credit-card-number-field" class="" aria-label="">
Numero carta <span class="required-marker" aria-hidden="true">*</span>
<input id="credit-card-number-field" type="text" class="" placeholder="" value="" aria-describedby="credit-card-number-note">
<p class="c-field__note " id="credit-card-number-note">
Inserisci il numero della carta
</p>
</label>
</div>
<div grid="12"><label for="credit-card-owner-field" class="" aria-label="">
Intestata a <span class="required-marker" aria-hidden="true">*</span>
<input id="credit-card-owner-field" type="text" class="" placeholder="" value="" aria-describedby="credit-card-owner-note">
<p class="c-field__note " id="credit-card-owner-note">
Inserisci il nome e cognome dell’intestatario/a della carta
</p>
</label>
</div>
<div grid="6@sm"><label for="credit-card-expiration-field" class="is-datepicker" aria-label="">
Data di scadenza <span class="required-marker" aria-hidden="true">*</span>
<input id="credit-card-expiration-field" type="date" class="js-flatpickr flatpickr-input" placeholder="" value="" aria-describedby="credit-card-expiration-note">
<p class="c-field__note " id="credit-card-expiration-note">
Inserisci la data di scadenza
</p>
</label>
</div>
<div grid="6@sm"><label for="cvc-field" class="" aria-label="">
CVC <span class="required-marker" aria-hidden="true">*</span>
<input id="cvc-field" type="text" class="" placeholder="" value="" aria-describedby="cvc-note">
<p class="c-field__note " id="cvc-note">
codice numerico di 3 o 4 cifre che si trova sul retro della carta
</p>
</label>
</div>
</div>
</div>
<div class="u-mt-space-24">
<div class="c-tip">
<p class="c-tip__text">Importante: Per garantirti maggior sicurezza durante i tuoi pagamenti online e nel rispetto di quanto richiesto dalla normativa “Strong Customer Authentication e PSD2”, al prossimo step potrebbe essere richiesta la validazione 3D-secure della carta di credito scelta.</p>
</div>
</div>
<div class="u-mt-space-32 u-mt-space-56@md">
<h2 class="u-typo-level-6 u-color-night-100 u-mb-space-24">Condizioni generali</h2>
<input type="checkbox" id="general-conditions" name="general-conditions" class="u-visuallyhidden " role="group" aria-label="general-conditions">
<label for="general-conditions" class="">
Ho letto e accetto le condizioni generali di contratto e, vista l'informativa della privacy, presto il consenso al trattamento dei miei dati personali (ex art. 23 del d.lgs. n.196/03)<span class="required-marker" aria-hidden="true"> *</span>
</label>
</div>
<div class="u-mt-space-48 u-mt-space-64@md">
<button type="submit" class="c-button c-button--submit c-button--elastic">
Prosegui con il preventivo
</button>
</div>
</form>
</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", {
plugins: [
new monthSelectPlugin({
shorthand: false, //defaults to false
dateFormat: "m / Y", //defaults to "F Y"
})
]
});
</script>
{{#extend "@template-master--checkout"}}
{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header--progress" header merge=true }}
{{/content}}
{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}
{{!-- MAIN --}}
{{#content "main"}}
<div grid="grid" class="u-pt-space-64 o-sticky-container">
<div grid="4@lg offset-8@lg last@lg" class="o-sticky--mobile">
{{ render "@cart--flights" cart merge=true }}
</div>
<div grid="6@lg">
<div class="o-flexgrid o-flexgrid--antipodes">
<div class="o-flexgrid__item">
<h1 class="u-typo-level-6 u-color-night-100">Inserisci i dati di pagamento</h1>
</div>
<div class="o-flexgrid__item">
<p class="u-typo-level-1 u-color-night-80"><sup>*</sup>campi obbligatori</p>
</div>
</div>
<form class="c-form u-mt-space-32 u-mt-space-64@md">
<div>{{> @radiobutton radio-payment-1 }}</div>
<div class="u-mt-space-8">{{> @radiobutton radio-payment-2 }}</div>
{{!-- DATI ACQUIRENTE --}}
<fieldset class="u-mt-space-32">
<legend>Dati dell'acquirente</legend>
<div grid="grid">
<div grid="6@sm">{{ render "@select" select-title merge=true }}</div>
</div>
<div grid="grid 6@sm">
<div>{{> @input input-name }}</div>
<div>{{> @input input-surname }}</div>
</div>
<div grid="grid 6@sm 4@md">
<div>{{> @input input-phone }}</div>
<div>{{ render "@select" select-nationality merge=true }}</div>
<div>{{ render "@select" select-nation merge=true }}</div>
</div>
<div grid="grid">
<div grid="12">{{> @input input-fiscal-code }}</div>
<div grid="12">{{> @input input-address }}</div>
</div>
<div grid="grid">
<div grid="6@sm 4@md">{{ render "@select" select-region merge=true }}</div>
<div grid="6@sm">{{ render "@select" select-town merge=true }}</div>
<div grid="6@sm 2@md">{{> @input input-cap }}</div>
</div>
</fieldset>
{{!-- METODO DI PAGAMENTO --}}
<div class="u-mt-space-32 u-mt-space-56@md">
<h2 class="u-typo-level-6 u-color-night-100">Metodo di pagamento</h2>
<div class="u-mt-space-24" grid="grid 6@sm 4@md">
{{#each payment-methods }}
{{> @selection }}
{{/each}}
</div>
<div grid="grid" class="u-mt-space-36">
<div grid="12">{{> @input input-credit-card-number }}</div>
<div grid="12">{{> @input input-credit-card-owner }}</div>
<div grid="6@sm">{{> @input--date input-credit-card-expiration }}</div>
<div grid="6@sm">{{> @input input-cvc }}</div>
</div>
</div>
<div class="u-mt-space-24">
{{> @tip tip }}
</div>
<div class="u-mt-space-32 u-mt-space-56@md">
<h2 class="u-typo-level-6 u-color-night-100 u-mb-space-24">Condizioni generali</h2>
{{> @checkbox checkbox-general-conditions }}
</div>
<div class="u-mt-space-48 u-mt-space-64@md">
{{> @button btn-proceed }}
</div>
</form>
</div>
</div>
{{/content}}
{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
flatpickr.localize(flatpickr.l10ns.it);
flatpickr(".js-flatpickr", {
plugins: [
new monthSelectPlugin({
shorthand: false, //defaults to false
dateFormat: "m / Y", //defaults to "F Y"
})
]
});
</script>
{{/content}}
{{/extend}}
{
"template-main-class": "",
"header": {
"toolbarProgress": {
"showUser": true,
"moleculeProgress": {
"current-step": 3,
"steps": [
{
"text": "Scegli il volo",
"status": "data-step-complete"
},
{
"text": "Dati dei passeggeri",
"status": "data-step-complete"
},
{
"text": "Dati di pagamento",
"status": "data-step-current"
},
{
"text": "Preventivo",
"status": "data-step-incomplete"
},
{
"text": "Ricevi conferma",
"status": "data-step-incomplete"
}
]
}
}
},
"cart": {
"cartCta": {
"show": false
}
},
"radio-payment-1": {
"id": "private-payment",
"name": "payment-type",
"value": "private-payment",
"text": "Pagamento come privato"
},
"radio-payment-2": {
"id": "company-payment",
"name": "payment-type",
"value": "company-payment",
"text": "Pagamento come azienda / libero professionista"
},
"select-title": {
"label_id": "select-title",
"label_message": "Titolo",
"atom-select": {
"id": "select-title",
"required": true,
"hasNote": true,
"describedby": "select-title-note",
"placeholder": null
},
"note_id": "select-title-note",
"note_message": "Seleziona il titolo",
"note_class": null
},
"input-name": {
"label_id": "input-name",
"label_message": "Nome",
"label_class": "",
"atom-input": {
"id": "input-name",
"type": "text",
"required": true,
"hasNote": true,
"describedby": "input-name-note"
},
"note_id": "input-name-note",
"note_message": "Inserisci il nome"
},
"input-surname": {
"label_id": "input-surname",
"label_message": "Cognome",
"label_class": "",
"atom-input": {
"id": "input-surname",
"type": "text",
"required": true,
"hasNote": true,
"describedby": "input-surname-note"
},
"note_id": "input-surname-note",
"note_message": "Inserisci il cognome"
},
"input-phone": {
"label_id": "phone-field",
"label_message": "Numero di telefono",
"label_class": "",
"atom-input": {
"id": "phone-field",
"type": "phone",
"required": true,
"hasNote": true,
"describedby": "phone-note"
},
"note_id": "phone-note",
"note_message": "Aggiungi prefisso internazionale "
},
"select-nationality": {
"label_id": "select-nationality",
"label_message": "Nazionalità",
"atom-select": {
"id": "select-nationality",
"required": true,
"hasNote": true,
"describedby": "select-nationality-note",
"placeholder": null
},
"note_id": "select-nationality-note",
"note_message": "Seleziona la tua nazione",
"note_class": null
},
"select-nation": {
"label_id": "select-nation",
"label_message": "Nazione",
"atom-select": {
"id": "select-nation",
"required": true,
"hasNote": true,
"describedby": "select-nation-note",
"placeholder": null
},
"note_id": "select-nation-note",
"note_message": "Seleziona la tua nazione",
"note_class": null
},
"input-fiscal-code": {
"label_id": "fiscal-code-field",
"label_message": "Codice fiscale",
"label_class": "",
"atom-input": {
"id": "fiscal-code-field",
"type": "text",
"required": true,
"hasNote": true,
"describedby": "fiscal-code-note"
},
"note_id": "fiscal-code-note",
"note_message": "Se non conosci il tuo codice fiscale, <a href=\"#\">costruiscilo qua</a>"
},
"input-address": {
"label_id": "address-field",
"label_message": "Indirizzo e numero civico",
"label_class": "",
"atom-input": {
"id": "address-field",
"type": "text",
"required": true,
"hasNote": true,
"describedby": "address-note"
},
"note_id": "address-note",
"note_message": "Scrivi il tuo indirizzo per esteso"
},
"select-region": {
"label_id": "select-region",
"label_message": "Provincia",
"atom-select": {
"id": "select-region",
"required": true,
"hasNote": true,
"describedby": "select-region-note",
"placeholder": null
},
"note_id": "select-region-note",
"note_message": "Seleziona la tua provincia",
"note_class": null
},
"select-town": {
"label_id": "select-town",
"label_message": "Comune",
"atom-select": {
"id": "select-town",
"required": true,
"hasNote": true,
"describedby": "select-town-note",
"placeholder": null
},
"note_id": "select-town-note",
"note_message": "Seleziona il tuo comune",
"note_class": null
},
"input-cap": {
"label_id": "cap-field",
"label_message": "CAP",
"label_class": "",
"atom-input": {
"id": "cap-field",
"type": "text",
"required": true,
"hasNote": true,
"describedby": "cap-note"
},
"note_id": "cap-note",
"note_message": "CAP di residenza"
},
"payment-methods": [
{
"modifier": "c-selection",
"text": "Visa",
"img": {
"src": "/images/svgs/visa.svg",
"alt": "Visa"
},
"input": {
"id": "payment-method-1",
"name": "payment-method"
}
},
{
"modifier": "c-selection",
"text": "Master Card",
"img": {
"src": "/images/svgs/mastercard.svg",
"alt": "Master Card"
},
"input": {
"id": "payment-method-2",
"name": "payment-method"
}
},
{
"modifier": "c-selection",
"text": "American Express",
"img": {
"src": "/images/svgs/amex.svg",
"alt": "American Express"
},
"input": {
"id": "payment-method-3",
"name": "payment-method"
}
}
],
"input-credit-card-number": {
"label_id": "credit-card-number-field",
"label_message": "Numero carta",
"label_class": "",
"atom-input": {
"id": "credit-card-number-field",
"type": "text",
"required": true,
"hasNote": true,
"describedby": "credit-card-number-note"
},
"note_id": "credit-card-number-note",
"note_message": "Inserisci il numero della carta"
},
"input-credit-card-owner": {
"label_id": "credit-card-owner-field",
"label_message": "Intestata a",
"label_class": "",
"atom-input": {
"id": "credit-card-owner-field",
"type": "text",
"required": true,
"hasNote": true,
"describedby": "credit-card-owner-note"
},
"note_id": "credit-card-owner-note",
"note_message": "Inserisci il nome e cognome dell’intestatario/a della carta"
},
"input-credit-card-expiration": {
"label_id": "credit-card-expiration-field",
"label_message": "Data di scadenza",
"label_class": "is-datepicker",
"atom-input": {
"id": "credit-card-expiration-field",
"type": "date",
"class": "js-flatpickr flatpickr-input",
"required": true,
"hasNote": true,
"describedby": "credit-card-expiration-note"
},
"note_id": "credit-card-expiration-note",
"note_message": "Inserisci la data di scadenza"
},
"input-cvc": {
"label_id": "cvc-field",
"label_message": "CVC",
"label_class": "",
"atom-input": {
"id": "cvc-field",
"type": "text",
"required": true,
"hasNote": true,
"describedby": "cvc-note"
},
"note_id": "cvc-note",
"note_message": "codice numerico di 3 o 4 cifre che si trova sul retro della carta"
},
"tip": {
"text": "Importante: Per garantirti maggior sicurezza durante i tuoi pagamenti online e nel rispetto di quanto richiesto dalla normativa “Strong Customer Authentication e PSD2”, al prossimo step potrebbe essere richiesta la validazione 3D-secure della carta di credito scelta."
},
"checkbox-general-conditions": {
"id": "general-conditions",
"name": "general-conditions",
"text": "Ho letto e accetto le condizioni generali di contratto e, vista l'informativa della privacy, presto il consenso al trattamento dei miei dati personali (ex art. 23 del d.lgs. n.196/03)",
"required": "true"
},
"btn-proceed": {
"modifier": "c-button--submit c-button--elastic",
"type": "submit",
"text": "Prosegui con il preventivo"
}
}
No notes defined.