<a href="#maincontent" class="c-skip-navigation">Passa al contenuto principale</a>
<header class="c-header ">
<div class="c-header__inner">
<div class="c-header_orientation">
<div class="c-orientation ">
<div class="c-orientation__inner">
<div class="c-orientation__utilities">
<div class="c-menu c-menu--download-app">
<input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
<label for="toggle" data-opens-menu>
<span>Entra in MyBLQ</span>
<img src="../../images/svgs/stk_generic-user.svg" alt="" role="presentation" aria-hidden="true" width="32">
<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">
<p class="c-menu__title">Accedi alla tua area riservata</p>
<p class="c-menu__paragraph">Ci scusiamo, in questo momento l'Aeroporto di Bologna è in stato di emergenza e non è possibile accedere alla MyBLQ dal sito web</p>
<strong class="c-menu__invite">Accedi a MyBLQ scaricando l'app ufficiale</strong>
<div class="c-menu__img">
<a href="#">
<img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
</a>
<a href="#">
<img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
</a>
</div>
<p class="c-menu__notice"><strong>Stai cercando una prenotazione?</strong>Se non puoi scaricare l'app ufficiale, prova a controllare nella tua casella di posta, tra le mail in entrata troverai sicuramente la mail di conferma prenotazione che ti abbiamo inviato il giorno in cui hai effettuato la prenotazione.</p>
</div>
</div>
<div class="c-languages__dropdown">
<input type="checkbox" id="checkbox_language_toggle" class="c-languages__switch">
<label for="checkbox_language_toggle">
it
<svg class="c-icon c-icon--24 chevron--up">
<use xlink:href="#ic_arrow_drop_up_black_24px"></use>
</svg> <svg class="c-icon c-icon--24 chevron--down">
<use xlink:href="#ic_arrow_drop_down_black_24px"></use>
</svg>
<ul class="c-languages__dropdown-content" aria-label="Seleziona la lingua del sito">
<li>
<a href="#" aria-label="Inglese">eng</a>
</li>
</ul>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="c-header__toolbar">
<div class="c-toolbar">
<div class="c-toolbar__inner">
<div class="c-toolbar__left">
<a href="/components/preview/page-home-travel--default" class="c-toolbar__logo">
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
<a href="/components/preview/page-home-travel--default" class="c-toolbar__logo c-toolbar__logo--innovability">
<img src="../../images/svgs/logo-innovability.svg" class="c-logo c-logo--innovability" alt="Homepage aeroporto di Bologna">
</a>
</div>
<div class="c-toolbar__center" aria-hidden="true">
<div class="c-header__shortcuts" aria-hidden="true">
<div class='c-navigation-shortcuts'>
<ul class='c-navigation-shortcuts__simple'>
<li class=" ">
<a href="/components/preview/page-home-travel--emergency" class="" aria-label="Notizie in tempo reale">
<strong>Notizie in tempo reale</strong>
<span></span>
</a>
</li>
<li class=" ">
<a href="/components/preview/page-arrivals-departures--emergency" class="" aria-label="Arrivi e partenze">
<strong>Arrivi e partenze</strong>
<span></span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="c-toolbar__right">
<a class="c-toolbar__assistance" href="../preview/page-home-assistenze.html">
<span class="u-visuallyhidden">Assistenze speciali</span>
<img src="../../images/svgs/icon_ special_assistance_24px.svg" class="prm-icon" alt="">
</a>
<div class="c-menu">
<input type="checkbox" role="button" aria-haspopup="true" id="mtoggle" class="u-visuallyhidden">
<label for="mtoggle" data-opens-menu>
<img src="../../images/svgs/stk_generic-user-white.svg" alt="" role="presentation" aria-hidden="true" width="24">
</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>
<button type="button" class="c-button c-toolbar__icon is-clickable js-fr-dialogmodal-open" aria-label="Cerca nel sito" aria-controls="dialog-search">
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_search_black_24px"></use>
</svg>
</button>
<div class="c-notifications ">
<button type="button" class="c-notifications__button has-indicator js-toggleNotificationsBtn" aria-expanded="false" aria-label="Notifiche" aria-controls="aria-notifications">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_notifications_active_black_24px"></use>
</svg>
<p class="c-notifications__indicator" aria-hidden="true">2</p>
</button>
<div class="c-notifications__box is-narrow has-indicator js-notificationsBox" aria-live="polite" id="aria-notifications">
<div class="c-notifications__head">
<div class="c-notifications__title">
Centro notifiche
</div>
<button type="button" class="c-notifications__closeBtn js-toggleNotificationsBtn" aria-expanded="false" aria-label="Chiudi" aria-controls="aria-notifications">
Chiudi <svg class="c-icon c-icon--16">
<use xlink:href="#ic_close_black_24px"></use>
</svg>
</button>
</div>
<ul class="c-notifications__list">
<li class="important not-read">
<span class="c-notifications__title">Lorem ipsum dolor sit amet</span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="not-read">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<p>Prevista forte nevicata il 5 Dicembre dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="c-toolbar__emergency-nav">
<ul>
<li><a href="#">Notizie in tempo reale</a></li>
<li><a href="#">Arrivi e partenze</a></li>
</ul>
</div>
<div class="c-dialog c-dialog--search js-fr-dialogmodal " id="dialog-search">
<div class="js-fr-dialogmodal-modal">
<div role="document">
<div class="c-expanded-search ">
<form class="c-expanded-search__searchWrapper c-form">
<label for="search-field" class=" has-button" aria-label="">
Cerca nel sito
<input id="search-field" type="text" class="js-combobox " placeholder="" value="" aria-describedby="search-field-note" list="search-destinations" data-combobox-prefix-class="combobox" data-combobox-case-sensitive="no" data-combobox-search-option="containing" data-combobox-help-text="Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti." data-suggestion-single="C'è " data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti" data-combobox-see-more-text="Guarda più risultati">
<button type="submit" class="c-button c-button--submit c-button--searchIcon " aria-label="Avvia la ricerca">
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_search_black_24px"></use>
</svg> </button>
<datalist id="search-destinations">
<option value="Check in A">
<option value="Check in B">
<option value="Check in C">
<option value="Accettazione">
<option value="Cafè">
<option value="Bagagli">
<option value="Bar centrale">
</datalist>
<p class="c-field__note " id="search-field-note">
Scrivi ciò che vuoi cercare es: <strong>arrivi</strong>, <strong>bagagli</strong>, <strong>VIP lounge</strong>, etc …
</p>
</label>
<p class="c-expanded-search__search-flight">
<a href="../preview/page-arrivals-departures--default.html">Stai cercando un volo?→</a>
</p>
<div class="c-search-suggestions">
<h3>Potrebbero esserti utili</h3>
<ul class="c-search-suggestions__list">
<li class="c-search-suggestions__item">
<a href="#">Ultimi aggiornamenti covid <span aria-hidden="true">→</span></a>
</li>
<li class="c-search-suggestions__item">
<a href="#">Parcheggia in aeroporto <span aria-hidden="true">→</span></a>
</li>
<li class="c-search-suggestions__item">
<a href="#">Contatti e supporto <span aria-hidden="true">→</span></a>
</li>
<li class="c-search-suggestions__item">
<a href="#">Fast track <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</form>
<button type="button" class="c-expanded-search__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
Chiudi
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div role="menu" data-menu-origin="top" class="c-header__primary-navigation">
<nav class="c-primary-navigation">
<ul class="c-site-areas c-primary-navigation__areas" aria-hidden="false">
<li>
<a href="/components/preview/page-home-travel--default.html" class="is-active">Viaggiare</a>
</li>
<li>
<a href="/components/preview/page-society-home.html">Società</a>
</li>
<li>
<a href="/components/preview/page-investor-home.html">Investor relations</a>
</li>
<li>
<a href="/components/preview/papage-innovability-home.html">Innovability</a>
</li>
</ul>
<ul class="c-primary-navigation__biz">
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Voli</strong>
<span>Orari, destinazioni e info</span>
</p>
<ul class="sub-level">
<p class="sub-title">Vola da Bologna</p>
<li>
<a href="/components/preview/page-arrivals-departures--default">Arrivi e partenze</a>
</li>
<li>
<a href="/components/preview/page-flights-buy-flight">Acquisto Volo</a>
</li>
<li>
<a href="/components/preview/page-flights-landing-destinations">Destinazioni</a>
</li>
<li>
<a href="/components/preview/page-flight-companies">Le nostre compagnie aeree</a>
</li>
<li>
<a href="/components/preview/page-tickets-phone">Biglietteria telefonica</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Prepara il tuo viaggio</p>
<li>
<a href="/components/preview/page-routes-luggage">Bagagli</a>
</li>
<li>
<a href="/components/preview/page-routes-documents">Documenti</a>
</li>
<li>
<a href="#">Fast Track</a>
</li>
<li>
<a href="#">Viaggi e Covid-19</a>
</li>
<li>
<a href="/components/preview/page-parkings-home">Prenota un parcheggio</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Controlli in aeroporto</p>
<li>
<a href="#">Controlli in partenza</a>
</li>
<li>
<a href="#">Controlli in arrivo</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Parcheggi</strong>
<span>Soste brevi e lunghe</span>
</p>
<ul class="sub-level">
<p class="sub-title">Parcheggia per volare</p>
<li>
<a href="/components/preview/page-parkings-home">Acquista parcheggi</a>
</li>
<li>
<a href="/components/preview/page-meet-greet">Soste brevi</a>
</li>
<li>
<a href="/components/preview/page-where-to-pay">Come e dove pagare</a>
</li>
<li>
<a href="/components/preview/page-rates-conventions">Tariffe e convenzioni</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Passeggeri a ridotta mobilità</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Parcheggia e raggiungi la città</p>
<li>
<a href="#">Park & Mex</a>
</li>
<li>
<a href="/components/preview/page-transports-mex">Marconi Express</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>In aeroporto</strong>
<span>Lounge, shopping e servizi</span>
</p>
<ul class="sub-level">
<p class="sub-title">Lounge e Servizi Premium</p>
<li>
<a href="/components/preview/page-lounge">MBL VIP Lounge</a>
</li>
<li>
<a href="/components/preview/page-youfirst">Youfirst</a>
</li>
<li>
<a href="/components/preview/page-area-meeting">Meeting area</a>
</li>
<li>
<a href="/components/preview/page-fitness">Palestre</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Negozi e Ristoranti</p>
<li>
<a href="/components/preview/page-shopping-listing">Fashion & Style</a>
</li>
<li>
<a href="/components/preview/page-shopping-listing">General stores</a>
</li>
<li>
<a href="/components/preview/page-shopping-listing">Bar</a>
</li>
<li>
<a href="/components/preview/page-shopping-listing">Ristoranti</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Servizi</p>
<li>
<a href="/components/preview/page-home-customer-care">Bagagli Smarriti</a>
</li>
<li>
<a href="/components/preview/page-home-customer-care">Cambio valuta</a>
</li>
<li>
<a href="/components/preview/page-home-customer-care">Tutti i servizi al passeggero</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Da e per l’aeroporto</strong>
<span>Trasporti pubblici e auto</span>
</p>
<ul class="sub-level">
<p class="sub-title">Trasporti pubblici da e per BLQ</p>
<li>
<a href="/components/preview/page-transports-bus">Bus</a>
</li>
<li>
<a href="/components/preview/page-transports-taxi">Taxi</a>
</li>
<li>
<a href="/components/preview/page-transports-mex">Navetta Marconi Express</a>
</li>
<li>
<a href="/components/preview/page-transports-train">Treni</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Auto e trasporti privati</p>
<li>
<a href="/components/preview/page-transports-car">Arrivare con l’auto</a>
</li>
<li>
<a href="/components/preview/page-transports-rent-car">Noleggio auto</a>
</li>
<li>
<a href="/components/preview/page-transports-rent-car">Noleggio con conducente</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Necessità particolari</strong>
<span>Accessibilità, Famiglie, Animali</span>
</p>
<ul class="sub-level">
<p class="sub-title">Assistenze speciali</p>
<li>
<a href="/components/preview/page-routes-prm">Modalità di richiesta assistenza</a>
</li>
<li>
<a href="/components/preview/page-routes-prm-airport">Arrivo in aeroporto</a>
</li>
<li>
<a href="/components/preview/page-routes-prm-services">Servizi dedicati</a>
</li>
<li>
<a href="/components/preview/page-routes-prm-rights">Diritti e qualità del servizio</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Autismo</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Sordità - Servizio Tellis</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Famiglie e minori</p>
<li>
<a href="/components/preview/page-home-assistenze">In aeroporto</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Minori che viaggiano da soli</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Animali al seguito</p>
<li>
<a href="/components/preview/page-routes-animals">Regole per il trasporto</a>
</li>
<li>
<a href="/components/preview/page-routes-animals-ue">Paesi U.E.</a>
</li>
<li>
<a href="/components/preview/page-routes-animals-xue">Paesi Extra U.E.</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="c-primary-navigation__remote">
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_flight_takeoff_black_24px"></use>
</svg> <span>Arrivi e partenze</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-parking-sign-24px"></use>
</svg> <span>Prenota parcheggio</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_weekend_black_24px"></use>
</svg> <span>Prenota LOUNGE</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-marconi-express-24px"></use>
</svg> <span>Treni per centro città</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_help_black_24px"></use>
</svg> <span>Hai bisogno di aiuto?</span>
</a>
</div>
<div class="c-primary-navigation__utils">
<ul class="c-languages" aria-label="Seleziona la lingua del sito">
<li>
<a href="#" aria-label="ita">
<img src="../../images/svgs/flag_it.svg" class="c-language__img" alt="Lingua italiana" aria-hidden="true" />
ita
</a>
</li>
<li>
<a href="#" aria-label="eng">
<img src="../../images/svgs/flag_en.svg" class="c-language__img" alt="English language" aria-hidden="true" />
eng
</a>
</li>
</ul>
<a class="c-primary-navigation__assistance " href="../preview/page-home-assistenze.html">
Lavora con noi
</a>
</div>
</nav>
</div>
</header>
<div class='c-overlay'></div>
<main role="main" class="c-main--home-emergency" id="maincontent">
<div class="c-superhero c-superhero--mask c-superhero--emergency " style="background-image: url(../../images/superhero-home-4.jpg)">
<img src="/images/svgs/stk_lutto.svg" alt="Aeroporto chiuso per lutto" aria-hidden="true">
<h1 class="">Aeroporto di Bologna chiuso per lutto</h1>
<h2>Rimani aggiornato in tempo reale sulla situazione</h2>
</div>
<div class="l-travel-home__core">
<div class="l-travel-home__banner l-travel-home__banner--stop">
<h2 class="title">Notizie in tempo reale</h2>
<div class="c-canvas c-canvas--content-template">
<div class="c-canvas__report">
<div class="c-canvas__report-item">
<span>comunicato</span>
<h3>12:00 Lorem ipsum</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="c-canvas__report-item">
<span>comunicato</span>
<h3>12:00 Lorem ipsum</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="c-canvas__report-item">
<span>comunicato</span>
<h3>12:00 Lorem ipsum</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="c-canvas__report-item">
<span>comunicato</span>
<h3>12:00 Lorem ipsum</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="u-mt-space-128">
<div class="c-app-banner " aria-label="">
<div class="c-app-banner__inner">
<div class="c-app-banner__image">
<img class="c-app-banner__image--desktop" src="../../images/phone.png" alt="">
<img class="c-app-banner__image--mobile" src="../../images/phone-mobile.png" alt="">
</div>
<div class="c-app-banner__row">
<div class="c-app-banner__title">
<p>Porta BLQ sempre con te</p>
</div>
<div class="c-app-banner__links">
<p>Scarica l'app</p>
<ul>
<li>
<a href="#">
<img src="../../images/svgs/badge_appstore_it.svg" alt="Scarica su App Store" height="40">
</a>
</li>
<li>
<a href="#">
<img src="../../images/svgs/Google_Play_Store_badge_IT.svg" alt="Disponibile su Google Play" height="40">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<footer class="c-footer c-footer--emergency ">
<div class='c-footer__inner'>
<div class="c-copyright">
<div class="c-copyright__logo">
<a href="" class="">
<img src="../../images/svgs/logo-adb-white.svg" class="c-logo" alt="Homepage aeroporto di Bologna" />
</a>
</div>
<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>
</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.notifications();
$.tangible.formFlights();
</script>
{{#extend "@template-master--assistance"}}
{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header--emergency" header merge=true }}
{{/content}}
{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}
{{!-- MAIN --}}
{{#content "main"}}
{{ render "@superhero--emergency" superhero }}
<div class="l-travel-home__core">
<div class="l-travel-home__banner l-travel-home__banner--stop">
<h2 class="title">{{{ hero.caption }}}</h2>
<div class="c-canvas c-canvas--content-template">
<div class="c-canvas__report">
{{#each report-content }}
<div class="c-canvas__report-item">
<span>{{{ report-tag }}}</span>
<h3>{{{ report-title }}}</h3>
<p>
{{{ report-paragraph }}}
</p>
</div>
{{/each}}
</div>
</div>
</div>
</div>
{{/content}}
{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
$.tangible.shortcutNavigation();
$.tangible.notifications();
$.tangible.formFlights();
</script>
{{/content}}
{{/extend}}
{
"name": "default",
"template-main-class": "c-main--home-emergency",
"home-it": true,
"superhero": {
"bg-path": "/images/superhero-home-4.jpg",
"modifier": "c-superhero--emergency ",
"h1": "Aeroporto di Bologna chiuso per lutto",
"h2": "Rimani aggiornato in tempo reale sulla situazione",
"sticker": {
"img-src": "/images/svgs/stk_lutto.svg",
"img-alt": "Aeroporto chiuso per lutto"
}
},
"flightform": [
{
"componentName": "@list-search--inline",
"componentInstance": {
"modifier": "c-list-search--inline c-list-search--center",
"inputComponentName": "@autocomplete",
"inputComponentInstance": {
"label_id": "text-field",
"label_message": "Cerca volo",
"label_class": null,
"atom-input": {
"id": "text-field",
"type": "text",
"class": null,
"required": false,
"hasNote": true,
"describedby": "text-note"
},
"autocomplete": {
"datalist-id": "search-destinations",
"prefix-class": "combobox",
"case-sensitive": "no",
"search-option": "containing",
"help-text": "Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti.",
"options": [
{
"value": "Dubai (EMIRATI ARABI)"
},
{
"value": "Roma (ITALIA)"
},
{
"value": "New York Ny (STATI UNITI)"
},
{
"value": "Parigi (FRANCIA)"
},
{
"value": "Berlino (GERMANIA)"
},
{
"value": "Londra (REGNO UNITO)"
}
]
},
"note_id": "text-note",
"note_message": "Inserisci la città, n° volo o compagnia aerea",
"note_class": ""
},
"hasSubmitButton": true,
"submitButtonModifier": "c-button--adding",
"search-icon": {
"class": "c-icon c-icon--18 ",
"symbol": "ic_search_black_24px"
},
"hasExtra": false
}
}
],
"parking-form-dialog": {
"id": "dialog-parking-form",
"dialog-labelledby": "title",
"title": "Hai una convenzione?",
"paragraph": "Cerca nella lista e scopri il vantaggio sulle tariffe",
"entrance-date": {
"label_id": "entrance-date",
"label_message": "Entrata",
"label_class": "is-datepicker",
"screen-reader-text": "Scegli la data",
"atom-input": {
"id": "entrance-date",
"type": "date",
"class": null,
"placeholder": "Scegli la data",
"required": true,
"hasNote": true,
"describedby": "entrance-date-note"
},
"note_id": "entrance-date-note",
"note_message": "Seleziona la data di entrata al parcheggio",
"note_class": ""
},
"entrance-time": {
"label_id": "entrance-time",
"label_message": "Ore",
"label_class": null,
"atom-select": {
"id": "entrance-time",
"class": null,
"required": true,
"hasNote": true,
"describedby": "entrance-time-note",
"placeholder": "00:00",
"options": [
{
"value": "option-1",
"text": "20:00"
},
{
"value": "option-2",
"text": "20:15"
},
{
"value": "option-3",
"text": "20:30"
},
{
"value": "option-4",
"text": "20:45"
}
]
},
"note_id": "entrance-time-note",
"note_message": "Seleziona l'ora di ingresso al parcheggio",
"note_class": ""
},
"exit-date": {
"label_id": "exit-date",
"label_message": "Uscita",
"label_class": "is-datepicker",
"screen-reader-text": "Scegli la data",
"atom-input": {
"id": "exit-date",
"type": "date",
"class": null,
"placeholder": "Scegli la data",
"required": true,
"hasNote": true,
"describedby": "exit-date-note"
},
"note_id": "exit-date-note",
"note_message": "Seleziona la data di uscita dal parcheggio",
"note_class": ""
},
"exit-time": {
"label_id": "exit-time",
"label_message": "Ore",
"label_class": null,
"atom-select": {
"id": "exit-time",
"class": null,
"required": true,
"hasNote": true,
"describedby": "exit-time-note",
"placeholder": "00:00",
"options": [
{
"value": "option-1",
"text": "20:00"
},
{
"value": "option-2",
"text": "20:15"
},
{
"value": "option-3",
"text": "20:30"
},
{
"value": "option-4",
"text": "20:45"
}
]
},
"note_id": "exit-time-note",
"note_message": "Seleziona l'ora di uscita dal parcheggio",
"note_class": ""
},
"select-conventions": {
"label_id": "select-conventions",
"label_message": "Convenzione:",
"label_class": "",
"atom-select": {
"id": "select-conventions",
"class": "",
"required": false,
"hasNote": true,
"describedby": "select-conventions-note",
"placeholder": "Hai una convenzione?",
"options": [
{
"value": "option-1",
"text": "Alba Tour"
},
{
"value": "option-2",
"text": "Alpitour"
},
{
"value": "option-3",
"text": "Brixia Viaggi"
},
{
"value": "option-4",
"text": "Club Med"
},
{
"value": "option-5",
"text": "Domina Travel"
},
{
"value": "option-6",
"text": "In Viaggi"
},
{
"value": "option-7",
"text": "Marsupio Group"
},
{
"value": "option-8",
"text": "Smeg S.p.A."
},
{
"value": "option-9",
"text": "Viaggi Idea"
}
]
},
"note_id": "select-conventions-note",
"note_message": "Seleziona un'opzione dal menù a tendina",
"note_class": ""
},
"file-number": {
"label_id": "file-number",
"label_message": "Numero pratica",
"label_class": "",
"atom-input": {
"id": "file-number",
"type": "text",
"class": "",
"placeholder": "es. AA46923757",
"required": false,
"hasNote": true,
"describedby": "file-number-note"
},
"note_id": "file-number-note",
"note_message": "Inserisci il numero di pratica della convenzione",
"note_class": ""
},
"submit": {
"name": "submit",
"type": "submit",
"text": "Cerca parcheggio",
"modifier": "c-button--submit c-button--large"
}
},
"relevant-banner": {
"modifier": "c-carousel--gallery c-carousel--equalH c-carousel--relevantBanner",
"items": [
{
"componentName": "@showcase--full",
"componentInstance": {
"bg-path": "/images/showcase-tbilisi.jpg",
"title": "Abbiamo un nuovo parcheggio",
"subtitle": "Prova il P5 da <strong>9,00€ al giorno!</strong>",
"logo": false,
"link": {
"text": "Scopri di più",
"url": "#",
"modifier": "c-showcase__link",
"svg": true
}
}
},
{
"componentName": "@showcase--full",
"componentInstance": {
"bg-path": "/images/showcase-russia.jpg",
"title": "Titolo banner 2",
"subtitle": "",
"logo": null,
"link": {
"text": "Scopri di più",
"url": "#",
"modifier": "c-showcase__link",
"svg": true
}
}
},
{
"componentName": "@showcase--full",
"componentInstance": {
"bg-path": "/images/showcase-russia.jpg",
"title": "Titolo banner 3",
"subtitle": "Sottotitolo banner 3",
"logo": null,
"link": {
"text": "Scopri di più",
"url": "#",
"modifier": "c-showcase__link",
"svg": true
}
}
}
]
},
"highlight-emergency": {
"modifier": "c-highlight--composite c-highlight--emergency c-highlight--grid",
"sticker": {
"img-src": "/images/svgs/stk_covid.svg",
"img-alt": "Info Covid-19"
},
"title": "Covid-19 | Viaggia informato",
"text": "<p><strong>IN EVIDENZA</strong>: Ultimi aggiornamenti. <a href=\"\">Leggi di più →</a></p>",
"text2": "<p><strong>APPROFONDIMENTI</strong>: La gestione dell'emergenza e le nostre azioni per il futuro. <a href=\"\">Leggi di più →</a></p>"
},
"btnDiscoverDestinations": {
"type": "button",
"text": "Scopri le destinazioni",
"modifier": "",
"url": "/components/preview/page-flights-landing-destinations",
"svg": {
"symbol": "ic_chevron_right_black_24px",
"class": "svg-24"
}
},
"destination-banner": {
"modifier": "c-carousel--gallery c-carousel--equalH c-carousel--destinations",
"items": [
{
"componentName": "@showcase",
"componentInstance": {
"bg-path": "/images/showcase-tbilisi.jpg",
"title": "Vola a Tbilisi",
"subtitle": "Voli diretti, due volte alla settimana con <strong>Georgian Airways</strong>",
"logo": {
"path": "/images/georgian-airways.png",
"alt": "Georgian airways"
},
"link": {
"text": "Scopri di più",
"url": "/components/preview/page-flights-destination",
"modifier": "",
"svg": true
}
}
},
{
"componentName": "@showcase",
"componentInstance": {
"bg-path": "/images/showcase-russia.jpg",
"title": "Vola in Russia",
"subtitle": "Nuovi voli per la Russia",
"logo": null,
"link": {
"text": "Scopri di più",
"url": "/components/preview/page-flights-destination",
"modifier": "",
"svg": true
}
}
},
{
"componentName": "@showcase",
"componentInstance": {
"bg-path": "/images/showcase-china.jpg",
"title": "Vola in Cina",
"subtitle": "Voli charter per la Cina",
"logo": null,
"link": {
"text": "Scopri di più",
"url": "/components/preview/page-flights-destination",
"modifier": "",
"svg": true
}
}
}
]
},
"destinations-highlight": {
"modifier": "c-carousel--destinations c-carousel--fullwidth c-carousel--zoom",
"aria-label-title": "Ecco le destinazioni migliori",
"items": [
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/swissair.png",
"company-of-the-month": false
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Amsterdam",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/easyJet.gif",
"company-of-the-month": false
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Zurich",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/swissair.png",
"company-of-the-month": false
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/swissair.png",
"company-caption": "SwissAir compagnia del mese",
"company-of-the-month": true
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/vueling-VY.png",
"company-of-the-month": false
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/swissair.png",
"company-caption": "AirSwiss compagnia del mese",
"company-of-the-month": true
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/logo-fr.png",
"company-of-the-month": false
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/swissair.png",
"company-caption": "SwissAir compagnia del mese",
"company-of-the-month": true
}
}
}
]
},
"innovability": {
"modifier": "c-carousel--destinations c-carousel--fullwidth c-carousel--zoom",
"aria-label-title": "Ecco le destinazioni migliori",
"items": [
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
},
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
},
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
},
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
},
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
},
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
}
]
},
"shopping-bg-path": "/images/bg-servizi-cut.jpg",
"bus": {
"img-path": "/images/bus-booking.jpg",
"img-alt": "Prenota un autobus",
"text": "Prenota la tua corsa! <strong>Tariffe vantaggiose</strong>. <a href=\"#\">Scopri tutti i collegamenti attivi</a>.",
"title": "Prenota un autobus",
"cta": {
"modifier": "",
"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": "",
"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": "",
"text": "Prenota",
"url": "#",
"svg": true
}
},
"emergency": true,
"header": {
"modifier": "",
"emergency-menu": {
"chinese_site_nav": {
"list": [
{
"second_level": [
{
"text": "Notizie in tempo reale",
"url": "#",
"class": "is-active"
},
{
"text": "Arrivi e partenze",
"url": "#"
}
]
}
]
}
}
},
"hero": {
"pagetitle": "Aeroporto di Bologna chiuso per lutto",
"subtitle": "Rimani aggiornato in tempo reale sulla situazione",
"caption": "Notizie in tempo reale",
"sticker": {
"img-src": "/images/svgs/stk_lutto.svg",
"img-alt": "Aeroporto chiuso per lutto"
}
},
"report-content": [
{
"report-tag": "comunicato",
"report-title": "12:00 Lorem ipsum",
"report-paragraph": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit."
},
{
"report-tag": "comunicato",
"report-title": "12:00 Lorem ipsum",
"report-paragraph": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit."
},
{
"report-tag": "comunicato",
"report-title": "12:00 Lorem ipsum",
"report-paragraph": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit."
},
{
"report-tag": "comunicato",
"report-title": "12:00 Lorem ipsum",
"report-paragraph": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit."
}
]
}
$travel-home-background-pos-size: 50%;
.l-travel-home__core {
position: relative;
grid-column: full;
background: #fff;
display: flex;
flex-wrap: wrap;
flex-direction: column;
z-index: $zIndex-2;
}
.l-travel-home__core > * {
z-index: 10;
}
// .l-travel-home__core--chinese {
// background-color: transparent;
// @include min-screen(bp(tablet-p)) {
// background-color: primary(night, 100);
// }
// }
// .l-travel-home__pagetitle {
// text-align: center;
// grid-column: innermain;
// grid-area: pagetitle;
// color: primary(night, 100);
// margin-top: remify(128px);
// margin-bottom: remify(16px);
// @include min-screen(bp(tablet)) {
// font-size: 250%; // 40px
// }
// .c-main--home-emergency & {
// margin-bottom: 0;
// }
// }
// .l-travel-home__pagetitle--no-margin {
// margin-bottom: 0;
// }
// .l-travel-home__subtitle {
// text-align: center;
// grid-column: innermain;
// color: #fff;
// margin-bottom: remify(16px);
// font-size: 100%;
// @include min-screen(bp(tablet)) {
// font-size: 150%;
// }
// }
.l-travel-home__conversion,
.l-travel-home__billboards {
grid-column: full;
max-width: 100%;
padding: remify(16px);
@include min-screen(bp(tablet-p)) {
padding: 0;
}
}
.l-travel-home__conversion {
@include min-screen(bp(tablet-p)) {
order: 1;
.c-tablist {
margin-top: remify(-75px);
}
}
}
.l-travel-home__billboards {
background-color: primary(sky, 10);
padding: remify(24px) remify(16px) remify(96px);
margin-bottom: remify(24px);
text-align: center;
@include min-screen(bp(tablet-p)) {
margin-bottom: remify(64px);
order: 2;
.c-billboards {
max-width: remify($base-page-width);
margin: 0 auto;
}
}
}
.l-travel-home__banner {
max-width: remify(1130px);
margin-left: auto;
margin-right: auto;
width: 100%;
grid-column: full;
.title,
.subtitle {
text-align: center;
color: primary(night, 100);
a {
color: currentColor;
}
}
.title {
font-size: 125%;
line-height: 1.4;
margin-bottom: remify(8px);
@include min-screen(bp(tablet)) {
font-size: 200%;
line-height: 1.5;
}
.c-main--home-emergency & {
margin: remify(24px) 0;
}
}
.subtitle {
margin-bottom: remify(16px);
@include min-screen(bp(tablet)) {
font-size: 125%;
line-height: 1.4;
margin-bottom: remify(32px);
}
}
.mobile-hidden {
display: none;
@include min-screen(bp(tablet)) {
display: inline-block;
}
}
}
.l-travel-home__banner--stop {
// order: 3;
}
.l-travel-home__banner--relevant {
margin-top: remify(16px);
max-width: remify(1030px);
position: relative;
z-index: 1;
@include min-screen(bp(tablet)) {
margin-bottom: remify(56px);
}
}
.l-travel-home__banner--shopping {
grid-column: full;
max-width: 100%;
background-color: #fff;
background-repeat: no-repeat;
background-size: contain;
background-position: right top;
padding: remify(48px) remify(16px) remify(56px);
position: relative;
z-index: 1;
text-align: center;
margin-bottom: remify(48px);
&.has-mask:before {
content: '';
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
z-index: 2;
background: linear-gradient(180deg, #FFFFFF 39%, #EAF2FB 135.82%, #F4F4F4 144.03%);
@include min-screen(bp(tablet-p)) {
background: transparent url(../../images/svgs/superhero-mask-wide.svg) no-repeat right 14vw top;
background-size: cover;
}
}
.c-starting-grid {
position: relative;
z-index: 3;
}
}
.l-travel-home__organize {
text-align: center;
h2 {
@include font-scale(level-4, bold);
margin-bottom: remify(32px);
}
.o-adjacent__item {
margin-bottom: remify(16px);
}
.c-logo--innovability {
width: remify(118px);
margin-bottom: remify(24px);
}
}
.l-travel-home__chess {
grid-column: main;
margin-bottom: remify(54px);
h2 {
text-align: center;
font-size: 125%;
line-height: 1.4;
margin-bottom: remify(24px);
@include min-screen(bp(tablet)) {
font-size: 200%;
line-height: 1.5;
}
}
}
.l-travel-home__pax-guide {
grid-column: innermain;
margin-top: remify(16px);
@include min-screen(bp(tablet)) {
margin-top: 0;
}
}
.l-travel-home__partner-billboards {
grid-column: innermain;
.l-travel-home__core--chinese & {
margin-bottom: 0;
}
}
.l-travel-home__grid-board {
grid-column: innermain;
padding: 0;
@include min-screen(bp(phone-l)) {
padding: 0;
}
@include min-screen(bp(tablet)) {
padding: remify(120px) 0 0;
}
@include min-screen(bp(tablet-p)) {
max-width: remify(1130px);
margin-left: auto;
margin-right: auto;
padding: 0 0 remify(60px);
}
}
.l-travel-home__sticker {
display: block;
margin: 0 auto;
}
No notes defined.