Healthy Streets | London City Hall

<!DOCTYPE html> <html lang="en-gb" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <script>var closedMessages = JSON.parse(localStorage.getItem('Drupal.gla.closed_messages') || '{}'); Object.keys(closedMessages).forEach(function (hash) { var style = document.createElement('style'); style.innerText = '[data-gla-banner="' + hash + '"] { display:none; }'; document.head.appendChild(style); });</script> <script data-cfasync="false" type="text/javascript" id="gla-core-vwoCode">window._vwo_code || (function() { var account_id=602356, version=2.0, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#gla-core-vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;})();</script> <meta name="description" content="The Mayor has taken the Healthy Streets Approach to encourage people to walk, cycle and use public transport." /> <link rel="canonical" href="https://www.london.gov.uk/programmes-strategies/transport/healthy-streets" /> <meta name="robots" content="index, follow" /> <link rel="image_src" href="https://www.london.gov.uk/sites/default/files/styles/open_graph_image/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=FG0RnprW" /> <meta property="og:site_name" content="London City Hall" /> <meta property="og:url" content="https://www.london.gov.uk/programmes-strategies/transport/healthy-streets" /> <meta property="og:title" content="Healthy Streets" /> <meta property="og:description" content="The Mayor has taken the Healthy Streets Approach to encourage people to walk, cycle and use public transport." /> <meta property="og:image" content="https://www.london.gov.uk/sites/default/files/styles/open_graph_image/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=FG0RnprW" /> <meta property="og:image:secure_url" content="https://www.london.gov.uk/sites/default/files/styles/open_graph_image/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=FG0RnprW" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:updated_time" content="2022-10-28T02:52:35+01:00" /> <meta property="og:image:alt" content="A road in London" /> <meta property="og:locale" content="en" /> <meta property="pin:media" content="https://www.london.gov.uk/sites/default/files/styles/open_graph_image/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=FG0RnprW" /> <meta property="pin:url" content="https://www.london.gov.uk/programmes-strategies/transport/healthy-streets" /> <meta property="pin:description" content="The Mayor has taken the Healthy Streets Approach to encourage people to walk, cycle and use public transport." /> <meta name="twitter:card" content="summary" /> <meta name="twitter:description" content="The Mayor has taken the Healthy Streets Approach to encourage people to walk, cycle and use public transport." /> <meta name="twitter:title" content="Healthy Streets" /> <meta name="twitter:image:alt" content="A road in London" /> <meta name="twitter:image" content="https://www.london.gov.uk/sites/default/files/styles/twitter_card_image/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=6HCo1NGX" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <link rel="search" type="application/opensearchdescription+xml" href="/gla_estate_search/opensearch" /> <meta name="format-detection" content="telephone=no" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="" /> <link rel="apple-touch-icon" sizes="180x180" href="/themes/estate/gla_core_theme/dist/img/favicons/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/themes/estate/gla_core_theme/dist/img/favicons/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/themes/estate/gla_core_theme/dist/img/favicons/favicon-16x16.png" /> <link rel="manifest" href="/themes/estate/gla_core_theme/dist/img/favicons/site.webmanifest" /> <link rel="mask-icon" color="#5bbad5" href="/themes/estate/gla_core_theme/dist/img/favicons/safari-pinned-tab.svg" /> <link rel="shortcut icon" href="/themes/estate/gla_core_theme/dist/img/favicons/favicon.ico" /> <meta name="msapplication-TileColor" content="#da532c" /> <meta name="msapplication-config" content="/themes/estate/gla_core_theme/dist/img/favicons/browserconfig.xml" /> <meta name="theme-color" content="#ffffff" /> <title>Healthy Streets | London City Hall</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_8HgKl8My6oK5xMgnnloKB3zQkMvEHTRlWYkesb6zPNE.css?delta=0&language=en&theme=gla_core_theme&include=eJx1jVEKAjEMRC9Utkcqs21oC9lNSdJVb-8qiIL6OW_mMZWRuMqRcs6xfoRFDlLthSzYzZy2uMIoPCZZlJI32ug0ZAWHo9PFUoEj0XWIevwi4WHFonOAl9LBUsOAoipGs1fxJsvcx1y5W6PyfCVz-Pmr2I3hXfb4GwcjaG4JoydMlyzbYHKKf_gd2_dm-Q" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_OXCK5J0LVev_1GaAX8lV1_5PvCO9fC0kS-ctSYFnp90.css?delta=1&language=en&theme=gla_core_theme&include=eJx1jVEKAjEMRC9Utkcqs21oC9lNSdJVb-8qiIL6OW_mMZWRuMqRcs6xfoRFDlLthSzYzZy2uMIoPCZZlJI32ug0ZAWHo9PFUoEj0XWIevwi4WHFonOAl9LBUsOAoipGs1fxJsvcx1y5W6PyfCVz-Pmr2I3hXfb4GwcjaG4JoydMlyzbYHKKf_gd2_dm-Q" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/82377","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en","civiccookiecontrol_path":"modules\/contrib\/civicccookiecontrol"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx90UFuxCAMBdAL0bDuaZABF2gJRrZDZm5fOqo6bRJ1AcjPX16YUEYJgeijYKCmTNWGEy2CqqUlMefeRfzVRFCocEe2HjOMQiwmVXCBGJ1mXNH6TZXaUQNwPFqq5KEeVYriS0aIyKdW59l86tjJzvMAFAWdQYYmFbRQs9f8SNdEw4UQ7O9ioYHMJaL8k_nZWCJKdU6GZNO8jvUC73D7i6vpwJAYehYbeetQl6csW-ubr0UyRiMIHLKDXhxsSoHWXlHnBq7dyF0UV-tB0IyCu7ivn3J468RqT2J29G_Eq_1-l1igUvoEyLjedg","theme":"gla_core_theme","theme_token":null},"ajaxTrustedUrl":{"\/search":true},"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":true,"allowlist_classes":["google","nonGooglePixels","nonGoogleScripts","nonGoogleIframes"],"blocklist_classes":["customScripts","customPixels"],"include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-KXBTQP"]},"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"civiccookiecontrol":"{\u0022apiKey\u0022:\u0022b08bca6362c188d40519ea5501ffd4a94d8003dc\u0022,\u0022product\u0022:\u0022PRO_MULTISITE\u0022,\u0022logConsent\u0022:false,\u0022consentCookieExpiry\u0022:90,\u0022encodeCookie\u0022:false,\u0022subDomains\u0022:true,\u0022notifyOnce\u0022:false,\u0022rejectButton\u0022:true,\u0022toggleType\u0022:\u0022slider\u0022,\u0022closeStyle\u0022:\u0022button\u0022,\u0022settingsStyle\u0022:\u0022link\u0022,\u0022initialState\u0022:\u0022NOTIFY\u0022,\u0022layout\u0022:\u0022SLIDEOUT\u0022,\u0022position\u0022:\u0022LEFT\u0022,\u0022theme\u0022:\u0022LIGHT\u0022,\u0022necessaryCookies\u0022:[\u0022googtrans\u0022,\u0022test_cookie\u0022,\u0022what-intent\u0022,\u0022CONSENT\u0022,\u0022CookieConsent\u0022,\u0022crisis_communication_modal\u0022],\u0022optionalCookies\u0022:[{\u0022name\u0022:\u0022Statistics\u0022,\u0022label\u0022:\u0022Statistics\u0022,\u0022description\u0022:\u0022\u003Cp\u003EWe use services such as Google Analytics, Hotjar and AB testing through VWO, to measure how visitors use our website so we can improve it. Google Analytics, Hotjar and VWO set cookies that store anonymised information about how you got to the site, the pages you visit, how long you spend on each page and what you click on or do while you\u0027re visiting the site.\u003C\/p\u003E\\r\\n\u0022,\u0022cookies\u0022:[\u0022_ga\u0022,\u0022_gid\u0022,\u0022_ga_#\u0022,\u0022_ga*\u0022,\u0022_vwo\u0022,\u0022_vwo_#\u0022,\u0022_vwo_*\u0022,\u0022_vis_opt_exp_#\u0022,\u0022_vis_opt_exp_*\u0022,\u0022_vis_opt_s\u0022,\u0022_vis_opt_test_cookie\u0022],\u0022onAccept\u0022:\u0022function(){if (window.VWO \u0026\u0026 window.VWO.optInVisitor) {\\r\\n window.VWO.optInVisitor();\\r\\n}\\r\\nelse if (window._vwo_code) {\\r\\n window._vwo_code.init();\\r\\n}}\u0022,\u0022onRevoke\u0022:\u0022function(){if (window.VWO \u0026\u0026 window.VWO.optOutVisitor) {\\r\\n window.VWO.optOutVisitor();\\r\\n}}\u0022,\u0022recommendedState\u0022:false,\u0022lawfulBasis\u0022:\u0022consent\u0022},{\u0022name\u0022:\u0022Marketing\u0022,\u0022label\u0022:\u0022Marketing\u0022,\u0022description\u0022:\u0022\u003Cp\u003EMarketing cookies are used to track visitors across websites. These cookies are used to try to display ads (or track the success of adverts on other sites) that are relevant to our visitors. Often these are not used by london.gov.uk, but by services like YouTube or other third parties that we use on our website.\u003C\/p\u003E\\r\\n\u0022,\u0022cookies\u0022:[\u0022_gcl_au\u0022,\u0022pagead\/landing\u0022,\u0022YSC\u0022,\u0022VISITOR_INFO1_LIVE\u0022],\u0022onAccept\u0022:\u0022function(){}\u0022,\u0022onRevoke\u0022:\u0022function(){}\u0022,\u0022recommendedState\u0022:false,\u0022lawfulBasis\u0022:\u0022consent\u0022}],\u0022excludedCountries\u0022:[],\u0022debug\u0022:false,\u0022setInnerHTML\u0022:true,\u0022wrapInnerHTML\u0022:false,\u0022mode\u0022:\u0022GDPR\u0022,\u0022acceptBehaviour\u0022:\u0022all\u0022,\u0022closeOnGlobalChange\u0022:false,\u0022notifyDismissButton\u0022:false,\u0022sameSiteCookie\u0022:true,\u0022sameSiteValue\u0022:\u0022Strict\u0022,\u0022iabCMP\u0022:false,\u0022statement\u0022:{\u0022description\u0022:\u0022Before deciding \u0022,\u0022name\u0022:\u0022read more about our cookies\u0022,\u0022updated\u0022:\u002228\/07\/2021\u0022},\u0022ccpaConfig\u0022:[],\u0022accessibility\u0022:{\u0022accessKey\u0022:\u0022C\u0022,\u0022overlay\u0022:true,\u0022outline\u0022:true,\u0022disableSiteScrolling\u0022:false},\u0022text\u0022:{\u0022title\u0022:\u0022Cookies on london.gov.uk\u0022,\u0022intro\u0022:\u0022\u003Cp\u003EWe use some essential cookies to make this website work.\u003C\/p\u003E\\r\\n\\r\\n\u003Cp\u003EWe\u2019d like to set additional cookies to understand how you use london.gov.uk, remember your settings and improve our services.\u003C\/p\u003E\\r\\n\\r\\n\u003Cp\u003EWe also use cookies set by other sites to help us deliver content from their services.\u003C\/p\u003E\\r\\n\u0022,\u0022acceptRecommended\u0022:\u0022Accept Recommended Settings\u0022,\u0022acceptSettings\u0022:\u0022Accept additional cookies\u0022,\u0022rejectSettings\u0022:\u0022Reject additional cookies\u0022,\u0022necessaryTitle\u0022:\u0022Necessary Cookies\u0022,\u0022necessaryDescription\u0022:\u0022\u003Cp\u003EWe use some essential cookies to make this website work.\u003C\/p\u003E\\r\\n\u0022,\u0022thirdPartyTitle\u0022:\u0022Third party cookies.\u0022,\u0022thirdPartyDescription\u0022:\u0022\u003Cp\u003EWe also use cookies set by other sites to help us deliver content from their services.\u003C\/p\u003E\\r\\n\u0022,\u0022on\u0022:\u0022Yes\u0022,\u0022off\u0022:\u0022No\u0022,\u0022notifyTitle\u0022:\u0022Your choice regarding cookies on this site\u0022,\u0022notifyDescription\u0022:\u0022\u003Cp\u003EWe use some essential cookies to make this website work.\u003C\/p\u003E\\r\\n\\r\\n\u003Cp\u003EWe\u2019d like to set additional cookies to understand how you use london.gov.uk, remember your settings and improve government services.\u003C\/p\u003E\\r\\n\\r\\n\u003Cp\u003EWe also use cookies set by other sites to help us deliver content from their services.\u003C\/p\u003E\\r\\n\u0022,\u0022accept\u0022:\u0022I Accept\u0022,\u0022reject\u0022:\u0022I Reject\u0022,\u0022settings\u0022:\u0022View cookies\u0022,\u0022closeLabel\u0022:\u0022Hide this message\u0022,\u0022cornerButton\u0022:\u0022Set cookie preferences.\u0022,\u0022landmark\u0022:\u0022Cookie preferences.\u0022,\u0022showVendors\u0022:\u0022Show vendors within this category\u0022,\u0022thirdPartyCookies\u0022:\u0022This vendor may set third party cookies.\u0022,\u0022readMore\u0022:\u0022Read more\u0022},\u0022branding\u0022:{\u0022fontSizeTitle\u0022:\u0022em\u0022,\u0022fontSize\u0022:\u0022em\u0022,\u0022toggleText\u0022:\u0022#ffffff\u0022,\u0022toggleColor\u0022:\u0022#ffffff\u0022,\u0022toggleBackground\u0022:\u0022#e7135d\u0022,\u0022buttonIconWidth\u0022:\u0022px\u0022,\u0022buttonIconHeight\u0022:\u0022px\u0022,\u0022removeIcon\u0022:true,\u0022removeAbout\u0022:true,\u0022rejectText\u0022:null,\u0022rejectBackground\u0022:\u0022\u0022,\u0022closeText\u0022:\u0022\u0022,\u0022closeBackground\u0022:\u0022#e7135d\u0022,\u0022notifyFontColor\u0022:\u0022\u0022,\u0022notifyBackgroundColor \u0022:\u0022\u0022},\u0022locales\u0022:[]}","dataLayer":{"defaultLang":"en","languages":{"en":{"id":"en","name":"English","direction":"ltr","weight":0}}},"vwo":{"id":602356,"timeout_library":2500,"timeout_setting":2000,"usejquery":"false","testnull":null},"gla_estate_jumplinks_toc":{"base_url":"https:\/\/www.london.gov.uk\/"},"webform":{"dialog":{"options":{"narrow":{"title":"Narrow","width":600},"normal":{"title":"Normal","width":800},"wide":{"title":"Wide","width":1000}},"entity_type":"node","entity_id":"82377"}},"search_api_autocomplete":{"solr_search_content":{"auto_submit":true}},"user":{"uid":0,"permissionsHash":"cb4c38bec6b4a58eae3bb1c8dd48ffa8bebe4052db690c7bc60883d958d00826"}}</script> <script src="//polyfill-fastly.io/v3/polyfill.min.js?flags=gated&features=default,es5,es6,es7,matchMedia,IntersectionObserver,ResizeObserver,NodeList.prototype.forEach,HTMLTemplateElement,Element.prototype.closest,requestAnimationFrame,CustomEvent,URLSearchParams" nomodule></script> <script src="/themes/estate/gla_core_theme/dist/modernizr.js?sqhdzp"></script> <script src="/sites/default/files/js/js_cBWgbCd2l2MaVPeSRIWDzttFNeDs3RCPlN3j2Nv-c9g.js?scope=header&delta=2&language=en&theme=gla_core_theme&include=eJx1kF1ywyAMhC8E4bmnYWShYLUYMUKxk56-JNNfO31gGH27iJWQV0YUeWNCqaZSAh7QizuyJ7ZTJzOuubsEBgVupGGiGVYW7S4XiChKcd0kjPMAJcsaETH8Ln76fL-xmRYKTcrtzKV4lr3EldT8l2GvbjOY59outlfGV77jCF8mUL9xsvl_i2-Q0gjmTdretUgirfyubmXaeryvINK1iVo4ELfRdBZdwud9SgxFsssiuYyOkEO25W8JeV-f4BWujxzUDWwICrUXMJYanuN9agRNrhMozhEaR7iYoCytkN0Hf8oP-2EjPxOM-T8AvE7oRw"></script> <script src="/modules/contrib/google_tag/js/gtm.js?sqhdzp"></script> <script src="/modules/contrib/google_tag/js/gtag.js?sqhdzp"></script> <script src="/sites/default/files/js/js_NK5XS0ndMgyjC2g6318tICLc1eWH9nG7iI9hKrWNiuA.js?scope=header&delta=5&language=en&theme=gla_core_theme&include=eJx1kF1ywyAMhC8E4bmnYWShYLUYMUKxk56-JNNfO31gGH27iJWQV0YUeWNCqaZSAh7QizuyJ7ZTJzOuubsEBgVupGGiGVYW7S4XiChKcd0kjPMAJcsaETH8Ln76fL-xmRYKTcrtzKV4lr3EldT8l2GvbjOY59outlfGV77jCF8mUL9xsvl_i2-Q0gjmTdretUgirfyubmXaeryvINK1iVo4ELfRdBZdwud9SgxFsssiuYyOkEO25W8JeV-f4BWujxzUDWwICrUXMJYanuN9agRNrhMozhEaR7iYoCytkN0Hf8oP-2EjPxOM-T8AvE7oRw"></script> <script src="/themes/estate/gla_core_theme/libraries/alpinejs/dist/cdn.js?sqhdzp" defer></script> <script type="text/javascript" src="https://www.london.gov.uk/modules/custom/lgov/gla_crisis_communication/gla-crisis-communication/dist/gla_crisis_communication.js?1"></script></head> <body data-ccm-status="1" class="u-overflow-x-hidden"> <div class="u-w-full u-bg-black u-text-white"> <a href="#main-content" class="visually-hidden focusable"> Skip to main content </a> </div> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KXBTQP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container u-flex u-flex-col u-min-h-full"> <div> <div id="block-glabannerdisplay" class="gla-banners-container"> <div aria-live="polite" class="visually-hidden" id="notification-message-aria-announcement"></div> <div class="notification-messages"> </div> </div> </div> <header class="u-z-10 header u-bg-grey u-text-white u-isolate u-relative" x-data="siteHeader" @focus="pinHeader()" @click="pinHeader()"> <div class="header__container"> <div class="u-flex u-flex-wrap lg:u-flex-nowrap u-justify-center u-items-center"> <div class="u-w-full u-border-dark-grey lg:u-flex lg:u-w-auto lg:u-h-full lg:u-order-2 lg:u-ml-10 lg:u-border-b-0 u-border-b-1 lg:u-border-l-1 lg:u-border-r-1 xl:u-ml-8 xxl:u-ml-24"> <div id="block-sitebranding"> <div class="u-flex u-flex-wrap sm:u-flex-nowrap u-items-center u-justify-center u-p-4 sm:u-p-6 lg:u-h-full xl:u-px-20 xxl:u-px-36"> <img src="https://www.london.gov.uk/themes/estate/gla_core_theme/images/logo-mayoral.svg?sqhdzp" alt="Mayor of London logo" width="207" height="16" role="presentation" class="u-w-auto u-my-2 u-mx-2 sm:u-mx-4 u-h-4"> <img src="https://www.london.gov.uk/themes/estate/gla_core_theme/images/logo-assembly.svg?sqhdzp" alt="London Assembly logo" width="194" height="16" role="presentation" class="u-w-auto u-my-2 u-mx-2 sm:u-mx-4 u-h-4"> </div> </div> </div> <a class="u-group u-space-x-2" href="/"> <span class="u-border-b-2 u-border-transparent group-hocus:u-border-pink">Home</span> <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--home"></use> </svg> </a> <div class="u-ml-2 u-flex u-space-x-2 sm:u-ml-6 sm:u-space-x-4 lg:u-order-3 xl:u-ml-8 xxl:u-ml-24"> <div x-data="headerSearch" @click.outside="siteSearchOpen = false; $dispatch('set-search-block-status', siteSearchOpen)" @keyup.escape.window="siteSearchOpen = false"> <button class="u-p-3 sm:u-p-5 xl:u-p-8" @click="toggleSiteSearchOpen(); $dispatch('set-search-block-status', siteSearchOpen)" :aria-expanded="siteSearchOpen.toString()"> <span x-show="!siteSearchOpen" class="u-group u-items-center u-space-x-2"> <span class="u-border-b-2 u-border-transparent group-hocus:u-border-pink">Search</span> <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--search"></use> </svg> </span> <span x-show="siteSearchOpen" class="u-group u-items-center u-space-x-1.5"> <span class="u-border-b-2 u-border-transparent group-hocus:u-border-pink" aria-hidden="true">Close</span> <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--contract-small"></use> </svg> </span> </button> <div x-cloak x-ref="search-bar" class="site-header-search u-absolute u-bg-dark-grey u-text-white u-left-0 u-py-8 u-w-full" :class="{'u-hidden': !siteSearchOpen}"> <div class="container"> <div class="u-space-y-5"> <form class="site-header-search lg:u-items-end container u-mb-7 sm:u-flex" data-drupal-selector="site-header-search" novalidate="novalidate" action="/search" method="get" id="site-header-search" accept-charset="UTF-8" x-data="{ isSmall: window.matchMedia('(max-width: 576px)').matches }" x-on:resize.window.debounce="isSmall = window.matchMedia('(max-width: 576px)').matches" role="search" aria-label="Site-wide search"> <div class="u-flex-1 search-query-element js-form-item form-item js-form-type-search-api-autocomplete form-item-query js-form-item-query"> <label for="header-search-input" class="u-w-full h5 u-space-y-5">Search</label> <input x-bind:placeholder="isSmall ? 'Please enter a search term' : 'Please enter a search term, i.e. Policies'" data-drupal-selector="edit-query" data-search-api-autocomplete-search="solr_search_content" class="form-autocomplete form-text u-bg-light-dark-grey u-border-white u-w-full u-h-full u-rounded-t-6 sm:u-rounded-l-6 sm:u-rounded-r-none u-border-b-0 u-border-r-2 sm:u-border-r-0 sm:u-border-b-2 u-bg-none form-input u-border-2" data-autocomplete-path="/search_api_autocomplete/solr_search_content" type="text" id="header-search-input" name="query" value="" size="15" maxlength="128"/> </div> <div id="header-search-actions" data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper"><button id="header-search-submit" data-drupal-selector="edit-submit" type="submit" value="Search" class="button js-form-submit form-submit btn u-flex u-items-center u-justify-center u-space-x-2 u-border-2 u-w-full sm:u-w-auto u-text-white u-bg-transparent hocus:u-bg-pink u-rounded-t-none sm:u-rounded-l-none sm:u-rounded-r"> <span>Search</span> <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--search"></use> </svg> </button> </div> </form> <ul class="u-flex u-flex-wrap u-flex-gap-x-6"> <li class="u-font-bold"> Popular terms: </li> <li> <a class="styled-link" href="/search?query=Homelessness"> Homelessness </a> </li> <li> <a class="styled-link" href="/search?query=Cost of living"> Cost of living </a> </li> <li> <a class="styled-link" href="/search?query=London living rent"> London living rent </a> </li> </ul> </div> </div> </div> </div> <nav x-data="primaryNavigation" aria-label="Main navigation" x-trap="open" @keyup.escape.window="open = false" @click.outside="open = false; $dispatch('set-menu-status', open)" role="navigation" id="block-mainnavigation"> <button @click="toggle(); $dispatch('set-menu-status', open)" :aria-expanded="open" class="open-close-menu u-py-3 sm:u-p-5 xl:u-p-8" x-cloak> <span x-show="!open" class="u-group u-items-center u-space-x-2"> <span class="u-border-b-2 u-border-transparent group-hocus:u-border-pink">Menu</span> <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--hamburger"></use> </svg> </span> <span x-show="open" class="u-group u-items-center u-space-x-2"> <span class="u-border-b-2 u-border-transparent group-hocus:u-border-pink" aria-hidden="true">Close</span> <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--contract-small"></use> </svg> </span> <span class="u-sr-only" x-show="!open">Open navigation</span> <span class="u-sr-only" x-show="open" x-cloak>Close navigation</span> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-cloak x-ref="container--0" :class="{ 'u-flex u-flex-col u-justify-between': open, 'u-hidden': !open, 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('0') }" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div role="alert" class="u-sr-only" id="main-menu-aria-live"></div> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are" :inert="!isMostExpandedLevel("0")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1" data-drupal-link-system-path="node/81402">Who We Are</a> <button aria-labelledby="menu-item-1" @click="changeLevel('0', '1')" :inert="!isMostExpandedLevel('0')" :aria-expanded="currentSubLevel === '1'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--1" x-show="isWithinTrail('1')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('1') }" style="top: 0px" data-submenu-title="Who We Are" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-1" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '0'" aria-label="Close sub menu Who We Are" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Who We Are </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-mayor-does" :inert="!isMostExpandedLevel("1")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-233" data-drupal-link-system-path="node/80241">What the Mayor does</a> <button aria-labelledby="menu-item-233" @click="changeLevel('1', '233')" :inert="!isMostExpandedLevel('1')" :aria-expanded="currentSubLevel === '233'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--233" x-show="isWithinTrail('233')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('233') }" style="top: 0px" data-submenu-title="What the Mayor does" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-233" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '1'" aria-label="Close sub menu What the Mayor does" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> What the Mayor does </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-mayor-does/mayor-and-his-team" :inert="!isMostExpandedLevel("233")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-234" data-drupal-link-system-path="node/80242">The Mayor and his team</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-mayor-does/role-mayor-london" :inert="!isMostExpandedLevel("233")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-89" data-drupal-link-system-path="node/80071">The role of the Mayor of London</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-mayor-does/mayor-london-strategies-and-plans" :inert="!isMostExpandedLevel("233")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-717" data-drupal-link-system-path="node/81629">Mayor of London Strategies and Plans</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-mayor-does/contact-city-hall-or-mayor" :inert="!isMostExpandedLevel("233")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-781" data-drupal-link-system-path="node/81694">Contact City Hall or the Mayor</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-london-assembly-does" :inert="!isMostExpandedLevel("1")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-241" data-drupal-link-system-path="node/80250">What the London Assembly does</a> <button aria-labelledby="menu-item-241" @click="changeLevel('1', '241')" :inert="!isMostExpandedLevel('1')" :aria-expanded="currentSubLevel === '241'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--241" x-show="isWithinTrail('241')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('241') }" style="top: 0px" data-submenu-title="What the London Assembly does" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-241" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '1'" aria-label="Close sub menu What the London Assembly does" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> What the London Assembly does </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-london-assembly-does/about-london-assembly" :inert="!isMostExpandedLevel("241")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-473" data-drupal-link-system-path="node/80515">About the London Assembly</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-london-assembly-does/london-assembly-members" :inert="!isMostExpandedLevel("241")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-613" data-drupal-link-system-path="node/81453">London Assembly Members</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-london-assembly-does/london-assembly-work" :inert="!isMostExpandedLevel("241")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-769" data-drupal-link-system-path="node/81683">London Assembly work</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-london-assembly-does/contact-london-assembly" :inert="!isMostExpandedLevel("241")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-772" data-drupal-link-system-path="node/80566">Contact the London Assembly</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/governance-and-spending" :inert="!isMostExpandedLevel("1")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-749" data-drupal-link-system-path="node/81661">Governance and spending</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/city-halls-partners" :inert="!isMostExpandedLevel("1")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-718" data-drupal-link-system-path="node/81631">City Hall's partners</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/city-hall-blog" :inert="!isMostExpandedLevel("1")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-714" data-drupal-link-system-path="node/81507">City Hall Blog</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/city-halls-buildings-and-squares" :inert="!isMostExpandedLevel("1")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-552" data-drupal-link-system-path="node/80677">City Hall's buildings and squares</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/press-and-public-affairs" :inert="!isMostExpandedLevel("1")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-273" data-drupal-link-system-path="node/80286">Press and public affairs</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/priorities-london" :inert="!isMostExpandedLevel("0")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-3">Priorities for London</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies" :inert="!isMostExpandedLevel("0")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-698" data-drupal-link-system-path="node/81610">Programmes and Strategies</a> <button aria-labelledby="menu-item-698" @click="changeLevel('0', '698')" :inert="!isMostExpandedLevel('0')" :aria-expanded="currentSubLevel === '698'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--698" x-show="isWithinTrail('698')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('698') }" style="top: 0px" data-submenu-title="Programmes and Strategies" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-698" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '0'" aria-label="Close sub menu Programmes and Strategies" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Programmes and Strategies </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/arts-and-culture" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-773" data-drupal-link-system-path="node/81687">Arts and Culture</a> <button aria-labelledby="menu-item-773" @click="changeLevel('698', '773')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '773'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--773" x-show="isWithinTrail('773')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('773') }" style="top: 0px" data-submenu-title="Arts and Culture" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-773" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Arts and Culture" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Arts and Culture </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/arts-and-culture/24-hour-london" :inert="!isMostExpandedLevel("773")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1667" data-drupal-link-system-path="node/82404">24 Hour London</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/arts-and-culture/creative-health-and-wellbeing" :inert="!isMostExpandedLevel("773")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1643" data-drupal-link-system-path="node/82380">Creative health and wellbeing</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/arts-and-culture/current-culture-projects" :inert="!isMostExpandedLevel("773")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1630" data-drupal-link-system-path="node/82368">Current culture projects</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/arts-and-culture/diversity-public-realm" :inert="!isMostExpandedLevel("773")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1245" data-drupal-link-system-path="node/82175">Diversity in the Public Realm</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/arts-and-culture/lets-do-london" :inert="!isMostExpandedLevel("773")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-775" data-drupal-link-system-path="node/81689">Let's Do London</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/arts-and-culture/make-date-london-0" :inert="!isMostExpandedLevel("773")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1371" data-drupal-link-system-path="node/82260">Make a date with London</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/arts-and-culture/space-culture" :inert="!isMostExpandedLevel("773")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1626" data-drupal-link-system-path="node/82366">Space for Culture</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/arts-and-culture/mayors-cultural-vision" :inert="!isMostExpandedLevel("773")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1634" data-drupal-link-system-path="node/82372">The Mayor's cultural vision</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/better-infrastructure" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1837" data-drupal-link-system-path="node/82459">Better Infrastructure</a> <button aria-labelledby="menu-item-1837" @click="changeLevel('698', '1837')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '1837'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--1837" x-show="isWithinTrail('1837')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('1837') }" style="top: 0px" data-submenu-title="Better Infrastructure" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-1837" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Better Infrastructure" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Better Infrastructure </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/better-infrastructure/data-and-innovation-tools" :inert="!isMostExpandedLevel("1837")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1841" data-drupal-link-system-path="node/82464">Data and innovation tools</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/better-infrastructure/diversity-and-inclusion" :inert="!isMostExpandedLevel("1837")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2879" data-drupal-link-system-path="node/55892">Diversity and inclusion</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/better-infrastructure/infrastructure-coordination" :inert="!isMostExpandedLevel("1837")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1844" data-drupal-link-system-path="node/82466">Infrastructure coordination</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/better-infrastructure/infrastructure-policy" :inert="!isMostExpandedLevel("1837")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1842" data-drupal-link-system-path="node/82465">Infrastructure policy</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/better-infrastructure/panels-and-groups" :inert="!isMostExpandedLevel("1837")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1838" data-drupal-link-system-path="node/82462">Panels and groups</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/better-infrastructure/reports-toolkits-and-best-practice-guides" :inert="!isMostExpandedLevel("1837")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1839" data-drupal-link-system-path="node/62113">Reports, toolkits and best practice guides</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/business-and-economy" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-954" data-drupal-link-system-path="node/81850">Business and Economy</a> <button aria-labelledby="menu-item-954" @click="changeLevel('698', '954')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '954'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--954" x-show="isWithinTrail('954')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('954') }" style="top: 0px" data-submenu-title="Business and Economy" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-954" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Business and Economy" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Business and Economy </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/business-and-economy/support-your-business" :inert="!isMostExpandedLevel("954")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-4858" data-drupal-link-system-path="node/1269302">Support for your business</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/business-and-economy/mayors-priorities-londons-economy-and-business" :inert="!isMostExpandedLevel("954")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-4860" data-drupal-link-system-path="node/1269305">The Mayor's priorities for London's economy and business</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/business-and-economy/business-and-economy-publications" :inert="!isMostExpandedLevel("954")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-934" data-drupal-link-system-path="node/80173">Business and economy publications</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/business-and-economy/strategic-economic-development-reports" :inert="!isMostExpandedLevel("954")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-5264" data-drupal-link-system-path="node/1270964">Strategic economic development reports</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/communities-and-social-justice" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-55" data-drupal-link-system-path="node/80036">Communities and Social Justice</a> <button aria-labelledby="menu-item-55" @click="changeLevel('698', '55')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '55'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--55" x-show="isWithinTrail('55')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('55') }" style="top: 0px" data-submenu-title="Communities and Social Justice" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-55" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Communities and Social Justice" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Communities and Social Justice </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/communities-and-social-justice/civil-society" :inert="!isMostExpandedLevel("55")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1921" data-drupal-link-system-path="node/82543">Civil Society</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/communities-and-social-justice/employment-rights-hub-0" :inert="!isMostExpandedLevel("55")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1913" data-drupal-link-system-path="node/82514">Employment Rights Hub</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/communities-and-social-justice/londons-violence-reduction-unit-vru" :inert="!isMostExpandedLevel("55")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-59" data-drupal-link-system-path="node/80041">London's Violence Reduction Unit (VRU)</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/communities-and-social-justice/migrants-and-refugees" :inert="!isMostExpandedLevel("55")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-79" data-drupal-link-system-path="node/80062">Migrants and refugees</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/communities-and-social-justice/older-people" :inert="!isMostExpandedLevel("55")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1919" data-drupal-link-system-path="node/82541">Older people</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/communities-and-social-justice/mayors-strategy-equality-diversity-and-inclusion" :inert="!isMostExpandedLevel("55")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2332" data-drupal-link-system-path="node/44725">The Mayor’s strategy for equality, diversity and inclusion</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/education-and-youth" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-702" data-drupal-link-system-path="node/81616">Education and Youth</a> <button aria-labelledby="menu-item-702" @click="changeLevel('698', '702')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '702'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--702" x-show="isWithinTrail('702')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('702') }" style="top: 0px" data-submenu-title="Education and Youth" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-702" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Education and Youth" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Education and Youth </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/education-and-youth/mayor-londons-christmas-card-competition-2024" :inert="!isMostExpandedLevel("702")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-7437" data-drupal-link-system-path="node/1276542">Christmas card competition 2024</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/education-and-youth/support-families-and-early-years" :inert="!isMostExpandedLevel("702")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1046" data-drupal-link-system-path="node/81964">Support for families and early years</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/education-and-youth/school-schemes-pupils" :inert="!isMostExpandedLevel("702")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1048" data-drupal-link-system-path="node/81966">School schemes for pupils</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/education-and-youth/teach-london" :inert="!isMostExpandedLevel("702")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1049" data-drupal-link-system-path="node/81967">Teach London</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/education-and-youth/improving-standards-schools-and-teaching" :inert="!isMostExpandedLevel("702")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1051" data-drupal-link-system-path="node/81969">Improving standards in schools and teaching</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/education-and-youth/young-londoners" :inert="!isMostExpandedLevel("702")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1057" data-drupal-link-system-path="node/81975">Young Londoners</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/education-and-youth/london-careers-and-preparing-workplace" :inert="!isMostExpandedLevel("702")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1059" data-drupal-link-system-path="node/80122">London Careers and preparing for the workplace</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/education-and-youth/london-education-report" :inert="!isMostExpandedLevel("702")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1047" data-drupal-link-system-path="node/81965">London Education Report</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="https://apps.london.gov.uk/schools/" :inert="!isMostExpandedLevel("702")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1642">London Schools Atlas</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/environment-and-climate-change" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-955" data-drupal-link-system-path="node/81851">Environment and Climate Change</a> <button aria-labelledby="menu-item-955" @click="changeLevel('698', '955')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '955'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--955" x-show="isWithinTrail('955')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('955') }" style="top: 0px" data-submenu-title="Environment and Climate Change" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-955" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Environment and Climate Change" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Environment and Climate Change </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/environment-and-climate-change/climate-change" :inert="!isMostExpandedLevel("955")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-996" data-drupal-link-system-path="node/81905">Climate change</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/environment-and-climate-change/net-zero-energy" :inert="!isMostExpandedLevel("955")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1003" data-drupal-link-system-path="node/81913">Energy</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/environment-and-climate-change/parks-green-spaces-and-biodiversity" :inert="!isMostExpandedLevel("955")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1015" data-drupal-link-system-path="node/81930">Parks, green spaces and biodiversity</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/environment-and-climate-change/pollution-and-air-quality" :inert="!isMostExpandedLevel("955")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1019" data-drupal-link-system-path="node/81935">Pollution and air quality</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/environment-and-climate-change/waste-and-recycling" :inert="!isMostExpandedLevel("955")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1002" data-drupal-link-system-path="node/81912">Waste and recycling</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/environment-and-climate-change/london-schools-climate-kick-start" :inert="!isMostExpandedLevel("955")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1018" data-drupal-link-system-path="node/81933">London Schools’ Climate Kick-Start</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/fire-and-city-resilience" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-956" data-drupal-link-system-path="node/81852">Fire and City Resilience</a> <button aria-labelledby="menu-item-956" @click="changeLevel('698', '956')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '956'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--956" x-show="isWithinTrail('956')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('956') }" style="top: 0px" data-submenu-title="Fire and City Resilience" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-956" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Fire and City Resilience" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Fire and City Resilience </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/fire-and-city-resilience/london-resilience-partnership" :inert="!isMostExpandedLevel("956")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1029" data-drupal-link-system-path="node/81946">London Resilience Partnership</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/fire-and-city-resilience/london-resilience-forum" :inert="!isMostExpandedLevel("956")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1442" data-drupal-link-system-path="node/14936">London Resilience Forum</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/fire-and-city-resilience/counter-terrorism-preparedness-network" :inert="!isMostExpandedLevel("956")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1028" data-drupal-link-system-path="node/81945">Counter Terrorism Preparedness Network (CTPN)</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="https://www.london-fire.gov.uk/" :inert="!isMostExpandedLevel("956")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1445">London Fire Brigade</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/funding-and-innovation" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-232" data-drupal-link-system-path="node/80240">Funding and Innovation</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/health-and-wellbeing" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-952" data-drupal-link-system-path="node/81843">Health and Wellbeing</a> <button aria-labelledby="menu-item-952" @click="changeLevel('698', '952')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '952'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--952" x-show="isWithinTrail('952')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('952') }" style="top: 0px" data-submenu-title="Health and Wellbeing" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-952" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Health and Wellbeing" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Health and Wellbeing </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/health-and-wellbeing/champion-challenge-collaborate" :inert="!isMostExpandedLevel("952")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-917" data-drupal-link-system-path="node/81837">Champion, challenge, collaborate</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/health-and-wellbeing/gla-group-public-health-unit" :inert="!isMostExpandedLevel("952")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1633" data-drupal-link-system-path="node/82371">GLA Group Public Health Unit</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/health-and-wellbeing/health-inequalities" :inert="!isMostExpandedLevel("952")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-883" data-drupal-link-system-path="node/81801">Health Inequalities in London</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/health-and-wellbeing/healthy-early-years-london" :inert="!isMostExpandedLevel("952")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1734" data-drupal-link-system-path="node/82426">Healthy Early Years London</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/health-and-wellbeing/healthy-schools-london" :inert="!isMostExpandedLevel("952")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2142" data-drupal-link-system-path="node/14381">Healthy Schools London</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/housing-and-land" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-961" data-drupal-link-system-path="node/81858">Housing and Land</a> <button aria-labelledby="menu-item-961" @click="changeLevel('698', '961')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '961'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--961" x-show="isWithinTrail('961')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('961') }" style="top: 0px" data-submenu-title="Housing and Land" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-961" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Housing and Land" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Housing and Land </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/housing-and-land/buying-home" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1423" data-drupal-link-system-path="node/82295">Buying a home</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/housing-and-land/council-and-social-housing" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1422" data-drupal-link-system-path="node/82294">Council and social housing</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/housing-and-land/homelessness" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1420" data-drupal-link-system-path="node/82292">Homelessness</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/housing-and-land/homes-londoners" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1424" data-drupal-link-system-path="node/82296">Homes for Londoners</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/housing-and-land/improving-quality" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2117" data-drupal-link-system-path="node/82709">Improving quality</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/housing-and-land/improving-private-rented-sector" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1390" data-drupal-link-system-path="node/82263">Improving the private rented sector</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/housing-and-land/increasing-housing-supply" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1389" data-drupal-link-system-path="node/82262">Increasing housing supply</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/housing-and-land/land-and-development" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1430" data-drupal-link-system-path="node/82301">Land and development</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/housing-and-land/london-housing-strategy" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-6407" data-drupal-link-system-path="node/40326">London Housing Strategy</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/jobs-and-skills" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-130" data-drupal-link-system-path="node/80121">Jobs and Skills</a> <button aria-labelledby="menu-item-130" @click="changeLevel('698', '130')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '130'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--130" x-show="isWithinTrail('130')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('130') }" style="top: 0px" data-submenu-title="Jobs and Skills" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-130" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Jobs and Skills" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Jobs and Skills </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/jobs-and-skills/londoners-seeking-employability-skills" :inert="!isMostExpandedLevel("130")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-133" data-drupal-link-system-path="node/80124">For Londoners seeking employability skills</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/jobs-and-skills/employers-seeking-skilled-candidates" :inert="!isMostExpandedLevel("130")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-181" data-drupal-link-system-path="node/80125">For employers seeking skilled candidates</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/jobs-and-skills/training-providers-teaching-skills" :inert="!isMostExpandedLevel("130")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-165" data-drupal-link-system-path="node/80126">For training providers teaching skills</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/jobs-and-skills/governance-and-partners" :inert="!isMostExpandedLevel("130")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-168" data-drupal-link-system-path="node/80171">Governance and partners</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/jobs-and-skills/research-and-strategy" :inert="!isMostExpandedLevel("130")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-164" data-drupal-link-system-path="node/80167">Research and strategy</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/jobs-and-skills/learner-stories" :inert="!isMostExpandedLevel("130")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-157" data-drupal-link-system-path="node/80157">Learner stories</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/mayors-office-policing-and-crime-mopac" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-142" data-drupal-link-system-path="node/80137">Mayor's Office for Policing and Crime (MOPAC)</a> <button aria-labelledby="menu-item-142" @click="changeLevel('698', '142')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '142'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--142" x-show="isWithinTrail('142')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('142') }" style="top: 0px" data-submenu-title="Mayor's Office for Policing and Crime (MOPAC)" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-142" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Mayor's Office for Policing and Crime (MOPAC)" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Mayor's Office for Policing and Crime (MOPAC) </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/mayors-office-policing-and-crime-mopac/about-mayors-office-policing-and-crime-mopac" :inert="!isMostExpandedLevel("142")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-143" data-drupal-link-system-path="node/80138">About the Mayor's Office for Policing and Crime (MOPAC)</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/mayors-office-policing-and-crime-mopac/mopac-data-and-statistics" :inert="!isMostExpandedLevel("142")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1064" data-drupal-link-system-path="node/81989">MOPAC data and statistics</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/mayors-office-policing-and-crime-mopac/mopac-governance-and-decision-making" :inert="!isMostExpandedLevel("142")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1063" data-drupal-link-system-path="node/81988">MOPAC governance and decision making</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/mayors-office-policing-and-crime-mopac/mopac-guidance-and-resources" title="updating page" :inert="!isMostExpandedLevel("142")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1071" data-drupal-link-system-path="node/81995">MOPAC guidance and resources</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/mayors-office-policing-and-crime-mopac/mopac-funded-services" :inert="!isMostExpandedLevel("142")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1061" data-drupal-link-system-path="node/81984">MOPAC-funded services</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/mayors-office-policing-and-crime-mopac/my-area" :inert="!isMostExpandedLevel("142")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1070" data-drupal-link-system-path="node/81994">My area</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/mayors-office-policing-and-crime-mopac/keep-date-mopac-work" :inert="!isMostExpandedLevel("142")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1062" data-drupal-link-system-path="node/81985">Keep up to date with MOPAC work</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/planning" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-959" data-drupal-link-system-path="node/81856">Planning</a> <button aria-labelledby="menu-item-959" @click="changeLevel('698', '959')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '959'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--959" x-show="isWithinTrail('959')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('959') }" style="top: 0px" data-submenu-title="Planning" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-959" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Planning" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Planning </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/planning/digital-planning" :inert="!isMostExpandedLevel("959")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1932" data-drupal-link-system-path="node/82549">Digital Planning</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/planning/implementing-london-plan" :inert="!isMostExpandedLevel("959")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1934" data-drupal-link-system-path="node/82551">Implementing the London Plan</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/planning/planning-applications-and-decisions" :inert="!isMostExpandedLevel("959")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1935" data-drupal-link-system-path="node/82552">Planning applications and decisions</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/planning/statutory-notification-planning-policy-consultation" :inert="!isMostExpandedLevel("959")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-3589" data-drupal-link-system-path="node/60373">Statutory Notification of Planning Policy Consultation</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/planning/london-plan" :inert="!isMostExpandedLevel("959")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1948" data-drupal-link-system-path="node/82567">The London Plan</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/planning/who-we-work" :inert="!isMostExpandedLevel("959")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1930" data-drupal-link-system-path="node/82547">Who we work with</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/planning/planning-london-programme" :inert="!isMostExpandedLevel("959")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2093" data-drupal-link-system-path="node/63845">Planning for London Programme</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/research-and-analysis" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-957" data-drupal-link-system-path="node/81854">Research and Analysis</a> <button aria-labelledby="menu-item-957" @click="changeLevel('698', '957')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '957'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--957" x-show="isWithinTrail('957')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('957') }" style="top: 0px" data-submenu-title="Research and Analysis" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-957" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Research and Analysis" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Research and Analysis </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/research-and-analysis/economy" :inert="!isMostExpandedLevel("957")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-993" data-drupal-link-system-path="node/81902">Economy</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/research-and-analysis/people-and-communities" :inert="!isMostExpandedLevel("957")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-991" data-drupal-link-system-path="node/81900">People and communities</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/research-and-analysis/webmaps-and-data-services" :inert="!isMostExpandedLevel("957")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1468" data-drupal-link-system-path="node/53803">Webmaps and data services</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/shaping-local-spaces" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-958" data-drupal-link-system-path="node/81855">Shaping Local Spaces</a> <button aria-labelledby="menu-item-958" @click="changeLevel('698', '958')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '958'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--958" x-show="isWithinTrail('958')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('958') }" style="top: 0px" data-submenu-title="Shaping Local Spaces" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-958" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Shaping Local Spaces" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Shaping Local Spaces </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/shaping-local-places/about-team" :inert="!isMostExpandedLevel("958")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1778" data-drupal-link-system-path="node/14814">About the team</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/shaping-local-spaces/advice-and-guidance" :inert="!isMostExpandedLevel("958")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1699" data-drupal-link-system-path="node/82415">Advice and guidance</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/shaping-local-spaces/high-streets" :inert="!isMostExpandedLevel("958")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1684" data-drupal-link-system-path="node/82412">High streets</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/shaping-local-places/places-work" :inert="!isMostExpandedLevel("958")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1775" data-drupal-link-system-path="node/14798">Places of work</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/shaping-local-spaces/regeneration-funding-opportunities" :inert="!isMostExpandedLevel("958")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1707" data-drupal-link-system-path="node/82422">Regeneration funding opportunities</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/shaping-local-spaces/regeneration-projects" :inert="!isMostExpandedLevel("958")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1042" data-drupal-link-system-path="node/81960">Regeneration projects</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/shaping-local-spaces/what-weve-funded-so-far" :inert="!isMostExpandedLevel("958")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1701" data-drupal-link-system-path="node/82418">What we've funded so far</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/sport" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-42" data-drupal-link-system-path="node/80004">Sport</a> <button aria-labelledby="menu-item-42" @click="changeLevel('698', '42')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '42'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--42" x-show="isWithinTrail('42')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('42') }" style="top: 0px" data-submenu-title="Sport" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-42" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Sport" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Sport </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/sport/sport-all-us-strategy" :inert="!isMostExpandedLevel("42")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-45" data-drupal-link-system-path="node/80001">'Sport for All of Us' Strategy</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/sport/mayors-london-basketball-taskforce" :inert="!isMostExpandedLevel("42")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-7449" data-drupal-link-system-path="node/1276551">The Mayor’s London Basketball Taskforce</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/sport/sport-unites-programme" :inert="!isMostExpandedLevel("42")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-46" data-drupal-link-system-path="node/80027">Sport Unites programme</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/sport/major-sports-events-london" :inert="!isMostExpandedLevel("42")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-43" data-drupal-link-system-path="node/80002">Major sports events</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/transport" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-960" data-drupal-link-system-path="node/81857">Transport</a> <button aria-labelledby="menu-item-960" @click="changeLevel('698', '960')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '960'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--960" x-show="isWithinTrail('960')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('960') }" style="top: 0px" data-submenu-title="Transport" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-960" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Transport" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Transport </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/transport/cycling-and-walking" :inert="!isMostExpandedLevel("960")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1638" data-drupal-link-system-path="node/82376">Cycling and walking</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/transport/healthy-streets" :inert="!isMostExpandedLevel("960")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent is-active" id="menu-item-1639" data-drupal-link-system-path="node/82377" aria-current="page">Healthy Streets</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/transport/improving-londons-roads" :inert="!isMostExpandedLevel("960")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1637" data-drupal-link-system-path="node/82375">Improving London's roads</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/transport/rail-and-underground" :inert="!isMostExpandedLevel("960")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1640" data-drupal-link-system-path="node/82378">Rail and Underground</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/volunteering" :inert="!isMostExpandedLevel("698")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-81" data-drupal-link-system-path="node/80064">Volunteering</a> <button aria-labelledby="menu-item-81" @click="changeLevel('698', '81')" :inert="!isMostExpandedLevel('698')" :aria-expanded="currentSubLevel === '81'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--81" x-show="isWithinTrail('81')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('81') }" style="top: 0px" data-submenu-title="Volunteering" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-81" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '698'" aria-label="Close sub menu Volunteering" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Volunteering </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/volunteering/get-inspired" :inert="!isMostExpandedLevel("81")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-549" data-drupal-link-system-path="node/80672">Get inspired</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/volunteering/get-involved" :inert="!isMostExpandedLevel("81")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-96" data-drupal-link-system-path="node/80079">Get involved</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/volunteering/what-team-london" :inert="!isMostExpandedLevel("81")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-546" data-drupal-link-system-path="node/80669">What is Team London</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/volunteering/resources-organisations-social-enterprises-and-charities" :inert="!isMostExpandedLevel("81")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-109" data-drupal-link-system-path="node/80097">Resources for organisations, social enterprises and charities</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/volunteering/funding-and-training-opportunities" :inert="!isMostExpandedLevel("81")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-548" data-drupal-link-system-path="node/80671">Funding and Training Opportunities</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/programmes-strategies/volunteering/contact-team-london" :inert="!isMostExpandedLevel("81")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-100" data-drupal-link-system-path="node/80087">Contact Team London</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/take-part" :inert="!isMostExpandedLevel("0")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-5" data-drupal-link-system-path="node/81613">Take Part</a> <button aria-labelledby="menu-item-5" @click="changeLevel('0', '5')" :inert="!isMostExpandedLevel('0')" :aria-expanded="currentSubLevel === '5'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--5" x-show="isWithinTrail('5')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('5') }" style="top: 0px" data-submenu-title="Take Part" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-5" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '0'" aria-label="Close sub menu Take Part" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Take Part </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="https://www.london.gov.uk/talk-london/" :inert="!isMostExpandedLevel("5")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-6">Join Talk London</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/events" :inert="!isMostExpandedLevel("5")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-127" data-drupal-link-system-path="node/80117">Events</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/take-part/past-events" :inert="!isMostExpandedLevel("5")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-1072" data-drupal-link-system-path="node/81996">Past events</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/take-part/working-city-hall" :inert="!isMostExpandedLevel("5")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-31" data-drupal-link-system-path="node/80026">Working at City Hall</a> </li> </ul> </div> </div> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/contact-or-visit-city-hall" :inert="!isMostExpandedLevel("0")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-701" data-drupal-link-system-path="node/81615">Contact or visit City Hall</a> <button aria-labelledby="menu-item-701" @click="changeLevel('0', '701')" :inert="!isMostExpandedLevel('0')" :aria-expanded="currentSubLevel === '701'" class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </button> <div class="nav-list u-absolute u-bottom-0 u-right-0 u-text-lg u-z-50 u-pb-20 sm:u-pb-0 u-bg-dark-grey" x-ref="container--701" x-show="isWithinTrail('701')" :class="{ 'custom-scrollbar u-overflow-scroll': isMostExpandedLevel('701') }" style="top: 0px" data-submenu-title="Contact or visit City Hall" x-transition:enter="u-transition ease-out u-duration-150" x-transition:enter-start="u-transform u-translate-x-full" x-transition:enter-end="u-transform u-translate-x-0" x-transition:leave="u-transition u-ease-in u-duration-100" x-transition:leave-start="u-transform u-translate-x-0" x-transition:leave-end="u-transform u-translate-x-full" > <div x-ref="back-to-parent-701" class="u-bg-black u-text-white u-flex u-items-center u-px-9 u-py-6 u-space-x-5"> <button class="u-bg-pink hocus:u-bg-pink-dark u-flex u-rounded-full u-text-white u-p-2 u-w-8 u-h-8" @click="contractOneLevel()" :aria-expanded="currentSubLevel === '0'" aria-label="Close sub menu Contact or visit City Hall" > <svg class="u-h-4 u-w-4 icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--backwards"></use> </svg> </button> <span class="u-font-bold"> Contact or visit City Hall </span> </div> <div class="inner-level u-flex u-flex-col u-justify-between"> <ul class="u-flex u-flex-col"> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-mayor-does/contact-city-hall-or-mayor" :inert="!isMostExpandedLevel("701")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2033" data-drupal-link-system-path="node/81694">Contact City Hall or the Mayor</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/what-london-assembly-does/contact-london-assembly" :inert="!isMostExpandedLevel("701")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2034" data-drupal-link-system-path="node/80566">Contact the London Assembly</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/city-halls-buildings-and-squares/what-can-you-visit-city-hall" :inert="!isMostExpandedLevel("701")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2035" data-drupal-link-system-path="node/80679">What can you visit at City Hall?</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/take-part/city-hall-education-sessions" :inert="!isMostExpandedLevel("701")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2036" data-drupal-link-system-path="node/80681">City Hall education sessions</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/city-halls-buildings-and-squares/trafalgar-square/visiting-trafalgar-square" :inert="!isMostExpandedLevel("701")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2037" data-drupal-link-system-path="node/80683">Visiting Trafalgar Square</a> </li> <li class="u-flex u-justify-between u-items-center u-py-3 u-px-9 u-border-t-1 u-border-grey u-space-x-5"> <a href="/who-we-are/city-halls-buildings-and-squares/parliament-square-garden/visiting-parliament-square-garden" :inert="!isMostExpandedLevel("701")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-2038" data-drupal-link-system-path="node/80685">Visiting Parliament Square Garden</a> </li> </ul> </div> </div> </li> </ul> <div class="u-bg-black u-flex u-flex-col u-items-center u-px-10 u-py-20 u-space-y-3"> <div class="u-leading-21 u-text-center"> <div class="u-text-yellow">Help with living costs</div> <div>Information about help you can get with the rising cost of living.</div> </div> <a class="btn" href="/programmes-strategies/communities-and-social-justice/get-help-cost-living"> Find out how </a> </div> </div> </nav> </div> </div> </div> </header> <main id="main-content" tabindex="-1"> <div> <div id="block-breadcrumbs"> <div class="container u-border-t-1 u-border-b-1 u-py-5 u-border-grey-50"> <nav role="navigation" aria-label="Breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList"> <ol class="u-list-reset u-flex u-flex-wrap u-leading-tight u-gap-y-1"> <li class="u-inline-flex u-items-center u-text-sm" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a class=" hocus:u-border-primary hocus:u-text-primary u-border-b-2 u-border-transparent u-font-normal" href="/" itemprop="item"> <span itemprop="name">Home</span> <meta itemprop="position" content="1" /> </a> <svg class="u-mx-1 u-text-primary icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </li> <li class="u-inline-flex u-items-center u-text-sm" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a class=" hocus:u-border-primary hocus:u-text-primary u-border-b-2 u-border-transparent u-font-normal" href="/programmes-strategies" itemprop="item"> <span itemprop="name">Programmes and Strategies</span> <meta itemprop="position" content="2" /> </a> <svg class="u-mx-1 u-text-primary icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </li> <li class="u-inline-flex u-items-center u-text-sm" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a class=" hocus:u-border-primary hocus:u-text-primary u-border-b-2 u-border-transparent u-font-normal" href="/programmes-strategies/transport" itemprop="item"> <span itemprop="name">Transport</span> <meta itemprop="position" content="3" /> </a> <svg class="u-mx-1 u-text-primary icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#gla--forward"></use> </svg> </li> <li class="u-inline-flex u-items-center u-text-sm" aria-current="page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name"><strong>Healthy Streets</strong></span> <meta itemprop="position" content="4" /> </li> </ol> </nav> </div> </div> <div role="alert"> <div data-drupal-messages-fallback class="hidden"></div> </div> </div> <div> <div> <div id="block-mainpagecontent"> <div> <div> <div class="page-components"> <div class=""> <div class="page-header u-breakout u-overflow-hidden u-relative"> <div class="page-header__image u-absolute md:u-relative u-h-full u-w-full"> <picture> <source srcset="/sites/default/files/styles/page_header_xxl/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=eUjE4SPN 1x, /sites/default/files/styles/page_header_xxl_2x/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=ymSEHJyV 2x" media="all and (min-width:1920px)" type="image/jpeg" width="1920" height="700"/> <source srcset="/sites/default/files/styles/page_header_xl/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=oZtvOktc 1x, /sites/default/files/styles/page_header_xl_2x/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=k4C5iZiU 2x" media="all and (min-width:1200px)" type="image/jpeg" width="1920" height="600"/> <source srcset="/sites/default/files/styles/page_header_lg/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=WbiBWtXK 1x, /sites/default/files/styles/page_header_lg_2x/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=9I86Z79y 2x" media="all and (min-width:992px)" type="image/jpeg" width="1199" height="500"/> <source srcset="/sites/default/files/styles/page_header_md/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=xgGSaXuk 1x, /sites/default/files/styles/page_header_md_2x/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=5L3HZ3Ud 2x" media="all and (min-width:768px)" type="image/jpeg" width="991" height="413"/> <source srcset="/sites/default/files/styles/page_header_sm/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=z_k54DT7 1x, /sites/default/files/styles/page_header_sm_2x/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=TxiJOBCp 2x" media="all and (min-width:576px)" type="image/jpeg" width="767" height="319"/> <source srcset="/sites/default/files/styles/page_header_sm/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=z_k54DT7 1x, /sites/default/files/styles/page_header_sm_2x/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=TxiJOBCp 2x" type="image/jpeg" width="767" height="319"/> <img class="u-object-cover u-w-full u-h-full" src="/sites/default/files/styles/page_header_sm/public/2022-10/Large_Web_Image-LTN-Francis-Road_0.jpg?h=999352cd&itok=z_k54DT7" width="767" height="319" alt="A road in London" loading="lazy" /> </picture> </div> <div class="container page-header__title u-absolute u-bottom-0 u-text-white u-w-full u-z-1 u-pb-5 md:u-pb-10"> <h1 class="h2"> Healthy Streets </h1> </div> </div> </div> <div class="container"> <div class="page-section"> <div class="u-py-8 lg:u-py-9 xl:u-py-12 xxl:u-py-14"> <div aria-hidden="true" class="focus:u-not-sr-only u-sr-only is-hidden section-title"> <h2 id="healthy-streets-154486-title" class="h2"> Healthy Streets </h2> </div> <div class="u-space-y-10"> <div id="cl-154485" class="paragraph paragraph--type--content-listing paragraph--view-mode--default"> <div class="erd-list--card-16-9 u--m-6 u-grid u-grid-cols-1 md:u-grid-cols-2 lg:u-grid-cols-3"> <div class="u-m-6"> <div class="card group u-relative u-flex u-flex-col-reverse u-w-full u-h-full u-bg-white u-text-black u-overflow-hidden u-justify-end u-select-none u-flex-col" data-card> <div class="card__body u-flex u-flex-grow u-content-box u-z-1"> <div class="u-flex u-flex-col u-flex-grow u-space-y-5"> <div class="u-mt-5"> <h3 class="h5"> <a href="/programmes-strategies/health-and-wellbeing/transport-and-health/healthy-streets"> <span>Healthy Streets</span> </a> </h3> </div> <div class="u-flex-grow"> <p>How can London's streets be improved to encourage more Londoners to walk, cycle and use public transport?</p> </div> </div> </div> <div class="card__image u-bg-grey-50"> <div class="u-shadow-inner u-z-1"></div> <div class="field field--name-field-teaser-image field--type-entity-reference field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/media_component_16_9_lg/public/mts-forfeedback-04_0.jpg?h=d6b907ba&itok=LzXzMtEz 1x, /sites/default/files/styles/media_component_16_9_lg_2x/public/mts-forfeedback-04_0.jpg?h=d6b907ba&itok=VFeJzbey 2x" media="all and (min-width:992px)" type="image/jpeg" width="812" height="457"/> <source srcset="/sites/default/files/styles/media_component_16_9_md/public/mts-forfeedback-04_0.jpg?h=d6b907ba&itok=KXCt1mLB 1x, /sites/default/files/styles/media_component_16_9_md_2x/public/mts-forfeedback-04_0.jpg?h=d6b907ba&itok=Jf1bli5x 2x" media="all and (min-width:768px)" type="image/jpeg" width="720" height="405"/> <source srcset="/sites/default/files/styles/media_component_16_9_sm/public/mts-forfeedback-04_0.jpg?h=d6b907ba&itok=QkZv9rCo 1x, /sites/default/files/styles/media_component_16_9_sm_2x/public/mts-forfeedback-04_0.jpg?h=d6b907ba&itok=rGxirfbd 2x" media="all and (min-width:576px)" type="image/jpeg" width="540" height="304"/> <source srcset="/sites/default/files/styles/media_component_16_9_sm/public/mts-forfeedback-04_0.jpg?h=d6b907ba&itok=QkZv9rCo 1x, /sites/default/files/styles/media_component_16_9_sm_2x/public/mts-forfeedback-04_0.jpg?h=d6b907ba&itok=rGxirfbd 2x" type="image/jpeg" width="540" height="304"/> <img class="u-w-full u-h-full u-object-cover" src="/sites/default/files/styles/media_component_16_9_sm/public/mts-forfeedback-04_0.jpg?h=d6b907ba&itok=QkZv9rCo" width="540" height="304" alt="Healthy Streets" loading="lazy" /> </picture> </div> </div> </div> </div> <div class="u-m-6"> <div class="card group u-relative u-flex u-flex-col-reverse u-w-full u-h-full u-bg-white u-text-black u-overflow-hidden u-justify-end u-select-none u-flex-col" data-card> <div class="card__body u-flex u-flex-grow u-content-box u-z-1"> <div class="u-flex u-flex-col u-flex-grow u-space-y-5"> <div class="u-mt-5"> <h3 class="h5"> <a href="/programmes-strategies/transport/cycling-and-walking"> <span>Cycling and walking</span> </a> </h3> </div> <div class="u-flex-grow"> <p>We want to improve conditions for London's pedestrians and cyclists. Find out our plans for achieving this.</p> </div> </div> </div> <div class="card__image u-bg-grey-50"> <div class="u-shadow-inner u-z-1"></div> <div class="field field--name-field-teaser-image field--type-entity-reference field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/media_component_16_9_lg/public/2022-10/Large_Web_Image-Cycleway-4-Southwark.jpg?h=f00d2ac1&itok=X3YgM24O 1x, /sites/default/files/styles/media_component_16_9_lg_2x/public/2022-10/Large_Web_Image-Cycleway-4-Southwark.jpg?h=f00d2ac1&itok=OwecXy_F 2x" media="all and (min-width:992px)" type="image/jpeg" width="812" height="457"/> <source srcset="/sites/default/files/styles/media_component_16_9_md/public/2022-10/Large_Web_Image-Cycleway-4-Southwark.jpg?h=f00d2ac1&itok=6jQ4h4Rc 1x, /sites/default/files/styles/media_component_16_9_md_2x/public/2022-10/Large_Web_Image-Cycleway-4-Southwark.jpg?h=f00d2ac1&itok=YSnniFih 2x" media="all and (min-width:768px)" type="image/jpeg" width="720" height="405"/> <source srcset="/sites/default/files/styles/media_component_16_9_sm/public/2022-10/Large_Web_Image-Cycleway-4-Southwark.jpg?h=f00d2ac1&itok=_WMbBGdI 1x, /sites/default/files/styles/media_component_16_9_sm_2x/public/2022-10/Large_Web_Image-Cycleway-4-Southwark.jpg?h=f00d2ac1&itok=OjJ_lRAV 2x" media="all and (min-width:576px)" type="image/jpeg" width="540" height="304"/> <source srcset="/sites/default/files/styles/media_component_16_9_sm/public/2022-10/Large_Web_Image-Cycleway-4-Southwark.jpg?h=f00d2ac1&itok=_WMbBGdI 1x, /sites/default/files/styles/media_component_16_9_sm_2x/public/2022-10/Large_Web_Image-Cycleway-4-Southwark.jpg?h=f00d2ac1&itok=OjJ_lRAV 2x" type="image/jpeg" width="540" height="304"/> <img class="u-w-full u-h-full u-object-cover" src="/sites/default/files/styles/media_component_16_9_sm/public/2022-10/Large_Web_Image-Cycleway-4-Southwark.jpg?h=f00d2ac1&itok=_WMbBGdI" width="540" height="304" alt="A cycleway in Southwark" loading="lazy" /> </picture> </div> </div> </div> </div> <div class="u-m-6"> <div class="card group u-relative u-flex u-flex-col-reverse u-w-full u-h-full u-bg-white u-text-black u-overflow-hidden u-justify-end u-select-none u-flex-col" data-card> <div class="card__body u-flex u-flex-grow u-content-box u-z-1"> <div class="u-flex u-flex-col u-flex-grow u-space-y-5"> <div class="u-mt-5"> <h3 class="h5"> <a href="/programmes-strategies/transport/improving-londons-roads"> <span>Improving London's roads</span> </a> </h3> </div> <div class="u-flex-grow"> <p>We want to improve the capital's road networks. We'll introduce new river crossings and make road transport greener.</p> </div> </div> </div> <div class="card__image u-bg-grey-50"> <div class="u-shadow-inner u-z-1"></div> <div class="field field--name-field-teaser-image field--type-entity-reference field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/media_component_16_9_lg/public/2022-10/Large_Web_Image-LTN-Francis-Road.jpg?h=32d2a7fe&itok=E8elOfou 1x, /sites/default/files/styles/media_component_16_9_lg_2x/public/2022-10/Large_Web_Image-LTN-Francis-Road.jpg?h=32d2a7fe&itok=mcq_gkS- 2x" media="all and (min-width:992px)" type="image/jpeg" width="812" height="457"/> <source srcset="/sites/default/files/styles/media_component_16_9_md/public/2022-10/Large_Web_Image-LTN-Francis-Road.jpg?h=32d2a7fe&itok=O0UGy2-c 1x, /sites/default/files/styles/media_component_16_9_md_2x/public/2022-10/Large_Web_Image-LTN-Francis-Road.jpg?h=32d2a7fe&itok=9aIQNbZs 2x" media="all and (min-width:768px)" type="image/jpeg" width="720" height="405"/> <source srcset="/sites/default/files/styles/media_component_16_9_sm/public/2022-10/Large_Web_Image-LTN-Francis-Road.jpg?h=32d2a7fe&itok=TneeZx_4 1x, /sites/default/files/styles/media_component_16_9_sm_2x/public/2022-10/Large_Web_Image-LTN-Francis-Road.jpg?h=32d2a7fe&itok=RCXWuWMN 2x" media="all and (min-width:576px)" type="image/jpeg" width="540" height="304"/> <source srcset="/sites/default/files/styles/media_component_16_9_sm/public/2022-10/Large_Web_Image-LTN-Francis-Road.jpg?h=32d2a7fe&itok=TneeZx_4 1x, /sites/default/files/styles/media_component_16_9_sm_2x/public/2022-10/Large_Web_Image-LTN-Francis-Road.jpg?h=32d2a7fe&itok=RCXWuWMN 2x" type="image/jpeg" width="540" height="304"/> <img class="u-w-full u-h-full u-object-cover" src="/sites/default/files/styles/media_component_16_9_sm/public/2022-10/Large_Web_Image-LTN-Francis-Road.jpg?h=32d2a7fe&itok=TneeZx_4" width="540" height="304" alt="A cyclist on a road whilst a pedestrian crosses" loading="lazy" /> </picture> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="block-glasocialshareblock"> <div class="container u-border-t-1 u-border-grey u-border-opacity-20"> <div class="md:u-flex u-items-center u-justify-between u-my-4"> <h2 class="u-my-2 h4"> Share this page </h2> <ul data-script="/themes/estate/gla_core_theme/libraries/sharer.js/sharer.min.js" aria-label="Share this page:" class="u-flex u-justify-between sm:u-items-center md:u-space-x-6 u-flex-wrap " x-data="{ title: document.title, url: window.location.href, itemCount: 5 }" x-init="function init() { this.itemCount = this.$el.childElementCount; var canonicalElement = document.querySelector('link[rel=canonical]'); if (canonicalElement !== null) { url = canonicalElement.href; }}" :style="`--social-sharing-links-item-count: ${itemCount};`" > <li class="u-flex-grow u-w-full sm:u-flex-grow-0 sm:u-order-first sm:u-w-auto sm:u-pr-6"> <a href="/cdn-cgi/l/email-protection#310e535e55480c725954525a1403015e4445140301455958421403014258455414030159454541421402701e1e4646461f5d5e5f555e5f1f565e471f445a1e41435e5643505c5c54421c424543504554565854421e4543505f42415e43451e5954505d4559481c4245435454454217505c410a4244535b5452450c7954505d45594814030162454354544542" target="_blank" rel="noopener" aria-label="Share via Email" data-sharer="email" :data-title="title" :data-subject="title" data-to=""> <span class="btn--sm u-text-sm u-w-full sm:u-w-auto btn"> Share via email </span> </a> </li> <li class="u-mt-2 u-mb-6 sm:u-mb-0"> <a href="https://www.twitter.com/share?url=https%3A//www.london.gov.uk/programmes-strategies/transport/healthy-streets&text=Healthy%20Streets" class="u-w-14 u-inline-block u-rounded-full" target="_blank" rel="noopener" aria-label="Share on Twitter" data-sharer="twitter" :data-url="url" :data-title="title" > <div class="u-rounded-full u-p-3 hocus:u-opacity-80 u-text-white u-bg-twitter"> <svg class="u-w-8 u-h-8 u-block icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#social--twitter"></use> </svg> </div> </a> </li> <li class="u-mt-2 u-mb-6 sm:u-mb-0"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//www.london.gov.uk/programmes-strategies/transport/healthy-streets&t=Healthy%20Streets" class="u-w-14 u-inline-block u-rounded-full" target="_blank" rel="noopener" aria-label="Share on Facebook" data-sharer="facebook" :data-url="url" > <div class="u-rounded-full u-p-3 hocus:u-opacity-80 u-text-white u-bg-facebook"> <svg class="u-w-8 u-h-8 u-block icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#social--facebook"></use> </svg> </div> </a> </li> <li class="u-mt-2 u-mb-6 sm:u-mb-0"> <a href="https://wa.me/?text=Healthy%20Streets%20-%20https%3A//www.london.gov.uk/programmes-strategies/transport/healthy-streets" class="u-w-14 u-inline-block u-rounded-full" target="_blank" rel="noopener" aria-label="Share on WhatsApp" data-sharer="whatsapp" :data-url="url" :data-title="title" > <div class="u-rounded-full u-p-3 hocus:u-opacity-80 u-text-white u-bg-whatsapp"> <svg class="u-w-8 u-h-8 u-block icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#social--whatsapp"></use> </svg> </div> </a> </li> <li class="u-mt-2 u-mb-6 sm:u-mb-0"> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//www.london.gov.uk/programmes-strategies/transport/healthy-streets&title=Healthy%20Streets" class="u-w-14 u-inline-block u-rounded-full" target="_blank" rel="noopener" aria-label="Share on LinkedIn" data-sharer="linkedin" :data-url="url" > <div class="u-rounded-full u-p-3 hocus:u-opacity-80 u-text-white u-bg-linkedin"> <svg class="u-w-8 u-h-8 u-block icon" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=sqhdzp#social--linkedin"></use> </svg> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </main> <footer role="contentinfo"> <div class="u-bg-dark-grey u-text-white"> <div class="u-py-12 lg:u-py-18 xl:u-py-26 xxl:u-py-32"> <div class="container"> <div class="lg:u-flex"> <div class="lg:u-min-w-3/4"> <nav role="navigation" aria-labelledby="block-gla-footer-menu" id="block-gla-footer-menu"> <h2 class="u-mb-5 h4"> Useful links </h2> <ul class="footer-menu u-mb-10"> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10 sm:u-border-r-1 md:u-border-r-1"> <a href="/who-we-are" class="u-font-normal"> Who we are </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10 sm:u-border-r-1 md:u-border-r-1"> <a href="/find-job-city-hall" class="u-font-normal"> Jobs </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10 sm:u-border-r-1 md:u-border-r-1"> <a href="/who-we-are/city-halls-buildings-and-squares/venue-hire" class="u-font-normal"> Venue hire </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10 sm:u-border-r-1 md:u-border-r-1"> <a href="/contact-or-visit-city-hall" class="u-font-normal"> Contact us </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10 sm:u-border-r-1 md:u-border-r-1"> <a href="https://www.london.gov.uk/talk-london/?utm_source=london.gov.uk&utm_medium=referral&utm_content=usefullinks&utm_campaign=joinTL" class="u-font-normal"> Talk London </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10 sm:u-border-r-1 md:u-border-r-1"> <a href="/city-hall-blog" class="u-font-normal"> City Hall blog </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10 sm:u-border-r-1 md:u-border-r-1"> <a href="/take-part/our-social-media-and-newsletters" class="u-font-normal"> Keep up to date </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10 md:u-border-r-1"> <a href="/media-centre" class="u-font-normal"> Media centre </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10 md:u-border-r-1"> <a href="/programmes-strategies/accessibility" class="u-font-normal"> Accessibility </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10 md:u-border-r-1"> <a href="/who-we-are/governance-and-spending/privacy-policies" class="u-font-normal"> Privacy policies </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10"> <a href="/terms-and-conditions" class="u-font-normal"> Terms and conditions </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10"> <a href="/who-we-are/governance-and-spending/sharing-our-information/freedom-information" class="u-font-normal"> Freedom of Information </a> </li> <li class="u-text-sm xl:u-text-base u-py-2 u-border-grey-100 u-border-white u-border-opacity-10"> <a href="/rss-feeds" class="u-font-normal"> RSS feeds </a> </li> </ul> </nav> </div> <div> <div id="block-glagoogletranslation"> <div class="gla-estate-translation"> <form id="gla-estate-translation-form"> <label class="h4 gla-select-translation--label" for="gla-select-translation">Translate</label> <div class="gla-estate-select-wrapper"> <a target="_blank" href="https://translate.google.com/" class="google-translate-icon" aria-label="powered by Google Translate"></a> <div class="gtranslate_wrapper"></div><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>window.gtranslateSettings = {"switcher_horizontal_position":"left","switcher_vertical_position":"bottom","horizontal_position":"inline","vertical_position":"inline","float_switcher_open_direction":"top","switcher_open_direction":"bottom","default_language":"en","native_language_names":1,"detect_browser_language":0,"add_new_line":1,"select_language_label":"Select Language","flag_size":32,"flag_style":"2d","globe_size":60,"alt_flags":[],"wrapper_selector":".gtranslate_wrapper","url_structure":"none","custom_domains":null,"languages":["en","ar","bg","zh-CN","zh-TW","hr","cs","da","nl","fi","fr","de","el","hi","it","ja","ko","no","pl","pt","ro","ru","es","sv","ca","tl","iw","id","lv","lt","sr","sk","sl","uk","vi","sq","et","gl","hu","mt","th","tr","fa","af","ms","sw","ga","cy","be","is","mk","yi","hy","az","eu","ka","ht","ur","bn","bs","ceb","eo","gu","ha","hmn","ig","jw","kn","km","lo","la","mi","mr","mn","ne","pa","so","ta","te","yo","zu","my","ny","kk","mg","ml","si","st","su","tg","uz","am","co","haw","ku","ky","lb","ps","sm","gd","sn","sd","fy","xh"],"custom_css":""};</script><script>(function(){var js = document.createElement('script');js.setAttribute('src', 'https://cdn.gtranslate.net/widgets/latest/dropdown.js');js.setAttribute('data-gt-orig-url', '/search');js.setAttribute('data-gt-orig-domain', 'www.london.gov.uk');document.body.appendChild(js);})();</script> <button type="submit" class="btn btn--solid"> Translate </button> </div> <div class="translate-disclaimer-text"> <p><a href="https://www.london.gov.uk/google-translate-disclaimer">Translation disclaimer</a></p> </div> </form> </div> </div> <div id="block-cp-footer-social-links"> <div class="social-media-links"> <h3 class="h4"> Connect with us </h3> <div class="u-flex u-flex-wrap sm:u-grid u-grid-cols-4 u-gap-x-10 u-gap-y-4 u-mt-4 sm:u-max-w-xs sm:u-gap-x-0 lg:u-grid-cols-2 lg:u-gap-x-0 lg:u-w-3/4 xl:u-grid-cols-4 xl:u-gap-x-4 xl:u-w-full"> <div class="social-media-link u-w-14"> <a aria-label="Twitter" class="u-inline-block u-rounded-full" href="https://twitter.com/mayoroflondon"> <div class="u-rounded-full u-p-3 hocus:u-opacity-80" style="background-color: #1DA1F2"> <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="simple-icons-icon simple-icons-icon__twitter"> <title>Twitter icon</title> <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"></path> </svg> </div> </a> </div> <div class="social-media-link u-w-14"> <a aria-label="Facebook" class="u-inline-block u-rounded-full" href="https://www.facebook.com/MayorofLondon/?ref=nf"> <div class="u-rounded-full u-p-3 hocus:u-opacity-80" style="background-color: #1877F2"> <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="simple-icons-icon simple-icons-icon__facebook"> <title>Facebook icon</title> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path> </svg> </div> </a> </div> <div class="social-media-link u-w-14"> <a aria-label="YouTube" class="u-inline-block u-rounded-full" href="https://www.youtube.com/user/MayorsOfficeLondon"> <div class="u-rounded-full u-p-3 hocus:u-opacity-80" style="background-color: #FF0000"> <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="simple-icons-icon simple-icons-icon__youtube"> <title>YouTube icon</title> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path> </svg> </div> </a> </div> <div class="social-media-link u-w-14"> <a aria-label="LinkedIn" class="u-inline-block u-rounded-full" href="https://www.linkedin.com/company/greater-london-authority/"> <div class="u-rounded-full u-p-3 hocus:u-opacity-80" style="background-color: #0A66C2"> <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="simple-icons-icon simple-icons-icon__linkedin"> <title>LinkedIn icon</title> <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path> </svg> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="u-border-grey u-border-t-1 u-py-6 lg:u-py-10 xl:u-py-12 xxl:u-py-14"> <div class="container u-space-y-3"> <small> We use cookies to ensure that we give you the best experience on our website. <button id="view-cookie-settings" class="u-underline">View cookie settings.</button> </small> <div id="block-cp-legal-text"> <div class="config_pages config_pages--type--footer-legal-text config_pages--view-mode--full config_pages--footer-legal-text--full"> <div class="legal-text"> <div class="field field--name-field-cp-flt-footer-legal-text field--type-text-long field--label-hidden field__item"><p>© Copyright Greater London Authority 2025</p> </div> </div> </div> </div> </div> </div> </div> </footer> </div> </div> <script>window.dataLayer = window.dataLayer || []; window.dataLayer.push({"drupalLanguage":"en","drupalCountry":null,"siteName":"London City Hall","entityCreated":"1666920790","entityLangcode":"en","entityStatus":"1","entityUid":"6","entityUuid":"84b9f969-e466-4491-855e-7738991a29da","entityVid":"69359","entityName":"Faheem Ahmed","entityType":"node","entityBundle":"generic_content","entityId":"82377","entityTitle":"Healthy Streets","entityTaxonomy":{"administration":{"325":"Sadiq Khan (2016 - 2028)"},"area_of_work":{"322":"Transport"},"audience":{"357":"Londoners and general public"},"content":{"536":"Policy content"}},"userUid":0});</script> <script src="/sites/default/files/js/js_GsFAq62Z91Y43R5nbXnoRUve4p1fhmKwEzbENBtHmac.js?scope=footer&delta=0&language=en&theme=gla_core_theme&include=eJx1kF1ywyAMhC8E4bmnYWShYLUYMUKxk56-JNNfO31gGH27iJWQV0YUeWNCqaZSAh7QizuyJ7ZTJzOuubsEBgVupGGiGVYW7S4XiChKcd0kjPMAJcsaETH8Ln76fL-xmRYKTcrtzKV4lr3EldT8l2GvbjOY59outlfGV77jCF8mUL9xsvl_i2-Q0gjmTdretUgirfyubmXaeryvINK1iVo4ELfRdBZdwud9SgxFsssiuYyOkEO25W8JeV-f4BWujxzUDWwICrUXMJYanuN9agRNrhMozhEaR7iYoCytkN0Hf8oP-2EjPxOM-T8AvE7oRw"></script> <script src="https://cc.cdn.civiccomputing.com/9/cookieControl-9.x.min.js"></script> <script src="/sites/default/files/js/js_1J64NMO2xVIcNw7cazpy1TqI2dUK0qerfZMlnMpOOHc.js?scope=footer&delta=2&language=en&theme=gla_core_theme&include=eJx1kF1ywyAMhC8E4bmnYWShYLUYMUKxk56-JNNfO31gGH27iJWQV0YUeWNCqaZSAh7QizuyJ7ZTJzOuubsEBgVupGGiGVYW7S4XiChKcd0kjPMAJcsaETH8Ln76fL-xmRYKTcrtzKV4lr3EldT8l2GvbjOY59outlfGV77jCF8mUL9xsvl_i2-Q0gjmTdretUgirfyubmXaeryvINK1iVo4ELfRdBZdwud9SgxFsssiuYyOkEO25W8JeV-f4BWujxzUDWwICrUXMJYanuN9agRNrhMozhEaR7iYoCytkN0Hf8oP-2EjPxOM-T8AvE7oRw"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js"></script> <script src="/sites/default/files/js/js_i-9mfJawyQKNuUjZh5RP_ZI7zKPmwqhkXQvKak6xI6k.js?scope=footer&delta=4&language=en&theme=gla_core_theme&include=eJx1kF1ywyAMhC8E4bmnYWShYLUYMUKxk56-JNNfO31gGH27iJWQV0YUeWNCqaZSAh7QizuyJ7ZTJzOuubsEBgVupGGiGVYW7S4XiChKcd0kjPMAJcsaETH8Ln76fL-xmRYKTcrtzKV4lr3EldT8l2GvbjOY59outlfGV77jCF8mUL9xsvl_i2-Q0gjmTdretUgirfyubmXaeryvINK1iVo4ELfRdBZdwud9SgxFsssiuYyOkEO25W8JeV-f4BWujxzUDWwICrUXMJYanuN9agRNrhMozhEaR7iYoCytkN0Hf8oP-2EjPxOM-T8AvE7oRw"></script> <script src="//unpkg.com/headroom.js@0.12.0/dist/headroom.js"></script> <script src="/sites/default/files/js/js_WUkGFL7EZyhg0_-pZkBArnvLKd3ys-WMtJxkX0SYw2Y.js?scope=footer&delta=6&language=en&theme=gla_core_theme&include=eJx1kF1ywyAMhC8E4bmnYWShYLUYMUKxk56-JNNfO31gGH27iJWQV0YUeWNCqaZSAh7QizuyJ7ZTJzOuubsEBgVupGGiGVYW7S4XiChKcd0kjPMAJcsaETH8Ln76fL-xmRYKTcrtzKV4lr3EldT8l2GvbjOY59outlfGV77jCF8mUL9xsvl_i2-Q0gjmTdretUgirfyubmXaeryvINK1iVo4ELfRdBZdwud9SgxFsssiuYyOkEO25W8JeV-f4BWujxzUDWwICrUXMJYanuN9agRNrhMozhEaR7iYoCytkN0Hf8oP-2EjPxOM-T8AvE7oRw"></script> <span id="splash-id" style="display:none">https://www.london.gov.uk</span></body> </html>

CINXE.COM

Healthy Streets | London City Hall