CINXE.COM
Welcome to Zona Bus | ZonaBus
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--front.html.twig * html--node--21.html.twig * html--node--%.html.twig * html--node.html.twig x html.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/system/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="bcninfo" content="bcn_barra" data-version="9.0.3" /> <meta name="bcninfo" content="bcn_cms_stats" data-version="8.x-1.18" /> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-18508508-1"></script> <script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "UA-18508508-1", {"groups":"default","linker":{"domains":["www.zonabus.cat, www.pre.zonabus.cat"]},"anonymize_ip":true,"page_placeholder":"PLACEHOLDER_page_path"});</script> <link rel="canonical" href="https://zonabus.cat/en" /> <link rel="shortlink" href="https://zonabus.cat/en" /> <meta name="Generator" content="Drupal 9 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/zona_bus/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="alternate" hreflang="ca" href="https://zonabus.cat/" /> <link rel="alternate" hreflang="es" href="https://zonabus.cat/es" /> <link rel="alternate" hreflang="en" href="https://zonabus.cat/en" /> <title>Welcome to Zona Bus | ZonaBus</title> <link rel="stylesheet" media="all" href="https://www.barcelona.cat/assets/core/stylesheets/core.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_hv3cNFmkLymgR99j5iNlgYbUylCMOTlEdTh7Jqhi6Do.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_JzSACzEhZhnb8zdrWhmYCU3-Wv5sXDvfCGX4lehG8Ao.css" /> <link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" /> <script src="https://www.barcelona.cat/assets/core/javascripts/core.js"></script> <script type="text/javascript" charset="utf-8" src="https://w9.barcelona.cat/assets/core/javascripts/core.js"></script> <script type="text/javascript"> bcn.statistics({keys: ['UA-37677180-13'], tgm: true }); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P6QKTGL');</script> <!-- End Google Tag Manager --> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-culture="en" data-cbid="9713760d-3504-499f-8d7a-8044bd654dab" data-blockingmode="auto" type="text/javascript"></script> </script> <style> #CybotCookiebotDialogHeader {display: none !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails {display: none !important;} #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {padding: 0.4em !important;} @media screen and (min-width: 1280px) { #CybotCookiebotDialog *{color: #0072b7 !important;} #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {color: #FFFFFF !important;} #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {color: #FFFFFF !important;} #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {color:#0072b7 !important;} #CybotCookiebotDialog {border-top: 2px solid #0072b7 !important; border-radius: 0px !important; } #CybotCookiebotDialog input[type=checkbox] {color: #0072b7 !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {width: 127px !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {max-width: none !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {margin-right: 1em !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {margin-top: 35px !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBody {margin-block-end: -1em !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {margin-bottom: 0em !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent {margin-left: 0 !important;} #CybotCookiebotDialog.CybotEdge {padding: 10px !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {padding: 10px 20px !important; border: none !important; text-decoration: none !important; font-size: 12px !important; cursor: pointer !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {flex-direction: row-reverse !important;} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {padding: 0px 10px 0px 0px !important;} } #CybotCookiebotDialogPoweredByText {display: none !important;} #CybotCookiebotDialog {color: #0072b7 !important;} #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {background-color: #0072b7 !important; border-color: #0072b7 !important; color: #FFFFFF !important;} #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {background-color: #0072b7 !important; border-color: #0072b7 !important; color: #FFFFFF !important;} #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize {border-color: #ffea80 !important; background-color: #ffea80 !important; color: #0072b7 !important;} #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize .CybotCookiebotDialogArrow {border-color: #0072b7 !important;} #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {background-color: #ffea80 !important; border-color: #ffea80 !important; color: white !important;} #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {border-bottom: 1px solid #ffea80 !important; color: #0072b7 !important;} #CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {background-color: #ffea80 !important;} #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {background-color: #0072b7 !important;} #CybotCookiebotDialog button:before {border-color: #0072b7 !important;} #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {color: #0072b7 !important;} #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount) {color: #0072b7 !important;} #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {color: #0072b7 !important;} body.path-zonabus-map #CookiebotWidget, body.path-zonabus-map #CookiebotWidget *, body.path-zonabus-map #CookiebotWidget-logo {display: none !important;} #CookiebotWidget:not(.CookiebotWidget-open) button.CookiebotWidget-logo svg {height: 20px !important; width: 20px !important;} #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo svg {display: none !important;} #CookiebotWidget {min-height: 0px !important; min-width: 0px! important;} </style> <!-- Barcelona top bar assets --> <script type="text/javascript" charset="utf-8" src="https://w9.barcelona.cat/assets/core/javascripts/core.js"></script> </head> <body class="path-frontpage page-node-type-front-page has-glyphicons"> <!-- Barcelona bar --> <!-- NIRON_zona-bus2017_2024-04-26T08:32:17Z --> <header id="brand" alias="zona-bus2017" brand="zona-bus2017_2024-04-26T08:32:17Z" class="v2017 v2024 lang-en" data-cookiebot="manual" data-plausible="bcn0648" > <div class="bcnbrand-desktop"> <div class="bcnbrand-navs-container"> <nav class="bcnbrand-shortcuts" id="bcnbrand-shortcuts-nav" aria-hidden="true"> <h2 class="sr-only-bcn" id="header-menu-dreceres">barcelona.cat shortcuts</h2> <ul class="bcnbrand-list"> <li> <a target="_blank" href="https://ajuntament.barcelona.cat/en/" data-ga="Ajuntament"> <span class="bcnbrand-icon bcn-icon-ajuntament bcnbrand-circle bcnbrand-bg-purple" aria-hidden="true"></span> <span class="bcnbrand-link"> ajuntament.barcelona.cat </span> </a> </li> <li> <a target="_blank" href="https://meet.barcelona/en/" data-ga="Meet"> <span class="bcnbrand-icon bcn-icon-meet bcnbrand-circle bcnbrand-bg-yellow" aria-hidden="true"></span> <span class="bcnbrand-link"> meet.barcelona </span> </a> </li> </ul> <ul class="bcnbrand-list"> <li> <a target="_blank" href="https://www.barcelona.cat/infobarcelona/en/" data-ga="Noticies"> <span class="bcnbrand-icon bcn-icon-noticies" aria-hidden="true"></span> <span class="bcnbrand-link"> Info Barcelona </span> </a> </li> <li> <a target="_blank" href="https://guia.barcelona.cat/en/" data-ga="Guia"> <span class="bcnbrand-icon bcn-icon-guia" aria-hidden="true"></span> <span class="bcnbrand-link"> BCN guide </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/tramits/es/" data-ga="Tramits"> <span class="bcnbrand-icon bcn-icon-tramits-o" aria-hidden="true"></span> <span class="bcnbrand-link"> Procedures </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/planol/en/" data-ga="Planol"> <span class="bcnbrand-icon bcn-icon-planol" aria-hidden="true"></span> <span class="bcnbrand-link"> BCN map </span> </a> </li> <li> <a target="_blank" href="https://ajuntament.barcelona.cat/en/public-communication-chanels/" data-ga="Canals"> <span class="bcnbrand-icon bcn-icon-relacio-ciutada" aria-hidden="true"></span> <span class="bcnbrand-link"> Communication channels </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/com-shi-va/en/" data-ga="Com shi va"> <span class="bcnbrand-icon bcn-icon-comshiva" aria-hidden="true"></span> <span class="bcnbrand-link"> How to get there </span> </a> </li> </ul> <a href="javascript:;" class="bcnbrand-close" title="Close" aria-label="Close" aria-expanded="false" aria-controls="bcnbrand-shortcuts-nav" data-ga="Tanca-Drecera"> <span class="bcnbrand-icon bcn-icon-tancar-light" aria-hidden="true"></span> </a> </nav> <nav class="bcnbrand-lang lang bcnbrand-lang-extended" id="bcnbrand-lang-nav" aria-hidden="true"> <h2 class="sr-only-bcn" id="header-menu-bcnbrand-lang">Change language</h2> <ul class="bcnbrand-list"> <li><a href="/inici" lang="ca" data-ga="CA">Català</a></li> <li><a href="/es/inicio" lang="es" data-ga="ES">Castellano</a></li> <li><a href="/en/home" class="active" lang="en" data-ga="EN">English</a></li> </ul> <!--<ul class="bcnbrand-list" aria-expanded="true"> <li> <a href="javascript:;" lang="it" title="Informazioni per i visitatori">Informazioni per i visitatori</a> </li> <li> <a href="javascript:;" lang="de" title="Informationen für Besucher">Informationen für Besucher</a> </li> <li> <a href="javascript:;" lang="pt" title="Informações para os visitantes">Informações para os visitantes</a> </li> </ul> <ul class="bcnbrand-list" aria-expanded="true"> <li> <a href="javascript:;" lang="ru" title="Информация для посетителей">Информация для посетителей</a> </li> <li> <a href="javascript:;" lang="jp" title="ビジター·インフォメーション">ビジター·インフォメーション</a> </li> <li> <a href="javascript:;" lang="zh" title="遊客信息">遊客信息</a> </li> </ul>--> <a href="javascript:;" class="bcnbrand-close" title="Close" aria-label="Close" aria-expanded="false" aria-controls="bcnbrand-lang-nav" data-ga="Tanca-Idioma"> <span class="bcnbrand-icon bcn-icon-tancar-light" aria-hidden="true"></span> </a> </nav> </div> <div class="bcnbrand-main-container"> <div class="bcnbrand-main"> <ul role="presentation" class="bcnbrand-list"> <li role="presentation"> <a href="https://www.barcelona.cat/en/" class="bcnbrand-main-link" title="Barcelona" data-ga="barcelona.cat"> www.barcelona.cat </a> </li> <li role="presentation"> <a href="javascript:;" class="bcnbrand-nav-link bcnbrand-nav-link-squares" data-target="bcnbrand-shortcuts" title="barcelona.cat shortcuts" aria-label="barcelona.cat shortcuts" aria-expanded="false" aria-controls="bcnbrand-shortcuts-nav" data-ga="Drecera"> <span class="bcnbrand-icon bcn-icon-menu-drecera" aria-hidden="true"></span> </a> </li> <li role="presentation"> <form action="https://cercador.barcelona.cat/en"> <div class="bcnbrand-input"> <input type="text" name="query" aria-label="Search on barcelona.cat..." placeholder="Search on barcelona.cat..." data-ga="Cerca"> <button type="submit" aria-label="Search on barcelona.cat..." data-ga="Cerca"> <span class="bcnbrand-icon bcn-icon-cerca" aria-hidden="true"></span> </button> </div> </form> </li> <li role="menu"> <a href="javascript:;" class="bcnbrand-nav-link bcnbrand-nav-link-lang-selector" data-target="bcnbrand-lang" title="Change language" role="menuitem" aria-label="Change language" aria-expanded="false" aria-controls="bcnbrand-lang-nav" data-ga="Idioma"> <span class="bcnbrand-icon bcn-icon-idioma" aria-hidden="true"></span> <span class="bcnbrand-select-lang"> <span class="bcnbrand-lang-text">English</span> <span class="bcnbrand-icon bcn-icon-baix-bold" aria-hidden="true"></span> <span class="bcnbrand-icon bcn-icon-dalt-bold" aria-hidden="true"></span> </span> </a> </li> <li role="presentation"> <a target="_blank" class="bcnbrand-logo-main shield-svg" href="https://ajuntament.barcelona.cat/en/" data-ga="Llima"> <img src="https://www.barcelona.cat/assets/images/brand/banner/2023/logo.svg" alt="Logo Ajuntament de Barcelona"> </a> </li> </ul> </div> </div> </div> <!-- MOBILE BRAND --> <div class="bcnbrand-mobile"> <div class="bcnbrand-main-container"> <div class="bcnbrand-main"> <ul role="presentation" class="bcnbrand-list"> <li role="presentation"> <a href="https://www.barcelona.cat/ca/" class="bcnbrand-main-link" title="Barcelona" data-ga="barcelona.cat"> www.barcelona.cat </a> </li> </ul> <ul role="presentation" class="bcnbrand-list"> <li role="presentation"> <a href="javascript:;" class="bcnbrand-nav-link bcnbrand-nav-link-squares" data-target="bcnbrand-shortcuts" title="barcelona.cat shortcuts" aria-label="barcelona.cat shortcuts" aria-expanded="false" aria-controls="bcnbrand-shortcuts-mobile-nav" data-ga="Drecera"> <span class="bcnbrand-icon bcn-icon-menu-drecera" aria-hidden="true"></span> </a> </li> <li role="menu"> <a href="javascript:;" class="bcnbrand-nav-link bcnbrand-nav-link-lang-selector" data-target="bcnbrand-lang" title="Change language" role="menuitem" aria-label="Change language" aria-expanded="false" aria-controls="bcnbrand-lang-mobile-nav" data-ga="Idioma"> <span class="bcnbrand-icon bcn-icon-idioma" aria-hidden="true"></span> <span class="bcnbrand-select-lang"> <span class="bcnbrand-icon bcn-icon-baix-bold" aria-hidden="true"></span> <span class="bcnbrand-icon bcn-icon-dalt-bold" aria-hidden="true"></span> </span> </a> </li> <li role="presentation"> <a class="bcnbrand-logo-main" target="_blank" href="https://ajuntament.barcelona.cat/en/" data-ga="Llima"> <img src="https://www.barcelona.cat/assets/images/brand/banner/2023/logo-mobile.svg" alt="Ajuntament de Barcelona"> </a> </li> </ul> </div> <!-- END MAIN BRAND --> </div> <div class="bcnbrand-navs-container"> <nav class="bcnbrand-shortcuts" id="bcnbrand-shortcuts-mobile-nav" aria-hidden="true"> <h2 class="sr-only-bcn" id="header-menu-dreceres-mobile-nav">barcelona.cat shortcuts</h2> <form action="https://cercador.barcelona.cat/en"> <div class="bcnbrand-input"> <input type="text" name="query" aria-label="Search on barcelona.cat..." placeholder="Search on barcelona.cat..." data-ga="Cerca"> <button type="submit" data-ga="Cerca" aria-label="Search on barcelona.cat..."> <span class="bcnbrand-icon bcn-icon-cerca" aria-hidden="true"></span> </button> </div> </form> <ul class="bcnbrand-list"> <li> <a target="_blank" href="https://ajuntament.barcelona.cat/en/" data-ga="Ajuntament"> <span class="bcnbrand-icon bcn-icon-ajuntament bcnbrand-circle bcnbrand-bg-purple" aria-hidden="true"></span> <span class="bcnbrand-link"> ajuntament.barcelona.cat </span> </a> </li> <li> <a target="_blank" href="https://meet.barcelona/en/" data-ga="Meet"> <span class="bcnbrand-icon bcn-icon-meet bcnbrand-circle bcnbrand-bg-yellow" aria-hidden="true"></span> <span class="bcnbrand-link"> meet.barcelona </span> </a> </li> </ul> <ul class="bcnbrand-list"> <li> <a target="_blank" href="https://www.barcelona.cat/infobarcelona/ca/" data-ga="Noticies"> <span class="bcnbrand-icon bcn-icon-noticies" aria-hidden="true"></span> <span class="bcnbrand-link"> Info Barcelona </span> </a> </li> <li> <a target="_blank" href="https://guia.barcelona.cat/en/" data-ga="Guia"> <span class="bcnbrand-icon bcn-icon-guia" aria-hidden="true"></span> <span class="bcnbrand-link"> BCN guide </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/tramits/es/" data-ga="Tramits"> <span class="bcnbrand-icon bcn-icon-tramits-o" aria-hidden="true"></span> <span class="bcnbrand-link"> Procedures </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/planol/en/" data-ga="Planol"> <span class="bcnbrand-icon bcn-icon-planol" aria-hidden="true"></span> <span class="bcnbrand-link"> BCN map </span> </a> </li> <li> <a target="_blank" href="https://ajuntament.barcelona.cat/en/public-communication-chanels/" data-ga="Canals"> <span class="bcnbrand-icon bcn-icon-relacio-ciutada" aria-hidden="true"></span> <span class="bcnbrand-link"> Communication channels </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/com-shi-va/en/" data-ga="Com shi va"> <span class="bcnbrand-icon bcn-icon-comshiva" aria-hidden="true"></span> <span class="bcnbrand-link"> How to get there </span> </a> </li> </ul> <a href="javascript:;" class="bcnbrand-close" title="Close" aria-label="Close" aria-expanded="false" aria-controls="bcnbrand-shortcuts-mobile-nav" data-ga="Tanca-Drecera"> <span class="bcnbrand-icon bcn-icon-tancar-light" aria-hidden="true"></span> </a> </nav> <nav class="bcnbrand-lang lang" id="bcnbrand-lang-mobile-nav" aria-hidden="true"> <h2 class="sr-only-bcn" id="header-menu-bcnbrand-lang-mobile-nav">Change language</h2> <ul class="bcnbrand-list"> <li><a href="/inici" lang="ca" data-ga="CA">Català</a></li> <li><a href="/es/inicio" lang="es" data-ga="ES">Castellano</a></li> <li><a href="/en/home" class="active" lang="en" data-ga="EN">English</a></li> </ul> <!--<ul class="bcnbrand-list bcnbrand-extended"> <li> <a href="#" lang="it" title="it">Informazioni per i visitatori</a> </li> <li> <a href="#" lang="de" title="de">Informationen für Besucher</a> </li> <li> <a href="#" lang="pt" title="pt">Informações para os visitantes</a> </li> <li> <a href="#" lang="ru" title="ru">Информация для посетителей</a> </li> <li> <a href="#" lang="jp" title="jp">ビジター·インフォメーション</a> </li> <li> <a href="#" lang="zh" title="zh">遊客信息</a> </li> </ul>--> <a href="javascript:;" class="bcnbrand-close" title="Close" aria-label="Close" aria-expanded="false" aria-controls="bcnbrand-lang-mobile-nav" data-ga="Tanca-Idioma"> <span class="bcnbrand-icon bcn-icon-tancar-light" aria-hidden="true"></span> </a> </nav> </div> </div> </header> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P6QKTGL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: x page--front.html.twig * page--node--21.html.twig * page--node--%.html.twig * page--node.html.twig * page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/system/page--front.html.twig' --> <header class="navbar navbar-default" id="navbar" role="banner"> <div class="container"> <div class="navbar-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--branding.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-branding"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--zona-bus-marcadellloc.html.twig x block--system-branding-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system-branding-block.html.twig' --> <a class="logo navbar-btn pull-left" href="/en" title="Home" rel="home"> <img src="/themes/custom/zona_bus/logo.png" alt="Home" /> </a> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system-branding-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--navigation.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-navigation"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--userarea-menu.html.twig x block--system-menu-block--account.html.twig * block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system-menu-block--account.html.twig' --> <nav role="navigation" aria-labelledby="block-userarea-menu-menu" id="block-userarea-menu"> <h2 class="sr-only" id="block-userarea-menu-menu">Menú del compte d'usuari</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__account' --> <!-- FILE NAME SUGGESTIONS: * menu--account.html.twig * menu--account--navigation--userarea-menu.html.twig x menu--account--userarea-menu.html.twig * menu--account.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/menu/menu--account--userarea-menu.html.twig' --> <button class="menu-launcher" data-target="#userarea-menu"> <i class="icon-zbus_user"></i> </button> <div id="userarea-menu" class="menu-container "> <div class="container"> <div class="row"> <ul block="userarea_menu" class="menu"> <li class="menu-item first userzone" > <a href="/en/zona-usuari/registre" id="zonabus_userzone.user.sign_up" data-drupal-link-system-path="zona-usuari/registre">Sign up</a> </li> <li class="menu-item last login" > <a href="/en/zona-usuari/acces" id="zonabus_userzone.user.logout" data-drupal-link-system-path="zona-usuari/acces">Log in</a> </li> </ul> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/menu/menu--account--userarea-menu.html.twig' --> </nav> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system-menu-block--account.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--shopping-cart.html.twig * block--shopping-cart-block.html.twig * block--zonabus-shopping-cart.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block.html.twig' --> <section id="block-shopping-cart" class="block block-zonabus-shopping-cart block-shopping-cart-block clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'shopping_cart_block' --> <!-- BEGIN OUTPUT from 'modules/custom/zonabus_shopping_cart/templates/shopping-cart-block.html.twig' --> <a href="/en/cart" class="view-cart" title="Shopping cart"> <i class="icon-zbcart"></i> </a> <!-- END OUTPUT from 'modules/custom/zonabus_shopping_cart/templates/shopping-cart-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--zona-bus-main-menu-nav.html.twig x block--system-menu-block--main.html.twig * block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system-menu-block--main.html.twig' --> <nav role="navigation" aria-labelledby="block-zona-bus-main-menu-nav-menu" id="block-zona-bus-main-menu-nav"> <h2 class="sr-only" id="block-zona-bus-main-menu-nav-menu">Navegació principal</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: * menu--main.html.twig * menu--main--navigation--zona-bus-main-menu-nav.html.twig x menu--main--zona-bus-main-menu-nav.html.twig * menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/menu/menu--main--zona-bus-main-menu-nav.html.twig' --> <button class="menu-launcher" data-target="#main-nav-menu"> <i class="icon-zbmenu"></i> </button> <div id="main-nav-menu" class="menu-container collapse"> <div class="container"> <div class="row"> <ul block="zona_bus_main_menu_nav" class="menu"> <li class="menu-item first map" > <a href="/en/zonabus-map" data-drupal-link-system-path="zonabus-map">Zones</a> </li> <li class="menu-item entorns" > <a href="/en/special-environments" data-drupal-link-system-path="node/23">Special environments</a> </li> <li class="menu-item prices" > <a href="/en/rates" data-drupal-link-system-path="node/10">Rates</a> </li> <li class="menu-item info" > <a href="/en/informacio-rellevant" data-drupal-link-system-path="informacio-rellevant">Attention</a> </li> <li class="menu-item faqs" > <a href="/en/faqs" data-drupal-link-system-path="node/4">FAQs</a> </li> <li class="menu-item normes-us" > <a href="/en/termes-of-use" data-drupal-link-system-path="node/37">Terms of use</a> </li> <li class="menu-item last clock" > <a href="/en/spro" data-drupal-link-system-path="node/126">APP SPRO</a> </li> </ul> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/menu/menu--main--zona-bus-main-menu-nav.html.twig' --> </nav> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system-menu-block--main.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </div> </div> </header> <div role="main" class="main-container js-quickedit-main-content" style="background-image: url('https://zonabus.cat/sites/default/files/2020-02/Portada%20web%20OK_2_0.jpg');"> <div class="region-main-content-triangle"></div> <div class="region-top-bar"> <div class="container"> <div class="row"> <div class="col-sm-12" role="heading"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--header.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--zona-bus-page-title.html.twig x block--page-title-block.html.twig * block--core.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block--page-title-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page_title' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/page-title.html.twig' --> <h1 class="page-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--front-page.html.twig x field--node--title.html.twig * field--node--front-page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/node/templates/field--node--title.html.twig' --> <span>Welcome to Zona Bus</span> <!-- END OUTPUT from 'core/modules/node/templates/field--node--title.html.twig' --> </h1> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/page-title.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--page-title-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="field field--name-field-subtitle field--type-text-long field--label-hidden field--item"> <p>ZonaBus.cat Barcelona provides detailed information on exclusive parking areas for tourist coaches.</p><p>Contact ZonaBus 93 3308799 (Monday to sunday, from 7 am to 9 pm)</p><p>reserveszonabus@bsmsa.cat</p> </div> </div> </div> </div> </div> <div class="wrapper"> <div class="region-top-bar-triangle"></div> <div class="region-main-content full-width"> <div class="container-fluid"> <div class="row"> <section class="col-sm-12"> <div class="container"> <div class="highlighted"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--highlighted.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-highlighted"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--zona-bus-messages.html.twig x block--system-messages-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </div> </div> <a id="main-content"></a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--zona-bus-main-content.html.twig * block--system-main-block.html.twig x block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--21--full.html.twig * node--21.html.twig * node--front-page--full.html.twig * node--front-page.html.twig * node--full.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/node/node--front_page.html.twig' --> <article role="article" class="front-page full clearfix"> <div class="content"> <div class="container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-modules--front-page.html.twig * field--node--field-modules.html.twig * field--node--front-page.html.twig * field--field-modules.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-modules field--type-entity-reference-revisions field--label-hidden field--items"> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--special-environments--default.html.twig * paragraph--special-environments.html.twig * paragraph--default.html.twig x paragraph.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> <div class="paragraph paragraph--type--special-environments paragraph--view-mode--default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-title--special-environments.html.twig * field--paragraph--field-title.html.twig * field--paragraph--special-environments.html.twig * field--field-title.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-title field--type-string field--label-hidden field--item">Reservation of Zona Bus places in special surroundings</div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environments--special-environments.html.twig * field--paragraph--field-environments.html.twig * field--paragraph--special-environments.html.twig * field--field-environments.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environments field--type-entity-reference-revisions field--label-hidden field--items"> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--environments--default.html.twig x paragraph--environments.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--environments.html.twig' --> <div class="paragraph paragraph--type--environments paragraph--view-mode--default"> <a href="/en/bookings/sagrada-familia"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environment-icon--environments.html.twig * field--paragraph--field-environment-icon.html.twig * field--paragraph--environments.html.twig * field--field-environment-icon.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environment-icon field--type-entity-reference field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--icon--default.html.twig * media--icon.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/media/templates/media.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image-1--icon.html.twig * field--media--field-media-image-1.html.twig * field--media--icon.html.twig * field--field-media-image-1.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-media-image-1 field--type-image field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/front/public/2019-09/Sagrada_Familia_0.png?itok=ogmFumKJ" width="73" height="92" alt="Sagrada Familia" class="img-responsive" /> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/media/templates/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environment-title--environments.html.twig * field--paragraph--field-environment-title.html.twig * field--paragraph--environments.html.twig * field--field-environment-title.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environment-title field--type-string field--label-hidden field--item">Sagrada Familia</div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </a> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--environments.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--environments--default.html.twig x paragraph--environments.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--environments.html.twig' --> <div class="paragraph paragraph--type--environments paragraph--view-mode--default"> <a href="/en/bookings/ciutat-vella"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environment-icon--environments.html.twig * field--paragraph--field-environment-icon.html.twig * field--paragraph--environments.html.twig * field--field-environment-icon.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environment-icon field--type-entity-reference field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--icon--default.html.twig * media--icon.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/media/templates/media.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image-1--icon.html.twig * field--media--field-media-image-1.html.twig * field--media--icon.html.twig * field--field-media-image-1.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-media-image-1 field--type-image field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/front/public/2019-09/Ciutat_Vella.png?itok=dm7SNFu_" width="82" height="92" alt="Ciutat Vella" class="img-responsive" /> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/media/templates/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environment-title--environments.html.twig * field--paragraph--field-environment-title.html.twig * field--paragraph--environments.html.twig * field--field-environment-title.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environment-title field--type-string field--label-hidden field--item">Ciutat Vella (Trafalgar)</div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </a> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--environments.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--environments--default.html.twig x paragraph--environments.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--environments.html.twig' --> <div class="paragraph paragraph--type--environments paragraph--view-mode--default"> <a href="/en/special-environments/park-guell"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environment-icon--environments.html.twig * field--paragraph--field-environment-icon.html.twig * field--paragraph--environments.html.twig * field--field-environment-icon.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environment-icon field--type-entity-reference field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--icon--default.html.twig * media--icon.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/media/templates/media.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image-1--icon.html.twig * field--media--field-media-image-1.html.twig * field--media--icon.html.twig * field--field-media-image-1.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-media-image-1 field--type-image field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/front/public/2019-09/ParcGu%CC%88ell.png?itok=9jCG1uFD" width="102" height="77" alt="Park Güell" class="img-responsive" /> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/media/templates/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environment-title--environments.html.twig * field--paragraph--field-environment-title.html.twig * field--paragraph--environments.html.twig * field--field-environment-title.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environment-title field--type-string field--label-hidden field--item">Park Güell</div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </a> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--environments.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--environments--default.html.twig x paragraph--environments.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--environments.html.twig' --> <div class="paragraph paragraph--type--environments paragraph--view-mode--default"> <a href="/en/bookings/la-pedrera"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environment-icon--environments.html.twig * field--paragraph--field-environment-icon.html.twig * field--paragraph--environments.html.twig * field--field-environment-icon.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environment-icon field--type-entity-reference field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--icon--default.html.twig * media--icon.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/media/templates/media.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image-1--icon.html.twig * field--media--field-media-image-1.html.twig * field--media--icon.html.twig * field--field-media-image-1.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-media-image-1 field--type-image field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/front/public/2022-03/La_Pedrera_icon.png?itok=qnU9P_Vi" width="111" height="92" alt="La Pedrera" class="img-responsive" /> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/media/templates/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environment-title--environments.html.twig * field--paragraph--field-environment-title.html.twig * field--paragraph--environments.html.twig * field--field-environment-title.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environment-title field--type-string field--label-hidden field--item">La Pedrera</div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </a> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--environments.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--environments--default.html.twig x paragraph--environments.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--environments.html.twig' --> <div class="paragraph paragraph--type--environments paragraph--view-mode--default"> <a href="/en/bookings/font-magica"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environment-icon--environments.html.twig * field--paragraph--field-environment-icon.html.twig * field--paragraph--environments.html.twig * field--field-environment-icon.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environment-icon field--type-entity-reference field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--icon--default.html.twig * media--icon.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/media/templates/media.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image-1--icon.html.twig * field--media--field-media-image-1.html.twig * field--media--icon.html.twig * field--field-media-image-1.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-media-image-1 field--type-image field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/front/public/2019-09/FontMa%CC%80gica.png?itok=Hxz03vOT" width="107" height="60" alt="Font Màgica" class="img-responsive" /> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/media/templates/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-environment-title--environments.html.twig * field--paragraph--field-environment-title.html.twig * field--paragraph--environments.html.twig * field--field-environment-title.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-environment-title field--type-string field--label-hidden field--item">Font Màgica</div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </a> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--environments.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--see-maps--default.html.twig x paragraph--see-maps.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--see-maps.html.twig' --> <div class="paragraph paragraph--type--see-maps paragraph--view-mode--default"> <div class="map"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-image--see-maps.html.twig * field--paragraph--field-image.html.twig * field--paragraph--see-maps.html.twig * field--field-image.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--default.html.twig * media--image.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/media/templates/media.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image-2--image.html.twig * field--media--field-media-image-2.html.twig * field--media--image.html.twig * field--field-media-image-2.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-media-image-2 field--type-image field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/front/public/2024-10/Banner_Aviso%20Web%20Zona%20Bus_Ing.jpg?itok=_VBrhEee" width="1050" height="93" alt="Banner_Aviso Web Zona Bus_Ing" class="img-responsive" /> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/media/templates/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--see-maps.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--see-maps--default.html.twig x paragraph--see-maps.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--see-maps.html.twig' --> <div class="paragraph paragraph--type--see-maps paragraph--view-mode--default"> <div class="map"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-link--see-maps.html.twig * field--paragraph--field-link.html.twig * field--paragraph--see-maps.html.twig * field--field-link.html.twig * field--link.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-link field--type-link field--label-hidden field--item"><a href="https://www.zonabus.cat/en/spro">More Information</a></div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-image--see-maps.html.twig * field--paragraph--field-image.html.twig * field--paragraph--see-maps.html.twig * field--field-image.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--default.html.twig * media--image.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/media/templates/media.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image-2--image.html.twig * field--media--field-media-image-2.html.twig * field--media--image.html.twig * field--field-media-image-2.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-media-image-2 field--type-image field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/front/public/2021-08/1050x300_en.jpg?itok=ue4ACCFk" width="1050" height="300" alt="SPRO" class="img-responsive" /> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/media/templates/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--see-maps.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--see-maps--default.html.twig x paragraph--see-maps.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--see-maps.html.twig' --> <div class="paragraph paragraph--type--see-maps paragraph--view-mode--default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-title--see-maps.html.twig * field--paragraph--field-title.html.twig * field--paragraph--see-maps.html.twig * field--field-title.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-title field--type-string field--label-hidden field--item">Check all plans, parking areas, stop, hubs and routes</div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="map"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-link--see-maps.html.twig * field--paragraph--field-link.html.twig * field--paragraph--see-maps.html.twig * field--field-link.html.twig * field--link.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-link field--type-link field--label-hidden field--item"><a href="/en/zonabus-map">See plans</a></div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-image--see-maps.html.twig * field--paragraph--field-image.html.twig * field--paragraph--see-maps.html.twig * field--field-image.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--default.html.twig * media--image.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/media/templates/media.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image-2--image.html.twig * field--media--field-media-image-2.html.twig * field--media--image.html.twig * field--field-media-image-2.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-media-image-2 field--type-image field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/front/public/2022-08/mapa_home_Mesa%20de%20trabajo%201_0.png?itok=n8HNur7k" width="1050" height="298" alt="Mapa" class="img-responsive" /> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/media/templates/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--see-maps.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--see-maps--default.html.twig x paragraph--see-maps.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--see-maps.html.twig' --> <div class="paragraph paragraph--type--see-maps paragraph--view-mode--default"> <div class="map"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-image--see-maps.html.twig * field--paragraph--field-image.html.twig * field--paragraph--see-maps.html.twig * field--field-image.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--default.html.twig * media--image.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/media/templates/media.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image-2--image.html.twig * field--media--field-media-image-2.html.twig * field--media--image.html.twig * field--field-media-image-2.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-media-image-2 field--type-image field--label-hidden field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <img loading="lazy" src="/sites/default/files/styles/front/public/2021-09/autoreserva_en.jpg?itok=VVlWcoHU" width="1050" height="93" alt="Bus reservation" class="img-responsive" /> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/media/templates/media.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--see-maps.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/node/node--front_page.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--views-block--warning-home-block-1.html.twig * block--views-block.html.twig * block--views.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block.html.twig' --> <section class="views-element-container block block-views block-views-blockwarning-home-block-1 clearfix" id="block-views-block-warning-home-block-1"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/container.html.twig' --> <div block="views_block__warning_home_block_1" class="form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/views/views-view.html.twig' --> <div class="view view-warning-home view-id-warning_home view-display-id-block_1 js-view-dom-id-c9bed29a647dfe2be2868e1182f3097ba9474aeda6b29d5e70c38410eb518889"> <div class="view-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-unformatted.html.twig' --> <div class="Informatiu views-row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> <div class="views-field views-field-title"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> IMPORTANT NOTICE:Improvements to the Zona Bus booking system <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </span></div><div class="views-field views-field-field-desc"><div class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <p>From 17 June, the Zona Bus booking system will be upgraded to optimise parking slots availability. The changes include:</p><ol><li>Select an special surronding</li><li>Request a time slot</li><li><strong>Pay your selection (when booking)</strong></li><li><strong>Validate </strong>of the booking with the SPRO BUS app on the day booked.</li></ol><p><br />These changes will help to improve the management and planning of bookings, and at the same time will help to reduce the impact of traffic in tourist areas and to improve the quality of life in the city.</p><p><a href="https://zonabus.cat/en/node/277"><em><strong><u>+Info</u></strong></em></a><br /> </p> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </div></div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-unformatted.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/views/views-view.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/container.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </section> </div> </div> </div> </div> </div> <footer class="footer" role="contentinfo"> <div class="container"> <div class="footer-bottom"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-bottom-left.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-footer-bottom-left"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--zona-bus-branding-footer.html.twig x block--system-branding-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system-branding-block.html.twig' --> <a class="logo navbar-btn pull-left" href="/en" title="Home" rel="home"> <img src="/themes/custom/zona_bus/logo-color.png" alt="Home" /> </a> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system-branding-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-bottom-right.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-footer-bottom-right"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--copyright.html.twig * block--block-content--88d9cdbb-725d-4c54-806c-d0b5b5b55e1a.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block.html.twig' --> <section id="block-copyright" class="block block-block-content block-block-content88d9cdbb-725d-4c54-806c-d0b5b5b55e1a clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--text.html.twig * field--block-content--body.html.twig * field--block-content--text.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Ajuntament de Barcelona Barcelona de Serveis Municipals, S.A.</p></div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--menu-footer.html.twig * block--system-menu-block--footer.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/block--system-menu-block.html.twig' --> <nav role="navigation" aria-labelledby="block-menu-footer-menu" id="block-menu-footer"> <h2 class="visually-hidden" id="block-menu-footer-menu">Peu</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer' --> <!-- FILE NAME SUGGESTIONS: * menu--footer.html.twig * menu--footer--footer-bottom-right--menu-footer.html.twig * menu--footer--menu-footer.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/menu/menu.html.twig' --> <ul block="menu_footer" class="menu menu--footer nav"> <li class="first"> <a href="https://bsmsa.cat/en/legal-notice-and-privacy">Legal notice and Privacy</a> </li> <li> <a href="/en/web-map" data-drupal-link-system-path="node/33">Web map</a> </li> <li class="last"> <a href="https://w10.bcn.cat/StpQueixesWEB/subtema.directe.do?tema=13&element=1072&consulta=1&directo=0&tescolta=1&paraules=zona%20bus">Complaints/suggestions</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/menu/menu.html.twig' --> </nav> <!-- END OUTPUT from 'core/modules/system/templates/block--system-menu-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </div> </div> </footer> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/system/page--front.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"en\/","currentPath":"node\/21","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"google_analytics":{"account":"UA-18508508-1","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip","trackDomainMode":2,"trackCrossDomains":["www.zonabus.cat, www.pre.zonabus.cat"]},"bootstrap":{"forms_has_error_value_toggle":1,"modal_animation":1,"modal_backdrop":"true","modal_focus_input":1,"modal_keyboard":1,"modal_select_text":1,"modal_show":1,"modal_size":"","popover_enabled":1,"popover_animation":1,"popover_auto_close":1,"popover_container":"body","popover_content":"","popover_delay":"0","popover_html":0,"popover_placement":"right","popover_selector":"","popover_title":"","popover_trigger":"click","tooltip_enabled":1,"tooltip_animation":1,"tooltip_container":"body","tooltip_delay":"0","tooltip_html":0,"tooltip_placement":"auto left","tooltip_selector":"","tooltip_trigger":"hover"},"zonabus_map":{"moduleUrl":"modules\/custom\/zonabus_map"},"user":{"uid":0,"permissionsHash":"02e178fe216a9b8ab033444dafb5a9a6b648e3076c53ffee38906163cd5aef50"}}</script> <script src="/sites/default/files/js/js_XuJfaRjL44E_ApUhpOfeNYoD1XuQAPUHPHycQz8i9VU.js"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/system/html.html.twig' -->