Upcoming events | 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="Find out what fun things there are to see and do in London." /> <meta name="robots" content="index, follow" /> <link rel="canonical" href="https://www.london.gov.uk/events" /> <link rel="image_src" href="https://www.london.gov.uk/sites/default/files/styles/open_graph_image/public/2024-05/Large_Web_Image-Large%20Web%20Image-240101%20MoL%20NYE240653.jpg?h=9331d7b9&itok=UKCQTkxT" /> <meta property="og:site_name" content="London City Hall" /> <meta property="og:url" content="https://www.london.gov.uk/events" /> <meta property="og:title" content="Upcoming events" /> <meta property="og:description" content="Find out what fun things there are to see and do in London." /> <meta property="og:image" content="https://www.london.gov.uk/sites/default/files/styles/open_graph_image/public/2024-05/Large_Web_Image-Large%20Web%20Image-240101%20MoL%20NYE240653.jpg?h=9331d7b9&itok=UKCQTkxT" /> <meta property="og:image:secure_url" content="https://www.london.gov.uk/sites/default/files/styles/open_graph_image/public/2024-05/Large_Web_Image-Large%20Web%20Image-240101%20MoL%20NYE240653.jpg?h=9331d7b9&itok=UKCQTkxT" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:updated_time" content="2025-02-17T09:41:08+00:00" /> <meta property="og:image:alt" content="NYE Fireworks (EfL)" /> <meta property="og:locale" content="en" /> <meta property="pin:media" content="https://www.london.gov.uk/sites/default/files/styles/open_graph_image/public/2024-05/Large_Web_Image-Large%20Web%20Image-240101%20MoL%20NYE240653.jpg?h=9331d7b9&itok=UKCQTkxT" /> <meta property="pin:url" content="https://www.london.gov.uk/events" /> <meta property="pin:description" content="Find out what fun things there are to see and do in London." /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Upcoming events" /> <meta name="twitter:description" content="Find out what fun things there are to see and do in London." /> <meta name="twitter:image:alt" content="NYE Fireworks (EfL)" /> <meta name="twitter:image" content="https://www.london.gov.uk/sites/default/files/styles/twitter_card_image/public/2024-05/Large_Web_Image-Large%20Web%20Image-240101%20MoL%20NYE240653.jpg?h=9331d7b9&itok=Yxjfo5oz" /> <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="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>Upcoming events | London City Hall</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_r1T9sBZCctC4aCl_VIHpvM2SZdqTT7E9hSk8p0EHfeo.css?delta=0&language=en&theme=gla_core_theme&include=eJx1jlFuwzAMQy9k2EcyGFtzDCiRIclZe_ulC7oNWPvJJxF8jZG5yZFLKan9CVEOUu2VLNjdnLa0wCg8XoooZV9po7MhCzgcnT4tVzgy3Yaop38kPFqp6hzgWDtYWhhQNMVY7Xn4JXHuYy7cbaX6vUrm8HNXsRvDu-zpNb5sLoO4SZ1MwQha1ozRM6ZLkW0wOaU3PHygkP9YXSk22knBX-G9eW0" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_tf0ubwvSS-cx-5NJbo4RlCvaWfJiw9B7M64-giVuZB0.css?delta=1&language=en&theme=gla_core_theme&include=eJx1jlFuwzAMQy9k2EcyGFtzDCiRIclZe_ulC7oNWPvJJxF8jZG5yZFLKan9CVEOUu2VLNjdnLa0wCg8XoooZV9po7MhCzgcnT4tVzgy3Yaop38kPFqp6hzgWDtYWhhQNMVY7Xn4JXHuYy7cbaX6vUrm8HNXsRvDu-zpNb5sLoO4SZ1MwQha1ozRM6ZLkW0wOaU3PHygkP9YXSk22knBX-G9eW0" /> <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?stzaly"></script> <script src="//www.youtube.com/iframe_api"></script> <script src="/themes/estate/gla_core_theme/libraries/alpinejs/dist/cdn.js?stzaly" 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?stzab6" 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?stzab6" 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=stzaly#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=stzab6#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="(!siteSearchOpen).toString()">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=stzab6#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=stzab6#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=stzaly#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=stzaly#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" aria-controls="container--1" @click="changeLevel('0', '1'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--1']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--1" x-show="isWithinTrail('1')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('1')" id="submenu-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-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=stzaly#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" aria-controls="container--233" @click="changeLevel('1', '233'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--233']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--233" x-show="isWithinTrail('233')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('233')" id="submenu-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-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=stzaly#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" aria-controls="container--241" @click="changeLevel('1', '241'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--241']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--241" x-show="isWithinTrail('241')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('241')" id="submenu-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-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=stzaly#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" aria-controls="container--698" @click="changeLevel('0', '698'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--698']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--698" x-show="isWithinTrail('698')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('698')" id="submenu-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-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=stzaly#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" aria-controls="container--773" @click="changeLevel('698', '773'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--773']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--773" x-show="isWithinTrail('773')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('773')" id="submenu-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-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=stzaly#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" aria-controls="container--1837" @click="changeLevel('698', '1837'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--1837']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--1837" x-show="isWithinTrail('1837')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('1837')" id="submenu-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-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=stzaly#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" aria-controls="container--954" @click="changeLevel('698', '954'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--954']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--954" x-show="isWithinTrail('954')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('954')" id="submenu-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-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=stzaly#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" aria-controls="container--55" @click="changeLevel('698', '55'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--55']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--55" x-show="isWithinTrail('55')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('55')" id="submenu-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-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=stzaly#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" aria-controls="container--702" @click="changeLevel('698', '702'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--702']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--702" x-show="isWithinTrail('702')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('702')" id="submenu-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-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=stzaly#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" aria-controls="container--955" @click="changeLevel('698', '955'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--955']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--955" x-show="isWithinTrail('955')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('955')" id="submenu-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-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=stzaly#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" aria-controls="container--956" @click="changeLevel('698', '956'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--956']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--956" x-show="isWithinTrail('956')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('956')" id="submenu-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-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=stzaly#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" aria-controls="container--952" @click="changeLevel('698', '952'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--952']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--952" x-show="isWithinTrail('952')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('952')" id="submenu-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-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=stzaly#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" aria-controls="container--961" @click="changeLevel('698', '961'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--961']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--961" x-show="isWithinTrail('961')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('961')" id="submenu-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-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=stzaly#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-and-owning-home" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-7468" data-drupal-link-system-path="node/1276777">Buying and owning 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/housing-and-land-funding-guidance-and-resources" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-7460" data-drupal-link-system-path="node/1276771">Housing and Land funding 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/housing-and-land/housing-and-land-funding-programmes" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-7439" data-drupal-link-system-path="node/1276543">Housing and Land funding programmes</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/renting-home" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-7469" data-drupal-link-system-path="node/1276778">Renting 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/mayors-priorities-londons-housing-and-land" :inert="!isMostExpandedLevel("961")" class="hocus:u-border-pink-alternative u-border-b-2 u-border-transparent" id="menu-item-7304" data-drupal-link-system-path="node/1276336">The Mayor's priorities for London's housing and land</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" aria-controls="container--130" @click="changeLevel('698', '130'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--130']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--130" x-show="isWithinTrail('130')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('130')" id="submenu-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-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=stzaly#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" aria-controls="container--142" @click="changeLevel('698', '142'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--142']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--142" x-show="isWithinTrail('142')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('142')" id="submenu-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-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=stzaly#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" aria-controls="container--959" @click="changeLevel('698', '959'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--959']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--959" x-show="isWithinTrail('959')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('959')" id="submenu-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-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=stzaly#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" aria-controls="container--957" @click="changeLevel('698', '957'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--957']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--957" x-show="isWithinTrail('957')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('957')" id="submenu-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-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=stzaly#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" aria-controls="container--958" @click="changeLevel('698', '958'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--958']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--958" x-show="isWithinTrail('958')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('958')" id="submenu-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-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=stzaly#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" aria-controls="container--42" @click="changeLevel('698', '42'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--42']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--42" x-show="isWithinTrail('42')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('42')" id="submenu-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-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=stzaly#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" aria-controls="container--960" @click="changeLevel('698', '960'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--960']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--960" x-show="isWithinTrail('960')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('960')" id="submenu-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-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=stzaly#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" id="menu-item-1639" data-drupal-link-system-path="node/82377">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" aria-controls="container--81" @click="changeLevel('698', '81'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--81']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--81" x-show="isWithinTrail('81')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('81')" id="submenu-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-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=stzaly#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" aria-controls="container--5" @click="changeLevel('0', '5'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--5']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--5" x-show="isWithinTrail('5')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('5')" id="submenu-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-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=stzaly#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 is-active" id="menu-item-127" data-drupal-link-system-path="node/80117" aria-current="page">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" aria-controls="container--701" @click="changeLevel('0', '701'); $nextTick(() => { setTimeout(() => { let submenu = $refs['container--701']; if (submenu) { let firstLink = submenu.querySelector('a, button'); if (firstLink) { requestAnimationFrame(() => { firstLink.focus({ preventScroll: true }); }); } } }, 100); });" :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=stzaly#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" tabindex="-1" aria-live="polite" x-ref="container--701" x-show="isWithinTrail('701')" tabindex="-1" aria-live="polite" :aria-expanded="isWithinTrail('701')" id="submenu-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-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=stzaly#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 class="listing-page u-pb-6 lg:u-pb-8 xl:u-pb-10" id="main-content" tabindex="-1"> <div> <div id="block-listing-page-header"> <div class="field field--name-field-c-lp-header field--type-entity-reference-revisions field--label-hidden field__item"> <div class="hero-header u-breakout u-overflow-hidden u-relative u-bg-grey hero-header--full hero-header--dark u-text-white" x-data="heroHeader()" @media-control--play="toggleVideoPlayback()" @media-control--pause="toggleVideoPlayback()"> <div class="hero-header__media u-h-full u-w-full u-absolute lg:u-relative"> <picture> <source srcset="/sites/default/files/styles/hero_header_xxl/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=g45gSPjn 1x, /sites/default/files/styles/hero_header_xxl_2x/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=XPdHX-PO 2x" media="all and (min-width:1920px)" type="image/jpeg" width="1920" height="900"/> <source srcset="/sites/default/files/styles/hero_header_xl/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=V2vhx0VB 1x, /sites/default/files/styles/hero_header_xl_2x/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=UteUPZVB 2x" media="all and (min-width:1200px)" type="image/jpeg" width="1920" height="800"/> <source srcset="/sites/default/files/styles/hero_header_lg/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=j8s9x3mO 1x, /sites/default/files/styles/hero_header_lg_2x/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=WgynsXwT 2x" media="all and (min-width:992px)" type="image/jpeg" width="1199" height="675"/> <source srcset="/sites/default/files/styles/hero_header_md/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=P-7bRQCK 1x, /sites/default/files/styles/hero_header_md_2x/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=8VaTva5z 2x" media="all and (min-width:768px)" type="image/jpeg" width="991" height="558"/> <source srcset="/sites/default/files/styles/hero_header_sm/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=R1lN077b 1x, /sites/default/files/styles/hero_header_sm_2x/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=866_Fbxp 2x" media="all and (min-width:576px)" type="image/jpeg" width="767" height="490"/> <source srcset="/sites/default/files/styles/hero_header_sm/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=R1lN077b 1x, /sites/default/files/styles/hero_header_sm_2x/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=866_Fbxp 2x" type="image/jpeg" width="767" height="490"/> <img class="u-object-cover u-w-full u-h-full" src="/sites/default/files/styles/hero_header_sm/public/2024-05/Large_Web_Image-NYE2022-at-Greenwich-Maritime-Museum-KM-17.jpg?h=348a72c6&itok=R1lN077b" width="767" height="490" alt="NYE Fireworks (EfL)" loading="lazy" /> </picture> </div> <div class="container hero-header__content u-absolute u-inset-y-0 u-w-full u-h-full u-z-1"> <div class="u-flex u-flex-col u-justify-center u-absolute u-h-full"> <div class="u-space-y-5 u-max-w-rich-text-px"> <h1 class="h2"> Events in London </h1> <div class="paragraph paragraph--type--buttons paragraph--view-mode--default"> <div class="u-flex u-flex-wrap u-items-center u-flex-gap-2"> <div > <a class="btn btn--outline" href="https://www.london.gov.uk/take-part/past-events"> You can also browse our past events. </a> </div> </div> </div> </div> </div> </div> </div> </div> </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=stzaly#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="/take-part" itemprop="item"> <span itemprop="name">Take Part</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=stzaly#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>Events</strong></span> <meta itemprop="position" content="3" /> </li> </ol> </nav> </div> </div> <div class="views-exposed-form u-breakout u-py-6 lg:u-py-8" novalidate="novalidate" data-drupal-selector="views-exposed-form-solr-search-content-results-page" id="block-exposed-form-solr-search-content-results-page"> <div class="container"> <div class="lg:u-border-b-1 lg:u-border-grey-50"> <div class="u-mb-8 "> <div class="u-my-2 u-text-primary-dark u-text-lg" x-data="{}" x-init="Drupal.announce($refs.resultsCount.textContent + '.')"> <div x-ref="resultsCount">Showing <strong>1</strong>-<strong>7</strong> of <strong>7</strong> results found</div> </div> <h2 class="h2"> Upcoming events </h2> </div> <div> </div> </div> </div> </div> <div role="alert"> <div data-drupal-messages-fallback class="hidden"></div> </div> </div> <div class="container"> <aside class="u-mb-6 lg:u-mb-0 facet-top facet-sidebar" role="complementary"> <h2 class="sidebar-heading u-py-3 u-px-5 u-bg-off-white h5"> Filter results </h2> <div class="u-flex u-flex-wrap"> <div class="facet-inactive block-facet--dropdown u-w-full u-bg-grey-50 md:u-w-1/2 lg:u-w-1/3 lg:u-border-r-1 lg:u-border-off-white" id="block-solr-search-content-event-date-year"> <div class="facet facets-widget-dropdown u-border-t-1 u-border-grey-50 u-bg-off-white" x-data="{ isExpanded: false, checkWindowWidth() { this.isExpanded = (window.innerWidth > 992) && false} }" x-init="checkWindowWidth()" x-on:resize.window.debounce="checkWindowWidth()"><a href="#" class="u-flex u-px-5 u-py-3 u-text-black hocus:u-no-underline u-select-none" @click.prevent="isExpanded = !isExpanded" :aria-expanded="isExpanded ? 'true' : 'false'" role="button"> <h3 class="facet-label u-flex u-flex-1 u-gap-x-1"> <span class="u-flex-1 u-text-large u-font-bold">Event date - Year</span> <span class="u-w-6 u-h-6 u-p-1 u-flex u-items-center u-justify-center u-bg-primary u-rounded-full u-text-white"> <svg class="u-transform u-scale-50 u-transition icon" x-bind:class="isExpanded ? "u--rotate-90" : "u-rotate-90"" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=stzaly#gla--forward"></use> </svg> </span> </h3> </a><div class="facet-container u-bg-grey-50 u-px-5 u-py-3" x-transition x-cloak x-show="isExpanded"> <div class="facet-list"> <ul data-drupal-facet-id="solr_search_content_event_date_year" data-drupal-facet-alias="event_date_year" class="facet-inactive js-facets-dropdown-links u-space-y-1 u-mb-0 u-list-reset item-list__dropdown"><li class="facet-item"><a href="/search?f%5B0%5D=event_date_year%3A2025" rel="nofollow" data-drupal-facet-item-id="event-date-year-2025" data-drupal-facet-item-value="2025" data-drupal-facet-item-count="7"><span class="facet-item__value group-focus-within:u-underline hocus:u-underline">2025</span> <span class="facet-item__count u-text-grey-300 u-font-bold"> (7)</span> </a></li></ul> </div> </div> <label id="facet_solr_search_content_event_date_year_label">Event date - Year</label> </div> </div> <div class="facet-inactive hidden block-facet--checkbox u-w-full u-bg-grey-50 md:u-w-1/2 lg:u-w-1/3 lg:u-border-r-1 lg:u-border-off-white" id="block-solr-search-content-event-date"> <div data-drupal-facet-id="solr_search_content_event_date" class="facet-empty facet-hidden"> </div> </div> <div class="facet-inactive hidden block-facet--checkbox u-w-full u-bg-grey-50 md:u-w-1/2 lg:u-w-1/3 lg:u-border-r-1 lg:u-border-off-white" id="block-solr-search-content-event-cost"> <div data-drupal-facet-id="solr_search_content_event_cost" class="facet-empty facet-hidden"> </div> </div> <div class="facet-inactive block-facet--checkbox u-w-full u-bg-grey-50 md:u-w-1/2 lg:u-w-1/3 lg:u-border-r-1 lg:u-border-off-white" id="block-solr-search-content-event-event-series"> <div class="facet facets-widget-checkbox u-border-t-1 u-border-grey-50 u-bg-off-white" x-data="{ isExpanded: false, checkWindowWidth() { this.isExpanded = (window.innerWidth > 992) && false} }" x-init="checkWindowWidth()" x-on:resize.window.debounce="checkWindowWidth()"><a href="#" class="u-flex u-px-5 u-py-3 u-text-black hocus:u-no-underline u-select-none" @click.prevent="isExpanded = !isExpanded" :aria-expanded="isExpanded ? 'true' : 'false'" role="button"> <h3 class="facet-label u-flex u-flex-1 u-gap-x-1"> <span class="u-flex-1 u-text-large u-font-bold">Event series</span> <span class="u-w-6 u-h-6 u-p-1 u-flex u-items-center u-justify-center u-bg-primary u-rounded-full u-text-white"> <svg class="u-transform u-scale-50 u-transition icon" x-bind:class="isExpanded ? "u--rotate-90" : "u-rotate-90"" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=stzaly#gla--forward"></use> </svg> </span> </h3> </a><div class="facet-container u-bg-grey-50 u-px-5 u-py-3" x-transition x-cloak x-show="isExpanded"> <div class="facet-list"> <ul data-drupal-facet-id="solr_search_content_event_event_series" data-drupal-facet-alias="event_series" class="facet-inactive js-facets-checkbox-links u-space-y-1 u-mb-0 u-list-reset item-list__checkbox"><li class="facet-item"><a href="/search?f%5B0%5D=event_series%3AFestival" rel="nofollow" data-drupal-facet-item-id="event-series-festival" data-drupal-facet-item-value="Festival" data-drupal-facet-item-count="3"><span class="facet-item__value group-focus-within:u-underline hocus:u-underline">Festival</span> <span class="facet-item__count u-text-grey-300 u-font-bold"> (3)</span> </a></li><li class="facet-item"><a href="/search?f%5B0%5D=event_series%3AGames" rel="nofollow" data-drupal-facet-item-id="event-series-games" data-drupal-facet-item-value="Games" data-drupal-facet-item-count="1"><span class="facet-item__value group-focus-within:u-underline hocus:u-underline">Games</span> <span class="facet-item__count u-text-grey-300 u-font-bold"> (1)</span> </a></li></ul> </div> </div> </div> </div> <div class="facet-inactive block-facet--checkbox u-w-full u-bg-grey-50 md:u-w-1/2 lg:u-w-1/3 lg:u-border-r-1 lg:u-border-off-white" id="block-solr-search-content-event-event-type"> <div class="facet facets-widget-checkbox u-border-t-1 u-border-grey-50 u-bg-off-white" x-data="{ isExpanded: false, checkWindowWidth() { this.isExpanded = (window.innerWidth > 992) && false} }" x-init="checkWindowWidth()" x-on:resize.window.debounce="checkWindowWidth()"><a href="#" class="u-flex u-px-5 u-py-3 u-text-black hocus:u-no-underline u-select-none" @click.prevent="isExpanded = !isExpanded" :aria-expanded="isExpanded ? 'true' : 'false'" role="button"> <h3 class="facet-label u-flex u-flex-1 u-gap-x-1"> <span class="u-flex-1 u-text-large u-font-bold">Event Series type</span> <span class="u-w-6 u-h-6 u-p-1 u-flex u-items-center u-justify-center u-bg-primary u-rounded-full u-text-white"> <svg class="u-transform u-scale-50 u-transition icon" x-bind:class="isExpanded ? "u--rotate-90" : "u-rotate-90"" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=stzaly#gla--forward"></use> </svg> </span> </h3> </a><div class="facet-container u-bg-grey-50 u-px-5 u-py-3" x-transition x-cloak x-show="isExpanded"> <div class="facet-list"> <ul data-drupal-facet-id="solr_search_content_event_event_type" data-drupal-facet-alias="event_type" class="facet-inactive js-facets-checkbox-links u-space-y-1 u-mb-0 u-list-reset item-list__checkbox"><li class="facet-item"><a href="/search?f%5B0%5D=event_type%3AFestival" rel="nofollow" data-drupal-facet-item-id="event-type-festival" data-drupal-facet-item-value="Festival" data-drupal-facet-item-count="1"><span class="facet-item__value group-focus-within:u-underline hocus:u-underline">Festival</span> <span class="facet-item__count u-text-grey-300 u-font-bold"> (1)</span> </a></li><li class="facet-item"><a href="/search?f%5B0%5D=event_type%3AOutdoor" rel="nofollow" data-drupal-facet-item-id="event-type-outdoor" data-drupal-facet-item-value="Outdoor" data-drupal-facet-item-count="3"><span class="facet-item__value group-focus-within:u-underline hocus:u-underline">Outdoor</span> <span class="facet-item__count u-text-grey-300 u-font-bold"> (3)</span> </a></li></ul> </div> </div> </div> </div> <div class="facet-inactive block-facet--checkbox u-w-full u-bg-grey-50 md:u-w-1/2 lg:u-w-1/3 lg:u-border-r-1 lg:u-border-off-white" id="block-solr-search-content-event-venue"> <div class="facet facets-widget-checkbox u-border-t-1 u-border-grey-50 u-bg-off-white" x-data="{ isExpanded: false, checkWindowWidth() { this.isExpanded = (window.innerWidth > 992) && false} }" x-init="checkWindowWidth()" x-on:resize.window.debounce="checkWindowWidth()"><a href="#" class="u-flex u-px-5 u-py-3 u-text-black hocus:u-no-underline u-select-none" @click.prevent="isExpanded = !isExpanded" :aria-expanded="isExpanded ? 'true' : 'false'" role="button"> <h3 class="facet-label u-flex u-flex-1 u-gap-x-1"> <span class="u-flex-1 u-text-large u-font-bold">Venue</span> <span class="u-w-6 u-h-6 u-p-1 u-flex u-items-center u-justify-center u-bg-primary u-rounded-full u-text-white"> <svg class="u-transform u-scale-50 u-transition icon" x-bind:class="isExpanded ? "u--rotate-90" : "u-rotate-90"" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=stzaly#gla--forward"></use> </svg> </span> </h3> </a><div class="facet-container u-bg-grey-50 u-px-5 u-py-3" x-transition x-cloak x-show="isExpanded"> <div class="facet-list"> <ul data-drupal-facet-id="solr_search_content_event_venue" data-drupal-facet-alias="venue" class="facet-inactive js-facets-checkbox-links u-space-y-1 u-mb-0 u-list-reset item-list__checkbox"><li class="facet-item"><a href="/search?f%5B0%5D=venue%3AOnline" rel="nofollow" data-drupal-facet-item-id="venue-online" data-drupal-facet-item-value="Online" data-drupal-facet-item-count="1"><span class="facet-item__value group-focus-within:u-underline hocus:u-underline">Online</span> <span class="facet-item__count u-text-grey-300 u-font-bold"> (1)</span> </a></li><li class="facet-item"><a href="/search?f%5B0%5D=venue%3ATrafalgar%20Square" rel="nofollow" data-drupal-facet-item-id="venue-trafalgar-square" data-drupal-facet-item-value="Trafalgar Square" data-drupal-facet-item-count="6"><span class="facet-item__value group-focus-within:u-underline hocus:u-underline">Trafalgar Square</span> <span class="facet-item__count u-text-grey-300 u-font-bold"> (6)</span> </a></li></ul> </div> </div> </div> </div> <div data-drupal-facets-summary-id="solr_search_content_facet_summary" id="block-solr-search-content-facet-summary" class="u-w-full md:u-flex"> <div class="u-mt-6 u-flex u-flex-col u-space-y-4 lg:u-mt-8 md:u-flex-row md:u-space-y-0 md:u-space-x-4"> <button class="facets-apply-button button js-form-submit form-submit btn btn--outline" type="submit" name="op" value="Apply filters" >Apply filters</button> </div> </div> <div id="block-search-results-sorting-block" class="u-w-full"> <div class="facet facets-widget-links u-mt-8 md:u-ml-auto md:u-w-1/4 u-bg-off-white" x-data="{ isExpanded: false}"><a href="#" class="u-flex u-px-5 u-py-3 u-text-black hocus:u-no-underline u-select-none" @click.prevent="isExpanded = !isExpanded" :aria-expanded="isExpanded ? 'true' : 'false'" role="button"> <h3 class="facet-label u-flex u-flex-1 u-gap-x-1"> <span class="u-flex-1 u-text-large u-font-bold">Sort: Oldest first</span> <span class="u-w-6 u-h-6 u-p-1 u-flex u-items-center u-justify-center u-bg-primary u-rounded-full u-text-white"> <svg class="u-transform u-scale-50 u-transition icon" x-bind:class="isExpanded ? "u--rotate-90" : "u-rotate-90"" focusable="false" aria-hidden="true"> <use xlink:href="https://www.london.gov.uk//themes/estate/gla_core_theme/dist/icons/sprite.svg?v=stzaly#gla--forward"></use> </svg> </span> </h3> </a><div class="facet-container u-bg-grey-50 u-px-5 u-py-3" x-transition x-cloak x-show="isExpanded"><div class="facet-list"> <ul class="u-space-y-1 u-mb-0 u-list-reset item-list__links"><li> <span class="facet-item__value group-focus-within:u-underline hocus:u-underline u-truncate"><a href="/events?sort=latest">Newest first</a></span> </li></ul> </div></div> </div> </div> </aside> <div> <div> <div id="block-mainpagecontent"> <div class="u-mb-8 lg:u-mb-9 xl:u-mb-12 xxl:u-mb-14"><div class="page-components"> <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="events-1639-title" class="h2"> Events </h2> </div> <div class="u-space-y-10"> <div class="paragraph paragraph--type--rich-text paragraph--view-mode--default"> <div class="rich-text"> <p><strong>London is one of the most multi-cultural cities in the world and our popular events reflect this. On behalf of the Mayor of London, we welcome everyone to attend our day events in London, see what’s in store for you, and become a part of something great.</strong></p> <p>Not all programmes run regular events, but you can keep up to date by exploring the online content available for <a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="3530cb8a-23f4-4f13-8fe2-2824c840b6a4" href="/programmes-strategies" title="Programmes and strategies">each of the programmes and strategies at City Hall</a>.</p> <p>Use the filters available to find the events that interest you.</p> <p>If you would like to see our past events or want to re-live a previous event, you can do that too by exploring our <a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="b6117715-ce2e-4827-a83d-bf41752d7a1d" href="/take-part/past-events" title="Past events">past events page</a>.</p> <p>You can also keep up to date with our <a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="29a7a918-dd70-4457-ae32-9ddef21f29db" href="/take-part/our-social-media-and-newsletters" title="Keep up to date with our social media and newsletters">social media and newsletters</a>.</p> </div> </div> </div> </div> <hr class="page-section__divider u-m-auto u-border-opacity-20 u-border-grey"> </div> </div> </div> </div> <div class="views-element-container"> <div class="js-view-dom-id-b56cb7ad78c8d0dd4d040d9deb35081344b2ca4af96682cc483e161f0014707e"> <div class="item-list"> <ul class="u--m-6 u-grid"> <li class="u-m-6"> <div data-card="" class="card group u-relative u-bg-white u-rounded u-border-1 u-border-grey-50 u-select-none u-p-5 u-h-full md:gla-grid lg:u-p-8 xl:u-p-10 hover:u-shadow u-transition"> <div class="md:u-col-span-9"> <h2 data-search-highlight="" class="u-mb-2 h4"> <a href="/events/london-games-festival-2025"> <span>London Games Festival 2025</span> </a> </h2> <div class="u-mb-4 u-text-primary-dark"> <p><strong>Page type: Event</strong></p> </div> <div data-search-highlight> <ul class="u-text-sm u-space-y-3 u-mb-4"> <li> <span class="u-text-primary-dark"> <strong>Date(s):</strong> </span><time datetime="2025-04-11T10:00:00+01:00">Fri, Apr 11 2025, 10am</time> - <time datetime="2025-04-12T18:00:00+01:00">Sat, Apr 12 2025, 6pm</time> </li> <li> <span class="u-text-primary-dark"> <strong>Venue:</strong> </span>Trafalgar Square </li> <li> <span class="u-text-primary-dark"> <strong>Cost:</strong> </span>Free </li> </ul> <p> <p>Come along to our free two-day takeover, transforming Trafalgar Square into a showcase celebrating the video game industry across the capital.</p> </p> </div> </div> <div class="u-hidden u-pl-0 md:u-block md:u-col-start-1 md:u-col-span-3"> <div class="u-bg-grey-50"> <div class="field field--name-field-teaser-image field--type-entity-reference field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/search_thumbnail_xl/public/2025-01/trafalgar.jpg?h=4250af3d&itok=CWVgvqge 1x, /sites/default/files/styles/search_thumbnail_xl_2x/public/2025-01/trafalgar.jpg?h=4250af3d&itok=Dte_Wu3f 2x" media="all and (min-width:1200px)" type="image/jpeg" width="185" height="185"/> <source srcset="/sites/default/files/styles/search_thumbnail_lg/public/2025-01/trafalgar.jpg?h=4250af3d&itok=mfllvLxC 1x, /sites/default/files/styles/search_thumbnail_lg_2x/public/2025-01/trafalgar.jpg?h=4250af3d&itok=PW2fxphg 2x" media="all and (min-width:992px)" type="image/jpeg" width="145" height="145"/> <source srcset="/sites/default/files/styles/search_thumbnail_sm/public/2025-01/trafalgar.jpg?h=4250af3d&itok=cPJys68V 1x, /sites/default/files/styles/search_thumbnail_sm_2x/public/2025-01/trafalgar.jpg?h=4250af3d&itok=1LwhYI8Y 2x" type="image/jpeg" width="125" height="125"/> <img class="u-w-full u-h-full u-object-cover" src="/sites/default/files/styles/search_thumbnail_sm/public/2025-01/trafalgar.jpg?h=4250af3d&itok=cPJys68V" width="125" height="125" alt="LGF" loading="lazy" /> </picture> </div> </div> </div> </div> </li> <li class="u-m-6"> <div data-card="" class="card group u-relative u-bg-white u-rounded u-border-1 u-border-grey-50 u-select-none u-p-5 u-h-full md:gla-grid lg:u-p-8 xl:u-p-10 hover:u-shadow u-transition"> <div class="md:u-col-span-9"> <h2 data-search-highlight="" class="u-mb-2 h4"> <a href="/events/passion-jesus-trafalgar-square-2025"> <span>The Passion of Jesus in Trafalgar Square 2025</span> </a> </h2> <div class="u-mb-4 u-text-primary-dark"> <p><strong>Page type: Event</strong></p> </div> <div data-search-highlight> <ul class="u-text-sm u-space-y-3 u-mb-4"> <li> <span class="u-text-primary-dark"> <strong>Date(s):</strong> </span><time datetime="2025-04-18T12:00:00+01:00">Fri, Apr 18 2025, 12</time> - <time datetime="2025-04-18T17:00:00+01:00">5pm</time> </li> <li> <span class="u-text-primary-dark"> <strong>Venue:</strong> </span>Trafalgar Square </li> <li> <span class="u-text-primary-dark"> <strong>Cost:</strong> </span>Free </li> </ul> <p> <p>Transport to Jerusalem as one hundred Wintershall players bring their moving portrayal of the final days of Jesus to life at the iconic Trafalgar...</p> </p> </div> </div> <div class="u-hidden u-pl-0 md:u-block md:u-col-start-1 md:u-col-span-3"> <div class="u-bg-grey-50"> <div class="field field--name-field-teaser-image field--type-entity-reference field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/search_thumbnail_xl/public/2025-01/Large_Web_Image-The-Passion-of-Jesus-2023.jpg?h=965ab968&itok=QPm8T0cC 1x, /sites/default/files/styles/search_thumbnail_xl_2x/public/2025-01/Large_Web_Image-The-Passion-of-Jesus-2023.jpg?h=965ab968&itok=HkXQFZvc 2x" media="all and (min-width:1200px)" type="image/jpeg" width="185" height="185"/> <source srcset="/sites/default/files/styles/search_thumbnail_lg/public/2025-01/Large_Web_Image-The-Passion-of-Jesus-2023.jpg?h=965ab968&itok=uSHjConj 1x, /sites/default/files/styles/search_thumbnail_lg_2x/public/2025-01/Large_Web_Image-The-Passion-of-Jesus-2023.jpg?h=965ab968&itok=sU2i68lc 2x" media="all and (min-width:992px)" type="image/jpeg" width="145" height="145"/> <source srcset="/sites/default/files/styles/search_thumbnail_sm/public/2025-01/Large_Web_Image-The-Passion-of-Jesus-2023.jpg?h=965ab968&itok=cFp2v8Q4 1x, /sites/default/files/styles/search_thumbnail_sm_2x/public/2025-01/Large_Web_Image-The-Passion-of-Jesus-2023.jpg?h=965ab968&itok=VBiuuNuk 2x" type="image/jpeg" width="125" height="125"/> <img class="u-w-full u-h-full u-object-cover" src="/sites/default/files/styles/search_thumbnail_sm/public/2025-01/Large_Web_Image-The-Passion-of-Jesus-2023.jpg?h=965ab968&itok=cFp2v8Q4" width="125" height="125" alt="Actor portraying Jesus raises bread at supper with disciples" loading="lazy" /> </picture> </div> </div> </div> </div> </li> <li class="u-m-6"> <div data-card="" class="card group u-relative u-bg-white u-rounded u-border-1 u-border-grey-50 u-select-none u-p-5 u-h-full md:gla-grid lg:u-p-8 xl:u-p-10 hover:u-shadow u-transition"> <div class="md:u-col-span-9"> <h2 data-search-highlight="" class="u-mb-2 h4"> <a href="/events/vaisakhi-square-2025"> <span>Vaisakhi on the Square 2025</span> </a> </h2> <div class="u-mb-4 u-text-primary-dark"> <p><strong>Page type: Event</strong></p> </div> <div data-search-highlight> <ul class="u-text-sm u-space-y-3 u-mb-4"> <li> <span class="u-text-primary-dark"> <strong>Date(s):</strong> </span><time datetime="2025-04-19T12:00:00+01:00">Sat, Apr 19 2025, 12</time> - <time datetime="2025-04-19T18:00:00+01:00">6pm</time> </li> <li> <span class="u-text-primary-dark"> <strong>Venue:</strong> </span>Trafalgar Square </li> <li> <span class="u-text-primary-dark"> <strong>Cost:</strong> </span>Free </li> </ul> <p> <p>Join us at Trafalgar Square for Vaisakhi 2025 and celebrate the Sikh culture.</p> </p> </div> </div> <div class="u-hidden u-pl-0 md:u-block md:u-col-start-1 md:u-col-span-3"> <div class="u-bg-grey-50"> <div class="field field--name-field-teaser-image field--type-entity-reference field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/search_thumbnail_xl/public/2024-06/Large_Web_Image-Vaisakhi-2024.jpg?h=4d4ed694&itok=IrCUa0TB 1x, /sites/default/files/styles/search_thumbnail_xl_2x/public/2024-06/Large_Web_Image-Vaisakhi-2024.jpg?h=4d4ed694&itok=vG6FeLEO 2x" media="all and (min-width:1200px)" type="image/jpeg" width="185" height="185"/> <source srcset="/sites/default/files/styles/search_thumbnail_lg/public/2024-06/Large_Web_Image-Vaisakhi-2024.jpg?h=4d4ed694&itok=deC9aQo1 1x, /sites/default/files/styles/search_thumbnail_lg_2x/public/2024-06/Large_Web_Image-Vaisakhi-2024.jpg?h=4d4ed694&itok=RgQEWwVX 2x" media="all and (min-width:992px)" type="image/jpeg" width="145" height="145"/> <source srcset="/sites/default/files/styles/search_thumbnail_sm/public/2024-06/Large_Web_Image-Vaisakhi-2024.jpg?h=4d4ed694&itok=EZ4rbSkG 1x, /sites/default/files/styles/search_thumbnail_sm_2x/public/2024-06/Large_Web_Image-Vaisakhi-2024.jpg?h=4d4ed694&itok=zkN6DGV_ 2x" type="image/jpeg" width="125" height="125"/> <img class="u-w-full u-h-full u-object-cover" src="/sites/default/files/styles/search_thumbnail_sm/public/2024-06/Large_Web_Image-Vaisakhi-2024.jpg?h=4d4ed694&itok=EZ4rbSkG" width="125" height="125" alt="Crowd in front of stage at Trafalgar Square" loading="lazy" /> </picture> </div> </div> </div> </div> </li> <li class="u-m-6"> <div data-card="" class="card group u-relative u-bg-white u-rounded u-border-1 u-border-grey-50 u-select-none u-p-5 u-h-full md:gla-grid lg:u-p-8 xl:u-p-10 hover:u-shadow u-transition"> <div class="md:u-col-span-9"> <h2 data-search-highlight="" class="u-mb-2 h4"> <a href="/events/st-georges-day-2025"> <span>St George's Day 2025</span> </a> </h2> <div class="u-mb-4 u-text-primary-dark"> <p><strong>Page type: Event</strong></p> </div> <div data-search-highlight> <ul class="u-text-sm u-space-y-3 u-mb-4"> <li> <span class="u-text-primary-dark"> <strong>Date(s):</strong> </span><time datetime="2025-04-21T12:00:00+01:00">Mon, Apr 21 2025, 12</time> - <time datetime="2025-04-21T18:00:00+01:00">6pm</time> </li> <li> <span class="u-text-primary-dark"> <strong>Venue:</strong> </span>Trafalgar Square </li> <li> <span class="u-text-primary-dark"> <strong>Cost:</strong> </span>Free </li> </ul> <p> <p>This celebration is a fantastic way for Londoners and visitors to enjoy our capital and honour everything that makes England the country it is today.</p> </p> </div> </div> <div class="u-hidden u-pl-0 md:u-block md:u-col-start-1 md:u-col-span-3"> <div class="u-bg-grey-50"> <div class="field field--name-field-teaser-image field--type-entity-reference field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/search_thumbnail_xl/public/2024-06/Large_Web_Image-St-George-s-Day-celebrations-2024.jpg?h=3bd72f09&itok=4HjbpEYd 1x, /sites/default/files/styles/search_thumbnail_xl_2x/public/2024-06/Large_Web_Image-St-George-s-Day-celebrations-2024.jpg?h=3bd72f09&itok=vwkDf6PK 2x" media="all and (min-width:1200px)" type="image/jpeg" width="185" height="185"/> <source srcset="/sites/default/files/styles/search_thumbnail_lg/public/2024-06/Large_Web_Image-St-George-s-Day-celebrations-2024.jpg?h=3bd72f09&itok=bw6yRN7I 1x, /sites/default/files/styles/search_thumbnail_lg_2x/public/2024-06/Large_Web_Image-St-George-s-Day-celebrations-2024.jpg?h=3bd72f09&itok=2yaCHjlD 2x" media="all and (min-width:992px)" type="image/jpeg" width="145" height="145"/> <source srcset="/sites/default/files/styles/search_thumbnail_sm/public/2024-06/Large_Web_Image-St-George-s-Day-celebrations-2024.jpg?h=3bd72f09&itok=34R_jTDA 1x, /sites/default/files/styles/search_thumbnail_sm_2x/public/2024-06/Large_Web_Image-St-George-s-Day-celebrations-2024.jpg?h=3bd72f09&itok=XjGXgqvJ 2x" type="image/jpeg" width="125" height="125"/> <img class="u-w-full u-h-full u-object-cover" src="/sites/default/files/styles/search_thumbnail_sm/public/2024-06/Large_Web_Image-St-George-s-Day-celebrations-2024.jpg?h=3bd72f09&itok=34R_jTDA" width="125" height="125" alt="Crowd in front of stage at Trafalgar Square" loading="lazy" /> </picture> </div> </div> </div> </div> </li> <li class="u-m-6"> <div data-card="" class="card group u-relative u-bg-white u-rounded u-border-1 u-border-grey-50 u-select-none u-p-5 u-h-full md:gla-grid lg:u-p-8 xl:u-p-10 hover:u-shadow u-transition"> <div class="md:u-col-span-9"> <h2 data-search-highlight="" class="u-mb-2 h4"> <a href="/events/eid-square-2025"> <span>Eid on the Square 2025</span> </a> </h2> <div class="u-mb-4 u-text-primary-dark"> <p><strong>Page type: Event</strong></p> </div> <div data-search-highlight> <ul class="u-text-sm u-space-y-3 u-mb-4"> <li> <span class="u-text-primary-dark"> <strong>Date(s):</strong> </span><time datetime="2025-06-08T12:00:00+01:00">Sun, Jun 8 2025, 12</time> - <time datetime="2025-06-08T18:00:00+01:00">6pm</time> </li> <li> <span class="u-text-primary-dark"> <strong>Venue:</strong> </span>Trafalgar Square </li> <li> <span class="u-text-primary-dark"> <strong>Cost:</strong> </span>Free </li> </ul> <p> <p>We're welcoming Londoners and visitors to the capital’s iconic Trafalgar Square to celebrate Eid.</p> </p> </div> </div> <div class="u-hidden u-pl-0 md:u-block md:u-col-start-1 md:u-col-span-3"> <div class="u-bg-grey-50"> <div class="field field--name-field-teaser-image field--type-entity-reference field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/search_thumbnail_xl/public/2024-06/6L9A5136.JPG?h=197c4426&itok=qTZT7bG7 1x, /sites/default/files/styles/search_thumbnail_xl_2x/public/2024-06/6L9A5136.JPG?h=197c4426&itok=-9bbxm8M 2x" media="all and (min-width:1200px)" type="image/jpeg" width="185" height="185"/> <source srcset="/sites/default/files/styles/search_thumbnail_lg/public/2024-06/6L9A5136.JPG?h=197c4426&itok=SpXFeOUK 1x, /sites/default/files/styles/search_thumbnail_lg_2x/public/2024-06/6L9A5136.JPG?h=197c4426&itok=WvbofC4O 2x" media="all and (min-width:992px)" type="image/jpeg" width="145" height="145"/> <source srcset="/sites/default/files/styles/search_thumbnail_sm/public/2024-06/6L9A5136.JPG?h=197c4426&itok=byFquK7W 1x, /sites/default/files/styles/search_thumbnail_sm_2x/public/2024-06/6L9A5136.JPG?h=197c4426&itok=QvZCsbKh 2x" type="image/jpeg" width="125" height="125"/> <img class="u-w-full u-h-full u-object-cover" src="/sites/default/files/styles/search_thumbnail_sm/public/2024-06/6L9A5136.JPG?h=197c4426&itok=byFquK7W" width="125" height="125" alt="performers on stage" loading="lazy" /> </picture> </div> </div> </div> </div> </li> <li class="u-m-6"> <div data-card="" class="card group u-relative u-bg-white u-rounded u-border-1 u-border-grey-50 u-select-none u-p-5 u-h-full md:gla-grid lg:u-p-8 xl:u-p-10 hover:u-shadow u-transition"> <div class="md:u-col-span-9"> <h2 data-search-highlight="" class="u-mb-2 h4"> <a href="/events/unesco-day-remembering-transatlantic-slave-trade-and-its-abolition-2025"> <span>UNESCO Day for Remembering the Transatlantic Slave Trade and its Abolition 2025</span> </a> </h2> <div class="u-mb-4 u-text-primary-dark"> <p><strong>Page type: Event</strong></p> </div> <div data-search-highlight> <ul class="u-text-sm u-space-y-3 u-mb-4"> <li> <span class="u-text-primary-dark"> <strong>Date(s):</strong> </span><time datetime="2025-08-21T18:30:00+01:00">Thu, Aug 21 2025, 6:30</time> - <time datetime="2025-08-21T19:30:00+01:00">7:30pm</time> </li> <li> <span class="u-text-primary-dark"> <strong>Venue:</strong> </span>Online </li> </ul> <p> <p>The Mayor of London will host the eighth UNESCO Day for Remembering the Transatlantic Slave Trade and its Abolition ceremony 2025. Save the date in...</p> </p> </div> </div> <div class="u-hidden u-pl-0 md:u-block md:u-col-start-1 md:u-col-span-3"> <div class="u-bg-grey-50"> <div class="field field--name-field-teaser-image field--type-entity-reference field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/search_thumbnail_xl/public/2024-08/Large_Web_Image-UNESCO-Day-2024_0.jpg?h=c3635fa2&itok=eidhq7gd 1x, /sites/default/files/styles/search_thumbnail_xl_2x/public/2024-08/Large_Web_Image-UNESCO-Day-2024_0.jpg?h=c3635fa2&itok=BC3566I0 2x" media="all and (min-width:1200px)" type="image/jpeg" width="185" height="185"/> <source srcset="/sites/default/files/styles/search_thumbnail_lg/public/2024-08/Large_Web_Image-UNESCO-Day-2024_0.jpg?h=c3635fa2&itok=hR2IMu49 1x, /sites/default/files/styles/search_thumbnail_lg_2x/public/2024-08/Large_Web_Image-UNESCO-Day-2024_0.jpg?h=c3635fa2&itok=4wVphYnu 2x" media="all and (min-width:992px)" type="image/jpeg" width="145" height="145"/> <source srcset="/sites/default/files/styles/search_thumbnail_sm/public/2024-08/Large_Web_Image-UNESCO-Day-2024_0.jpg?h=c3635fa2&itok=-3Bu7sqh 1x, /sites/default/files/styles/search_thumbnail_sm_2x/public/2024-08/Large_Web_Image-UNESCO-Day-2024_0.jpg?h=c3635fa2&itok=BqiyV3Pc 2x" type="image/jpeg" width="125" height="125"/> <img class="u-w-full u-h-full u-object-cover" src="/sites/default/files/styles/search_thumbnail_sm/public/2024-08/Large_Web_Image-UNESCO-Day-2024_0.jpg?h=c3635fa2&itok=-3Bu7sqh" width="125" height="125" alt="Musicians playing drums" loading="lazy" /> </picture> </div> </div> </div> </div> </li> <li class="u-m-6"> <div data-card="" class="card group u-relative u-bg-white u-rounded u-border-1 u-border-grey-50 u-select-none u-p-5 u-h-full md:gla-grid lg:u-p-8 xl:u-p-10 hover:u-shadow u-transition"> <div class="md:u-col-span-9"> <h2 data-search-highlight="" class="u-mb-2 h4"> <a href="/events/black-square-2025"> <span>Black On The Square 2025</span> </a> </h2> <div class="u-mb-4 u-text-primary-dark"> <p><strong>Page type: Event</strong></p> </div> <div data-search-highlight> <ul class="u-text-sm u-space-y-3 u-mb-4"> <li> <span class="u-text-primary-dark"> <strong>Date(s):</strong> </span><time datetime="2025-09-06T12:00:00+01:00">Sat, Sep 6 2025, 12</time> - <time datetime="2025-09-06T18:00:00+01:00">6pm</time> </li> <li> <span class="u-text-primary-dark"> <strong>Venue:</strong> </span>Trafalgar Square </li> <li> <span class="u-text-primary-dark"> <strong>Cost:</strong> </span>Free </li> </ul> <p> <p>Black On The Square 2025 is entering its THIRD year, so save the date, for what is set to be another year of celebrating Black culture and creativity...</p> </p> </div> </div> <div class="u-hidden u-pl-0 md:u-block md:u-col-start-1 md:u-col-span-3"> <div class="u-bg-grey-50"> <div class="field field--name-field-teaser-image field--type-entity-reference field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/search_thumbnail_xl/public/2024-09/Large_Web_Image-Black-on-the-Square-2024-215.jpg?h=c3635fa2&itok=bHNS5Q_Y 1x, /sites/default/files/styles/search_thumbnail_xl_2x/public/2024-09/Large_Web_Image-Black-on-the-Square-2024-215.jpg?h=c3635fa2&itok=eJxhjUyS 2x" media="all and (min-width:1200px)" type="image/jpeg" width="185" height="185"/> <source srcset="/sites/default/files/styles/search_thumbnail_lg/public/2024-09/Large_Web_Image-Black-on-the-Square-2024-215.jpg?h=c3635fa2&itok=PfBd5y3S 1x, /sites/default/files/styles/search_thumbnail_lg_2x/public/2024-09/Large_Web_Image-Black-on-the-Square-2024-215.jpg?h=c3635fa2&itok=-0i9LsjZ 2x" media="all and (min-width:992px)" type="image/jpeg" width="145" height="145"/> <source srcset="/sites/default/files/styles/search_thumbnail_sm/public/2024-09/Large_Web_Image-Black-on-the-Square-2024-215.jpg?h=c3635fa2&itok=alkL_STw 1x, /sites/default/files/styles/search_thumbnail_sm_2x/public/2024-09/Large_Web_Image-Black-on-the-Square-2024-215.jpg?h=c3635fa2&itok=zGD3Ponu 2x" type="image/jpeg" width="125" height="125"/> <img class="u-w-full u-h-full u-object-cover" src="/sites/default/files/styles/search_thumbnail_sm/public/2024-09/Large_Web_Image-Black-on-the-Square-2024-215.jpg?h=c3635fa2&itok=alkL_STw" width="125" height="125" alt="Bashy main stage" loading="lazy" /> </picture> </div> </div> </div> </div> </li> </ul> </div> </div> </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" id="block-gla-footer-menu-menu"> 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>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" focusable="false"> <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" focusable="false"> <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" focusable="false"> <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" focusable="false"> <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":"1642679867","entityLangcode":"en","entityStatus":"1","entityUid":"5","entityUuid":"bb7f353b-6e14-4b5b-86a9-467d1bfd43ac","entityVid":"1325593","entityName":"Lindsay Mitchell","entityType":"node","entityBundle":"listing_page","entityId":"80117","entityTitle":"Upcoming events","userUid":0});</script> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/80117","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en","civiccookiecontrol_path":"modules\/contrib\/civicccookiecontrol"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx9kt1yhCAMhV8I4bpPw0TIIi0QJkRd377W_euq7QVh8p1DJhPi4hSdI_qK6KgIUzLugHRDkVhCU0ftxP6hPAgkWJBNjwNMkbipCziUZjyPFZK-ZdozVU9z6eboA8q5KWBBhnQXbRtzBl7eTQ-qoda0dP0oQkWFBNYRo5UBM5pz6oD9nt2K7mlI1K997OiATN2A4JH3UkNgN5zTrkWPPRzfRMG_ylVexRedZjLr2QA2AVmNDKUlkEjFnOPNnQJN1jlnfieaJmReu2r_eJ6rEIhCWitDMGEN-1zDJ1zfYVYVGAJDHZ5f_CJ6LHXsU2wDenUbkYUaLYxCjnJNKI_RHbhqSxPMpoeGaoo4N7NFncmP6Y7sz1ZavFZiMQeiZuwvxNncb-0jJArfWE06Bw","theme":"gla_core_theme","theme_token":null},"ajaxTrustedUrl":{"\/search":true},"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"include_environment":false},"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:[\u0022CONSENT\u0022,\u0022CookieConsent\u0022,\u0022crisis_communication_modal\u0022,\u0022googtrans\u0022,\u0022test_cookie\u0022,\u0022what-intent\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":"80117"}},"search_api_autocomplete":{"solr_search_content":{"auto_submit":true}},"facets_views_ajax":{"facets_summary_ajax":{"facets_summary_id":"solr_search_content_facet_summary","view_id":"solr_search_content","current_display_id":"results_page","ajax_path":"\/views\/ajax"}},"facets":{"solr_search_content_event_venue":{"disable_autosubmit":1},"solr_search_content_event_event_type":{"disable_autosubmit":1},"solr_search_content_event_event_series":{"disable_autosubmit":1},"solr_search_content_event_cost":{"disable_autosubmit":1},"solr_search_content_event_date":{"disable_autosubmit":1},"dropdown_widget":{"solr_search_content_event_date_year":{"facet-default-option-label":"Choose year"}},"solr_search_content_event_date_year":{"disable_autosubmit":1}},"user":{"uid":0,"permissionsHash":"cb4c38bec6b4a58eae3bb1c8dd48ffa8bebe4052db690c7bc60883d958d00826"}}</script> <script src="/sites/default/files/js/js_t3egjECs14xvVsRi0jd5iBxVNaFmbMds24wpfUq4f_k.js?scope=footer&delta=0&language=en&theme=gla_core_theme&include=eJx1Ue1yxCAIfKEYf_dpHKKcoTXiIEl6ffp6X20vXn84DsuyLOBpI--ZPwg9ZxVO1nfQ29BjL2hjRVXKsQ4BFBKcUeyEM2zEUoeYwHkWdNvOtr0rkCJvzntv_wa_Oj81OuOCtnA6nyglQ3xMUUZR8yAcs_sMaiiXVY-Z1spU38ynCcTsFHT-n2IKhNCMGeVyZC0cUDJ9ybAR7tVdVuDws7Co7ZBhx-nEstj7PwaCxHGIzDE1RYg26vIcQjzGI7zD59UHVgVtCYFcEyhxtq_ho2sPEvp5QXy3hRmFzYzQphxuDAeFHKzKnpeSUB-VHd41IMWH1MveplLAdo_hBB61urouC8jZBlkLpPEZHaGUdDbTqtrPd6PedZ7rxyBcAu_5cvWI-g0ERjFk"></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=eJx1Ue1yxCAIfKEYf_dpHKKcoTXiIEl6ffp6X20vXn84DsuyLOBpI--ZPwg9ZxVO1nfQ29BjL2hjRVXKsQ4BFBKcUeyEM2zEUoeYwHkWdNvOtr0rkCJvzntv_wa_Oj81OuOCtnA6nyglQ3xMUUZR8yAcs_sMaiiXVY-Z1spU38ynCcTsFHT-n2IKhNCMGeVyZC0cUDJ9ybAR7tVdVuDws7Co7ZBhx-nEstj7PwaCxHGIzDE1RYg26vIcQjzGI7zD59UHVgVtCYFcEyhxtq_ho2sPEvp5QXy3hRmFzYzQphxuDAeFHKzKnpeSUB-VHd41IMWH1MveplLAdo_hBB61urouC8jZBlkLpPEZHaGUdDbTqtrPd6PedZ7rxyBcAu_5cvWI-g0ERjFk"></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_6bm539kiHMbQ_EyxvLZSlxKnAXLZbmkZX_7VxY6ObtQ.js?scope=footer&delta=4&language=en&theme=gla_core_theme&include=eJx1Ue1yxCAIfKEYf_dpHKKcoTXiIEl6ffp6X20vXn84DsuyLOBpI--ZPwg9ZxVO1nfQ29BjL2hjRVXKsQ4BFBKcUeyEM2zEUoeYwHkWdNvOtr0rkCJvzntv_wa_Oj81OuOCtnA6nyglQ3xMUUZR8yAcs_sMaiiXVY-Z1spU38ynCcTsFHT-n2IKhNCMGeVyZC0cUDJ9ybAR7tVdVuDws7Co7ZBhx-nEstj7PwaCxHGIzDE1RYg26vIcQjzGI7zD59UHVgVtCYFcEyhxtq_ho2sPEvp5QXy3hRmFzYzQphxuDAeFHKzKnpeSUB-VHd41IMWH1MveplLAdo_hBB61urouC8jZBlkLpPEZHaGUdDbTqtrPd6PedZ7rxyBcAu_5cvWI-g0ERjFk"></script> <script src="/modules/contrib/google_tag/js/gtm.js?stzaly"></script> <script src="/modules/contrib/google_tag/js/gtag.js?stzaly"></script> <script src="/sites/default/files/js/js_4vFNDuUhhANOWDhv3shFAKr-aME75RvLQxDOyDGlV7s.js?scope=footer&delta=7&language=en&theme=gla_core_theme&include=eJx1Ue1yxCAIfKEYf_dpHKKcoTXiIEl6ffp6X20vXn84DsuyLOBpI--ZPwg9ZxVO1nfQ29BjL2hjRVXKsQ4BFBKcUeyEM2zEUoeYwHkWdNvOtr0rkCJvzntv_wa_Oj81OuOCtnA6nyglQ3xMUUZR8yAcs_sMaiiXVY-Z1spU38ynCcTsFHT-n2IKhNCMGeVyZC0cUDJ9ybAR7tVdVuDws7Co7ZBhx-nEstj7PwaCxHGIzDE1RYg26vIcQjzGI7zD59UHVgVtCYFcEyhxtq_ho2sPEvp5QXy3hRmFzYzQphxuDAeFHKzKnpeSUB-VHd41IMWH1MveplLAdo_hBB61urouC8jZBlkLpPEZHaGUdDbTqtrPd6PedZ7rxyBcAu_5cvWI-g0ERjFk"></script> <script src="//unpkg.com/headroom.js@0.12.0/dist/headroom.js"></script> <script src="/sites/default/files/js/js_PouHR7zPag1bOrAThHHb6yM95ELLksWfrtJ31mnURzI.js?scope=footer&delta=9&language=en&theme=gla_core_theme&include=eJx1Ue1yxCAIfKEYf_dpHKKcoTXiIEl6ffp6X20vXn84DsuyLOBpI--ZPwg9ZxVO1nfQ29BjL2hjRVXKsQ4BFBKcUeyEM2zEUoeYwHkWdNvOtr0rkCJvzntv_wa_Oj81OuOCtnA6nyglQ3xMUUZR8yAcs_sMaiiXVY-Z1spU38ynCcTsFHT-n2IKhNCMGeVyZC0cUDJ9ybAR7tVdVuDws7Co7ZBhx-nEstj7PwaCxHGIzDE1RYg26vIcQjzGI7zD59UHVgVtCYFcEyhxtq_ho2sPEvp5QXy3hRmFzYzQphxuDAeFHKzKnpeSUB-VHd41IMWH1MveplLAdo_hBB61urouC8jZBlkLpPEZHaGUdDbTqtrPd6PedZ7rxyBcAu_5cvWI-g0ERjFk"></script> <span id="splash-id" style="display:none">https://www.london.gov.uk</span></body> </html>

CINXE.COM

Upcoming events | London City Hall