<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-complete>
<a href="" data-extra-text="">Dati di pagamento</a>
</li>
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Preventivo</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="c-main--flight-payed" 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>Il tuo volo è stato <strong>acquistato</strong></h1>
<p>
Il biglietto elettronico ti verrà inviato sulla tua mail <strong>mario.rossi@mail.com</strong>
</p>
</div>
</header>
<div grid="grid">
<div grid="10@lg offset-2@lg">
<div class="c-addon c-addon--discounts u-elevation-high">
<div class="intro-text">
<p><strong>Per ringraziarti,</strong> tre sconti dedicati a te!</p><a href="#">Scopri come utilizzarli →</a>
</div>
<ul class="list">
<li>
<img src="../../images/svgs/stk_bracket-mbl-5.svg" aria-hidden="true" alt="">
<div>
<p class="value">-50%</p>
<p class="text">sui parcheggi dell'Aeroporto</p>
</div>
</li>
<li>
<img src="../../images/svgs/stk_bracket-mbl-3.svg" aria-hidden="true" alt="">
<div>
<p class="value">-20%</p>
<p class="text">sull'ingresso Vip Lounge</p>
</div>
</li>
<li>
<img src="../../images/svgs/stk_bracket-shopping-bag.svg" aria-hidden="true" alt="">
<div>
<p class="value">-10%</p>
<p class="text">sui negozi selezionati dell'Aeroporto</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div grid="grid 12" class="u-mt-space-48 no-gap">
<div class="c-flight-product ">
<div class="c-flight-product__info">
<div class="c-flight-product__labels">
<span class="c-rounded-label " aria-label="">
Codice di prenotazione: <strong>1102935</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="">
Economy
</span>
</div>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>ANDATA</strong> - 13/05/2018
<span class="c-route__date"></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>
6h 45min totali
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></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>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>RITORNO</strong> - 19/05/2018
<span class="c-route__date"></span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 95</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'>9:00</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
<div class='c-flight-stops'>
<p>
6h 45min totali
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Blq</strong>
<strong class='c-airport-info__time'>13:20</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__actions">
<div class="actions-wrapper">
<div class="price">
<div>
<p>Andata/Ritorno - 1 passeggero</p>
<p>Servizi aggiuntivi esclusi</p>
</div>
<div>
<strong class="price__value">€ 350,18</strong>
</div>
</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 class="c-addon c-addon--modify">
<div class="c-addon__what">
<span>+ Imbarco prioritario</span>
x 1
</div>
<div class="c-addon__features">
<p>
</p>
</div>
<div class="c-addon__action">
Tariffa aggiuntiva
</div>
</div>
<div class="c-addon c-addon--modify">
<div class="c-addon__what">
<span>+ Equipaggiamento sportivo</span>
x 2
</div>
<div class="c-addon__features">
<p>
</p>
</div>
<div class="c-addon__action">
Tariffa aggiuntiva
</div>
</div>
</div>
<div class="c-total">
<span class="c-total__label">Totale:</span><span class="c-total__price">€ 390,18</span>
</div>
<div grid="grid">
<div grid="8@lg offset-3@lg">
<div class="c-highlight c-highlight--warning">
<strong>Presentati con almeno 3 ore di anticipo.</strong>
<p>Causa lavori ai controlli di sicurezza, si consiglia di arrivare in aeroporto con almeno 3 ore di anticipo rispetto all’orario di partenza del volo.</p>
<p>Per maggiori informazioni sui lavori di sviluppo infrastrutturale visita la <a href="#">sezione dedicata</a>.</p>
</div>
</div>
</div>
<div grid="grid" class="u-mt-space-40">
<div grid="6@lg">
<h2 class="u-typo-level-4 u-color-night-100">Riepilogo dei dati passeggeri</h2>
<div grid="grid 6@md">
<div class="c-user-data c-user-data--recap c-user-data--raw">
<div class="c-user-data__body">
<p class="c-user-data__title">1° Passeggero (Adulto)</p>
<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"><strong>Mario Rossi</strong></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>
<div class="c-user-data c-user-data--recap c-user-data--raw">
<div class="c-user-data__body">
<p class="c-user-data__title">2° Passeggero (Adulto)</p>
<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"><strong>Mario Rossi</strong></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>
<div class="c-user-data c-user-data--recap c-user-data--raw">
<div class="c-user-data__body">
<p class="c-user-data__title">3° Passeggero (Adulto)</p>
<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"><strong>Mario Rossi</strong></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>
<div class="c-user-data c-user-data--recap c-user-data--raw">
<div class="c-user-data__body">
<p class="c-user-data__title">4° Passeggero (Adulto)</p>
<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"><strong>Mario Rossi</strong></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>
<div class="c-user-data c-user-data--recap c-user-data--raw">
<div class="c-user-data__body">
<p class="c-user-data__title">5° Passeggero (Adulto)</p>
<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"><strong>Mario Rossi</strong></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>
<div class="c-user-data c-user-data--recap c-user-data--raw">
<div class="c-user-data__body">
<p class="c-user-data__title">6° Passeggero (Adulto)</p>
<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"><strong>Mario Rossi</strong></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>
</div>
</div>
<div grid="4@lg offset-9@lg">
<h2 class="u-typo-level-4 u-color-night-100">Dati di pagamento</h2>
<div class="u-mt-space-24">
<dl class="c-metadata">
<dt class="c-metadata__heading">
Tipo di Carta
</dt>
<dd class="c-metadata__description">
<img class="img" src="/images/svgs/visa.svg" alt="Visa">
4030 **** **** 3030
</dd>
</dl>
<dl class="c-metadata">
<dt class="c-metadata__heading">
Intestata a
</dt>
<dd class="c-metadata__description">
Mario Rossi
</dd>
</dl>
<dl class="c-metadata">
<dt class="c-metadata__heading">
Scadenza
</dt>
<dd class="c-metadata__description">
03/26
</dd>
</dl>
</div>
</div>
</div>
<div class="o-adjacent u-mt-space-80 u-mt-space-176@md">
<div class="o-adjacent__item">
<div class="c-response-msg o-response-msg ">
<img src="../../images/svgs/stk_modifica-prenotazione.svg" alt="Richiedi modifiche" />
<h2>Richiedi modifiche</h2>
<p class="o-response-msg__further-text">
<a href="#">Richiedi una modifica alla prenotazione</a>
</p>
</div>
</div>
<div class="o-adjacent__item">
<div class="c-response-msg o-response-msg ">
<img src="../../images/svgs/stk_aggiungi-bagaglio.svg" alt="Aggiungi un bagaglio" />
<h2>Aggiungi un bagaglio</h2>
<p class="o-response-msg__further-text">
<a href="#">Richiedi di aggiungere un bagaglio</a>
</p>
</div>
</div>
<div class="o-adjacent__item">
<div class="c-response-msg o-response-msg ">
<img src="../../images/svgs/personal-data.svg" alt="Gestisci le tue prenotazioni" />
<h2>Gestisci le tue prenotazioni</h2>
<p class="o-response-msg__further-text">
<a href="#">Vai al dettaglio della tua prenotazione</a>
</p>
</div>
</div>
</div>
<header>
<h1>Completa ora il tuo viaggio</h1>
</header>
<div class="o-adjacent">
<div class="o-adjacent__item">
<div class="c-card c-card--art c-card--linked ">
<div class="c-card__image">
<a href="#">
<img src="../../images/travel-insurance.jpg" alt="Assicurazione viaggio" height="240" class="shortest">
</a>
</div>
<div class="c-card__text">
<strong class="title">Parti senza pensieri</strong>
<p>Assicura il tuo viaggio con i nostri partner e parti senza pensieri. <strong>Offerte dedicate a te!</strong></p>
</div>
<div class="c-card__footer">
<a href="#" class="c-link c-link--primary">
<span>Prenota</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
<img src="/images/allianz-logo.png" alt="Allianz">
</div>
</div>
</div>
<div class="o-adjacent__item">
<div class="c-card c-card--art c-card--linked ">
<div class="c-card__image">
<a href="#">
<img src="../../images/booking-hotel.jpg" alt="Hotel per il viaggio" height="240" class="shortest">
</a>
</div>
<div class="c-card__text">
<strong class="title">Prenota un hotel</strong>
<p>Prenota il tuo albergo! <strong>Tariffe vantaggiose. Miglior prezzo garantito.</strong></p>
</div>
<div class="c-card__footer">
<a href="#" class="c-link c-link--primary">
<span>Prenota</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
<img src="/images/booking-logo.png" alt="Allianz">
</div>
</div>
</div>
<div class="o-adjacent__item">
<div class="c-card c-card--art c-card--linked ">
<div class="c-card__image">
<a href="#">
<img src="../../images/rent-car.jpg" alt="Noleggio auto" height="240" class="shortest">
</a>
</div>
<div class="c-card__text">
<strong class="title">Noleggia un'auto</strong>
<p>Prenota il tuo noleggio auto all'Aeroporto di Bologna o al tuo Aeroporto di destinazione <strong>al miglior prezzo garantito.</strong></p>
</div>
<div class="c-card__footer">
<a href="#" class="c-link c-link--primary">
<span>Prenota</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
<img src="/images/rentalcars-logo.png" alt="Allianz">
</div>
</div>
</div>
</div>
<header>
<h2>Riduci il tuo impatto ambientale</h2>
</header>
<div class="l-travel-home__organize o-adjacent">
<div class="o-adjacent__item is-lonely">
<div class="c-card c-card--art c-card--linked ">
<div class="c-card__image">
<a href="#">
<img src="../../images/footprint_c02.jpg" alt="La tua impronta ambientale" height="240" class="shortest">
</a>
</div>
<div class="c-card__text">
<strong class="title">La tua impronta ambientale</strong>
<p>Come Aeroporto di Bologna crediamo che sia importante collaborare per proteggere l'ambiente quando voliamo.</p>
</div>
<div class="c-card__footer">
<a href="#" class="c-link c-link--primary">
<span>Scopri di più</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
<img src="/images/logo_chooose.svg" alt="Chooose">
</div>
</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>
$.tangible.shortcutNavigation();
// $.tangible.navToolbar();
$('.c-carousel--flight-passengers .owl-carousel').owlCarousel({
loop: false,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer",
mouseDrag: false,
nav: true,
navText: ['<span class="u-visuallyhidden">Indietro</span><img src="/images/svgs/carousel-btn-prev.svg" alt="">', '<span class="u-visuallyhidden">Avanti</span><img src="/images/svgs/carousel-btn-next.svg" alt="">'],
navContainerClass: "c-carousel__nav",
navClass: ['prev-btn', 'next-btn'],
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
responsive: {
0: {
items: 1
}
}
});
</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>Il tuo volo è stato <strong>acquistato</strong></h1>
<p>
Il biglietto elettronico ti verrà inviato sulla tua mail <strong>mario.rossi@mail.com</strong>
</p>
</div>
</header>
<div grid="grid">
<div grid="10@lg offset-2@lg">
{{> @addon--discounts discounts }}
</div>
</div>
<div grid="grid 12" class="u-mt-space-48 no-gap">
{{> @flight-product--round-trip flight-item}}
{{> @addon--modify priority-boarding }}
{{> @addon--modify sports-equipment }}
</div>
{{> @total--default total }}
<div grid="grid">
<div grid="8@lg offset-3@lg">
{{> @highlight highlight-warning }}
</div>
</div>
<div grid="grid" class="u-mt-space-40">
<div grid="6@lg">
<h2 class="u-typo-level-4 u-color-night-100">Riepilogo dei dati passeggeri</h2>
<div grid="grid 6@md">
{{#each passengers }}
{{ render "@user-data--raw-recap" user-data merge=true }}
{{/each}}
</div>
</div>
<div grid="4@lg offset-9@lg">
<h2 class="u-typo-level-4 u-color-night-100">Dati di pagamento</h2>
<div class="u-mt-space-24">
{{#each metadatas }}
{{> @metadata }}
{{/each}}
</div>
</div>
</div>
<div class="o-adjacent u-mt-space-80 u-mt-space-176@md">
<div class="o-adjacent__item">
{{> @response-msg modify-reservation }}
</div>
<div class="o-adjacent__item">
{{> @response-msg add-baggage }}
</div>
<div class="o-adjacent__item">
{{> @response-msg manage-reservation }}
</div>
</div>
<header>
<h1>Completa ora il tuo viaggio</h1>
</header>
<div class="o-adjacent">
<div class="o-adjacent__item">
{{> @card--art-linked insurance }}
</div>
<div class="o-adjacent__item">
{{> @card--art-linked hotel }}
</div>
<div class="o-adjacent__item">
{{> @card--art-linked rent-car }}
</div>
</div>
<header >
<h2>Riduci il tuo impatto ambientale</h2>
</header>
<div class="l-travel-home__organize o-adjacent">
<div class="o-adjacent__item is-lonely">
{{> @card--art-linked footprint }}
</div>
</div>
{{/content}}
{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
$.tangible.shortcutNavigation();
// $.tangible.navToolbar();
$('.c-carousel--flight-passengers .owl-carousel').owlCarousel({
loop: false,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer",
mouseDrag: false,
nav: true,
navText: ['<span class="u-visuallyhidden">Indietro</span><img src="/images/svgs/carousel-btn-prev.svg" alt="">', '<span class="u-visuallyhidden">Avanti</span><img src="/images/svgs/carousel-btn-next.svg" alt="">'],
navContainerClass: "c-carousel__nav",
navClass: ['prev-btn','next-btn'],
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
responsive:{
0:{
items: 1
}
}
});
</script>
{{/content}}
{{/extend}}
{
"template-main-class": "c-main--flight-payed",
"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-complete"
},
{
"text": "Preventivo",
"status": "data-step-complete"
},
{
"text": "Ricevi conferma",
"status": "data-step-current"
}
]
}
}
},
"discounts": {
"modifier": "c-addon--discounts u-elevation-high",
"intro-text": "<p><strong>Per ringraziarti,</strong> tre sconti dedicati a te!</p><a href=\"#\">Scopri come utilizzarli →</a>",
"discounts": [
{
"discount-img": "/images/svgs/stk_bracket-mbl-5.svg",
"discount-value": "-50%",
"discount-text": "sui parcheggi dell'Aeroporto"
},
{
"discount-img": "/images/svgs/stk_bracket-mbl-3.svg",
"discount-value": "-20%",
"discount-text": "sull'ingresso Vip Lounge"
},
{
"discount-img": "/images/svgs/stk_bracket-shopping-bag.svg",
"discount-value": "-10%",
"discount-text": "sui negozi selezionati dell'Aeroporto"
}
]
},
"flight-item": {
"atom-rounded-label": [
{
"text": "Codice di prenotazione: <strong>1102935</strong>"
},
{
"text": "Economy",
"modifier": "c-rounded-label--dark"
}
],
"round": {
"route-label": "<strong>ANDATA</strong> - 13/05/2018",
"company-logo": "/images/flights-logos/alitalia.png",
"company-name": "Alitalia",
"flight-code": "EK 94",
"from": {
"airport-code": "Blq",
"airport-name": "<strong>Bologna</strong>, Guglielmo Marconi",
"time": "15:35"
},
"to": {
"airport-code": "Dxb",
"airport-name": "<strong>Dubai</strong>, International",
"time": "23:30"
},
"stops": {
"duration": "6h 45min totali",
"stops-number": null
},
"features": {
"aria-label": "Caratteristiche di questo volo",
"items": [
{
"icon": "ic-work-black-24px",
"text": "Bagaglio da stiva incluso"
},
{
"icon": "ic-baseline-airline-seat-recline-extra-24px",
"text": "Economy class"
}
]
}
},
"tag": null,
"price": {
"info": "Andata/Ritorno",
"extra": "Servizi aggiuntivi esclusi",
"passenger": "1 passeggero",
"value": "€ 350,18"
},
"trip": {
"route-label": "<strong>RITORNO</strong> - 19/05/2018",
"company-logo": "/images/flights-logos/alitalia.png",
"company-name": "Alitalia",
"flight-code": "EK 95",
"from": {
"airport-code": "Dxb",
"airport-name": "<strong>Dubai</strong>, International",
"time": "9:00"
},
"to": {
"airport-code": "Blq",
"airport-name": "<strong>Bologna</strong>, Guglielmo Marconi",
"time": "13:20"
},
"stops": {
"duration": "6h 45min totali",
"stops-number": null
},
"features": {
"aria-label": "Caratteristiche di questo volo",
"items": [
{
"icon": "ic-work-black-24px",
"text": "Bagaglio da stiva incluso"
},
{
"icon": "ic-baseline-airline-seat-recline-extra-24px",
"text": "Economy class"
}
]
}
}
},
"priority-boarding": {
"modifier": "c-addon--modify",
"addon-name": "+ Imbarco prioritario",
"addon-features-text": "x 1",
"addon-action-text": "Tariffa aggiuntiva"
},
"sports-equipment": {
"modifier": "c-addon--modify",
"addon-name": "+ Equipaggiamento sportivo",
"addon-features-text": "x 2",
"addon-action-text": "Tariffa aggiuntiva"
},
"total": {
"total-price": "€ 390,18"
},
"highlight-warning": {
"modifier": "c-highlight--warning",
"text": "<strong>Presentati con almeno 3 ore di anticipo.</strong><p>Causa lavori ai controlli di sicurezza, si consiglia di arrivare in aeroporto con almeno 3 ore di anticipo rispetto all’orario di partenza del volo.</p><p>Per maggiori informazioni sui lavori di sviluppo infrastrutturale visita la <a href=\"#\">sezione dedicata</a>.</p>"
},
"metadatas": [
{
"heading": "Tipo di Carta",
"description": {
"text": "4030 **** **** 3030",
"img": {
"src": "/images/svgs/visa.svg",
"alt": "Visa"
}
}
},
{
"heading": "Intestata a",
"description": {
"text": "Mario Rossi"
}
},
{
"heading": "Scadenza",
"description": {
"text": "03/26"
}
}
],
"passengers": [
{
"user-data": {
"title": "1° Passeggero (Adulto)"
}
},
{
"user-data": {
"title": "2° Passeggero (Adulto)"
}
},
{
"user-data": {
"title": "3° Passeggero (Adulto)"
}
},
{
"user-data": {
"title": "4° Passeggero (Adulto)"
}
},
{
"user-data": {
"title": "5° Passeggero (Adulto)"
}
},
{
"user-data": {
"title": "6° Passeggero (Adulto)"
}
}
],
"modify-reservation": {
"img-path": "/images/svgs/stk_modifica-prenotazione.svg",
"img-alt": "Richiedi modifiche",
"message": "Richiedi modifiche",
"further-text": "<a href=\"#\">Richiedi una modifica alla prenotazione</a>"
},
"add-baggage": {
"img-path": "/images/svgs/stk_aggiungi-bagaglio.svg",
"img-alt": "Aggiungi un bagaglio",
"message": "Aggiungi un bagaglio",
"further-text": "<a href=\"#\">Richiedi di aggiungere un bagaglio</a>"
},
"manage-reservation": {
"img-path": "/images/svgs/personal-data.svg",
"img-alt": "Gestisci le tue prenotazioni",
"message": "Gestisci le tue prenotazioni",
"further-text": "<a href=\"#\">Vai al dettaglio della tua prenotazione</a>"
},
"insurance": {
"img-path": "/images/travel-insurance.jpg",
"img-alt": "Assicurazione viaggio",
"text": "Assicura il tuo viaggio con i nostri partner e parti senza pensieri. <strong>Offerte dedicate a te!</strong>",
"title": "Parti senza pensieri",
"footer-pre-cta-content": "<img src=\"/images/allianz-logo.png\" alt=\"Allianz\">",
"cta": {
"modifier": "c-link--primary",
"text": "Prenota",
"url": "#",
"svg": true
}
},
"hotel": {
"img-path": "/images/booking-hotel.jpg",
"img-alt": "Hotel per il viaggio",
"text": "Prenota il tuo albergo! <strong>Tariffe vantaggiose. Miglior prezzo garantito.</strong>",
"title": "Prenota un hotel",
"footer-pre-cta-content": "<img src=\"/images/booking-logo.png\" alt=\"Allianz\">",
"cta": {
"modifier": "c-link--primary",
"text": "Prenota",
"url": "#",
"svg": true
}
},
"rent-car": {
"img-path": "/images/rent-car.jpg",
"img-alt": "Noleggio auto",
"text": "Prenota il tuo noleggio auto all'Aeroporto di Bologna o al tuo Aeroporto di destinazione <strong>al miglior prezzo garantito.</strong>",
"title": "Noleggia un'auto",
"footer-pre-cta-content": "<img src=\"/images/rentalcars-logo.png\" alt=\"Allianz\">",
"cta": {
"modifier": "c-link--primary",
"text": "Prenota",
"url": "#",
"svg": true
}
},
"footprint": {
"img-path": "/images/footprint_c02.jpg",
"img-alt": "La tua impronta ambientale",
"text": "Come Aeroporto di Bologna crediamo che sia importante collaborare per proteggere l'ambiente quando voliamo.",
"title": "La tua impronta ambientale",
"footer-pre-cta-content": "<img src=\"/images/logo_chooose.svg\" alt=\"Chooose\">",
"cta": {
"modifier": "c-link--primary",
"text": "Scopri di più",
"url": "#",
"svg": true
}
}
}
No notes defined.