CINXE.COM
spro | ZonaBus
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--node--126.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="ca" dir="ltr"> <head> <meta charset="utf-8" /> <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/spro" /> <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/spro" /> <link rel="alternate" hreflang="es" href="https://zonabus.cat/es/spro" /> <link rel="alternate" hreflang="en" href="https://zonabus.cat/en/spro" /> <title>spro | 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_YlyI9eVg_vbXZSpT58ll8n0fFTr05qAx2FU2WXfp1kg.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="ca" 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-node page-node-type-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-ca" 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">Dreceres de barcelona.cat</h2> <ul class="bcnbrand-list"> <li> <a target="_blank" href="https://ajuntament.barcelona.cat/ca/" 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/ca/" 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/ca/" data-ga="Guia"> <span class="bcnbrand-icon bcn-icon-guia" aria-hidden="true"></span> <span class="bcnbrand-link"> Guia BCN </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/tramits/ca/" data-ga="Tramits"> <span class="bcnbrand-icon bcn-icon-tramits-o" aria-hidden="true"></span> <span class="bcnbrand-link"> Tràmits </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/planol/ca/" data-ga="Planol"> <span class="bcnbrand-icon bcn-icon-planol" aria-hidden="true"></span> <span class="bcnbrand-link"> Plànol BCN </span> </a> </li> <li> <a target="_blank" href="https://ajuntament.barcelona.cat/canals-comunicacio-ciutadana/" data-ga="Canals"> <span class="bcnbrand-icon bcn-icon-relacio-ciutada" aria-hidden="true"></span> <span class="bcnbrand-link"> Canals de comunicació </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/com-shi-va/ca/" data-ga="Com shi va"> <span class="bcnbrand-icon bcn-icon-comshiva" aria-hidden="true"></span> <span class="bcnbrand-link"> Com s'hi va </span> </a> </li> </ul> <a href="javascript:;" class="bcnbrand-close" title="Tanca" aria-label="Tanca" 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">Canviar idioma</h2> <ul class="bcnbrand-list"> <li><a href="/inici" class="active" 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" 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="Tanca" aria-label="Tanca" 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/ca/" 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="Dreceres de barcelona.cat" aria-label="Dreceres de barcelona.cat" 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/ca"> <div class="bcnbrand-input"> <input type="text" name="query" aria-label="Cerca a barcelona.cat..." placeholder="Cerca a barcelona.cat..." data-ga="Cerca"> <button type="submit" aria-label="Cerca a 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="Canviar idioma" role="menuitem" aria-label="Canviar idioma" 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">Català</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/ca/" 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="Dreceres de barcelona.cat" aria-label="Dreceres de barcelona.cat" 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="Canviar idioma" role="menuitem" aria-label="Canviar idioma" 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/ca/" 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">Dreceres de barcelona.cat</h2> <form action="https://cercador.barcelona.cat/ca"> <div class="bcnbrand-input"> <input type="text" name="query" aria-label="Cerca a barcelona.cat..." placeholder="Cerca a barcelona.cat..." data-ga="Cerca"> <button type="submit" data-ga="Cerca" aria-label="Cerca a 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/ca/" 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/ca/" 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/ca/" data-ga="Guia"> <span class="bcnbrand-icon bcn-icon-guia" aria-hidden="true"></span> <span class="bcnbrand-link"> Guia BCN </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/tramits/ca/" data-ga="Tramits"> <span class="bcnbrand-icon bcn-icon-tramits-o" aria-hidden="true"></span> <span class="bcnbrand-link"> Tràmits </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/planol/ca/" data-ga="Planol"> <span class="bcnbrand-icon bcn-icon-planol" aria-hidden="true"></span> <span class="bcnbrand-link"> Plànol BCN </span> </a> </li> <li> <a target="_blank" href="https://ajuntament.barcelona.cat/canals-comunicacio-ciutadana/" data-ga="Canals"> <span class="bcnbrand-icon bcn-icon-relacio-ciutada" aria-hidden="true"></span> <span class="bcnbrand-link"> Canals de comunicació </span> </a> </li> <li> <a target="_blank" href="https://www.barcelona.cat/com-shi-va/ca/" data-ga="Com shi va"> <span class="bcnbrand-icon bcn-icon-comshiva" aria-hidden="true"></span> <span class="bcnbrand-link"> Com s'hi va </span> </a> </li> </ul> <a href="javascript:;" class="bcnbrand-close" title="Tanca" aria-label="Tanca" 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">Canviar idioma</h2> <ul class="bcnbrand-list"> <li><a href="/inici" class="active" 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" 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="Tanca" aria-label="Tanca" 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"> Vés al contingut </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: * page--node--126.html.twig * page--node--%.html.twig * page--node.html.twig x page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/system/page.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="/" title="Inici" rel="home"> <img src="/themes/custom/zona_bus/logo.png" alt="Inici" /> </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="/zona-usuari/registre" id="zonabus_userzone.user.sign_up" data-drupal-link-system-path="zona-usuari/registre">Registra't</a> </li> <li class="menu-item last login" > <a href="/zona-usuari/acces" id="zonabus_userzone.user.logout" data-drupal-link-system-path="zona-usuari/acces">Entra</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="/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="/zonabus-map" data-drupal-link-system-path="zonabus-map">Zones</a> </li> <li class="menu-item entorns" > <a href="/entorns-especials" data-drupal-link-system-path="node/23">Entorns especials</a> </li> <li class="menu-item prices" > <a href="/tarifes" data-drupal-link-system-path="node/10">Tarifes</a> </li> <li class="menu-item info" > <a href="/informacio-rellevant" data-drupal-link-system-path="informacio-rellevant">Avisos</a> </li> <li class="menu-item faqs" > <a href="/faqs" data-drupal-link-system-path="node/4">FAQs</a> </li> <li class="menu-item normes-us" > <a href="/normes-dus" data-drupal-link-system-path="node/37">Normes d'ús</a> </li> <li class="menu-item active active-trail last clock" > <a href="/spro" data-drupal-link-system-path="node/126" class="is-active">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"> <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--breadcrumbs.html.twig * block--system-breadcrumb-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: 'breadcrumb' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/breadcrumb.html.twig' --> <ol class="breadcrumb"> <li > <a href="/">Inici</a> </li> <li class="active"> spro </li> </ol> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/breadcrumb.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system.html.twig' --> <!-- 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--page.html.twig x field--node--title.html.twig * field--node--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>spro</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> </div> </div> </div> <div class="region-main-content "> <div class="container"> <div class="row"> <section class="col-sm-12"> <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> <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--126--full.html.twig * node--126.html.twig * node--page--full.html.twig * node--page.html.twig * node--full.html.twig x node.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/node/node.html.twig' --> <article role="article" class="page full clearfix"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: * links--node.html.twig x links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/links.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/links.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-modules--page.html.twig * field--node--field-modules.html.twig * field--node--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--iframe-form--default.html.twig x paragraph--iframe-form.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--iframe-form.html.twig' --> <div class="paragraph paragraph--type--iframe-form paragraph--view-mode--default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-text--iframe-form.html.twig * field--paragraph--field-text.html.twig * field--paragraph--iframe-form.html.twig * field--field-text.html.twig * field--text-long.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <div class="field field--name-field-text field--type-text-long field--label-hidden field--item"><p><iframe height="800" src="https://webspro.bsmsa.eu/ca/zonabus" width="100%"></iframe></p> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> <iframe id="iframe-contact" src=""></iframe> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/paragraphs/paragraph--iframe-form.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/field/field.html.twig' --> </div> </article> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/node/node.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </section> </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="/" title="Inici" rel="home"> <img src="/themes/custom/zona_bus/logo-color.png" alt="Inici" /> </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/avis-legal-i-privacitat">Avís legal i Privacitat</a> </li> <li> <a href="/mapa-web" data-drupal-link-system-path="node/33">Mapa web</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">Queixes/suggeriments</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.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":"","currentPath":"node\/126","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"ca"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"bcn_barra\/bcn_barra,bcn_barra\/bcn_barra_external,bootstrap\/popover,bootstrap\/tooltip,core\/drupal.dialog.ajax,google_analytics\/google_analytics,paragraphs\/drupal.paragraphs.unpublished,system\/base","theme":"zona_bus","theme_token":null},"ajaxTrustedUrl":[],"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"},"bcn_barra":{"translations":{"ca":"\/spro","es":"\/es\/spro","en":"\/en\/spro"},"alter":false},"zonabus_map":{"moduleUrl":"modules\/custom\/zonabus_map"},"user":{"uid":0,"permissionsHash":"02e178fe216a9b8ab033444dafb5a9a6b648e3076c53ffee38906163cd5aef50"}}</script> <script src="/sites/default/files/js/js_VMtUURCcBUlN03sinLuUE20ChtJYGKeuUWSDynedHUA.js"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/zona_bus/templates/system/html.html.twig' -->