


<!doctype html>
<html lang="en-gb" class="" id="top">
    <head>
        
        <meta charset="utf-8" />
        <title>London Museum | Home</title>
        <meta name="description" content="Uncover London&#x27;s hidden stories and unexpected treasures. Visit in person at London Museum Docklands or explore our online collections and stories." />
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        
        

        

        
    
        
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                                                      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM\u002DPJDD5MNQ');
        </script>
    
    
    
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="msapplication-config" content="/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site"
          content="@" />
    <meta name="twitter:title" content="Home" />
    <meta name="twitter:description"
          content="">
    
    
        <meta name="twitter:image" content="https://www.londonmuseum.org.uk/static/images/social-image.24a70aa3097a.png">
    
    
    <meta property="fb:app_id"
          content="" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="/" />
    <meta property="og:title" content="Home" />
    
    
        <meta property="og:image" content="https://www.londonmuseum.org.uk/static/images/social-image.24a70aa3097a.png">
    
    <meta property="og:description"
          content="" />
    <meta property="og:site_name"
          content="London Museum" />


        
        <link rel="stylesheet" type="text/css" href="/static/css/main.b10fb0f7e742.css">

        
    </head>

    <body class="app template-home-page">
        
    
        
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PJDD5MNQ"
                          height="0"
                          width="0"
                          style="display:none;
                                 visibility:hidden"></iframe></noscript>
    


        <div class="app__skip-links" data-js-ai-explorer-skip-link-container>
    
    
    

    <a href="#main-content" class="skip-link" data-js-main-content-skip-link>Skip to main content</a>
</div>
        <svg style="display: none;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <symbol id="logo" viewBox="0 0 259 101">
        <path d="m201.41 53.17.01 28.29a18.13 18.13 0 0 1-18.03 18.23 18.14 18.14 0 0 1-18.04-18.23v-28.3h8.86v28.3c0 5.12 4.11 9.27 9.17 9.27a9.22 9.22 0 0 0 9.18-9.27v-28.3h8.85ZM32.53 37.77H8.77V.68H0v45.95h32.53v-8.86Zm215.06 15.4-13.53 32.06-13.52-32.06h-11.66v45.95h8.77V67.91l13.14 31.21h6.53l12.7-30.16v30.16h8.76V53.17H247.6ZM233.8 16.3l14.12 30.33h10.88V.68h-8.77v29.65L236.23.68h-11.2v45.95h8.78V16.3h-.01Zm-61.85 7.53C171.94 10.66 182.5 0 195.51 0c13.02 0 23.58 10.67 23.58 23.83 0 13.15-10.56 23.83-23.58 23.83-13 0-23.57-10.67-23.57-23.83Zm9.77 0a13.9 13.9 0 0 0 13.81 13.96c7.64 0 13.82-6.25 13.82-13.96 0-7.72-6.18-13.96-13.81-13.96a13.9 13.9 0 0 0-13.82 13.96Zm-147.64 0C34.07 10.66 44.63 0 57.65 0c13.01 0 23.57 10.67 23.57 23.83 0 13.15-10.56 23.83-23.57 23.83-13.02 0-23.58-10.67-23.58-23.83Zm9.77 0c0 7.7 6.18 13.96 13.82 13.96 7.63 0 13.81-6.25 13.81-13.96 0-7.72-6.18-13.96-13.81-13.96a13.89 13.89 0 0 0-13.82 13.96ZM133.2 99.1h25.72v-8.86h-16.96V79.97h13.32V71.1h-13.32v-9.08h16.96v-8.85h-25.72V99.1Zm-13.1-24.85-9.24-5.99a4.32 4.32 0 0 1-1.47-5.88 4.23 4.23 0 0 1 5.82-1.5l4.25 2.52 5.2-6.55s-1-.9-2.36-1.98c-1.35-1.1-2.5-1.76-2.5-1.76a13.14 13.14 0 0 0-18.12 4.62 13.43 13.43 0 0 0 4.58 18.31l9.27 5.51a5.77 5.77 0 0 1 1.76 7.92 5.67 5.67 0 0 1-6.02 2.54c-.62-.13-2.41-.69-4.04-2.07s-3.18-3.16-3.18-3.16l-5.6 5.56s.7 1.52 2.66 3.33a23.3 23.3 0 0 0 6.09 4.08c6.25 2.55 13.6.3 17.33-5.66a14.48 14.48 0 0 0-4.44-19.84Zm-35.66-21.1v28.3c0 5.12-4.1 9.27-9.17 9.27a9.22 9.22 0 0 1-9.17-9.27v-28.3h-8.86v28.3a18.13 18.13 0 0 0 18.03 18.23c9.96 0 18.04-8.17 18.04-18.23l-.01-28.3h-8.86ZM25.18 85.24 11.67 53.17H0v45.95h8.77V67.91l13.14 31.21h6.53l12.7-30.16v30.16h8.77V53.17H38.7L25.17 85.23Zm95.77-38.6V.68h-8.77v29.65L98.38.68H87.2v45.95h8.77V16.3l14.11 30.33h10.88Zm45.67-22.97c0 12.68-10.18 22.97-22.73 22.97h-14.38V.68h14.38c12.55 0 22.73 10.3 22.73 22.98Zm-9.1 0c0-7.61-6.1-13.77-13.63-13.77h-5.63v27.54h5.63a13.7 13.7 0 0 0 13.63-13.77Z"/>
    </symbol>

    

    <symbol id="arrow-right" viewBox="0 0 20 20">
        <path fill="currentColor" fill-rule="evenodd" d="m10 14.7 4-4 .35-.35L14 10l-4-4-.7.7 3.17 3.19h-6.3v1h6.23L9.3 14l.7.7Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="arrow-left" viewBox="0 0 20 20">
        <path fill="currentColor" fill-rule="evenodd" d="m10 14.7-4-4-.35-.35L6 10l4-4 .7.7L7.54 9.9h6.3v1H7.6L10.7 14l-.7.7Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="shop" viewBox="0 0 20 20">
        <path fill="currentColor" fill-rule="evenodd" d="M9.55 4.3c.9 0 1.7.7 1.83 1.7H7.73c.12-1 .92-1.7 1.82-1.7ZM6.42 6c.13-1.68 1.48-3 3.13-3s3 1.32 3.13 3H15V16H4V6h2.42ZM5.3 7.3h8.4v7.4H5.3V7.3Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="chevron" fill="none" viewBox="0 0 20 20">
        <path stroke="currentColor" d="m6 8 4 4 4-4"/>
    </symbol>

    <symbol id="zoom-in" fill="none" viewBox="0 0 20 20">
        <path d="M10.586 7v6.18M7.5 10.09h6.181" stroke="currentColor" stroke-width="1.3" stroke-linecap="square"/>
    </symbol>

    <symbol id="zoom-out" fill="none" viewBox="0 0 20 20">
        <path d="M7.5 10h6.181" stroke="currentColor" stroke-width="1.3" stroke-linecap="square"/>
    </symbol>

    <symbol id="fullscreen" fill="none" viewBox="0 0 20 20">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.713 4h-.5v1h3.158l-3.648 3.648-.354.353.707.708.354-.354 3.64-3.641v3.144h1V4h-4.357ZM5.5 12.217v-.5h-1V16.575H9.358v-1H6.21l3.648-3.648.353-.353-.707-.707-.353.353L5.5 14.87v-2.653Z" fill="currentColor"/>
    </symbol>

    <symbol id="close" viewBox="0 0 20 20">
        <path stroke="currentColor" stroke-linecap="square" stroke-linejoin="round" d="M14.72 6 6 14.72M6 6l8.72 8.72"/>
    </symbol>

    <symbol id="download" fill="none" viewBox="0 0 20 20">
        <path stroke="currentColor" stroke-linecap="square" stroke-linejoin="round" stroke-width="1.3" d="M17 12v3.33A1.67 1.67 0 0 1 15.33 17H3.67A1.67 1.67 0 0 1 2 15.33V12"/>
        <path stroke="currentColor" stroke-linecap="square" stroke-linejoin="round" stroke-width="1.3" d="M5.33 8.83 9.5 13l4.17-4.17M9.5 12V2"/>
    </symbol>

    <symbol id="flag" fill="none" viewBox="0 0 20 20">
        <path stroke="currentColor" stroke-linecap="square" stroke-width="1.3" d="M5 12.13s.63-.63 2.5-.63c1.88 0 3.13 1.25 5 1.25 1.88 0 2.5-.63 2.5-.63v-7.5s-.63.63-2.5.63C10.62 5.25 9.37 4 7.5 4 5.62 4 5 4.63 5 4.63v7.5ZM5 16.5v-4.38"/>
    </symbol>

    <symbol id="heart" fill="none" viewBox="0 0 20 20">
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3" d="M15.46 5.96a3.27 3.27 0 0 0-4.62 0l-.63.63-.63-.63a3.27 3.27 0 0 0-4.62 4.62l.63.63 4.62 4.62 4.62-4.62.63-.63a3.26 3.26 0 0 0 0-4.62Z"/>
    </symbol>

    <symbol id="info" viewBox="0 0 20 20">
        <path fill="currentColor" fill-rule="evenodd" d="M8 5h2v2H8V5Zm0 4h2v4h1v2H8V9Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="location" viewBox="0 0 20 20">
        <path fill="currentColor" fill-rule="evenodd" d="M5.3 8.65a4.35 4.35 0 0 1 8.7 0c0 1.24-.67 2.57-1.58 3.77a16.96 16.96 0 0 1-2.71 2.79l-.06.04-.06-.04a18.08 18.08 0 0 1-2.7-2.79C5.96 11.22 5.3 9.9 5.3 8.65Zm3.78 7.81c.34.26.8.26 1.14 0l.03-.02a6.89 6.89 0 0 0 .28-.23 19.48 19.48 0 0 0 2.92-3c.97-1.28 1.85-2.9 1.85-4.56a5.65 5.65 0 0 0-11.3 0c0 1.67.88 3.28 1.85 4.56a18.25 18.25 0 0 0 3.2 3.23l.02.01v.01Zm.57-7.13a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="play" viewBox="0 0 20 20">
        <path fill="none" d="m14 10-6.75 4.33V5.67L14 10Z" stroke="currentColor" stroke-width="1.3"/>
    </symbol>

    <symbol id="pause" viewBox="0 0 20 20">
        <path fill="currentColor" fill-rule="evenodd" d="M8 6H6v8h2V6Zm5 0h-2v8h2V6Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="volume" fill="none" viewBox="0 0 20 20">
        <path d="M9.865 5.05 6.329 7.879H3.5v4.243h2.829l3.536 2.829V5.05ZM15.573 5a7.072 7.072 0 0 1 0 10m-2.496-7.504a3.536 3.536 0 0 1 0 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
    </symbol>

    <symbol id="search" viewBox="0 0 20 20">
        <path fill="currentColor" fill-rule="evenodd" d="M12.44 9.87a3.57 3.57 0 1 1-7.14 0 3.57 3.57 0 0 1 7.14 0Zm-.42 3.71a4.87 4.87 0 1 1 .87-.97l2.47 2.47-.92.92-2.42-2.42Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="login" fill="none" viewBox="0 0 20 20">
        <path stroke="currentColor" stroke-linecap="square" stroke-linejoin="round" stroke-width="1.3" d="M14.56 15.75v-1.2a2.39 2.39 0 0 0-2.4-2.38H7.4A2.39 2.39 0 0 0 5 14.56v1.19M9.78 9.78a2.39 2.39 0 1 0 0-4.78 2.39 2.39 0 0 0 0 4.78Z"/>
    </symbol>

    <symbol id="date" fill="none" viewBox="0 0 20 20">
        <path fill="currentColor" fill-rule="evenodd" d="M13 8h-1.3V6.3H8.3V8H7V6.3H5.3v3.4h9.4V6.3H13V8ZM7 5H4V17H16V5h-3V3h-1.3v2H8.3V3H7v2Zm-1.7 6v4.7h9.4V11H5.3Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="filter" fill="none" viewBox="0 0 20 20">
        <path fill="currentColor" fill-rule="evenodd" d="M6 4V2H4.7v2H2v1.3h2.7V7H6V4Zm2 0h9v1.3H8V4Zm0 10h9v1.3H8V14Zm-3.3 0H2v1.3h2.7V17H6v-5H4.7v2ZM11 9H2v1.3h9V9Zm3.3 0H17v1.3h-2.7V12H13V7h1.3v2Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="no-image" fill="none" viewBox="0 0 67 73">
        <path fill="#3C3C3C" fill-rule="evenodd" d="M60.92 52.06c3.41-5.45 6.36-11.12 6.05-17.88h.01c-.28-6.56-1.18-13.06-5.13-18.55-1.47-2.03-3.2-3.87-4.92-5.7-.75-.8-1.5-1.6-2.22-2.4-.19-.22-.43-.41-.67-.6-.45-.37-.88-.72-.97-1.15-.8-4.07-4.03-5.04-7.24-5.41-8.21-.98-16.34-.18-23.37 4.5C12.82 11.3 5.32 19.52 1.6 31.04c-2.9 9-1.74 17.15 2.57 25.2 2.95 5.53 7.74 9.17 12.69 12.66 5.66 4.01 12.02 4.9 18.53 3.44 5.2-1.16 9.87-3.93 14.16-7.2 4.67-3.56 8.26-8.13 11.37-13.08Zm.28-22.14-.02 1v.02c.34 5.81-1.63 10.92-4.59 15.82-2.9 4.82-6.1 9.33-10.52 12.9-4.5 3.62-9.49 6.34-15.08 7.57-6.7 1.46-12.28-1.43-17.23-5.62-8.05-6.8-9.07-17.75-5.82-27.23 1.59-4.65 3.66-9.1 6.86-12.88 7.7-9.12 16.56-15.95 29.32-15.25 1.6.09 2.86.43 4.04 1.58 1.53 1.46 3.13 2.85 4.73 4.23l2.3 2.02c4.1 3.63 5.62 8.42 5.98 13.7.05.7.04 1.42.03 2.14ZM16.89 35a19.48 19.48 0 0 0 2.85-3.76c.63-1.18 1.63-1.19 2.58-.16l.06.06c.36.38.61.66.77.9.89 1.11 1.8 2.2 2.71 3.3l1.34 1.62.05.06c.62.74 1.23 1.49 1.8 2.27 2.8-3.8 5.57-7.63 8.33-11.46l.88-1.22c.4-.56.7-.98.97-1.3 1.73-2.16 2.2-2.13 3.93.2a718.6 718.6 0 0 1 6.45 8.85l1.04 1.44c.44.61.86 1.25 1.29 1.88l.83 1.23c1.74 2.54.26 4.9-1.46 5.26-.61.12-1.09-.5-1.54-1.22a447.94 447.94 0 0 0-3.87-5.89l-1.81-2.74-.07-.1c-.99-1.5-1.98-3.01-2.88-4.6-.13.22-.27.44-.42.65a280.38 280.38 0 0 0-4.51 6.58l-2.59 3.82c-.51.75-1.1 1.45-1.71 2.11-1.02 1.1-1.93 1.45-2.92 1.03-.43.04-.85-.29-1.48-.94a346.14 346.14 0 0 1-6.46-6.98c-.69.85-1.4 1.68-2.11 2.51l-1.5 1.75c-.08.1-.17.2-.27.29-.1.1-.2.19-.29.3-1.23 1.5-1.23 1.51-3.34 2.12l-1.26-2.16 1.04-1.34A52.34 52.34 0 0 1 16.88 35ZM28 25a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="anchor-arrow" width="20" height="21" fill="none">
        <path fill="#000" fill-rule="evenodd" d="M10.854 14.793V4.5h-1v10.293l-3.147-3.147-.707.708 4 4 .354.353.353-.353 4-4-.707-.708-3.146 3.147Z" clip-rule="evenodd"/>
    </symbol>
    

    <symbol id="kaleidoscope" fill="none" viewBox="0 0 110 90">
        <path fill="currentColor" d="M81.604 81.452c1.25 1.54 1.16 3.05.09 4.17a15.87 15.87 0 01-3.72 3.05c-.65.4-1.15 1.06-1.74 1.54a9.16 9.16 0 01-5.03 2.22c-.93.1-1.9.11-2.79.34-1.86.48-3.74.42-5.6.21-1.54-.16-3.06-.5-4.57-.83-.64-.13-1.23-.5-1.86-.66a27.5 27.5 0 01-5.9-2.27c-1.08-.57-2.3-.85-3.4-1.53a39.31 39.31 0 01-5.43-4.08c-1.48-1.4-3.04-2.73-4.35-4.24-1.75-2.02-3.4-4.13-4.06-6.86-.25-1.07-.73-2.08-1.04-3.14-.66-2.1-.61-4.28-.61-6.46 0-.87.04-1.74-.03-2.61-.11-1.74.1-3.49.36-5.2.16-1.06.28-2.14.44-3.19.04-.39.09-.8.27-1.15.68-1.33.8-2.8 1.02-4.21.34-2 1-3.83 2-5.53 1.49-2.56 3.19-4.97 5.48-6.9.29-.25.58-.5.95-.61 1.58-.5 3.01-1.29 4.37-2.23a20.96 20.96 0 018.9-3.6c2-.27 3.97-.73 5.97-1.07.56-.1 1.18-.23 1.74-.16 2.22.23 4.44.3 6.57 1.03 1.59.53 3.22.94 4.8 1.44 1.93.64 3.59 1.7 4.97 3.23.52.58 1.16 1.08 1.68 1.65a12.85 12.85 0 012.85 5.76 368.102 368.102 0 011.57 6.8c.36 1.65.34 3.33 0 4.95-.66 3.26-1.34 6.51-2.13 9.72-.3 1.22-.84 2.4-1.48 3.49a40.96 40.96 0 01-4.62 6.71 14.02 14.02 0 01-7.1 4.42c-1.26.3-2.62.37-3.87.8-1.83.62-3.74.85-5.64.83-.95 0-1.97-.2-2.88-.53-2.2-.78-4.26-1.8-5.87-3.6a158.331 158.331 0 01-3.62-4.17c-.37-.43-.62-1-.89-1.5l-2.06-4c-.07-.13-.14-.3-.16-.43-.56-2.8-1.24-5.57-.56-8.44.18-.7.06-1.49.24-2.2.34-1.3.84-2.54 1.61-3.64.19-.25.28-.57.43-.82.32-.49.6-1.01.98-1.43.59-.64 1.22-1.23 1.88-1.76.86-.71 1.79-1.38 2.7-2.06.86.25 1.17-.42 1.58-.97.1-.11.23-.22.37-.3 1.15-.54 2.26-1.23 3.49-1.57.95-.26 2.01-.1 3-.07.6.02 1.17.16 1.75.2 2.77.25 5.22 1.26 7.3 3.1 1.36 1.21 2.15 2.82 2.79 4.51.88 2.32.86 4.63.32 7-.43 1.85-.77 3.7-1.73 5.38-.79 1.4-1.85 2.54-3.12 3.46a21.6 21.6 0 01-2.8 1.7c-1.74.89-3.39.68-5.09.02-2.42-.94-3.97-2.82-5-5.14a5.37 5.37 0 01-.37-2.17c.02-1.81.5-3.56 1.38-5.07.6-.98 1.63-1.74 2.59-2.47.65-.5 1.47-.76 2.22-1.13.06-.02.15-.07.22-.07.55.03 1.07 0 1.54.42.62.55 1.66.7 1.57 1.9-.43.37-.86.48-1.52.53-1.4.11-2.77.4-3.6 1.94-.75 1.36-1.5 2.62-1.34 4.2.09.85.2 1.72.45 2.54.61 1.95 3.27 2.82 5.01 1.7.95-.62 1.95-1.15 2.88-1.77 1.81-1.19 2.67-3.1 3.3-5.06.44-1.3.69-2.68.87-4.06.34-2.68-.25-5.06-2.36-6.94a7.53 7.53 0 00-4.17-1.9c-.93-.12-1.88-.21-2.8-.33a5.13 5.13 0 00-3.68.9c-1.4.91-2.9 1.74-4.26 2.7-2.27 1.6-4.24 3.55-5.19 6.28a17.89 17.89 0 00-.8 7.75c.44 4.15 2.7 7.36 5.2 10.43a13.28 13.28 0 005.37 3.92c1.1.45 2.22.6 3.42.38 1.52-.27 2.97-.66 4.42-1.16.84-.3 1.77-.35 2.65-.49 2.2-.38 4.03-1.55 5.6-3.07a25.19 25.19 0 006.18-9.4c.91-2.42 1.43-4.99 2.07-7.51.27-1.08.45-2.18.6-3.25.21-1.26.23-2.5-.04-3.79-.45-2.04-.68-4.14-1.24-6.16-.62-2.13-1.5-4.17-3.27-5.66-.74-.64-1.42-1.35-2.22-1.93a6.64 6.64 0 00-1.97-.98 98.78 98.78 0 00-6.32-1.7c-2.59-.6-5.21-.6-7.82-.2-2.09.32-4.15.7-6.21 1.16-.8.16-1.56.5-2.29.88-2.26 1.14-4.5 2.33-6.75 3.5a10.38 10.38 0 00-3.38 2.91 38.13 38.13 0 00-2.99 4.38c-.61 1.05-.97 2.25-1.34 3.41a54 54 0 00-2.17 20.31c.11 1.26.45 2.5.77 3.71.36 1.29.81 2.55 1.24 3.83.53 1.49 1.57 2.61 2.54 3.8a44.85 44.85 0 005.44 5.57 24 24 0 003.5 2.36 35.86 35.86 0 007.06 3.05c1.57.5 3.04 1.22 4.7 1.45.45.07.9.25 1.38.25 1.85.02 3.71.62 5.6.16 1.08-.28 2.21-.44 3.35-.55a6.68 6.68 0 003.17-1.35c1.06-.74 2.13-1.45 3.15-2.25 1-.78 1.93-1.63 2.85-2.47.7-.62 1.39-1.31 2.09-2zm13.96-71.85c.34.07.54.16.77.16 1.04-.02 1.36.8 1.68 1.54.25.55 0 1.03-.41 1.49-1.38 1.6-2.74 3.23-4.08 4.9-1.09 1.38-2.1 2.84-3.17 4.24-.5.67-1.1 1.24-1.52 1.93-.45.73-1.2.64-1.84.8-.59.14-1.06-.76-.81-1.49.2-.6.45-1.2.77-1.72 1.6-2.8 3.56-5.38 5.6-7.88 1.08-1.26 2.01-2.61 3-3.97zm15.852 36.747c1.23 1.42 1.348 1.163-.532 1.693-1.54.43-3.1.78-4.67.98-1.5.2-3.04.19-4.55.32-1.64.16-3.27.35-4.88.58-1.02.13-1.65-.16-2.08-1.15a.766.766 0 00-.1-.23c-.29-.39-.56-.76-.24-1.26.34-.57 1.02-.64 1.43-.55 1.88.44 3.74-.16 5.6-.14 1.67.03 3.35-.16 5-.36 1.503-.176 2.964-.442 4.448-.7.293-.05-.381 2.877-.681.743zm-90.142.473c-.1 1.06-.7 1.38-1.65 1.51a85.8 85.8 0 01-6.4.55c-2.57.14-5.14.3-7.72.49-.59.04-1.22.52-1.74-.1-.39-.48-.75-1-1.02-1.55-.48-.99-.28-1.31.77-1.33 4.3-.12 8.6-.26 12.91-.3 1.39-.02 2.77.27 4.15.43.25 0 .48.19.7.3zm42.16-43.68c.45.16.79.2 1.08.37.86.46 1.02.73.84 1.72a75.3 75.3 0 01-.86 4.4c-.54 2.38-1.16 4.76-1.7 7.15-.09.4-.16.87-.11 1.28.11.73-.37 1.08-.8 1.49-.09.07-.2.14-.31.16-.77.11-1.23-.44-1.68-.9-.39-.36-.75-.75-.54-1.44.6-2.08 1.22-4.2 1.6-6.35.3-1.62.75-3.2 1.25-4.79.27-1.03.75-1.97 1.23-3.09zm-37.17 10.63c1.11 1.5 2.42 3.08 3.51 4.8a39.37 39.37 0 012.74 5.21c.41.92.64 1.95.44 2.98-1 .48-.89.34-1.66-.35-1.2-1.03-1.5-2.54-2.27-3.78-1.4-2.31-2.7-4.72-4.78-6.5-.4-.35-.86-.76-.97-1.43-.2-1.14.23-1.65 1.38-1.37.48.11.95.25 1.61.43z"/>
    </symbol>

    <symbol id="link-flourish" fill="none" viewBox="0 0 51 15">
        <path fill="currentColor" d="m7.85 14.73.2-.25c-.25-.15-.5-.29-.74-.45-.4-.27-.95-.45-1.46-.64a9.87 9.87 0 0 0-1.33-.4c-.33-.08-.56-.23-.9-.31-.57-.13-1.11-.3-1.65-.45l-.94-.29c-.15.11-.31.23-.4.36-.06.11-.2.23-.21.34-.02.13.02.24.17.3l1.08.34 1.05.28c.82.22 1.66.43 2.44.68.65.21 1.24.47 1.86.7.06.03.12.06.2.06.08 0 .2-.05.3-.08l.18-.11.15-.08m4.87-5.53.3-.23-.24-.75c-.1-.44-.37-.8-.6-1.2-.19-.3-.42-.58-.67-.85-.19-.2-.24-.44-.43-.64-.32-.32-.6-.67-.87-1-.16-.2-.3-.42-.46-.63-.18.08-.37.17-.5.3-.12.1-.3.2-.37.32-.1.16-.15.3-.07.4l.53.72.56.65c.42.5.87 1 1.26 1.53.32.44.56.92.84 1.38.03.04.05.1.11.12h.26l.2-.08.15-.04m7.91-3.24.35-.13c0-.26-1.17-4.68-1.33-5.1-.1-.23-.17-.48-.26-.73-.19.02-.4.05-.57.13-.14.07-.33.1-.44.2-.14.12-.23.23-.19.36.1.28.19.57.3.85l.33.78c.25.61 1 2.9 1.12 3.42.02.05.02.1.07.15a.7.7 0 0 0 .25.07h.36m22.53 8.77-.2-.25c.25-.15.5-.29.74-.45.4-.27.95-.45 1.46-.64.41-.16.86-.29 1.33-.4.33-.08.56-.23.9-.31.57-.13 1.11-.3 1.65-.45l.94-.29c.15.11.31.23.4.36.06.11.2.23.22.34 0 .13-.03.24-.18.3l-1.08.34-1.05.28c-.82.22-1.66.43-2.44.68-.65.21-1.24.47-1.86.7-.06.03-.11.06-.2.06-.08 0-.2-.05-.3-.08l-.18-.11-.15-.08M38.28 9.2l-.3-.23.24-.75c.1-.44.37-.8.6-1.2.2-.3.42-.58.68-.85.18-.2.24-.44.42-.64.32-.32.6-.67.87-1 .16-.2.3-.42.47-.63.17.08.36.17.5.3.11.1.29.2.36.32.1.16.15.3.07.4-.17.24-.34.49-.53.72l-.56.65c-.42.5-.87 1-1.26 1.53-.32.44-.56.92-.84 1.38-.03.04-.05.1-.11.12a.69.69 0 0 1-.26 0l-.2-.08-.15-.04m-7.91-3.24-.35-.13c0-.26 1.17-4.68 1.33-5.1.1-.23.17-.48.26-.73.18.02.4.05.57.13.14.07.33.1.44.2.14.12.23.23.19.36-.1.28-.19.57-.3.85l-.33.78c-.25.61-1 2.9-1.12 3.42-.02.05-.02.1-.07.15a.7.7 0 0 1-.25.07h-.37"/>
    </symbol>

    <symbol id="highlight" fill="none" viewBox="0 0 131 80">
        <mask id="highlight1" width="131" height="80" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance">
            <path fill="currentColor" d="M118.64 0 0 28.43l12.35 51.54 118.64-28.43L118.64 0Z"/>
        </mask>
        <g mask="url(#highlight1)">
            <path fill="currentColor" d="M109.3 19.62c-10.08-2.95-22.55-2.12-33.44-2.5l1.21-1.26c-.08-.31-.44-1.23-.75-1.15l-7.14 2.18c-1.4-.08-12.31-.53-19.45.11.78-.07-.94-.27-1.47.01-.54.29-.71 1.94-.31 1.98 4.09.35 12.62-.96 17.74-.1 0 .08-22.47 7.95-27.78 11.46-.12.03-.22.05-.67.34C1 54.17 11.33 63.96 24.79 67.9c26.76 2.67 54.37-5.35 77.91-17.41 16.87-4.86 28.7-23.53 6.6-30.87Zm5.26 20.76c.05.12-4.39 3.14-6.58 4.57-2.45.86-4.67 2.4-6.83 3.74C84.92 56.16 68 62.4 50.04 65.59-22.95 72.15 36.96 26.8 70.4 20.26c11.73-1.86 63.13-1.15 44.16 20.12Z"/>
        </g>
    </symbol>

    <symbol id="highlight-2" fill="none" viewBox="0 0 177 58">
        <path fill="currentColor" d="M155.931 17.422c-13.227-4.856-30.964-6.476-46.11-8.977l2.084-1c-.008-.322-.237-1.294-.7-1.282l-10.672.75c-1.95-.357-17.097-2.924-27.307-3.69 1.122.085-1.23-.445-2.065-.273-.834.171-1.59 1.763-1.04 1.873 5.622 1.146 17.992 1.523 24.9 3.38-.013.07-33.949 3.4-42.469 5.811-.187.009-.335.006-1.055.206C-6.533 30.18 4.932 41.797 22.58 48.297c36.7 7.847 77.867 5.359 114.589-1.876 25.135-1.47 47.474-17.484 18.762-28.999Zm.972 21.397c.028.127-7.114 2.228-10.626 3.197-3.7.367-7.283 1.442-10.723 2.336-25.056 4.17-50.712 6.981-76.878 6.605-104.327-7.812-6.371-40.613 42.52-40.504 17.02.47 88.86 11.2 55.707 28.366Z"/>
    </symbol>

    <symbol id="sun" fill="none" viewBox="0 0 69 67">
        <path fill="currentColor" d="M44.52 24.9c-2.15-2.17-4.8-3.58-7.48-4.93-.3-.15-.7-.2-1.04-.19-.95.03-1.9.13-2.87.15a9.96 9.96 0 0 0-7.53 3.32c-1.07 1.2-1.95 2.59-2.9 3.9A9.07 9.07 0 0 0 21 33.3c.13 1.74.38 3.48.7 5.2.16.93.39 1.94.9 2.7 2.14 3.22 5.05 5.23 9.03 5.38h1.19c2.38.5 4.45-.83 6.54-1.75 2.77-1.23 4.63-3.64 6.19-6.14.87-1.39 1.41-3.08 1.71-4.7.47-2.52-.47-4.88-1.42-7.17a6.18 6.18 0 0 0-1.32-1.92Zm-1 8.17c-.46 2.17-1.76 3.95-3.21 5.59-.87.98-1.63 2.12-2.95 2.61-1.91.71-3.8 1.53-6.6 1.27-.95-.03-2.63-.01-3.86-1.31a5.79 5.79 0 0 1-1.51-2.17c-.43-1.5-.7-3.08-.76-4.64-.22-5.14 4.29-10.24 9.4-10.74.47-.04.99 0 1.42.16 1.64.59 3.3 1.15 4.87 1.9 3.23 1.54 3.75 4.7 3.2 7.33ZM64.08 48.8c-4.3-.88-8.6-1.74-12.89-2.7a3.2 3.2 0 0 0-2.15.31c-.62 2.15-.2 3.27 1.47 3.87.68.24 1.38.45 2.09.57 3.25.57 6.52 1.04 9.76 1.68 1.55.3 2.84-.02 4.2-.91-.25-2.36-.28-2.37-2.48-2.82ZM18.65 47.65c-1.45 1.98-3.43 3.36-5.22 4.96-1.56 1.4-3.03 2.89-4.52 4.32l1.04 2.58c2.44-.34 2.44-.34 4.04-1.82.22-.2.5-.35.71-.55 2.24-2 4.56-3.93 6.67-6.07 1.43-1.43 1.3-1.57.16-3.2-.89-1.27-2-1.42-2.88-.22ZM68.48 27.7c-2.48-.32-4.84.09-7.2.48-2.43.4-4.84.85-7.27 1.21-.6.09-1.15.24-1.26.82-.32 1.66.71 3.96 2.87 3.54.89-.17 1.78-.3 2.65-.5 2.97-.67 5.94-1.34 8.9-2.07 2.06-.51 2.2-.91 1.31-3.48ZM52.53 14.63c1.93-1.7 3.97-3.27 5.94-4.93 1.82-1.53 1.86-1.74.9-4.3a17.86 17.86 0 0 0-5.35 2.85c-2.36 1.73-4.53 3.73-6.78 5.61-.52.43-.65.93-.55 1.6.24 1.6.78 2.13 2.76 2.45 1.02-1.1 1.97-2.29 3.08-3.28ZM15.83 35.9c-.22-.27-.6-.54-.55-.73.24-1.19-.41-1.13-1.24-1.06-1.26.1-2.53.1-3.79.15-2.7.12-5.4.22-8.1.37-.63.04-1.25.25-1.84.37L0 36.74c.74 1.2 1.35 2.39 3.14 2.16 2.14-.27 4.3-.35 6.47-.41a8.52 8.52 0 0 0 6.22-2.58ZM33.16 15.28c.28-.72.68-1.52.89-2.36.76-3.16 1.42-6.35 2.21-9.5.2-.76.1-1.33-.33-1.85-.45-.55-1.01-1-1.6-1.57-1.38 1-1.79 2.26-2.12 3.56-.71 2.74-1.4 5.48-2.12 8.21-.58 2.17.53 3.58 3.07 3.5ZM3.87 12.07c2.76 3.43 6.2 6.06 9.75 8.58.83.59 1.57.49 2.12-.11a1.5 1.5 0 0 0-.07-2.13A31.51 31.51 0 0 0 12 15.2C9.84 13.66 7.6 12.16 6.16 9.9c-.7-1.12-1.65-1.62-2.82-2.27-.17.48-.45.88-.4 1.21.2 1.11.14 2.27.93 3.24ZM35.1 53.3c-.12.95-.25 1.94-.34 2.94-.23 2.28-.48 4.56-.64 6.84-.06.89.06 1.8.16 2.69.08.75.53 1.24 1.31 1.23.76 0 1.43-.26 1.66-1.1.2-.76.47-1.5.57-2.28.3-2.5.68-5.02.76-7.54.07-2.15-1.27-3.15-3.48-2.79Z"/>
    </symbol>

    <symbol id="flame" fill="none" viewBox="0 0 100 50">
        <path fill="currentColor" d="M75.22 35.4c1.33-.77 2.23-1.22 3.09-1.77 2.95-1.88 5.93-3.7 8.8-5.7 3.08-2.1 6.06-4.35 9.05-6.57a2.54 2.54 0 0 1 2.74-.3c.84.38 1.16 1.34 1.07 2.44-.54 6.1-2.3 11.88-4.43 17.59-.5 1.33-.78 2.75-1.1 4.14-.36 1.5-.74 1.93-1.8 1.8-1.3-.16-2.21-1.22-1.95-2.56.3-1.52.69-3.02 1.16-4.48 1.03-3.1 2.17-6.15 3.17-9.26.47-1.5.7-3.07 1.11-5-.8.5-1.34.81-1.83 1.18a105.7 105.7 0 0 1-8.47 5.89c-2.94 1.77-5.69 3.85-8.53 5.8-.66.45-1.33.9-2.03 1.32-1.56.9-3.35-.03-3.44-1.87-.08-1.75-.1-3.5-.02-5.25.17-3.54.45-7.08.66-10.62.03-.5 0-1.01 0-1.67-.37.22-.67.34-.92.53a87.66 87.66 0 0 1-9.02 6.3c-1.78 1.13-3.42 2.51-5.13 3.77-.6.44-1.24.84-1.8 1.32-.85.72-1.72.61-2.57.14-.84-.46-1.12-1.22-1.09-2.17.1-2.17.1-4.36.18-6.53.11-2.96.19-5.92.36-8.87.1-1.93.36-3.86.58-6.07-.4.38-.68.54-.81.79-2.83 4.75-6.29 9.05-9.63 13.44-2.8 3.64-5.43 7.39-7.28 11.64-.28.64-.41 1.55-1.45 1.46-1.03-.1-1.94-.43-2.39-1.43a141.1 141.1 0 0 1-2-4.93l-1.73-4.54c-.44 1.24-.85 2.08-1.05 2.97-.66 2.95-1.99 5.74-2.17 8.8-.1 1.5-.67 1.77-2.1 1.28-.97-.33-1.9-.78-2.88-1.12-1.85-.62-3.72-1.21-5.58-1.76-2.48-.73-4.97-1.41-7.63-2.17.12.36.12.7.3.9 2.08 2.23 4.15 4.46 6.3 6.61a24.37 24.37 0 0 1 4 5.35c.42.74.9 1.47 1.26 2.25.15.33.3.9.14 1.09-.26.29-.81.5-1.2.44-1.03-.15-1.65-.88-2.17-1.78-.79-1.4-1.54-2.85-2.56-4.07-1.72-2-3.66-3.82-5.45-5.75a418.37 418.37 0 0 1-6-6.65c-.4-.46-.67-1-1.01-1.52.96-.86 1.94-.83 2.9-.67.84.14 1.68.4 2.51.66 3.64 1.07 7.28 2.15 10.91 3.26 1.49.46 2.95.97 4.59 1.52.41-1.32.83-2.67 1.22-4.01.72-2.41 1.49-4.8 2.1-7.23.41-1.65.55-3.37.88-5.05.22-1.05.7-1.95 1.67-2.17 2.08.12 2.5 1.5 2.92 3.02.95 3.35 2.03 6.66 3.07 9.99.06.21.2.4.41.85.46-.52.9-.87 1.15-1.3 2.57-4.71 6.02-8.78 9.22-13.05 1.43-1.91 2.66-4 4.02-5.97 2.1-3 4.22-5.98 6.34-8.97.86-1.2 1.35-1.32 2.6-.78 1.22.54 1.44 1.02 1.25 2.4-.62 4.53-1.26 9.05-1.8 13.6-.37 3.09-.27 6.2-.12 9.32.03.59-.06 1.2-.1 2.14l3.02-2.04c2.38-1.6 4.81-3.16 7.15-4.81 1.29-.91 2.4-2.08 3.7-3a18.36 18.36 0 0 1 3.4-1.92 2.32 2.32 0 0 1 3.3 2.25c-.07 1.99-.33 3.99-.45 5.98l-.6 11.14Z"/>
    </symbol>

    <symbol id="sleep" fill="none" viewBox="0 0 94 55">
        <g clip-path="url(#sleep1)" fill="currentColor"><path d="M77.183 45.196c.925-.237 1.527-.367 2.086-.561a49.253 49.253 0 0 1 12.215-2.44c1.44-.108 1.935.172 2.344 1.123.538 1.295-.086 2.202-1.634 2.353-1.14.108-2.302.195-3.441.324-3.226.41-6.452.929-9.527 2.095-1.226.453-2.56.626-3.871.777-1.333.151-2.516-1.49-2.172-2.785a553.914 553.914 0 0 0 2.602-10.3c.925-3.758 1.806-7.515 2.688-11.273.667-2.872 1.248-5.787 1.936-8.659.215-.907.645-1.75.967-2.634.065-.152.13-.303.15-.454.065-3.088 1.356-5.852 2.151-8.746.022-.086-.021-.194-.043-.475-5.892.821-11.333 3.39-17.333 4.492-.236-.26-.645-.605-.903-1.037-.731-1.295-.323-2.224 1.14-2.353 3.14-.281 6-1.598 9.01-2.354 3.162-.777 6.344-1.555 9.527-2.31.344-.087.731 0 1.097.043 1.226.13 1.656.496 1.505 1.727-.15 1.425-.387 2.85-.817 4.21-1.742 5.615-3.14 11.316-4.408 17.06-1.011 4.557-2.172 9.07-3.248 13.604-.688 2.743-1.311 5.464-2.021 8.573ZM46.56 48.695c1.762-.756 3.182-1.447 4.666-1.987a66.02 66.02 0 0 1 4.968-1.533c.903-.238 1.784.518 1.913 1.468.13.907-.43 1.836-1.268 1.879-2.774.173-5.119 1.468-7.549 2.656-1.312.648-2.688 1.21-4.064 1.728-1.312.475-2.817-1.167-2.516-2.7.322-1.555.71-3.088 1.053-4.643.904-4.189 1.72-8.4 2.667-12.567.452-2.052 1.183-4.038 1.678-6.09.71-3.088 1.311-6.197 1.978-9.393-1.656-.26-2.882.41-4.13.842-2.386.82-4.752 1.75-7.139 2.548-1.398.475-2.925-.95-2.538-2.375.086-.324.581-.691.904-.734 3.462-.41 6.473-2.138 9.72-3.153 1.635-.518 3.377-.8 5.075-.993 1.248-.13 1.635.453 1.635 1.727.021 4.405-1.505 8.53-2.473 12.74-1.011 4.384-1.936 8.768-2.904 13.151-.43 1.965-.903 3.93-1.354 5.895-.065.39-.15.8-.323 1.534ZM25.656 31.959c-1.871.864-3.613 1.641-5.463 2.483-.43-.842-.795-1.49-1.053-2.16-.215-.582-.043-.97.623-1.208a173.497 173.497 0 0 0 6.56-2.657c.881-.367 1.677-.043 2.43.303.451.194.645.756.537 1.382-.322 1.706-.516 3.455-.881 5.16-.624 3.002-1.334 6.004-1.979 8.984-.086.389-.043.82-.086 1.511 1.484-.69 2.796-1.23 4.021-1.9.818-.432 1.635-.432 2.452-.216.71.195 1.204 1.231 1.075 1.944-.193.993-.516 1.101-1.591 1.36-1.097.26-2.194.713-3.204 1.231-1.398.713-2.71 1.62-4.086 2.375-.495.26-1.076.346-1.656.54-1.14-1.036-1.527-2.094-1.097-3.67 1.226-4.708 2.258-9.459 3.355-14.21.043-.323 0-.69.043-1.252ZM7.978 39.388c-2.064.475-4 .907-5.935 1.382-.667.172-1.29.237-1.656-.475-.215-.432-.409-.95-.387-1.426.021-.172.645-.367 1.032-.475 1.742-.475 3.484-.907 5.204-1.36 1.205-.324 2.388-.389 3.57.043 1.054.389 1.312.626 1.205 1.75a56.706 56.706 0 0 1-.731 5.03c-.41 2.225-.882 4.449-1.355 6.716.881.324 1.376-.324 1.914-.604a3.668 3.668 0 0 1 2.28-.41c.709.086.967.604 1.075 1.209.128.648-.151 1.144-.732 1.425-1.613.777-3.247 1.533-4.86 2.289-.236.108-.516.151-.753.259-.623.26-1.204.41-1.72-.173-.71-.799-.796-1.511-.473-2.418.365-.972.667-1.987.86-3.023.323-1.642.538-3.326.839-4.967.107-.562.28-1.123.494-1.663.409-1.123.43-1.511.13-3.11Z"/></g><defs><clipPath id="sleep1"><path fill="#fff" d="M0 0h94v55H0z"/></clipPath></defs>
    </symbol>

    <symbol id="happy" fill="none" viewBox="0 0 170 50">
        <g fill="#3C3C3C" clip-path="url(#happy1)">
            <path d="m25.22 49.1.69-.82c-.84-.51-1.7-.99-2.51-1.49-1.38-.92-3.23-1.52-4.97-2.17a36.2 36.2 0 0 0-4.49-1.3c-1.14-.28-1.91-.81-3.05-1.05-1.94-.42-3.77-.95-5.6-1.49-1.07-.3-2.09-.62-3.17-.98-.5.36-1.07.75-1.34 1.2-.21.35-.72.74-.75 1.12-.03.45.06.83.6.98 1.2.39 2.42.78 3.65 1.13 1.16.33 2.4.63 3.56.92 2.78.75 5.62 1.46 8.26 2.3 2.21.68 4.18 1.57 6.28 2.34.2.1.39.18.69.15a5.8 5.8 0 0 0 1.01-.27c.21-.09.42-.23.63-.35.18-.06.42-.15.51-.21ZM41.7 30.68c.45-.33.75-.57 1.02-.78-.27-.83-.57-1.63-.77-2.5-.36-1.45-1.26-2.7-2.07-3.98a17.03 17.03 0 0 0-2.27-2.85c-.63-.65-.81-1.49-1.47-2.14-1.08-1.07-2-2.23-2.93-3.39-.54-.65-1.05-1.37-1.59-2.08-.6.27-1.22.57-1.7 1.01-.4.36-.99.66-1.23 1.07-.33.54-.48.98-.24 1.34.6.8 1.17 1.63 1.8 2.4.6.75 1.25 1.43 1.88 2.15 1.44 1.7 2.96 3.36 4.28 5.11 1.08 1.46 1.91 3.06 2.84 4.6.1.16.15.34.36.4.21.05.57.02.87 0 .18-.04.45-.18.66-.24l.57-.12ZM68.51 19.89c.51-.18.87-.33 1.2-.45 0-.86-3.95-15.64-4.52-17-.33-.78-.56-1.6-.86-2.44-.63.09-1.35.18-1.92.45-.48.23-1.14.32-1.52.65-.45.39-.75.8-.63 1.19.3.95.63 1.9.98 2.85.33.86.78 1.73 1.14 2.62.87 2.05 3.38 9.66 3.8 11.41.03.18.06.36.24.48s.5.2.84.27c.18.03.48-.03.72-.03.2-.03.41 0 .53 0ZM144.8 49.1c-.3-.35-.5-.62-.68-.82.84-.51 1.7-.99 2.51-1.49 1.38-.92 3.23-1.52 4.97-2.17 1.38-.5 2.9-.95 4.49-1.3 1.13-.28 1.91-.81 3.05-1.05 1.94-.42 3.77-.95 5.6-1.49 1.07-.3 2.09-.62 3.16-.98.51.36 1.08.75 1.35 1.2.21.35.72.74.75 1.12.03.45-.06.83-.6.98-1.2.39-2.42.78-3.65 1.13-1.17.33-2.4.63-3.56.92-2.78.75-5.63 1.46-8.26 2.3-2.21.68-4.19 1.57-6.28 2.34-.21.1-.39.18-.69.15a5.8 5.8 0 0 1-1.02-.27c-.2-.09-.41-.23-.62-.35a2.17 2.17 0 0 1-.51-.21ZM128.32 30.68c-.45-.33-.75-.57-1.01-.78.26-.83.56-1.63.77-2.5.36-1.45 1.26-2.7 2.07-3.98a17 17 0 0 1 2.27-2.85c.63-.65.8-1.49 1.47-2.14 1.07-1.07 2-2.23 2.93-3.39.54-.65 1.05-1.37 1.59-2.08.6.27 1.22.57 1.7 1.01.39.36.99.66 1.23 1.07.33.54.47.98.24 1.34-.6.8-1.17 1.63-1.8 2.4-.6.75-1.26 1.43-1.88 2.15-1.44 1.7-2.97 3.36-4.28 5.11-1.08 1.46-1.92 3.06-2.84 4.6-.1.16-.15.34-.36.4-.21.05-.57.02-.87 0-.18-.04-.45-.18-.66-.24l-.57-.12ZM101.52 19.89c-.51-.18-.87-.33-1.2-.45 0-.86 3.95-15.64 4.52-17 .33-.8.56-1.6.86-2.44.63.09 1.35.18 1.92.45.48.23 1.14.32 1.52.65.45.39.75.8.63 1.19-.3.95-.63 1.9-.98 2.85-.33.86-.78 1.73-1.14 2.62-.87 2.05-3.38 9.66-3.8 11.41-.03.18-.06.36-.24.48s-.5.2-.84.27c-.18.03-.48-.03-.72-.03-.24-.03-.44 0-.53 0Z"/>
        </g>
        <defs>
            <clipPath id="happy1">
                <path fill="#fff" d="M0 0h170v50H0z"/>
            </clipPath>
        </defs>
    </symbol>

</svg>


        

        <div class="app__header">
            
    

<header class="header">
    <div class="header__inner layout layout--header justify-between" data-left-edge>
        
        <div class="header__search search-overlay col-span-12 row-span-2"
             data-header-search>
            <div class="search-overlay__close layout">
                <button class="icon-button icon-button--close" data-search-overlay-close>
    <span class="u-sr-only">
        close
    </span>
    
        <span>



<svg
    class="icon icon--close"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#close" href="#close"></use>
</svg>
</span>
    
</button>

            </div>
            <div class="search-overlay__container">
                <form action="/search" method="get" role="search" class="search form">
                    <div class="form__search-container layout">
                        <div class="form__search-field form__search-field--main col-span-12">
                            <div class="mb-3">
                                <div class="search-overlay__flourish mb-1 lg:mb-3">
                                    



<svg
    class="icon icon--happy flourish__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#happy" href="#happy"></use>
</svg>

                                </div>
                                <label class="search-overlay__heading heading heading--one search__label inline-block mb-5"
                                       for="header-search">Search</label>
                                <div class="search-overlay__input-container">
                                    <input class="search__input input"
                                           id="header-search"
                                           type="text"
                                           placeholder="What are you looking for?"
                                           name="q"
                                           data-search-input>
                                    <button class='form__submit' aria-label='Search'>
                                        <svg class='icon icon--search' aria-hidden='true' focusable='false'>
                                            <use xlink:href='#search' href='#search'></use>
                                        </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <a class="link col-span-12 mb-5 flex md:justify-end" href="/collections">
                            <span class="hidden md:inline">Alternatively search all objects in our collection</span><span class="md:hidden">Alternatively search our collection</span>
                        </a>
                    </div>
                </form>
            </div>
        </div>
        
        <div class="header__utility header__utility--mobile row-span-2 col-span-12 lg:hidden">
            <button class="header__menu-toggle button-menu-toggle"
                    data-mobile-menu-open
                    aria-haspopup="true"
                    aria-expanded="false">
                <span class="button-menu-toggle__label">Menu</span>
                <span class="button-menu-toggle__burger">
                    <span class="button-menu-toggle__line"></span>
                    <span class="button-menu-toggle__line"></span>
                    <span class="button-menu-toggle__line"></span>
                </span>
            </button>
            <button class="header__search-toggle secondary-nav__item" data-search-launch>
                Search
                



<svg
    class="icon icon--search"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#search" href="#search"></use>
</svg>

            </button>
        </div>
        
            <div class="header__identity row-span-2 col-span-12 lg:col-span-6"
                 >
                <a class="header__logo-link"
                   href="/"
                   aria-label="Museum of London homepage">
                    <div class="header__logo">



<svg
    class="icon icon--logo"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#logo" href="#logo"></use>
</svg>
</div>
                    <img class="header__pigeon"
                         src="/static/images/pigeon-side.285f293c5a4f.webp"
                         height="99"
                         width="114"
                         alt=""
                         aria-hidden="true"
                         focusable="false"
                         fetchpriority="high">
                    
                </a>
            </div>
        
        
        <div class="col-span-6 hidden lg:flex justify-end"><nav class="secondary-nav"
     aria-label="Secondary menu">
    <ul class="secondary-nav__items ">
        <li>
            <a class="secondary-nav__item" href="https://londonmuseum.org.uk/shop">
                Shop
                



<svg
    class="icon icon--shop"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#shop" href="#shop"></use>
</svg>

            </a>
        </li>
        <li>
            
                <a class="secondary-nav__item" href="https://museumtickets.londonmuseum.org.uk/ticketbooth/members/profile">
                    Account
                    



<svg
    class="icon icon--login"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#login" href="#login"></use>
</svg>

                </a>
            
        </li>
        <li>
            <button class="secondary-nav__item" aria-label="Search this website" data-search-launch>
                Search
                



<svg
    class="icon icon--search"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#search" href="#search"></use>
</svg>

            </button>
        </li>
    </ul>
</nav>
</div>
        
            <div class="header__menus header__menus--desktop col-span-12 row-span-2">
                <div class="primarynav-desktop" data-dropdown-tab-menu>
                    <div class="primarynav-desktop__closebtn-container layout">
                        <button class="icon-button icon-button--close" data-dropdown-tab-menu-close>
    <span class="u-sr-only">
        close
    </span>
    
        <span>



<svg
    class="icon icon--close"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#close" href="#close"></use>
</svg>
</span>
    
</button>

                    </div>
                    


<nav aria-label="Main menu">
    <div class="primarynav-desktop__tabs-container col-span-12"
         role="tablist"
         aria-label="Tabs">
        
            
                <a id="visit"
   class="primarynav-desktop__tab-item heading heading--two "
   href="#"
   role="tab"
   aria-controls="visit"
   data-tab="tab-visit"
   aria-selected="false">Visit
    
        <span class="primarynav-desktop__tab-item-icon">



<svg
    class="icon icon--chevron"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>
</span>
        <span class="primarynav-desktop__highlight-icon">



<svg
    class="icon icon--highlight"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#highlight" href="#highlight"></use>
</svg>
</span>
    
</a>

            
        
            
                <a id="whats-on"
   class="primarynav-desktop__tab-item heading heading--two "
   href="#"
   role="tab"
   aria-controls="whats-on"
   data-tab="tab-whats-on"
   aria-selected="false">What&#x27;s on
    
        <span class="primarynav-desktop__tab-item-icon">



<svg
    class="icon icon--chevron"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>
</span>
        <span class="primarynav-desktop__highlight-icon">



<svg
    class="icon icon--highlight"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#highlight" href="#highlight"></use>
</svg>
</span>
    
</a>

            
        
            
                <a id="objects-stories"
   class="primarynav-desktop__tab-item heading heading--two "
   href="#"
   role="tab"
   aria-controls="objects-stories"
   data-tab="tab-objects-stories"
   aria-selected="false">Objects &amp; Stories
    
        <span class="primarynav-desktop__tab-item-icon">



<svg
    class="icon icon--chevron"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>
</span>
        <span class="primarynav-desktop__highlight-icon">



<svg
    class="icon icon--highlight"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#highlight" href="#highlight"></use>
</svg>
</span>
    
</a>

            
        
            
                <a id="schools-communities"
   class="primarynav-desktop__tab-item heading heading--two "
   href="#"
   role="tab"
   aria-controls="schools-communities"
   data-tab="tab-schools-communities"
   aria-selected="false">Schools &amp; Communities
    
        <span class="primarynav-desktop__tab-item-icon">



<svg
    class="icon icon--chevron"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>
</span>
        <span class="primarynav-desktop__highlight-icon">



<svg
    class="icon icon--highlight"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#highlight" href="#highlight"></use>
</svg>
</span>
    
</a>

            
        
            
                <a id="join-support"
   class="primarynav-desktop__tab-item heading heading--two "
   href="#"
   role="tab"
   aria-controls="join-support"
   data-tab="tab-join-support"
   aria-selected="false">Join &amp; Support
    
        <span class="primarynav-desktop__tab-item-icon">



<svg
    class="icon icon--chevron"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>
</span>
        <span class="primarynav-desktop__highlight-icon">



<svg
    class="icon icon--highlight"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#highlight" href="#highlight"></use>
</svg>
</span>
    
</a>

            
        
    </div>
    
        
            
                <ul class="primarynav-desktop__tab-panel animate dropdown-tab-menu-hidden col-span-12"
                    id="tab-visit"
                    role="tabpanel"
                    aria-labelledby="visit"
                    data-tab-panel>
                    
                    <li class="subnav-desktop__item subnav-desktop__item--section heading heading--one">
                        

    

<a class="subnav-desktop__link"
   href="/visit/"
   >
    Visit
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                    </li>
                    
                        <div class="subnav-desktop__container">
                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/docklands/"
   >
    Visit London Museum Docklands
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/docklands/free-galleries/"
   >
    Free galleries
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/visit/families/"
   >
    Families
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/docklands/visit/disability-access/"
   >
    Access
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/smithfield/"
   >
    London Museum
    <span class="subnav-desktop__label">Opening 2026</span>
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/smithfield/about/"
   >
    About the project
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/smithfield/buildings/"
   >
    About the buildings
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/smithfield/architects/"
   >
    About the architects
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                        </div>
                    
                </ul>
            
        
    
        
            
                <ul class="primarynav-desktop__tab-panel animate dropdown-tab-menu-hidden col-span-12"
                    id="tab-whats-on"
                    role="tabpanel"
                    aria-labelledby="whats-on"
                    data-tab-panel>
                    
                    <li class="subnav-desktop__item subnav-desktop__item--section heading heading--one">
                        

    

<a class="subnav-desktop__link"
   href="/whats-on/"
   >
    What&#x27;s on
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                    </li>
                    
                        <div class="subnav-desktop__container">
                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/whats-on/"
   >
    Find events
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/visit/families/"
   >
    Fun for families
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/docklands/visit/groups/"
   >
    Group visits
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/docklands/free-galleries/"
   >
    Free galleries
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/docklands/free-galleries/top-things-to-see-for-free/"
   >
    Top things to see for free
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/whats-on/mudlarks-family-gallery/"
   >
    Fun for under-8s
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                        </div>
                    
                </ul>
            
        
    
        
            
                <ul class="primarynav-desktop__tab-panel animate dropdown-tab-menu-hidden col-span-12"
                    id="tab-objects-stories"
                    role="tabpanel"
                    aria-labelledby="objects-stories"
                    data-tab-panel>
                    
                    <li class="subnav-desktop__item subnav-desktop__item--section heading heading--one">
                        

    

<a class="subnav-desktop__link"
   href="/collections/"
   >
    Objects &amp; Stories
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                    </li>
                    
                        <div class="subnav-desktop__container">
                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/collections/"
   >
    Search the collections
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/collections/about/"
   >
    About our collections
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/collections/research/"
   >
    Research
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/collections/boroughs/"
   >
    What&#x27;s in your borough?
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/collections/time-periods/"
   >
    Browse by time period
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/collections/london-stories/"
   >
    Explore London stories
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/blog/"
   >
    Blog
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                        </div>
                    
                </ul>
            
        
    
        
            
                <ul class="primarynav-desktop__tab-panel animate dropdown-tab-menu-hidden col-span-12"
                    id="tab-schools-communities"
                    role="tabpanel"
                    aria-labelledby="schools-communities"
                    data-tab-panel>
                    
                    <li class="subnav-desktop__item subnav-desktop__item--section heading heading--one">
                        

    

<a class="subnav-desktop__link"
   href="/schools-communities/"
   >
    Schools &amp; Communities
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                    </li>
                    
                        <div class="subnav-desktop__container">
                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/schools-communities/schools/"
   >
    Schools
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/schools-communities/schools/sessions/"
   >
    Schools sessions
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/schools-communities/schools/resources/"
   >
    Schools resources
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/schools-communities/engagement/"
   >
    Community engagement
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/schools-communities/engagement/engagement-charter/"
   >
    Engagement Charter
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                        </div>
                    
                </ul>
            
        
    
        
            
                <ul class="primarynav-desktop__tab-panel animate dropdown-tab-menu-hidden col-span-12"
                    id="tab-join-support"
                    role="tabpanel"
                    aria-labelledby="join-support"
                    data-tab-panel>
                    
                    <li class="subnav-desktop__item subnav-desktop__item--section heading heading--one">
                        

    

<a class="subnav-desktop__link"
   href="/support-us/"
   >
    Join &amp; Support
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                    </li>
                    
                        <div class="subnav-desktop__container">
                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/support-us/donate/"
   >
    Donate
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/support-us/memberships/"
   >
    Membership
    <span class="subnav-desktop__label">Coming soon...</span>
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/support-us/corporate-partnerships/"
   >
    Corporate support
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/support-us/make-a-legacy-gift/"
   >
    Legacy gifts
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-desktop__item subnav-desktop__item--secondary">
    

    

<a class="subnav-desktop__link"
   href="/support-us/our-supporters/"
   >
    Our supporters
    
    
    
        <span class="subnav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                        </div>
                    
                </ul>
            
        
    
</nav>

                </div>
            </div>
        
        
        <div class="header__menus header__menus--mobile" data-mobile-menu>
            <button class="icon-button icon-button--close" data-mobile-menu-close>
    <span class="u-sr-only">
        close
    </span>
    
        <span>



<svg
    class="icon icon--close"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#close" href="#close"></use>
</svg>
</span>
    
</button>

            
                


<nav class="layout" aria-label="Main menu">
    <ul class="primarynav-mobile col-span-12" data-mobile-menu>
        <li class="primarynav-mobile__item heading heading--two">
            

<a class="primarynav-mobile__link"
   href="/"
   >
    Home
    
    
    
</a>

        </li>
        
            
                <li class="primarynav-mobile__item heading heading--two primarynav-mobile__item--is-parent"
                    data-has-subnav>
                    

    

<a class="primarynav-mobile__link"
   href="/visit/"
   data-open-subnav aria-haspopup="true" aria-expanded="false">
    Visit
    
    
        <span class="primarynav-mobile__icon">



<svg
    class="icon icon--chevron"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>
</span>
    
    
</a>

                    
                        <ul class="subnav-mobile layout" data-subnav>
                            <li class="subnav-mobile__item subnav-mobile__item--back">
                                <a class="subnav-mobile__backlink" data-subnav-back href="#">
                                    



<svg
    class="icon icon--arrow-left"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-left" href="#arrow-left"></use>
</svg>

                                    Back
                                </a>
                            </li>
                            
                            <li class="subnav-mobile__item subnav-mobile__item--section">
                                

    

<a class="subnav-mobile__link"
   href="/visit/"
   >
    Visit
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                            </li>
                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/docklands/"
   >
    Visit London Museum Docklands
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/docklands/free-galleries/"
   >
    Free galleries
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/visit/families/"
   >
    Families
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/docklands/visit/disability-access/"
   >
    Access
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/smithfield/"
   >
    London Museum
    <span class="subnav-mobile__label">Opening 2026</span>
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/smithfield/about/"
   >
    About the project
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/smithfield/buildings/"
   >
    About the buildings
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/smithfield/architects/"
   >
    About the architects
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                        </ul>
                    
                </li>
            
        
            
                <li class="primarynav-mobile__item heading heading--two primarynav-mobile__item--is-parent"
                    data-has-subnav>
                    

    

<a class="primarynav-mobile__link"
   href="/whats-on/"
   data-open-subnav aria-haspopup="true" aria-expanded="false">
    What&#x27;s on
    
    
        <span class="primarynav-mobile__icon">



<svg
    class="icon icon--chevron"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>
</span>
    
    
</a>

                    
                        <ul class="subnav-mobile layout" data-subnav>
                            <li class="subnav-mobile__item subnav-mobile__item--back">
                                <a class="subnav-mobile__backlink" data-subnav-back href="#">
                                    



<svg
    class="icon icon--arrow-left"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-left" href="#arrow-left"></use>
</svg>

                                    Back
                                </a>
                            </li>
                            
                            <li class="subnav-mobile__item subnav-mobile__item--section">
                                

    

<a class="subnav-mobile__link"
   href="/whats-on/"
   >
    What&#x27;s on
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                            </li>
                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/whats-on/"
   >
    Find events
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/visit/families/"
   >
    Fun for families
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/docklands/visit/groups/"
   >
    Group visits
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/docklands/free-galleries/"
   >
    Free galleries
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/docklands/free-galleries/top-things-to-see-for-free/"
   >
    Top things to see for free
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/whats-on/mudlarks-family-gallery/"
   >
    Fun for under-8s
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                        </ul>
                    
                </li>
            
        
            
                <li class="primarynav-mobile__item heading heading--two primarynav-mobile__item--is-parent"
                    data-has-subnav>
                    

    

<a class="primarynav-mobile__link"
   href="/collections/"
   data-open-subnav aria-haspopup="true" aria-expanded="false">
    Objects &amp; Stories
    
    
        <span class="primarynav-mobile__icon">



<svg
    class="icon icon--chevron"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>
</span>
    
    
</a>

                    
                        <ul class="subnav-mobile layout" data-subnav>
                            <li class="subnav-mobile__item subnav-mobile__item--back">
                                <a class="subnav-mobile__backlink" data-subnav-back href="#">
                                    



<svg
    class="icon icon--arrow-left"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-left" href="#arrow-left"></use>
</svg>

                                    Back
                                </a>
                            </li>
                            
                            <li class="subnav-mobile__item subnav-mobile__item--section">
                                

    

<a class="subnav-mobile__link"
   href="/collections/"
   >
    Objects &amp; Stories
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                            </li>
                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/collections/"
   >
    Search the collections
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/collections/about/"
   >
    About our collections
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/collections/research/"
   >
    Research
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/collections/boroughs/"
   >
    What&#x27;s in your borough?
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/collections/time-periods/"
   >
    Browse by time period
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/collections/london-stories/"
   >
    Explore London stories
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/blog/"
   >
    Blog
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                        </ul>
                    
                </li>
            
        
            
                <li class="primarynav-mobile__item heading heading--two primarynav-mobile__item--is-parent"
                    data-has-subnav>
                    

    

<a class="primarynav-mobile__link"
   href="/schools-communities/"
   data-open-subnav aria-haspopup="true" aria-expanded="false">
    Schools &amp; Communities
    
    
        <span class="primarynav-mobile__icon">



<svg
    class="icon icon--chevron"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>
</span>
    
    
</a>

                    
                        <ul class="subnav-mobile layout" data-subnav>
                            <li class="subnav-mobile__item subnav-mobile__item--back">
                                <a class="subnav-mobile__backlink" data-subnav-back href="#">
                                    



<svg
    class="icon icon--arrow-left"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-left" href="#arrow-left"></use>
</svg>

                                    Back
                                </a>
                            </li>
                            
                            <li class="subnav-mobile__item subnav-mobile__item--section">
                                

    

<a class="subnav-mobile__link"
   href="/schools-communities/"
   >
    Schools &amp; Communities
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                            </li>
                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/schools-communities/schools/"
   >
    Schools
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/schools-communities/schools/sessions/"
   >
    Schools sessions
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/schools-communities/schools/resources/"
   >
    Schools resources
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/schools-communities/engagement/"
   >
    Community engagement
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/schools-communities/engagement/engagement-charter/"
   >
    Engagement Charter
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                        </ul>
                    
                </li>
            
        
            
                <li class="primarynav-mobile__item heading heading--two primarynav-mobile__item--is-parent"
                    data-has-subnav>
                    

    

<a class="primarynav-mobile__link"
   href="/support-us/"
   data-open-subnav aria-haspopup="true" aria-expanded="false">
    Join &amp; Support
    
    
        <span class="primarynav-mobile__icon">



<svg
    class="icon icon--chevron"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>
</span>
    
    
</a>

                    
                        <ul class="subnav-mobile layout" data-subnav>
                            <li class="subnav-mobile__item subnav-mobile__item--back">
                                <a class="subnav-mobile__backlink" data-subnav-back href="#">
                                    



<svg
    class="icon icon--arrow-left"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-left" href="#arrow-left"></use>
</svg>

                                    Back
                                </a>
                            </li>
                            
                            <li class="subnav-mobile__item subnav-mobile__item--section">
                                

    

<a class="subnav-mobile__link"
   href="/support-us/"
   >
    Join &amp; Support
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                            </li>
                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/support-us/donate/"
   >
    Donate
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/support-us/memberships/"
   >
    Membership
    <span class="subnav-mobile__label">Coming soon...</span>
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/support-us/corporate-partnerships/"
   >
    Corporate support
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/support-us/make-a-legacy-gift/"
   >
    Legacy gifts
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                                <li class="subnav-mobile__item subnav-mobile__item--secondary">
    

    

<a class="subnav-mobile__link"
   href="/support-us/our-supporters/"
   >
    Our supporters
    
    
    
        <span class="subnav-mobile__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

</li>

                            
                        </ul>
                    
                </li>
            
        
    </ul>
</nav>

            
            <nav class="secondary-nav secondary-nav--mobile"
     aria-label="Secondary menu">
    <ul class="secondary-nav__items  col-span-12">
        <li>
            <a class="secondary-nav__item" href="https://londonmuseum.org.uk/shop">
                Shop
                



<svg
    class="icon icon--shop"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#shop" href="#shop"></use>
</svg>

            </a>
        </li>
        <li>
            
                <a class="secondary-nav__item" href="https://museumtickets.londonmuseum.org.uk/ticketbooth/members/profile">
                    Account
                    



<svg
    class="icon icon--login"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#login" href="#login"></use>
</svg>

                </a>
            
        </li>
        <li>
            <button class="secondary-nav__item" aria-label="Search this website" data-search-launch>
                Search
                



<svg
    class="icon icon--search"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#search" href="#search"></use>
</svg>

            </button>
        </li>
    </ul>
</nav>

        </div>
    </div>
    
        
    <div class="ticker animate marquee3k" data-ticker data-speed="0.25" data-announcementid="12/19877">
        <div class="ticker__item">
            
            <span class="ticker__message body">Online booking for our events is recommended</span>
            
        </div>
        <div class="ticker__controls layout">
            <div class="ticker__controls-container col-start-12">
                <div class="ticker__button ticker__button--pause" data-ticker-pause>
                    <button class="icon-button icon-button--pause" >
    <span class="u-sr-only">
        pause
    </span>
    
        <span>



<svg
    class="icon icon--pause"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#pause" href="#pause"></use>
</svg>
</span>
    
</button>

                </div>
                <div class="ticker__button ticker__button--play hidden" data-ticker-play>
                    <button class="icon-button icon-button--play" >
    <span class="u-sr-only">
        play
    </span>
    
        <span>



<svg
    class="icon icon--play"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#play" href="#play"></use>
</svg>
</span>
    
</button>

                </div>
                <div class="ticker__button ticker__button--close" data-ticker-close>
                    <button class="icon-button icon-button--close" >
    <span class="u-sr-only">
        close
    </span>
    
        <span>



<svg
    class="icon icon--close"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#close" href="#close"></use>
</svg>
</span>
    
</button>

                </div>
            </div>
        </div>
    </div>


    
    
</header>


        </div>

        <main class="app__content" id="main-content">
            
            
    <div class="page page--fixed-hero" data-hero-parallax>

        <div class="sr-only page__header">
            <h1 class="heading heading--one">Welcome to London Museum</h1>
        </div>

        <div class="page__hero">
            <div class="block-video">
<div class="hero-video">
    <div class="hero-video__control-container">
        <div class="hero-video__controls">
            <button class="icon-button icon-button--play icon-button--inverse hidden" data-control-play>
    <span class="u-sr-only">
        play
    </span>
    
        <span>



<svg
    class="icon icon--play"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#play" href="#play"></use>
</svg>
</span>
    
</button>

            <button class="icon-button icon-button--pause icon-button--inverse" data-control-pause>
    <span class="u-sr-only">
        pause
    </span>
    
        <span>



<svg
    class="icon icon--pause"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#pause" href="#pause"></use>
</svg>
</span>
    
</button>

            
            
                <button class="icon-button icon-button--info icon-button--inverse icon-button--tooltip"
        data-image-tooltip
        data-tippy-content="260203_DocklandsObjects_Updated_v02. © London Museum"
        data-theme~="mol">
    <span>



<svg
    class="icon icon--info"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#info" href="#info"></use>
</svg>
</span>
    <span class="sr-only">260203_DocklandsObjects_Updated_v02. © London Museum</span>
</button>

            
        </div>
    </div>
    
    <video class="hero-video__video"
           tabindex="-1"
           autoplay
           loop
           muted
           preload
           playsinline
           poster="https://media.londonmuseum.org.uk/images/260203_DocklandsObje.f39f4812.fill-1000x500.format-webp.webp"
           data-video
           fetchpriority="high">
        <source src="https://dams.londonmuseum.org.uk/asset/1d1a14ae-72b4-4e75-ab78-8dc5afa69d38/WebPrimary/260203_DocklandsObjects_Updated_v02.webm"
                type="video/webm">
        
            <source src="https://dams.londonmuseum.org.uk/asset/1d1a14ae-72b4-4e75-ab78-8dc5afa69d38/WebFallback/260203_DocklandsObjects_Updated_v02.mp4"
                    type="video/mp4">
        
    </video>
</div>
</div>

            
                <div class="sf__block sf__block--hero-banner">
                    <div class="block-custom_content">
<div class="featured come-in-trigger">
    <div class="layout featured__content-container" data-content>
        <div class="col-span-12 md:col-span-8 mr-5">
            
                
    <div aria-hidden="true" class="flourish flourish--left ">
        <div class="layout layout--no-padding">
            



<svg
    class="icon icon--sun flourish__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#sun" href="#sun"></use>
</svg>

        </div>
    </div>


            
            

<div class="heading-cta heading-cta--feature">
    
    <h2 class="heading-cta__heading heading heading--one">The hidden stories &amp; unexpected treasures that shaped London</h2>
    
    
</div>

        </div>

    </div>
</div>
</div>
                </div>
            
        </div>

        <div class="page__content" data-come-in-animation>
            <span class="hero-video-trigger hero-video-trigger--show" data-hero-parallax-trigger></span>
            <div class="sf">
                
                    <div class="sf__block sf__block--featured_page">

    <div class="featured featured--purple">
        
            <div class="featured__image-container">
                
                
                
                
                <img srcset="https://media.londonmuseum.org.uk/images/WagtailSource-Family-.3c353fc0.fill-750x750.format-webp.webp 750w,
                             https://media.londonmuseum.org.uk/images/WagtailSource-Family.3c353fc0.fill-1050x550.format-webp.webp 1050w,
                             https://media.londonmuseum.org.uk/images/WagtailSource-Famil.3c353fc0.fill-2700x1400.format-webp.webp 2700w"
                     sizes="100vw"
                     class="featured__image"
                     src="https://media.londonmuseum.org.uk/images/WagtailSource-Famil.3c353fc0.fill-2700x1400.format-webp.webp"
                     alt=""
                     loading="lazy">
                <div class="layout featured__tooltip-container">
                    <div class="col-span-12">
                        
                            <button class="icon-button icon-button--info icon-button--inverse icon-button--tooltip"
        data-image-tooltip
        data-tippy-content="Family Galleries. External Copyright. © Terry Graham / London Museum"
        data-theme~="mol">
    <span>



<svg
    class="icon icon--info"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#info" href="#info"></use>
</svg>
</span>
    <span class="sr-only">Family Galleries. External Copyright. © Terry Graham / London Museum</span>
</button>

                        
                    </div>
                </div>
                
            </div>
        
        <div class="layout featured__content-container come-in-trigger" data-content>
            <div class="col-span-12 md:col-span-8 mr-5">
                
                    

<div class="heading-cta heading-cta--feature">
    
        <p class="heading-cta__eyebrow">London Museum Docklands</p>
    
    <h2 class="heading-cta__heading heading heading--one">May half term</h2>
    
        <div class="heading-cta__teaser featured__teaser featured__teaser--hero featured__teaser--w-action heading heading--two"><div class="rich-text"><p data-block-key="frzcn">Roll up, roll up and explore traditional Victorian entertainment</p></div></div>
    
    
        <div class="heading-cta__action heading-cta__action--not-inline">
            
                
                    <div class="block-page"><a class="cta cta--primary"
   href="/whats-on/may-half-term/">
    
        <span class="cta__flourish">



<svg
    class="icon icon--link-flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#link-flourish" href="#link-flourish"></use>
</svg>
</span>
    
    More info
</a>

</div>
                
            
        </div>
    
</div>

                
            </div>
            
                <div class="featured__teaser col-span-12 md:col-span-3 heading heading--two"><div class="rich-text"><p data-block-key="frzcn">Roll up, roll up and explore traditional Victorian entertainment</p></div></div>
            
        </div>
    </div>

</div>
                
                    <div class="sf__block sf__block--page_nav_large"><div class="page-nav page-nav--large">
    <div class="page-nav__container">
        
            
    <div aria-hidden="true" class="flourish flourish--right come-in-trigger">
        <div class="layout">
            



<svg
    class="icon icon--sun flourish__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#sun" href="#sun"></use>
</svg>

        </div>
    </div>


        

        
            <div class="page-nav__header layout come-in-trigger">
                <div class="page-nav__header-container col-span-10 md:col-span-8">
                    <h2 class="page-nav__heading heading heading--one">Visit in person &amp; get up close to objects</h2>
                </div>
            </div>
        

        <div class="page-nav__grid come-in-trigger">
            <ul class="page-nav__pages layout">
                
                    
                        <li class="page-nav__item col-span-12 md:col-span-6">
                            
<div class="card card--clickable">
    <div class="card__container">
        <div class="card__type hidden md:flex">Coming soon</div>
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/WagtailSource-London-Museum-Plann.width-532.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/WagtailSource-London-Museum-Plann.width-496.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/WagtailSource-London-Museum-Plan.width-1122.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/WagtailSource-London-Museum-Plan.width-1122.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
                    <span class="card__status-label">Opening 2026</span>
                
            </div>
        
        <div class="card__text-container">
            <div class="card__type md:hidden">Coming soon</div>
            <a class="card__link" href="/smithfield/">
                <h3 class="card__heading heading heading--two">
                    
                        London Museum
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>We&#x27;re counting down... the new London Museum will open towards the end of 2026 in Smithfield</p>
                    
                </div>
            
        </div>
    </div>
</div>

                        </li>
                    
                
                    
                        <li class="page-nav__item col-span-12 md:col-span-6">
                            
<div class="card card--clickable">
    <div class="card__container">
        <div class="card__type hidden md:flex">Free entry</div>
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/WagtailSource-New-Signage-outside.width-532.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/WagtailSource-New-Signage-outside.width-496.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/WagtailSource-New-Signage-outsid.width-1122.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/WagtailSource-New-Signage-outsid.width-1122.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
                    <span class="card__status-label">Open today</span>
                
            </div>
        
        <div class="card__text-container">
            <div class="card__type md:hidden">Free entry</div>
            <a class="card__link" href="/docklands/">
                <h3 class="card__heading heading heading--two">
                    
                        London Museum Docklands
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>Pop along to our beautiful riverside setting and step into 400 years of Docklands history – free and open to all</p>
                    
                </div>
            
        </div>
    </div>
</div>

                        </li>
                    
                
            </ul>
        </div>
    </div>
</div>
</div>
                
                    <div class="sf__block sf__block--related_events">

    
        <div class="related-list related-list--event  come-in-trigger">
            
    <div aria-hidden="true" class="flourish flourish--left come-in-trigger">
        <div class="layout">
            



<svg
    class="icon icon--flame flourish__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#flame" href="#flame"></use>
</svg>

        </div>
    </div>


            <div class="layout" data-left-edge>
                <div class="related-list__header-container col-span-12">
                    <h2 class="related-list__heading heading heading--one">What&#x27;s on</h2>
                    
                </div>
            </div>
            <div class="carousel glide"
                 data-carousel
                 data-slidetotal="3">
                <div data-glide-el="track" class="glide__track">
                    <ul class="glide__slides">
                        
                            <li class="glide__slide">
<div class="card card--event card--clickable ">
    <div class="card__container">
        <div class="card__type card__type--not-mobile">
            London Museum Docklands
            



<svg
    class="icon icon--location"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#location" href="#location"></use>
</svg>

        </div>
        
            <div class="card__image-container ">
                
                
                
                
                
                <img srcset="https://media.londonmuseum.org.uk/images/WagtailSource-Family-Galleries_x4.width-532.format-webp.webp 320w,
                             https://media.londonmuseum.org.uk/images/WagtailSource-Family-Galleries_x4.width-496.format-webp.webp 768w,
                             https://media.londonmuseum.org.uk/images/WagtailSource-Family-Galleries_x.width-1122.format-webp_xT1IdwD.webp 1440w"
                     sizes="(max-width: 598px) 290px,
                            (max-width: 1022px) and (min-width: 599px) 768px,
                            (min-width: 1023px) 1440px"
                     src="https://media.londonmuseum.org.uk/images/WagtailSource-Family-Galleries_x.width-1122.format-webp_xT1IdwD.webp"
                     alt=""
                     loading="lazy"
                     class="card__image">
            </div>
        
        <div class="card__text-container">
            <div class="card__type card__type--mobile">London Museum Docklands 



<svg
    class="icon icon--location"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#location" href="#location"></use>
</svg>
</div>
            <a class="card__link" href="/whats-on/mudlarks-family-gallery/">
                <h3 class="card__heading heading heading--two">Mudlarks family gallery</h3>
            </a>
            <div class="card__description">
                <div class="card__dates">
                    <p>Now until – 3 May 2026</p>
                </div>
                
                    <div class="card__category">
                        
                            <p>Activity</p>
                        
                        
                    </div>
                
                
                    <div class="card__summary">
                        <p>Get hands-on in our interactive play area for under-8s</p>
                    </div>
                
            </div>
        </div>
    </div>
</div>
</li>
                        
                            <li class="glide__slide">
<div class="card card--event card--clickable ">
    <div class="card__container">
        <div class="card__type card__type--not-mobile">
            London Museum Docklands
            



<svg
    class="icon icon--location"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#location" href="#location"></use>
</svg>

        </div>
        
            <div class="card__image-container meta-flag">
                
                    <div class="meta-flag__item meta-flag__item--event body">Free</div>
                
                
                
                
                
                <img srcset="https://media.londonmuseum.org.uk/images/Corrina-Eastwood-s-artwork.width-532.format-webp.webp 320w,
                             https://media.londonmuseum.org.uk/images/Corrina-Eastwood-s-artwork.width-496.format-webp.webp 768w,
                             https://media.londonmuseum.org.uk/images/Corrina-Eastwood-s-artwork.width-1122.format-webp.webp 1440w"
                     sizes="(max-width: 598px) 290px,
                            (max-width: 1022px) and (min-width: 599px) 768px,
                            (min-width: 1023px) 1440px"
                     src="https://media.londonmuseum.org.uk/images/Corrina-Eastwood-s-artwork.width-1122.format-webp.webp"
                     alt=""
                     loading="lazy"
                     class="card__image">
            </div>
        
        <div class="card__text-container">
            <div class="card__type card__type--mobile">London Museum Docklands 



<svg
    class="icon icon--location"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#location" href="#location"></use>
</svg>
</div>
            <a class="card__link" href="/whats-on/by-appointment-only/">
                <h3 class="card__heading heading heading--two">By Appointment Only: Romani art, culture &amp; heritage</h3>
            </a>
            <div class="card__description">
                <div class="card__dates">
                    <p>Now until – 31 Jan 2027</p>
                </div>
                
                    <div class="card__category">
                        
                            <p>Exhibitions &amp; displays</p>
                        
                        
                    </div>
                
                
                    <div class="card__summary">
                        <p>A free display on the creativity and craft of Romani communities</p>
                    </div>
                
            </div>
        </div>
    </div>
</div>
</li>
                        
                            <li class="glide__slide">
<div class="card card--event card--clickable ">
    <div class="card__container">
        <div class="card__type card__type--not-mobile">
            London Museum Docklands
            



<svg
    class="icon icon--location"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#location" href="#location"></use>
</svg>

        </div>
        
            <div class="card__image-container ">
                
                
                
                
                
                <img srcset="https://media.londonmuseum.org.uk/images/wagtailsource-new-signage-outside.width-532.format-webp_scsHUJB.webp 320w,
                             https://media.londonmuseum.org.uk/images/wagtailsource-new-signage-outside.width-496.format-webp_Z8QE2dq.webp 768w,
                             https://media.londonmuseum.org.uk/images/wagtailsource-new-signage-outsid.width-1122.format-webp_qbouDrY.webp 1440w"
                     sizes="(max-width: 598px) 290px,
                            (max-width: 1022px) and (min-width: 599px) 768px,
                            (min-width: 1023px) 1440px"
                     src="https://media.londonmuseum.org.uk/images/wagtailsource-new-signage-outsid.width-1122.format-webp_qbouDrY.webp"
                     alt=""
                     loading="lazy"
                     class="card__image">
            </div>
        
        <div class="card__text-container">
            <div class="card__type card__type--mobile">London Museum Docklands 



<svg
    class="icon icon--location"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#location" href="#location"></use>
</svg>
</div>
            <a class="card__link" href="/whats-on/welcome-to-docklands/">
                <h3 class="card__heading heading heading--two">London Museum Docklands highlights tour</h3>
            </a>
            <div class="card__description">
                <div class="card__dates">
                    <p>25 Apr – 30 May 2026</p>
                </div>
                
                    <div class="card__category">
                        
                            <p>Gallery tour</p>
                        
                        
                    </div>
                
                
                    <div class="card__summary">
                        <p>A tour around the very best bits of London Museum Docklands</p>
                    </div>
                
            </div>
        </div>
    </div>
</div>
</li>
                        
                    </ul>
                </div>
                <div class="carousel__controls layout">
                    <div class="carousel__controls-group"
                         data-glide-el="controls"
                         >
                        <button
    class="carousel-control carousel-control--left"
    
    
    
        aria-label="Previous slide" data-glide-dir="<"
    
>
    <span class="u-sr-only">
        left
    </span>
    
        <span>



<svg
    class="icon icon--arrow-left"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-left" href="#arrow-left"></use>
</svg>
</span>
    
</button>

                        <button
    class="carousel-control carousel-control--right"
    
    
    
        aria-label="Next slide" data-glide-dir=">"
    
>
    <span class="u-sr-only">
        right
    </span>
    
        <span>



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</button>

                    </div>
                </div>
            </div>
        </div>
    

</div>
                
                    <div class="sf__block sf__block--featured_page">

    <div class="featured featured--grey">
        
            <div class="featured__image-container">
                
                
                
                
                <img srcset="https://media.londonmuseum.org.uk/images/WagtailSource-The-Sup.3c73d981.fill-750x750.format-webp.webp 750w,
                             https://media.londonmuseum.org.uk/images/WagtailSource-The-Su.3c73d981.fill-1050x550.format-webp.webp 1050w,
                             https://media.londonmuseum.org.uk/images/WagtailSource-The-S.3c73d981.fill-2700x1400.format-webp.webp 2700w"
                     sizes="100vw"
                     class="featured__image"
                     src="https://media.londonmuseum.org.uk/images/WagtailSource-The-S.3c73d981.fill-2700x1400.format-webp.webp"
                     alt=""
                     loading="lazy">
                <div class="layout featured__tooltip-container">
                    <div class="col-span-12">
                        
                            <button class="icon-button icon-button--info icon-button--inverse icon-button--tooltip"
        data-image-tooltip
        data-tippy-content="The Super Fried Fish Bar, Soho, at night. Grant, Henry. © London Museum. © Henry Grant Collection/London Museum"
        data-theme~="mol">
    <span>



<svg
    class="icon icon--info"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#info" href="#info"></use>
</svg>
</span>
    <span class="sr-only">The Super Fried Fish Bar, Soho, at night. Grant, Henry. © London Museum. © Henry Grant Collection/London Museum</span>
</button>

                        
                    </div>
                </div>
                
            </div>
        
        <div class="layout featured__content-container come-in-trigger" data-content>
            <div class="col-span-12 md:col-span-8 mr-5">
                
                    

<div class="heading-cta heading-cta--feature">
    
        <p class="heading-cta__eyebrow">Food &amp; Diet</p>
    
    <h2 class="heading-cta__heading heading heading--one">How London got hooked on fish &amp; chips</h2>
    
        <div class="heading-cta__teaser featured__teaser featured__teaser--hero featured__teaser--w-action heading heading--two"><div class="rich-text"><p data-block-key="2ro8d">An inland city with a taste for the sea</p></div></div>
    
    
        <div class="heading-cta__action heading-cta__action--not-inline">
            
                
                    <div class="block-page"><a class="cta cta--primary"
   href="/collections/london-stories/how-london-got-hooked-on-fish-chips/">
    
        <span class="cta__flourish">



<svg
    class="icon icon--link-flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#link-flourish" href="#link-flourish"></use>
</svg>
</span>
    
    Read the story
</a>

</div>
                
            
        </div>
    
</div>

                
            </div>
            
                <div class="featured__teaser col-span-12 md:col-span-3 heading heading--two"><div class="rich-text"><p data-block-key="2ro8d">An inland city with a taste for the sea</p></div></div>
            
        </div>
    </div>

</div>
                
                    <div class="sf__block sf__block--related_pages">
<div class="related-list related-list--page come-in-trigger u-sf-flourish">
    
    <div aria-hidden="true" class="flourish flourish--left come-in-trigger">
        <div class="layout">
            



<svg
    class="icon icon--flame flourish__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#flame" href="#flame"></use>
</svg>

        </div>
    </div>


    <div class="layout" data-left-edge>
        <div class="related-list__header-container col-span-12">
            

<div class="heading-cta heading-cta--related">
    
    <h2 class="heading-cta__heading heading heading--one">Get stuck in online with tales of London &amp; photos galore</h2>
    
    
        <div class="heading-cta__action ">
            
                <div class="block-page"><a class="cta cta--primary"
   href="/collections/london-stories/">
    
        <span class="cta__flourish">



<svg
    class="icon icon--link-flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#link-flourish" href="#link-flourish"></use>
</svg>
</span>
    
    See all stories
</a>

</div>
            
        </div>
    
</div>

        </div>
    </div>
    <div class="carousel glide"
         data-carousel
         data-slidetotal="5">
        <div data-glide-el="track"
             class="glide__track">
            <ul class="glide__slides">
                
                    
                        <li class="glide__slide">
<div class="card card--clickable">
    <div class="card__container">
        <div class="card__type hidden md:flex">London stories</div>
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/Gays-The-Word-bookshop.width-532.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/Gays-The-Word-bookshop.width-496.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/Gays-The-Word-bookshop.width-1122.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/Gays-The-Word-bookshop.width-1122.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
            </div>
        
        <div class="card__text-container">
            <div class="card__type md:hidden">London stories</div>
            <a class="card__link" href="/collections/london-stories/gays-the-word-britains-oldest-lgbtq-bookshop/">
                <h3 class="card__heading heading heading--two">
                    
                        Gay’s The Word: Britain’s oldest LGBTQ+ bookshop
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>A central London haven that’s weathered many storms over the years</p>
                    
                </div>
            
        </div>
    </div>
</div>
</li>
                    
                
                    
                        <li class="glide__slide">
<div class="card card--clickable">
    <div class="card__container">
        <div class="card__type hidden md:flex">Fashion &amp; Style</div>
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/Foday-Dumbuya-with-models-at-the-.width-532.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/Foday-Dumbuya-with-models-at-the-.width-496.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/Foday-Dumbuya-with-models-at-the.width-1122.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/Foday-Dumbuya-with-models-at-the.width-1122.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
            </div>
        
        <div class="card__text-container">
            <div class="card__type md:hidden">Fashion &amp; Style</div>
            <a class="card__link" href="/collections/london-stories/labrum-tells-west-african-stories-through-fashion/">
                <h3 class="card__heading heading heading--two">
                    
                        Labrum tells West African stories through fashion
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>A modern menswear brand celebrating migration and movement</p>
                    
                </div>
            
        </div>
    </div>
</div>
</li>
                    
                
                    
                        <li class="glide__slide">
<div class="card card--clickable">
    <div class="card__container">
        <div class="card__type hidden md:flex">Death &amp; Disasters</div>
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/WagtailSource-Traffic-in-smog-at-.width-532.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/WagtailSource-Traffic-in-smog-at-.width-496.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/WagtailSource-Traffic-in-smog-at.width-1122.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/WagtailSource-Traffic-in-smog-at.width-1122.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
            </div>
        
        <div class="card__text-container">
            <div class="card__type md:hidden">Death &amp; Disasters</div>
            <a class="card__link" href="/collections/london-stories/the-great-smog-of-1952/">
                <h3 class="card__heading heading heading--two">
                    
                        The Great Smog of 1952
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>12,000 people died when a toxic polluted fog descended on London</p>
                    
                </div>
            
        </div>
    </div>
</div>
</li>
                    
                
                    
                        <li class="glide__slide">
<div class="card card--clickable">
    <div class="card__container">
        <div class="card__type hidden md:flex">London Places</div>
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/Ridley-Road-Market-2019.width-532.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/Ridley-Road-Market-2019.width-496.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/Ridley-Road-Market-2019.width-1122.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/Ridley-Road-Market-2019.width-1122.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
            </div>
        
        <div class="card__text-container">
            <div class="card__type md:hidden">London Places</div>
            <a class="card__link" href="/collections/london-stories/ridley-road-market-fighting-fascism-gentrification/">
                <h3 class="card__heading heading heading--two">
                    
                        Ridley Road Market: Fighting fascism &amp; gentrification
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>Nothing’s managed to stop diverse Dalston’s beating heart</p>
                    
                </div>
            
        </div>
    </div>
</div>
</li>
                    
                
                    
                        <li class="glide__slide">
<div class="card card--clickable">
    <div class="card__container">
        <div class="card__type hidden md:flex">Death &amp; Disasters</div>
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/WagtailSource-Karl-Marx-grave.width-532.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/WagtailSource-Karl-Marx-grave.width-496.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/WagtailSource-Karl-Marx-grave.width-1122.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/WagtailSource-Karl-Marx-grave.width-1122.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
            </div>
        
        <div class="card__text-container">
            <div class="card__type md:hidden">Death &amp; Disasters</div>
            <a class="card__link" href="/collections/london-stories/highgate-cemetery/">
                <h3 class="card__heading heading heading--two">
                    
                        Highgate Cemetery
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>London’s most famous graveyard, where the tomb of Karl Marx attracts fans, critics and the curious</p>
                    
                </div>
            
        </div>
    </div>
</div>
</li>
                    
                
            </ul>
        </div>
        <div class="carousel__controls layout">
            <div class="carousel__controls-group"
                 data-glide-el="controls"
                 >
                <button
    class="carousel-control carousel-control--left"
    
    
    
        aria-label="Previous slide" data-glide-dir="<"
    
>
    <span class="u-sr-only">
        left
    </span>
    
        <span>



<svg
    class="icon icon--arrow-left"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-left" href="#arrow-left"></use>
</svg>
</span>
    
</button>

                <button
    class="carousel-control carousel-control--right"
    
    
    
        aria-label="Next slide" data-glide-dir=">"
    
>
    <span class="u-sr-only">
        right
    </span>
    
        <span>



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</button>

            </div>
        </div>
    </div>
</div>
</div>
                
                    <div class="sf__block sf__block--page_nav_small"><div class="page-nav page-nav--small come-in-trigger">
    <div class="page-nav__container">
        
    <div aria-hidden="true" class="flourish flourish--right come-in-trigger">
        <div class="layout">
            



<svg
    class="icon icon--sun flourish__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#sun" href="#sun"></use>
</svg>

        </div>
    </div>


        
            <div class="page-nav__header layout">
                <div class="page-nav__header-container col-span-10 md:col-span-8">
                    <h2 class="page-nav__heading heading heading--one">Plan your visit</h2>
                </div>
            </div>
        
        <div class="page-nav__grid">
            <ul class="page-nav__pages layout">
                
                    
                        <li class="page-nav__item  col-span-12 md:col-span-6 lg:col-span-3">
                            
<div class="card card--clickable">
    <div class="card__container">
        
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/wagtailsource-family-.daa3285e.fill-640x480.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/wagtailsource-family-.daa3285e.fill-600x450.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/wagtailsource-family-.daa3285e.fill-660x500.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/wagtailsource-family-.daa3285e.fill-660x500.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
            </div>
        
        <div class="card__text-container">
            
            <a class="card__link" href="/visit/families/">
                <h3 class="card__heading heading heading--two">
                    
                        Families
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>Set sail for a fun day out at London Museum Docklands</p>
                    
                </div>
            
        </div>
    </div>
</div>

                        </li>
                    
                
                    
                        <li class="page-nav__item  col-span-12 md:col-span-6 lg:col-span-3">
                            
<div class="card card--clickable">
    <div class="card__container">
        
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/WagtailSource-A-regul.5125cc1f.fill-640x480.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/WagtailSource-A-regul.5125cc1f.fill-600x450.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/WagtailSource-A-regul.5125cc1f.fill-660x500.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/WagtailSource-A-regul.5125cc1f.fill-660x500.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
            </div>
        
        <div class="card__text-container">
            
            <a class="card__link" href="/docklands/visit/shop-eat-drink/">
                <h3 class="card__heading heading heading--two">
                    
                        Shop, eat &amp; drink
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>Stop for a tea break in our cafe, or pick up a souvenir from our shop</p>
                    
                </div>
            
        </div>
    </div>
</div>

                        </li>
                    
                
                    
                        <li class="page-nav__item  col-span-12 md:col-span-6 lg:col-span-3">
                            
<div class="card card--clickable">
    <div class="card__container">
        
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/wagtailsource-docklan.34d72bb6.fill-640x480.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/wagtailsource-docklan.34d72bb6.fill-600x450.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/wagtailsource-docklan.34d72bb6.fill-660x500.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/wagtailsource-docklan.34d72bb6.fill-660x500.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
            </div>
        
        <div class="card__text-container">
            
            <a class="card__link" href="/docklands/visit/need-to-know/">
                <h3 class="card__heading heading heading--two">
                    
                        Need to know
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>Answers to all the the most frequently asked questions about visiting us</p>
                    
                </div>
            
        </div>
    </div>
</div>

                        </li>
                    
                
                    
                        <li class="page-nav__item  col-span-12 md:col-span-6 lg:col-span-3">
                            
<div class="card card--clickable">
    <div class="card__container">
        
        
            <div class="card__image-container">
                
                    
                    
                    
                    
                    <img srcset="https://media.londonmuseum.org.uk/images/wagtailsource-permane.61516fa5.fill-640x480.format-webp.webp 320w,
                                 https://media.londonmuseum.org.uk/images/wagtailsource-permane.61516fa5.fill-600x450.format-webp.webp 768w,
                                 https://media.londonmuseum.org.uk/images/wagtailsource-permane.61516fa5.fill-660x500.format-webp.webp 1440w"
                         sizes="(max-width: 598px) 290px,
                                (max-width: 1022px) and (min-width: 599px) 768px,
                                (min-width: 1023px) 1440px"
                         src="https://media.londonmuseum.org.uk/images/wagtailsource-permane.61516fa5.fill-660x500.format-webp.webp"
                         alt=""
                         loading="lazy"
                         class="card__image">
                
                
            </div>
        
        <div class="card__text-container">
            
            <a class="card__link" href="/docklands/free-galleries/">
                <h3 class="card__heading heading heading--two">
                    
                        Free galleries
                        
                    
                </h3>
            </a>
            
                <div class="card__description">
                    
                        <p>Step into 400 years of London Docklands&#x27; river, port and people</p>
                    
                </div>
            
        </div>
    </div>
</div>

                        </li>
                    
                
            </ul>
        </div>
    </div>
</div>
</div>
                
            </div>
        </div>
    </div>

        </main>

        <div class="app__footer">
            
    
<footer class="footer">
    <div class="footer__inner">
        <div class="footer__locations"><div class="footer-locations glide" data-footer-location-slider>
    <div data-glide-el="track" class="footer-locations__container glide__track">
        <ul class="footer-locations__slides glide__slides">
            
                <li class="footer-locations__item glide__slide">
                    

<div class="location location--clickable">
    <div class="location__header">
        
            
            <img src="https://media.londonmuseum.org.uk/images/WagtailSource-London-.d6d489ce.fill-249x281.format-webp.webp" alt="London Museum" width="249" height="281" class="location__image" loading="lazy">
        
        <a class="location__heading-link" href="/smithfield/">
            <h2 class="location__heading heading heading--two">London Museum</h2>
        </a>
    </div>

    
        <div class="location__address">
            <p>Smithfield<br>London EC1A 9PS</p>
        </div>
    

    
        <div class="location__details">
            Opening 2026
        </div>
        <div class="come-in-trigger">
            



<svg
    class="icon icon--kaleidoscope location__flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#kaleidoscope" href="#kaleidoscope"></use>
</svg>

        </div>
    
</div>

                </li>
            
                <li class="footer-locations__item glide__slide">
                    

<div class="location location--clickable">
    <div class="location__header">
        
            
            <img src="https://media.londonmuseum.org.uk/images/wagtailsource-new-sig.a6b73f0e.fill-249x281.format-webp_mnxRYoh.webp" alt="London Museum Docklands" width="249" height="281" class="location__image" loading="lazy">
        
        <a class="location__heading-link" href="/docklands/">
            <h2 class="location__heading heading heading--two">London Museum Docklands</h2>
        </a>
    </div>

    
        <div class="location__address">
            <p>No. 1 Warehouse<br>West India Quay <br>London E14 4AL<br>Tube &amp; DLR: Canary Wharf <br>or West India Quay</p>
        </div>
    

    
        <div class="location__details">
            <div class="rich-text"><p data-block-key="rt1zm"><b>Monday to Sunday:</b><br/>10am – 5pm<br/>Free entry</p><p data-block-key="alpm7">Closed 24, 25 &amp; 26 Dec</p></div>
        </div>
    
</div>

                </li>
            
                <li class="footer-locations__item glide__slide">
                    

<div class="location location--clickable">
    <div class="location__header">
        
            
            <img src="https://media.londonmuseum.org.uk/images/WagtailSource-Laarc_5.828a0222.fill-249x281.format-webp.webp" alt="London Museum Stores" width="249" height="281" class="location__image" loading="lazy">
        
        <a class="location__heading-link" href="/stores/">
            <h2 class="location__heading heading heading--two">London Museum Stores</h2>
        </a>
    </div>

    
        <div class="location__address">
            <p>46 Eagle Wharf Road<br>London N1 7ED</p>
        </div>
    

    
        <div class="location__details">
            <div class="rich-text"><p data-block-key="vd07w">Partially open for researchers</p></div>
        </div>
    
</div>

                </li>
            
                <li class="footer-locations__item glide__slide">
                    

<div class="location location--clickable">
    <div class="location__header">
        
            
            <img src="https://media.londonmuseum.org.uk/images/WagtailSource-London-.2a2428ab.fill-249x281.format-webp.webp" alt="London Museum Spaces" width="249" height="281" class="location__image" loading="lazy">
        
        <a class="location__heading-link" href="/spaces/">
            <h2 class="location__heading heading heading--two">London Museum Spaces</h2>
        </a>
    </div>

    
        <div class="location__address">
            <p>150 London Wall<br>London EC2Y 5HN</p>
        </div>
    

    
        <div class="location__details">
            <div class="rich-text"><p data-block-key="w1jue">Open for venue hire only</p></div>
        </div>
    
</div>

                </li>
            
        </ul>
    </div>
</div>
</div>
        <div class="footer__social-newsletter">

<div class="social-newsletter">
    <div class="social-newsletter__container layout">
        <div class="social-newsletter__newsletter col-span-12 md:col-span-6">
            <h2 class="social-newsletter__heading heading heading--two">Subscribe and get email updates:</h2>
            <div><a class="cta cta--primary"
   href="https://www.londonmuseum.org.uk/email-updates/">
    
        <span class="cta__flourish">



<svg
    class="icon icon--link-flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#link-flourish" href="#link-flourish"></use>
</svg>
</span>
    
    Subscribe
</a>
</div>
        </div>
        <div class="social-newsletter__social col-span-12 md:col-span-6">
            <h2 class="social-newsletter__heading heading heading--two">Share your London experiences with us:</h2>
            

    
        <ul class="social-media">
            
                <li class="social-media__item">
                    <a class="cta cta--primary"
   href="https://www.facebook.com/wearelondonmuseum">
    
        <span class="cta__flourish">



<svg
    class="icon icon--link-flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#link-flourish" href="#link-flourish"></use>
</svg>
</span>
    
    Facebook
</a>

                </li>
            
            
                <li class="social-media__item">
                    <a class="cta cta--primary"
   href="https://www.instagram.com/wearelondonmuseum">
    
        <span class="cta__flourish">



<svg
    class="icon icon--link-flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#link-flourish" href="#link-flourish"></use>
</svg>
</span>
    
    Instagram
</a>

                </li>
            
            
            
                <li class="social-media__item">
                    <a class="cta cta--primary"
   href="https://www.tiktok.com/@wearelondonmuseum">
    
        <span class="cta__flourish">



<svg
    class="icon icon--link-flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#link-flourish" href="#link-flourish"></use>
</svg>
</span>
    
    TikTok
</a>

                </li>
            
            
                <li class="social-media__item">
                    <a class="cta cta--primary"
   href="https://www.youtube.com/@wearelondonmuseum">
    
        <span class="cta__flourish">



<svg
    class="icon icon--link-flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#link-flourish" href="#link-flourish"></use>
</svg>
</span>
    
    YouTube
</a>

                </li>
            
            
                <li class="social-media__item">
                    <a class="cta cta--primary"
   href="https://twitter.com/LDN_Museum">
    
        <span class="cta__flourish">



<svg
    class="icon icon--link-flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#link-flourish" href="#link-flourish"></use>
</svg>
</span>
    
    X
</a>

                </li>
            
            
                <li class="social-media__item">
                    <a class="cta cta--primary"
   href="https://www.linkedin.com/company/we-are-london-museum">
    
        <span class="cta__flourish">



<svg
    class="icon icon--link-flourish"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#link-flourish" href="#link-flourish"></use>
</svg>
</span>
    
    LinkedIn
</a>

                </li>
            
        </ul>
    


        </div>
        <img class="social-newsletter__branding" height="126" width="165" src="/static/images/pigeon-front.03137d4f3442.webp" alt="">
    </div>

</div>
</div>
        
            <div class="footer__nav-container">
                <div class="lg:hidden layout">


<nav class="footernav-mobile col-span-12 md:col-span-6"
     aria-label="Tertiary">
    
        
            <div class="accordion" data-accordion>
                <button class="footernav-mobile__button accordion__button"
                        data-id="94388d63-63ac-4b7d-81b9-7dc5a110a5e8"
                        data-accordion-button
                        aria-expanded="false"
                        id="accordion-item-heading-94388d63-63ac-4b7d-81b9-7dc5a110a5e8">
                    Visit
                    



<svg
    class="icon icon--chevron footernav-mobile__icon accordion__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>

                </button>
                <div data-id="94388d63-63ac-4b7d-81b9-7dc5a110a5e8"
                     data-accordion-content
                     class="footernav-mobile__content accordion__content  accordion__hidden"
                     aria-labelledby="accordion-item-heading-94388d63-63ac-4b7d-81b9-7dc5a110a5e8">
                    <ul>
                        <li class="footernav-mobile__item">
                            <a class="footernav-mobile__link" href="/visit/">
                                Visit
                            </a>
                        </li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/smithfield/"
   >
    London Museum
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/docklands/"
   >
    London Museum Docklands
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/visit/families/"
   >
    Families
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/docklands/visit/"
   >
    Plan your visit
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/visit/ticketing-info/"
   >
    Ticketing info
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/docklands/visit/disability-access/"
   >
    Access
    
    
    
</a>

</li>
                        
                    </ul>
                </div>
            </div>
        
    
        
            <div class="accordion" data-accordion>
                <button class="footernav-mobile__button accordion__button"
                        data-id="48a0bd76-6b49-4944-ab47-57bb54c14cb5"
                        data-accordion-button
                        aria-expanded="false"
                        id="accordion-item-heading-48a0bd76-6b49-4944-ab47-57bb54c14cb5">
                    What&#x27;s on
                    



<svg
    class="icon icon--chevron footernav-mobile__icon accordion__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>

                </button>
                <div data-id="48a0bd76-6b49-4944-ab47-57bb54c14cb5"
                     data-accordion-content
                     class="footernav-mobile__content accordion__content  accordion__hidden"
                     aria-labelledby="accordion-item-heading-48a0bd76-6b49-4944-ab47-57bb54c14cb5">
                    <ul>
                        <li class="footernav-mobile__item">
                            <a class="footernav-mobile__link" href="/whats-on/">
                                What&#x27;s on
                            </a>
                        </li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/docklands/free-galleries/"
   >
    Free galleries
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/docklands/visit/groups/"
   >
    Group visits
    
    
    
</a>

</li>
                        
                    </ul>
                </div>
            </div>
        
    
        
            <div class="accordion" data-accordion>
                <button class="footernav-mobile__button accordion__button"
                        data-id="7b4da2a1-6942-4773-a41f-119dafd72477"
                        data-accordion-button
                        aria-expanded="false"
                        id="accordion-item-heading-7b4da2a1-6942-4773-a41f-119dafd72477">
                    Objects &amp; Stories
                    



<svg
    class="icon icon--chevron footernav-mobile__icon accordion__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>

                </button>
                <div data-id="7b4da2a1-6942-4773-a41f-119dafd72477"
                     data-accordion-content
                     class="footernav-mobile__content accordion__content  accordion__hidden"
                     aria-labelledby="accordion-item-heading-7b4da2a1-6942-4773-a41f-119dafd72477">
                    <ul>
                        <li class="footernav-mobile__item">
                            <a class="footernav-mobile__link" href="/collections/">
                                Objects &amp; Stories
                            </a>
                        </li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/collections/about/"
   >
    About our collections
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/collections/about/what-we-collect/"
   >
    What we collect
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/collections/faqs-access-enquiries/"
   >
    Collections access &amp; enquiries
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/collections/about/managing-our-collections/"
   >
    Managing our collections
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/collections/improving-our-collections/"
   >
    Improving our collections
    
    
    
</a>

</li>
                        
                    </ul>
                </div>
            </div>
        
    
        
            <div class="accordion" data-accordion>
                <button class="footernav-mobile__button accordion__button"
                        data-id="2e83a9c2-62ca-41c1-a90f-5ada8b0a3d54"
                        data-accordion-button
                        aria-expanded="false"
                        id="accordion-item-heading-2e83a9c2-62ca-41c1-a90f-5ada8b0a3d54">
                    Schools &amp; Communities
                    



<svg
    class="icon icon--chevron footernav-mobile__icon accordion__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>

                </button>
                <div data-id="2e83a9c2-62ca-41c1-a90f-5ada8b0a3d54"
                     data-accordion-content
                     class="footernav-mobile__content accordion__content  accordion__hidden"
                     aria-labelledby="accordion-item-heading-2e83a9c2-62ca-41c1-a90f-5ada8b0a3d54">
                    <ul>
                        <li class="footernav-mobile__item">
                            <a class="footernav-mobile__link" href="/schools-communities/">
                                Schools &amp; Communities
                            </a>
                        </li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/schools-communities/schools/"
   >
    Schools
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/schools-communities/schools/sessions/"
   >
    Schools sessions
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/schools-communities/schools/resources/"
   >
    Schools resources
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/schools-communities/engagement/"
   >
    Community engagement
    
    
    
</a>

</li>
                        
                    </ul>
                </div>
            </div>
        
    
        
            <div class="accordion" data-accordion>
                <button class="footernav-mobile__button accordion__button"
                        data-id="a277ac3a-1ef1-4260-a1a3-cbcfbdbf3b4b"
                        data-accordion-button
                        aria-expanded="false"
                        id="accordion-item-heading-a277ac3a-1ef1-4260-a1a3-cbcfbdbf3b4b">
                    About
                    



<svg
    class="icon icon--chevron footernav-mobile__icon accordion__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>

                </button>
                <div data-id="a277ac3a-1ef1-4260-a1a3-cbcfbdbf3b4b"
                     data-accordion-content
                     class="footernav-mobile__content accordion__content  accordion__hidden"
                     aria-labelledby="accordion-item-heading-a277ac3a-1ef1-4260-a1a3-cbcfbdbf3b4b">
                    <ul>
                        <li class="footernav-mobile__item">
                            <a class="footernav-mobile__link" href="/about/">
                                About
                            </a>
                        </li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/about/our-locations/"
   >
    Our locations
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/about/careers/"
   >
    Careers
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/about/press/"
   >
    Press
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/supporting-london-museums/"
   >
    Supporting London Museums
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/about/policies/"
   >
    Policies
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/contact-us/"
   >
    Contact us
    
    
    
</a>

</li>
                        
                    </ul>
                </div>
            </div>
        
    
        
            <div class="accordion" data-accordion>
                <button class="footernav-mobile__button accordion__button"
                        data-id="17290e9c-361b-4c60-a774-46deb5ea16e4"
                        data-accordion-button
                        aria-expanded="false"
                        id="accordion-item-heading-17290e9c-361b-4c60-a774-46deb5ea16e4">
                    Join &amp; Support
                    



<svg
    class="icon icon--chevron footernav-mobile__icon accordion__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>

                </button>
                <div data-id="17290e9c-361b-4c60-a774-46deb5ea16e4"
                     data-accordion-content
                     class="footernav-mobile__content accordion__content  accordion__hidden"
                     aria-labelledby="accordion-item-heading-17290e9c-361b-4c60-a774-46deb5ea16e4">
                    <ul>
                        <li class="footernav-mobile__item">
                            <a class="footernav-mobile__link" href="/support-us/">
                                Join &amp; Support
                            </a>
                        </li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/support-us/donate/"
   >
    Donate
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/support-us/memberships/"
   >
    Membership
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/support-us/corporate-partnerships/"
   >
    Corporate support
    
    
    
</a>

</li>
                        
                    </ul>
                </div>
            </div>
        
    
        
            <div class="accordion" data-accordion>
                <button class="footernav-mobile__button accordion__button"
                        data-id="cd3e111b-2e9c-41a2-99fd-17cb0fcbeb77"
                        data-accordion-button
                        aria-expanded="false"
                        id="accordion-item-heading-cd3e111b-2e9c-41a2-99fd-17cb0fcbeb77">
                    London stories
                    



<svg
    class="icon icon--chevron footernav-mobile__icon accordion__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>

                </button>
                <div data-id="cd3e111b-2e9c-41a2-99fd-17cb0fcbeb77"
                     data-accordion-content
                     class="footernav-mobile__content accordion__content  accordion__hidden"
                     aria-labelledby="accordion-item-heading-cd3e111b-2e9c-41a2-99fd-17cb0fcbeb77">
                    <ul>
                        <li class="footernav-mobile__item">
                            <a class="footernav-mobile__link" href="/collections/london-stories/">
                                London stories
                            </a>
                        </li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/blog/"
   >
    Blog
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/collections/boroughs/"
   >
    Browse by borough
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/collections/time-periods/"
   >
    Browse by time period
    
    
    
</a>

</li>
                        
                    </ul>
                </div>
            </div>
        
    
        
            <div class="accordion" data-accordion>
                <button class="footernav-mobile__button accordion__button"
                        data-id="71fb8eb5-face-473c-bc7e-b028418c36e5"
                        data-accordion-button
                        aria-expanded="false"
                        id="accordion-item-heading-71fb8eb5-face-473c-bc7e-b028418c36e5">
                    Commercial
                    



<svg
    class="icon icon--chevron footernav-mobile__icon accordion__icon"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#chevron" href="#chevron"></use>
</svg>

                </button>
                <div data-id="71fb8eb5-face-473c-bc7e-b028418c36e5"
                     data-accordion-content
                     class="footernav-mobile__content accordion__content  accordion__hidden"
                     aria-labelledby="accordion-item-heading-71fb8eb5-face-473c-bc7e-b028418c36e5">
                    <ul>
                        <li class="footernav-mobile__item">
                            <a class="footernav-mobile__link" href="/commercial/">
                                Commercial
                            </a>
                        </li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/commercial/venue-hire/"
   >
    Venue hire
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/commercial/picture-library/"
   >
    Picture Library
    
    
    
</a>

</li>
                        
                            <li class="footernav-mobile__item">

    

<a class="footernav-mobile__link"
   href="/commercial/picture-library/location-filming/"
   >
    Location filming &amp; photography
    
    
    
</a>

</li>
                        
                    </ul>
                </div>
            </div>
        
    
</nav>
</div>
                <div class="hidden lg:block">


<nav class="footernav-desktop layout gap-y-6" aria-label="Tertiary">
    
        
            <ul class="col-span-3">
                <li class="footernav-desktop__item">
                    

    

<a class="footernav-desktop__link"
   href="/visit/"
   >
    Visit
    
    
    
        <span class="footernav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                </li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/smithfield/"
   >
    London Museum
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/docklands/"
   >
    London Museum Docklands
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/visit/families/"
   >
    Families
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/docklands/visit/"
   >
    Plan your visit
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/visit/ticketing-info/"
   >
    Ticketing info
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/docklands/visit/disability-access/"
   >
    Access
    
    
    
</a>

</li>
                
            </ul>
        
    
        
            <ul class="col-span-3">
                <li class="footernav-desktop__item">
                    

    

<a class="footernav-desktop__link"
   href="/whats-on/"
   >
    What&#x27;s on
    
    
    
        <span class="footernav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                </li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/docklands/free-galleries/"
   >
    Free galleries
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/docklands/visit/groups/"
   >
    Group visits
    
    
    
</a>

</li>
                
            </ul>
        
    
        
            <ul class="col-span-3">
                <li class="footernav-desktop__item">
                    

    

<a class="footernav-desktop__link"
   href="/collections/"
   >
    Objects &amp; Stories
    
    
    
        <span class="footernav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                </li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/collections/about/"
   >
    About our collections
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/collections/about/what-we-collect/"
   >
    What we collect
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/collections/faqs-access-enquiries/"
   >
    Collections access &amp; enquiries
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/collections/about/managing-our-collections/"
   >
    Managing our collections
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/collections/improving-our-collections/"
   >
    Improving our collections
    
    
    
</a>

</li>
                
            </ul>
        
    
        
            <ul class="col-span-3">
                <li class="footernav-desktop__item">
                    

    

<a class="footernav-desktop__link"
   href="/schools-communities/"
   >
    Schools &amp; Communities
    
    
    
        <span class="footernav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                </li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/schools-communities/schools/"
   >
    Schools
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/schools-communities/schools/sessions/"
   >
    Schools sessions
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/schools-communities/schools/resources/"
   >
    Schools resources
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/schools-communities/engagement/"
   >
    Community engagement
    
    
    
</a>

</li>
                
            </ul>
        
    
        
            <ul class="col-span-3">
                <li class="footernav-desktop__item">
                    

    

<a class="footernav-desktop__link"
   href="/about/"
   >
    About
    
    
    
        <span class="footernav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                </li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/about/our-locations/"
   >
    Our locations
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/about/careers/"
   >
    Careers
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/about/press/"
   >
    Press
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/supporting-london-museums/"
   >
    Supporting London Museums
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/about/policies/"
   >
    Policies
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/contact-us/"
   >
    Contact us
    
    
    
</a>

</li>
                
            </ul>
        
    
        
            <ul class="col-span-3">
                <li class="footernav-desktop__item">
                    

    

<a class="footernav-desktop__link"
   href="/support-us/"
   >
    Join &amp; Support
    
    
    
        <span class="footernav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                </li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/support-us/donate/"
   >
    Donate
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/support-us/memberships/"
   >
    Membership
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/support-us/corporate-partnerships/"
   >
    Corporate support
    
    
    
</a>

</li>
                
            </ul>
        
    
        
            <ul class="col-span-3">
                <li class="footernav-desktop__item">
                    

    

<a class="footernav-desktop__link"
   href="/collections/london-stories/"
   >
    London stories
    
    
    
        <span class="footernav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                </li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/blog/"
   >
    Blog
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/collections/boroughs/"
   >
    Browse by borough
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/collections/time-periods/"
   >
    Browse by time period
    
    
    
</a>

</li>
                
            </ul>
        
    
        
            <ul class="col-span-3">
                <li class="footernav-desktop__item">
                    

    

<a class="footernav-desktop__link"
   href="/commercial/"
   >
    Commercial
    
    
    
        <span class="footernav-desktop__icon">



<svg
    class="icon icon--arrow-right"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</span>
    
</a>

                </li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/commercial/venue-hire/"
   >
    Venue hire
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/commercial/picture-library/"
   >
    Picture Library
    
    
    
</a>

</li>
                
                    <li class="footernav-desktop__item">

    

<a class="footernav-desktop__link"
   href="/commercial/picture-library/location-filming/"
   >
    Location filming &amp; photography
    
    
    
</a>

</li>
                
            </ul>
        
    
</nav>
</div>
            </div>
        
        <div class="footer__logo-container">
            <img class="footer__logo footer__logo--col"
                 src="/static/images/logo-col.e98885915124.svg"
                 height="78"
                 width="58"
                 loading="lazy"
                 alt="City of London logo">
            <img class="footer__logo"
                 src="/static/images/logo-mayor-of-london.a7d58777322c.svg"
                 height="34"
                 width="181"
                 loading="lazy"
                 alt="Supported by Mayor of London logo">
            <img class="footer__logo"
                 src="/static/images/logo-ace.828cbdf6d65d.svg"
                 height="78"
                 width="248"
                 loading="lazy"
                 alt="Supported using public funding by Arts Council England logo">
        </div>
        <div class="footer__logo-supporting">
            <img class="footer__logo"
                 src="/static/images/logo-bloomberg.9bf144a4ead0.svg"
                 height="49"
                 width="157"
                 loading="lazy"
                 alt="Bloomberg Philanthropies">
            <p class="footer__supporting-text supporting">The London Museum website was developed with the support of Bloomberg Philanthropies’ Digital Accelerator for Arts and Culture.</p>
        </div>
        <div class="footer__credit">
            
                <div class="footer__legal layout">
                    <div class="col-span-12">
                        
<nav aria-label="Quaternary" class="footerlinks-nav">
    <ul class="footerlinks-nav__container col-span-12">
        
            <li class="footerlinks-nav__item supporting">
                

    

<a class="footerlinks-nav__link"
   href="/about/policies/terms-of-use/"
   >
    Terms of use
    
    
    
</a>


            </li>
        
            <li class="footerlinks-nav__item supporting">
                

    

<a class="footerlinks-nav__link"
   href="/about/policies/privacy/"
   >
    Privacy policy
    
    
    
</a>


            </li>
        
            <li class="footerlinks-nav__item supporting">
                

    

<a class="footerlinks-nav__link"
   href="/about/policies/cookies/"
   >
    Cookies
    
    
    
</a>


            </li>
        
            <li class="footerlinks-nav__item supporting">
                

    

<a class="footerlinks-nav__link"
   href="/about/policies/accessibility/"
   >
    Website accessibility policy
    
    
    
</a>


            </li>
        
    </ul>
</nav>

                    </div>
                </div>
            
            <div class="layout">
                <span class="col-span-12 supporting">Museum of London registered charity number 1139250</span>
            </div>
        </div>
    </div>
</footer>


        </div>

        
            
<div class="modal modal--email-signup"
     id="email-signup"
     aria-hidden="true"
     data-email-signup-modal
     data-delay="30000">
    <div class="modal__overlay" tabindex="-1" data-micromodal-close></div>
    <div class="modal__container"
         role="dialog"
         aria-modal="true"
         aria-labelledby="email-signup-title">
        <div class="flex">
            <div class="modal__content-wrapper">
                <header class="modal__header">
                    <h2 class="modal__heading heading heading--two" id="email-signup-title">
                        Get email updates
                    </h2>
                    <div class="modal__close">
                        <button class="icon-button icon-button--close"  data-micromodal-close aria-label="Close modal">
    <span class="u-sr-only">
        close
    </span>
    
        <span>



<svg
    class="icon icon--close"
    aria-hidden="true"
    focusable="false"
>
    <use xlink:href="#close" href="#close"></use>
</svg>
</span>
    
</button>

                    </div>
                </header>
                <main class="modal__content" id="email-signup-content">
                    <div class="modal__intro"><div class="rich-text"><p data-block-key="ly5ym">Hear about the latest events, exhibitions, stories and behind-the-scenes news from us.</p></div></div>
                    

<form  action="/signup/" class="form" method="post" > <div id="div_id_first_name" class="mb-3"> <label for="id_first_name" class="form__group-label block text-gray-700 text-sm font-bold mb-2">
            Enter your first name<span class="form__asterisk asteriskField">*</span> </label> <input type="text" name="first_name" maxlength="50" class="textinput block w-full appearance-none bg-white px-4 leading-normal focus:outline-none border-gray-300 rounded-lg text-gray-700 border py-2" required id="id_first_name"> </div> <div id="div_id_last_name" class="mb-3"> <label for="id_last_name" class="form__group-label block text-gray-700 text-sm font-bold mb-2">
            Enter your last name<span class="form__asterisk asteriskField">*</span> </label> <input type="text" name="last_name" maxlength="50" class="textinput block w-full appearance-none bg-white px-4 leading-normal focus:outline-none border-gray-300 rounded-lg text-gray-700 border py-2" required id="id_last_name"> </div> <div id="div_id_email_address" class="mb-3"> <label for="id_email_address" class="form__group-label block text-gray-700 text-sm font-bold mb-2">
            Enter your email<span class="form__asterisk asteriskField">*</span> </label> <input type="email" name="email_address" maxlength="254" class="emailinput block w-full appearance-none bg-white px-4 leading-normal focus:outline-none border-gray-300 rounded-lg text-gray-700 border py-2" required id="id_email_address"> </div> <div id="div_id_privacy_agreement" class="form__checkbox-wrapper mb-3"> <div class="form__label-wrapper mb-3"> <label for="id_privacy_agreement" class="checkbox_field"> <span class="checkbox_field__label block text-gray-700 text-sm font-bold mb-2">I agree to the <a href="/about/policies/privacy/">privacy policy</a>.</span> </label> </div> <input type="checkbox" name="privacy_agreement" class="checkboxinput " required id="id_privacy_agreement"> </div> <input type="hidden" name="next" value="/" id="id_next"> <script src="https://www.google.com/recaptcha/api.js?render=6Ld-VfwpAAAAAJr7IRWAssn2mWjkBO4yiwjlwWY1"></script>
<script>
    var element
    grecaptcha.ready(function() {
        element = document.querySelector('.g-recaptcha[data-widget-uuid="37eace4909734b4db2638f01b381c517"]');
        element.form.addEventListener('submit', recaptchaFormSubmit);
    });
    function recaptchaFormSubmit(event) {
        event.preventDefault();
        
        grecaptcha.execute('6Ld-VfwpAAAAAJr7IRWAssn2mWjkBO4yiwjlwWY1', {action: 'signup'})
        
        .then(function(token) {
            console.log("reCAPTCHA validated for 'data-widget-uuid=\"37eace4909734b4db2638f01b381c517\"'. Setting input value...")
            element.value = token;
            element.form.submit();
        });
    }
</script>

<input
    type="hidden"
    name="captcha"
     required_score="0.7" class="g-recaptcha" data-sitekey="6Ld-VfwpAAAAAJr7IRWAssn2mWjkBO4yiwjlwWY1" id="id_captcha" data-widget-uuid="37eace4909734b4db2638f01b381c517" data-callback="onSubmit_37eace4909734b4db2638f01b381c517" data-size="normal"
>

<div class="modal__footer">
<button type="submit"  class="form__button cta cta--primary" name="click"> <span class="button__label">Get email updates</span> <span class="cta__flourish"> <svg class="icon icon icon--link-flourish"
                 aria-hidden="true"
                 focusable="false"> <use xlink:href="#link-flourish" href="#link-flourish"></use> </svg> </span> </button>
</div> </form>

                </main>
            </div>
            <div class="modal__image hidden lg:block">
                
                    <img alt="Family Galleries" height="3137" loading="lazy" src="https://media.londonmuseum.org.uk/images/WagtailSource-Family-Galleries_R.width-1400.format-webp.webp" width="1400">
                
            </div>
        </div>
    </div>
</div>

        

        <script src="/static/js/main.ffce529d7468.js"></script>
        
        
    </body>
</html>
