CINXE.COM

La Mercè 2021: Del 23 al 26 de setembre | BSM

<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--node--174.html.twig * html--node--%.html.twig * html--node.html.twig x html.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/system/html.html.twig' --> <!DOCTYPE html> <html lang="ca" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-18426066-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-18426066-1", {"groups":"default","anonymize_ip":true,"page_placeholder":"PLACEHOLDER_page_path","allow_ad_personalization_signals":false});ga('create', 'UA-37677180-10','auto',{'name':'WebProperty2'}); ga('WebProperty2.send','pageview');</script> <meta name="description" content="Les Festes de La Mercè 2021 ja s’apropen a Barcelona, i l&#039;Estació d&#039;Autobusos Barcelona Nord et porta de forma ràpida, còmode i segura perquè formis part de &quot;La Mercè 2021, el festival de festivals”! Del 23 al 26 de setembre la Festa Major tornarà a omplir de música, activitats i concerts la Ciutat Comtal. El programa de La Mercè 2021 inclou un munt de propostes per celebrar la 150a edició de la Festa Major." /> <link rel="canonical" href="https://barcelonanord.barcelona/la-merce-2021-del-23-al-26-de-setembre" /> <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="/sites/default/files/Grupo%202535.svg" type="image/vnd.microsoft.icon" /> <link rel="alternate" hreflang="es" href="https://barcelonanord.barcelona/es/la-merce-2021-del-23-al-26-de-septiembre" /> <link rel="alternate" hreflang="en" href="https://barcelonanord.barcelona/en/la-merce-2021-september-23-26" /> <link rel="alternate" hreflang="ca" href="https://barcelonanord.barcelona/la-merce-2021-del-23-al-26-de-setembre" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>La Mercè 2021: Del 23 al 26 de setembre | BSM</title> <link rel="stylesheet" media="all" href="https://ajuntament.barcelona.cat/widgets/bcn-avisos/css/bcn-avisos.css" /> <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_3N1WIkgZO24_qMIndY9eIZgaS10WpLD4p-nj5lHGUHo.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_GFtucoweZHvCJywi0ShXnHoZT6uqs9GtZzGRjzwnu_M.css" /> <link rel="stylesheet" media="all" href="//fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&amp;display=swap" /> <link rel="stylesheet" media="all" href="//fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&amp;display=swap" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_bWCxozvT9yaKerYhZ2uDYqb-cqg82ukhERCMtEAOfzg.css" /> <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-10'], tgm: true }); bcn.cookiescontrol();</script> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-culture="" data-cbid="9713760d-3504-499f-8d7a-8044bd654dab" 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 button:before {border-color: #0072b7 !important;} #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {color: #0072b7 !important;} #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount) {color: #0072b7 !important;} #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {color: #0072b7 !important;} </style> <!-- 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-W4ZLS6W');</script> <!-- End Google Tag Manager --> </head> <body class="path-node page-node-type-news theme-nord"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W4ZLS6W" 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> <div class="container"> <!-- NIRON_fabraipuig_2025-02-13T13:11:50Z --> <header id="brand" alias="fabraipuig" brand="fabraipuig_2025-02-13T13:11:50Z" class="v2017 v2024 lang-ca" data-cookiebot="manual" data-plausible="bcn0611" > <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" tabindex="-1">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-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" tabindex="-1">Català (Canviar idioma)</h2> <ul class="bcnbrand-list"> <li><a href="/ca" aria-current="true" class="active" lang="ca" data-ga="CA">Català</a></li> <li><a href="/es" lang="es" data-ga="ES">Castellano</a></li> <li><a href="/en" 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-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> <span aria-owns="bcnbrand-shortcuts-nav"></span> </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="presentation"> <a href="javascript:;" class="bcnbrand-nav-link bcnbrand-nav-link-lang-selector" data-target="bcnbrand-lang" title="Català (Canviar idioma)" aria-label="Català (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> <span aria-owns="bcnbrand-lang-nav"></span> </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> <span aria-owns="bcnbrand-shortcuts-mobile-nav"></span> </li> <li role="presentation"> <a href="javascript:;" class="bcnbrand-nav-link bcnbrand-nav-link-lang-selector" data-target="bcnbrand-lang" title="Català (Canviar idioma)" aria-label="Català (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> <span aria-owns="bcnbrand-lang-mobile-nav"></span> </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" tabindex="-1">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-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" tabindex="-1">Català (Canviar idioma)</h2> <ul class="bcnbrand-list"> <li><a href="/ca" aria-current="true" class="active" lang="ca" data-ga="CA">Català</a></li> <li><a href="/es" lang="es" data-ga="ES">Castellano</a></li> <li><a href="/en" 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-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> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/content/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--174.html.twig * page--node--%.html.twig * page--node.html.twig x page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/system/page.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--header-top.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/layout/region.html.twig' --> <div class="region region-header-top"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bcn-notice.html.twig * block--bcn-notice.html.twig * block--bcn-notice.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/block/block.html.twig' --> <div id="bcn-avisos"></div> <!-- END OUTPUT from 'themes/custom/bsm/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'core/themes/classy/templates/layout/region.html.twig' --> <div class="layout-container"> <header class="header" role="banner"> <div class="container"> <div class="header__container"> <div class="header__burger"> <svg xmlns="http://www.w3.org/2000/svg" width="22.626" height="18" viewBox="0 0 22.626 18"> <path d="M369.111 413.246a.905.905 0 0 1 .905-.905h20.816a.905.905 0 1 1 0 1.81h-20.816a.9.9 0 0 1-.905-.905zm21.721 7.189h-20.816a.905.905 0 0 0 0 1.81h20.816a.905.905 0 0 0 0-1.81zm0 8.1h-20.816a.905.905 0 0 0 0 1.81h20.816a.905.905 0 0 0 0-1.81z" transform="translate(-369.111 -412.341)"/> </svg> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--header.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/regions/region--header.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: x block--header-logo.html.twig x block--header-logo.html.twig * block--bsm-site.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/block/block--header-logo.html.twig' --> <div class="header__logo"> <a href="/"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> <img src="/sites/default/files/2021-02/Grupo%202535.svg" alt="Logotip" width="auto" height="auto" /> <!-- END OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> </a> </div> <!-- END OUTPUT from 'themes/custom/bsm/templates/block/block--header-logo.html.twig' --> <!-- END OUTPUT from 'themes/custom/bsm/templates/regions/region--header.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--header-navigation.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/regions/region--header-navigation.html.twig' --> <div class="header__nav-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--secondary-top-menu.html.twig x block--system-menu-block--secondary-top-menu.html.twig * block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/block/block--system-menu-block--secondary-top-menu.html.twig' --> <div class="header__menu--secondary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__secondary_top_menu' --> <!-- FILE NAME SUGGESTIONS: x menu--secondary-top-menu.html.twig x menu--secondary-top-menu.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/menu/menu--secondary-top-menu.html.twig' --> <ul class="menu"> <li class="menu__item menu__item--top"> <a href="/transformacio" data-drupal-link-system-path="node/265">Transformació </a> </li> <li class="menu__item menu__item--top menu-item--expanded"> <a href="/noticies" data-drupal-link-system-path="node/67">Notícies</a> <ul class="submenu"> <li><a href="/noticies/informacio-barcelona" data-drupal-link-system-path="node/85">Info de Barcelona</a></li> </ul> </li> <li class="menu__item menu__item--top"> <a href="/faq" data-drupal-link-system-path="node/31">FAQ</a> </li> <li class="menu__item menu__item--top"> <a href="/contacte" data-drupal-link-system-path="node/21">Contacte</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/bsm/templates/menu/menu--secondary-top-menu.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/bsm/templates/block/block--system-menu-block--secondary-top-menu.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bsm-main-menu.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/custom/bsm/templates/block/block--system-menu-block--main.html.twig' --> <div class="header__menu"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: * menu--extras--main--header-navigation.html.twig x menu--extras--main.html.twig * menu--extras.html.twig * menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/menu/menu--extras--main.html.twig' --> <ul data-region="header_navigation" class="menu"> <li class="menu__item"> <a href="">L’Estació</a> <div class="sub-menu"> <div class="sub-menu__container"> <div class="sub-menu__group"> <div class="sub-menu__item"> <div class="sub-menu__item-title"> <a href="/estacio/installacions"> Instal·lacions </a> </div> <div class="sub-menu__item-text"> </div> <div class="sub-menu__item-link"> <a href="/estacio/installacions">Més informació</a> </div> </div> <div class="sub-menu__item"> <div class="sub-menu__item-title"> <a href="/lestacio/qui-som"> Qui som </a> </div> <div class="sub-menu__item-text"> </div> <div class="sub-menu__item-link"> <a href="/lestacio/qui-som">Més informació</a> </div> </div> <div class="sub-menu__item"> <div class="sub-menu__item-title"> <a href="/planols-de-lestacio"> Plànols de l’Estació </a> </div> <div class="sub-menu__item-text"> </div> <div class="sub-menu__item-link"> <a href="/planols-de-lestacio">Més informació</a> </div> </div> </div> <div class="sub-menu__buttons"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--button-with-icon--default.html.twig x paragraph--button-with-icon.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/paragraphs/paragraph--button-with-icon.html.twig' --> <a href="/normes-dus" class="button button--primary"> <span class="button__icon"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-icon--button-with-icon.html.twig * field--paragraph--field-icon.html.twig * field--paragraph--button-with-icon.html.twig * field--field-icon.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <div class="field field--name-field-icon field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> <img loading="lazy" src="/sites/default/files/2020-12/Normes%20us.svg" width="auto" height="auto" alt="Normes us" /> <!-- END OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> </span> Normes d&#039;ús </a> <!-- END OUTPUT from 'themes/custom/bsm/templates/paragraphs/paragraph--button-with-icon.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--button-with-icon--default.html.twig x paragraph--button-with-icon.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/paragraphs/paragraph--button-with-icon.html.twig' --> <a href="/drets-dels-viatgers" class="button button--primary"> <span class="button__icon"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-icon--button-with-icon.html.twig * field--paragraph--field-icon.html.twig * field--paragraph--button-with-icon.html.twig * field--field-icon.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <div class="field field--name-field-icon field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> <img loading="lazy" src="/sites/default/files/2020-12/Drets.svg" width="auto" height="auto" alt="Drets" /> <!-- END OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> </span> Drets dels viatgers </a> <!-- END OUTPUT from 'themes/custom/bsm/templates/paragraphs/paragraph--button-with-icon.html.twig' --> </div> </div> </div> </li> <li class="menu__item"> <a href="/serveis" data-drupal-link-system-path="node/4">Serveis</a> </li> <li class="menu__item"> <a href="/horaris" data-drupal-link-system-path="node/71">Horaris</a> </li> <li class="menu__item"> <a href="/serveis/companyies" data-drupal-link-system-path="node/10">Companyies</a> </li> <li class="menu__item"> <a href="/rutes" data-drupal-link-system-path="node/36">Rutes</a> </li> <li class="menu__item"> <a href="/excursions" title="Descobreix les millors destinacions viatjant de la manera més còmoda i sostenible." data-drupal-link-system-path="node/78">Excursions</a> </li> <li class="menu__item"> <a href="/com-arribar" data-drupal-link-system-path="node/33">Com s&#039;hi arriba</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/bsm/templates/menu/menu--extras--main.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/bsm/templates/block/block--system-menu-block--main.html.twig' --> <div class="header__nav-close"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.165019 17.8358C0.274704 17.9454 0.418701 18 0.562698 18C0.706694 18 0.850691 17.9449 0.960938 17.8352L9 9.78641L17.0391 17.8352C17.1487 17.9454 17.2927 18 17.4373 18C17.5813 18 17.7253 17.9449 17.835 17.8358C18.0549 17.6164 18.0549 17.2603 17.8355 17.0404L9.80435 9.00003L17.835 0.960254C18.0543 0.740318 18.0543 0.384256 17.8344 0.164882C17.6139 -0.0550545 17.2584 -0.0550543 17.0391 0.165445L8.99944 8.21423L0.960376 0.165445C0.740444 -0.0544918 0.384389 -0.054492 0.165019 0.164882C-0.0549129 0.384256 -0.0549125 0.740318 0.164457 0.960254L8.19452 9.00003L0.164457 17.0404C-0.0549125 17.2598 -0.0549129 17.6164 0.165019 17.8358Z" fill="#231F20"/> </svg> </div> </div> <!-- END OUTPUT from 'themes/custom/bsm/templates/regions/region--header-navigation.html.twig' --> </div> </div> </header> <main role="main" class=""> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content-top.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/layout/region.html.twig' --> <div class="region region-content-top"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--hero-image.html.twig * block--hero-image.html.twig * block--bsm-site.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'hero-image' --> <!-- BEGIN OUTPUT from 'modules/custom/bsm_site/templates/hero-image.html.twig' --> <div class="hero-image "> <picture> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> <img src="/sites/default/files/2021-09/la%20merc%C3%A8%202021.jpg" alt="hero_image" width="1200" height="630" /> <!-- END OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> </picture> </div> <!-- END OUTPUT from 'modules/custom/bsm_site/templates/hero-image.html.twig' --> <!-- END OUTPUT from 'themes/custom/bsm/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: x block--breadcrumbs.html.twig * block--system-breadcrumb-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/block/block--breadcrumbs.html.twig' --> <div class="breadcrumb"> <div class="container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'breadcrumb' --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/menu/breadcrumb.html.twig' --> <nav class="breadcrumb__list" role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Fil d'Ariadna</h2> <ol> <li> <a href="/">Inici</a> </li> <li> <a href="/noticies">Notícies</a> </li> <li> <a href="/la-merce-2021-del-23-al-26-de-setembre" class="is-active">La Mercè 2021: Del 23 al 26 de setembre</a> </li> </ol> </nav> <!-- END OUTPUT from 'themes/custom/bsm/templates/menu/breadcrumb.html.twig' --> <div class="breadcrumb__home-link"> <a href="/">Inici</a> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/bsm/templates/block/block--breadcrumbs.html.twig' --> </div> <!-- END OUTPUT from 'core/themes/classy/templates/layout/region.html.twig' --> <div class="layout-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/layout/region.html.twig' --> <div class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bsm-messages.html.twig x block--system-messages-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable/templates/block/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/themes/stable/templates/block/block--system-messages-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bsm-content.html.twig * block--system-main-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--174--full.html.twig * node--174.html.twig x node--news--full.html.twig * node--news.html.twig * node--full.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/content/node--news--full.html.twig' --> <article role="article" class="node node--type-news node--view-mode-full"> <div class="node__content"> <div class="container"> <div class="news-full"> <div class="news-full__row"> <div class="news-full__header"> <div class="news-full__title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--news.html.twig x field--node--title.html.twig * field--node--news.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">La Mercè 2021: Del 23 al 26 de setembre</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> </div> <div class="news-full__date"> 2021-09-15 12:26:51 </div> </div> <div class="news-full__body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--news.html.twig * field--node--body.html.twig * field--node--news.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><span><span><span>Les<strong> Festes de La Mercè 2021</strong> ja s’apropen a Barcelona, i <strong>l'Estació d'Autobusos Barcelona Nord</strong> et porta de forma ràpida, còmode i segura perquè formis part de "La Mercè 2021, el festival de festivals”!</span></span></span></p> <p><span><span><span>Del 23 al 26 de setembre la Festa Major tornarà a omplir de música, activitats i concerts la Ciutat Comtal. El programa de La Mercè 2021 inclou un munt de propostes per celebrar la 150a edició de la Festa Major.</span></span></span></p> <p><span><span><span>Al web de <strong><a href="https://www.barcelona.cat/lamerce/ca">La Mercè 2021</a></strong> trobaràs tot el que has de saber de les Festes: informació pràctica, programa de concerts i espectacles, com reservar entrades, horari dels gegants i cultura popular, piromusical, BAM 2021 i molt més!</span></span></span></p> <p><span><span><span>En aquesta edició de la Festa Major de Barcelona continuen vigents les mesures de seguretat i distanciament imposades per a combatre la pandèmia de la covid, que fa que es mantinguin els controls d'aforaments i la reserva prèvia per a la majoria d'actes previstos en el programa de les festes. En total, La Mercè 2021 comprèn 23 espais d'activitat previstos que disposen d'un aforament d'entre 200 i 3.000 localitats, amb un total de 100.000 entrades disponibles.</span></span></span></p> <p> </p> <p>Descarrega’t<span><span><span> el programa de les <strong>Festes de La Mercè 2021 </strong>en aquest enllaç: </span></span></span></p> <p><span><span><span><strong><a href="https://www.barcelona.cat/lamerce/sites/default/files/2021-09/20914-t-merce21-programa-general-a4.pdf">Programa de les Festes de La Mercè 2021</a></strong></span></span></span></p> <p> </p> <p> </p>  </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> </div> <div class="news-full__gallery"> <div class="swiper-container news-full__gallery-top"> <div class="swiper-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: x field--node--field-gallery--news.html.twig * field--node--field-gallery.html.twig * field--node--news.html.twig * field--field-gallery.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/fields/field--node--field-gallery--news.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig x media--image--gallery.html.twig * media--image.html.twig * media--gallery.html.twig * media.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/content/media--image--gallery.html.twig' --> <article class="media media--type-image media--view-mode-gallery news-full__slide swiper-slide"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: x field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/fields/field--media--field-media-image--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> <img src="/sites/default/files/styles/large/public/2021-09/la%20merc%C3%A8%202021.jpg?itok=Tb7mdwP0" width="480" height="252" alt="Festes de la Mercè 2021 " loading="lazy" class="image-style-large" /> <!-- END OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-formatter.html.twig' --> <!-- END OUTPUT from 'themes/custom/bsm/templates/fields/field--media--field-media-image--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-caption--image.html.twig * field--media--field-caption.html.twig * field--media--image.html.twig * field--field-caption.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <div class="field field--name-field-caption field--type-string field--label-hidden field__item">Festes de la Mercè 2021 </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> </article> <!-- END OUTPUT from 'themes/custom/bsm/templates/content/media--image--gallery.html.twig' --> <!-- END OUTPUT from 'themes/custom/bsm/templates/fields/field--node--field-gallery--news.html.twig' --> </div> </div> <div class="swiper-container news-full__gallery-thumbs"> <div class="swiper-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: x field--node--field-gallery--news.html.twig * field--node--field-gallery.html.twig * field--node--news.html.twig * field--field-gallery.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/fields/field--node--field-gallery--news.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig x media--image--gallery.html.twig * media--image.html.twig * media--gallery.html.twig * media.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/content/media--image--gallery.html.twig' --> <article class="media media--type-image media--view-mode-gallery news-full__slide swiper-slide"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: x field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/fields/field--media--field-media-image--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> <img src="/sites/default/files/styles/large/public/2021-09/la%20merc%C3%A8%202021.jpg?itok=Tb7mdwP0" width="480" height="252" alt="Festes de la Mercè 2021 " loading="lazy" class="image-style-large" /> <!-- END OUTPUT from 'core/themes/classy/templates/field/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-formatter.html.twig' --> <!-- END OUTPUT from 'themes/custom/bsm/templates/fields/field--media--field-media-image--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-caption--image.html.twig * field--media--field-caption.html.twig * field--media--image.html.twig * field--field-caption.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <div class="field field--name-field-caption field--type-string field--label-hidden field__item">Festes de la Mercè 2021 </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> </article> <!-- END OUTPUT from 'themes/custom/bsm/templates/content/media--image--gallery.html.twig' --> <!-- END OUTPUT from 'themes/custom/bsm/templates/fields/field--node--field-gallery--news.html.twig' --> </div> <div class="swiper-pagination"></div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div> </div> </div> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/bsm/templates/content/node--news--full.html.twig' --> <!-- END OUTPUT from 'themes/custom/bsm/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'core/themes/classy/templates/layout/region.html.twig' --> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content-bottom.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/layout/region.html.twig' --> <div class="region region-content-bottom"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: x block--footer-block.html.twig x block--footer-block.html.twig * block--bsm-site.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/block/block--footer-block.html.twig' --> <div class="pre-footer"> <div class="pre-footer__wrapper"> <div class="container"> <div class="pre-footer__body"> <div class="pre-footer__right"> <div class="pre-footer__socials"> <div class="pre-footer__socials-title"> Coneix-nos </div> <a href="https://www.instagram.com/estaciobarcelonanord/" class="pre-footer__socials-item"> <img src="/sites/default/files/2022-01/Logo%20Instagram%20svg.svg" alt="Icon "> </a> <a href="https://www.linkedin.com/showcase/estaci%C3%B3-d&#039;autobusos-barcelona-nord" class="pre-footer__socials-item"> <img src="/sites/default/files/2022-01/Logo%20Linkedin%20svg.svg" alt="Icon "> </a> <a href="https://www.facebook.com/estaciobarcelonanord/" class="pre-footer__socials-item"> <img src="/sites/default/files/2023-12/logo%20Facebook%20web%20Estacio-05.svg" alt="Icon "> </a> </div> </div> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/bsm/templates/block/block--footer-block.html.twig' --> </div> <!-- END OUTPUT from 'core/themes/classy/templates/layout/region.html.twig' --> </main> <footer class="footer" role="contentinfo"> <div class="container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--footer.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/regions/region--footer.html.twig' --> <!-- END OUTPUT from 'themes/custom/bsm/templates/regions/region--footer.html.twig' --> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-bottom.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/layout/region.html.twig' --> <div class="region region-footer-bottom"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--under-footer.html.twig x block--system-menu-block--under-footer.html.twig * block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/block/block--system-menu-block--under-footer.html.twig' --> <div class="underfooter underfooter--padding-right-0"> <div class="underfooter__wrapper container"> <div class="underfooter__logo"> <img src="/themes/custom/bsm/bundles/assets/images/logo-ajuntament.svg" alt="Logo Ajuntament de Barcelona"> </div> <nav role="navigation" aria-labelledby="block-under-footer-menu" id="block-under-footer"> <h2 class="visually-hidden" id="block-under-footer-menu">Under footer</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__under_footer' --> <!-- FILE NAME SUGGESTIONS: x menu--under-footer.html.twig x menu--under-footer.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bsm/templates/menu/menu--under-footer.html.twig' --> <ul class="underfooter__menu"> <li class="menu-item underfooter__menu-item--external underfooter__menu-item"> <a href="https://atencioenlinia.ajuntament.barcelona.cat/">Queixes i suggeriments</a> </li> <li class="menu-item underfooter__menu-item"> <a href="/contacte" data-drupal-link-system-path="node/21">Contacte</a> </li> <li class="menu-item underfooter__menu-item--external underfooter__menu-item"> <a href="https://bsmsa.cat/avis-legal-i-privacitat">Avís legal i Privacitat</a> </li> <li class="menu-item underfooter__menu-item--external underfooter__menu-item"> <a href="https://www.bsmsa.cat/qui-som/politica-integral/">Política de qualitat</a> </li> <li class="menu-item underfooter__menu-item"> <a href="/accessibilitat" data-drupal-link-system-path="node/93">Accessibilitat</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/bsm/templates/menu/menu--under-footer.html.twig' --> </nav> </div> </div> <!-- END OUTPUT from 'themes/custom/bsm/templates/block/block--system-menu-block--under-footer.html.twig' --> </div> <!-- END OUTPUT from 'core/themes/classy/templates/layout/region.html.twig' --> </footer> <div class="back-to-top"> <svg xmlns="http://www.w3.org/2000/svg" width="19.89" height="24.999" viewBox="0 0 19.89 24.999"> <path fill="#fff" d="M376.682 465.019a1 1 0 0 1-1.414 0l-7.239-7.238v20.586a1 1 0 0 1-2 0v-20.586l-7.237 7.238a1 1 0 0 1-1.414-1.415l8.943-8.943a1 1 0 0 1 1.09-.217 1.021 1.021 0 0 1 .327.217l8.944 8.943a1 1 0 0 1 0 1.415z" transform="translate(-357.085 -454.368)"/> </svg> </div> </div> <!-- END OUTPUT from 'themes/custom/bsm/templates/system/page.html.twig' --> </div> <!-- END OUTPUT from 'core/themes/stable/templates/content/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/174","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"ca"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"google_analytics":{"account":"UA-18426066-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"},"data":{"extlink":{"extTarget":true,"extTargetNoOverride":true,"extNofollow":false,"extNoreferrer":true,"extFollowNoOverride":false,"extClass":"ext","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"#brand, .bcnbrand-main-container, .site-link, .addtoany_share","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","mailtoClass":"0","mailtoLabel":"(link sends email)","extUseFontAwesome":false,"extIconPlacement":"append","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","whitelistedDomains":[]}},"bcn_notice":{"token":"e74ac20b805b5028bc87e9c517ee37db"},"bcn_barra":{"translations":{"es":"\/es\/la-merce-2021-del-23-al-26-de-septiembre","en":"\/en\/la-merce-2021-september-23-26","ca":"\/la-merce-2021-del-23-al-26-de-setembre"},"alter":false},"user":{"uid":0,"permissionsHash":"ccfc6ca1f705edcab8e0bae72722718e0e12e77a5060d4e3e185d704d91a46d0"}}</script> <script src="/sites/default/files/js/js_6O4-wtV_ootzqZWid5VY6l7bpky5sZn6oKuTLIdSh7s.js"></script> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/sites/default/files/js/js_mNtipiPlY78Ldi2_v8sT9V4ANSa5X6TslYaaqpupv_s.js"></script> <script src="https://ajuntament.barcelona.cat/widgets/bcn-avisos/js/bcn-avisos.js"></script> <script src="/sites/default/files/js/js_E234zlkEuCY0pKWRoUfAdBYoZZR2si0jnxRgc2YiZPk.js"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/bsm/templates/system/html.html.twig' -->

Pages: 1 2 3 4 5 6 7 8 9 10