London Museum

<!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'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.744521649d77.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> <a href="#main-content" class="skip-link" data-skip-link>Skip to main content</a> <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="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.95cc5d278cb1.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'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 & 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 & 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 & 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'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 & 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/boroughs/" > What'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 & 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/community-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/community-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 & 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'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'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 & 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 & 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/boroughs/" > What'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 & 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 & 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/community-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/community-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 & 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 & 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/9173"> <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="Visitors walking through the free galleries at London Museum Docklands. ©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">Visitors walking through the free galleries at London Museum Docklands. ©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/WagtailSource-Visito.59f8370f.fill-1000x500.format-webp.webp" data-video fetchpriority="high"> <source src="https://dams.londonmuseum.org.uk/asset/fd18904b-51bc-4be3-88f3-cb7a71dc90e5/WebPrimary/240723_DocklandsGeneral_v03.webm" type="video/webm"> <source src="https://dams.londonmuseum.org.uk/asset/fd18904b-51bc-4be3-88f3-cb7a71dc90e5/WebFallback/240723_DocklandsGeneral_v03.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">Delve into the hidden stories & 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> <span class="hero-video-trigger hero-video-trigger--on-top" data-hero-parallax-trigger-show></span> <div class="sf"> <div class="sf__block sf__block--featured_event"> <div class="featured featured--purple"> <div class="featured__image-container"> <img srcset="https://media.londonmuseum.org.uk/images/Victorian-Santa-s-Gro.282e86fa.fill-750x750.format-webp.webp 750w, https://media.londonmuseum.org.uk/images/Victorian-Santa-s-Gr.282e86fa.fill-1050x550.format-webp.webp 1050w, https://media.londonmuseum.org.uk/images/Victorian-Santa-s-G.282e86fa.fill-2700x1400.format-webp.webp 2700w" sizes="100vw" class="featured__image" src="https://media.londonmuseum.org.uk/images/Victorian-Santa-s-G.282e86fa.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="Victorian Santa's Grotto 2019 crop. John Chase. ©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">Victorian Santa's Grotto 2019 crop. John Chase. ©London Museum</span> </button> </div> </div> </div> <div class="layout featured__content-container animate 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 - Activity</p> <h2 class="heading-cta__heading heading heading--one">Victorian Santa's grotto</h2> <div class="heading-cta__action"> <div class="block-"><a class="cta cta--primary" href="/whats-on/santas-grotto/" aria-label="Find out more about Victorian Santa's grotto"> <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>1 – 23 Dec 2024</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 & 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" data-clickable-card> <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're counting down – the new London Museum will open in 2026 in Smithfield</p> </div> </div> </div> </div> </li> <li class="page-nav__item col-span-12 md:col-span-6"> <div class="card" data-clickable-card> <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_zHWTcGJ.webp 320w, https://media.londonmuseum.org.uk/images/wagtailsource-new-signage-outside.width-496.format-webp_QLkPbOd.webp 768w, https://media.londonmuseum.org.uk/images/wagtailsource-new-signage-outsid.width-1122.format-webp_R6a72hw.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_R6a72hw.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'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 "> <div class="card__container" data-clickable-card> <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/WagtailSource-Remebrance-Bell.width-532.format-webp.webp 320w, https://media.londonmuseum.org.uk/images/WagtailSource-Remebrance-Bell.width-496.format-webp.webp 768w, https://media.londonmuseum.org.uk/images/WagtailSource-Remebrance-Bell.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-Remebrance-Bell.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/african-remembrance-day-story-remembrance-uk/"> <h3 class="card__heading heading heading--two">The story of remembrance in the UK</h3> </a> <div class="card__description"> <div class="card__dates"> <p>14 Dec 2024</p> </div> <div class="card__category"> <p>Talk</p> </div> <div class="card__summary"> <p>Marking 30 years of African Remembrance Day</p> </div> </div> </div> </div> </div> </li> <li class="glide__slide"> <div class="card card--event "> <div class="card__container" data-clickable-card> <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/Victorian-Santa-s-grotto-2019_cro.width-532.format-webp.webp 320w, https://media.londonmuseum.org.uk/images/Victorian-Santa-s-grotto-2019_cro.width-496.format-webp.webp 768w, https://media.londonmuseum.org.uk/images/Victorian-Santa-s-grotto-2019_cr.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/Victorian-Santa-s-grotto-2019_cr.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/santas-grotto-quiet-sessions/"> <h3 class="card__heading heading heading--two">Victorian Santa's grotto – quiet sessions</h3> </a> <div class="card__description"> <div class="card__dates"> <p>1 – 23 Dec 2024</p> </div> <div class="card__category"> <p>Activity</p> </div> <div class="card__summary"> <p>Meet Santa in a quiet, calm and relaxed environment</p> </div> </div> </div> </div> </div> </li> <li class="glide__slide"> <div class="card card--event "> <div class="card__container" data-clickable-card> <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/wagtailsource-early-years-only-da.width-532.format-webp.webp 320w, https://media.londonmuseum.org.uk/images/wagtailsource-early-years-only-da.width-496.format-webp.webp 768w, https://media.londonmuseum.org.uk/images/wagtailsource-early-years-only-d.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-early-years-only-d.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/tots-at-the-docks/"> <h3 class="card__heading heading heading--two">Tots at the docks</h3> </a> <div class="card__description"> <div class="card__dates"> <p>11 Dec 2024</p> </div> <div class="card__category"> <p>Activity</p> </div> <div class="card__summary"> <p>Free monthly play sessions inspired by the history of London's 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-JOSEPH-.3e761b32.fill-750x750.format-webp.webp 750w, https://media.londonmuseum.org.uk/images/WagtailSource-JOSEPH.3e761b32.fill-1050x550.format-webp.webp 1050w, https://media.londonmuseum.org.uk/images/WagtailSource-JOSEP.3e761b32.fill-2700x1400.format-webp.webp 2700w" sizes="100vw" class="featured__image" src="https://media.londonmuseum.org.uk/images/WagtailSource-JOSEP.3e761b32.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="JOSEPH MERRICK - THE ELEPHANT MAN crop. External Copyright. Courtesy of alamy.com" 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">JOSEPH MERRICK - THE ELEPHANT MAN crop. External Copyright. Courtesy of alamy.com</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">Health & Disease</p> <h2 class="heading-cta__heading heading heading--one">Joseph Merrick: 'The Elephant Man'</h2> <div class="heading-cta__action"> <div class="block-page"><a class="cta cta--primary" href="/collections/london-stories/joseph-merrick-elephant-man/"> <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="vawhz">The life of a Victorian Whitechapel resident made famous because of his physical disabilities</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 & 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" data-clickable-card> <div class="card__container"> <div class="card__type hidden md:flex">Rights & Activism</div> <div class="card__image-container"> <img srcset="https://media.londonmuseum.org.uk/images/wagtailsource-barbara-lisicki.width-532.format-webp.webp 320w, https://media.londonmuseum.org.uk/images/wagtailsource-barbara-lisicki.width-496.format-webp.webp 768w, https://media.londonmuseum.org.uk/images/wagtailsource-barbara-lisicki.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-barbara-lisicki.width-1122.format-webp.webp" alt="" loading="lazy" class="card__image"> </div> <div class="card__text-container"> <div class="card__type md:hidden">Rights & Activism</div> <a class="card__link" href="/collections/london-stories/barbara-lisicki-disability-rights-pioneer/"> <h3 class="card__heading heading heading--two"> Barbara Lisicki: A disability rights pioneer </h3> </a> <div class="card__description"> <p>Lisicki led the charge to win civil rights for disabled people in the 1990s</p> </div> </div> </div> </div> </li> <li class="glide__slide"> <div class="card" data-clickable-card> <div class="card__container"> <div class="card__type hidden md:flex">Games & Sports</div> <div class="card__image-container"> <img srcset="https://media.londonmuseum.org.uk/images/WagtailSource-Ice-on-Hampstead-He.width-532.format-webp.webp 320w, https://media.londonmuseum.org.uk/images/WagtailSource-Ice-on-Hampstead-He.width-496.format-webp.webp 768w, https://media.londonmuseum.org.uk/images/WagtailSource-Ice-on-Hampstead-H.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-Ice-on-Hampstead-H.width-1122.format-webp.webp" alt="" loading="lazy" class="card__image"> </div> <div class="card__text-container"> <div class="card__type md:hidden">Games & Sports</div> <a class="card__link" href="/collections/london-stories/fun-frost-outdoor-ice-skating-london/"> <h3 class="card__heading heading heading--two"> Fun in the frost: Outdoor ice skating in London </h3> </a> <div class="card__description"> <p>Londoners have skated on the city’s frozen lakes and ponds for centuries</p> </div> </div> </div> </div> </li> <li class="glide__slide"> <div class="card" data-clickable-card> <div class="card__container"> <div class="card__type hidden md:flex">Trades & Workers</div> <div class="card__image-container"> <img srcset="https://media.londonmuseum.org.uk/images/wagtailsource-lollipop-lady.width-532.format-webp.webp 320w, https://media.londonmuseum.org.uk/images/wagtailsource-lollipop-lady.width-496.format-webp.webp 768w, https://media.londonmuseum.org.uk/images/wagtailsource-lollipop-lady.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-lollipop-lady.width-1122.format-webp.webp" alt="" loading="lazy" class="card__image"> </div> <div class="card__text-container"> <div class="card__type md:hidden">Trades & Workers</div> <a class="card__link" href="/collections/london-stories/city-of-londons-last-lollipop-lady/"> <h3 class="card__heading heading heading--two"> The City of London’s last lollipop lady </h3> </a> <div class="card__description"> <p>And the history of London’s traffic stoppers</p> </div> </div> </div> </div> </li> <li class="glide__slide"> <div class="card" data-clickable-card> <div class="card__container"> <div class="card__type hidden md:flex">Rights & Activism</div> <div class="card__image-container"> <img srcset="https://media.londonmuseum.org.uk/images/wagtailsource-2003_46_108-tif.width-532.format-webp.webp 320w, https://media.londonmuseum.org.uk/images/wagtailsource-2003_46_108-tif.width-496.format-webp.webp 768w, https://media.londonmuseum.org.uk/images/wagtailsource-2003_46_108-tif.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-2003_46_108-tif.width-1122.format-webp.webp" alt="" loading="lazy" class="card__image"> </div> <div class="card__text-container"> <div class="card__type md:hidden">Rights & Activism</div> <a class="card__link" href="/collections/london-stories/sophia-duleep-singh-suffragette-princess/"> <h3 class="card__heading heading heading--two"> Sophia Duleep Singh: The Suffragette princess </h3> </a> <div class="card__description"> <p>For this Punjabi royal, winning women’s vote was worth breaking the law</p> </div> </div> </div> </div> </li> <li class="glide__slide"> <div class="card" data-clickable-card> <div class="card__container"> <div class="card__type hidden md:flex">Immigration & Identity</div> <div class="card__image-container"> <img srcset="https://media.londonmuseum.org.uk/images/wagtailsource-chinese-restaurant-.width-532.format-webp.webp 320w, https://media.londonmuseum.org.uk/images/wagtailsource-chinese-restaurant-.width-496.format-webp.webp 768w, https://media.londonmuseum.org.uk/images/wagtailsource-chinese-restaurant.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-chinese-restaurant.width-1122.format-webp.webp" alt="" loading="lazy" class="card__image"> </div> <div class="card__text-container"> <div class="card__type md:hidden">Immigration & Identity</div> <a class="card__link" href="/collections/london-stories/limehouse-londons-first-chinatown/"> <h3 class="card__heading heading heading--two"> Limehouse: London’s first Chinatown </h3> </a> <div class="card__description"> <p>The Chinese communities who lived in this pocket of the East End</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" data-clickable-card> <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" data-clickable-card> <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 & 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" data-clickable-card> <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" data-clickable-card> <div class="card__container"> <div class="card__image-container"> <img srcset="https://media.londonmuseum.org.uk/images/wagtailsource-permane.76d10131.fill-640x480.format-webp.webp 320w, https://media.londonmuseum.org.uk/images/wagtailsource-permane.76d10131.fill-600x450.format-webp.webp 768w, https://media.londonmuseum.org.uk/images/wagtailsource-permane.76d10131.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.76d10131.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' 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"> <div class="location__header" data-clickable-card> <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"> <div class="location__header" data-clickable-card> <img src="https://media.londonmuseum.org.uk/images/wagtailsource-new-sig.a6b73f0e.fill-249x281.format-webp.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 & 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</p><p data-block-key="bhrl3">Free entry</p></div> </div> </div> </li> <li class="footer-locations__item glide__slide"> <div class="location"> <div class="location__header" data-clickable-card> <img src="https://media.londonmuseum.org.uk/images/wagtailsource-laarc_5.2429a497.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">Currently closed to the public</p></div> </div> </div> </li> <li class="footer-locations__item glide__slide"> <div class="location"> <div class="location__header" data-clickable-card> <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'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'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 & 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 & 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-and-enquiries/" > Collections access & 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 & 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 & 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/community-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 & 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 & 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 & 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'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 & 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-and-enquiries/" > Collections access & 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 & 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/community-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 & 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 & 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/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="45000"> <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="asteriskField">*</span> </label> <input type="text" name="first_name" maxlength="255" class="textinput px-4 appearance-none rounded-lg border-gray-300 w-full block focus:outline-none leading-normal py-2 bg-white border text-gray-700" 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="asteriskField">*</span> </label> <input type="text" name="last_name" maxlength="255" class="textinput px-4 appearance-none rounded-lg border-gray-300 w-full block focus:outline-none leading-normal py-2 bg-white border text-gray-700" 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="asteriskField">*</span> </label> <input type="email" name="email_address" maxlength="254" class="emailinput px-4 appearance-none rounded-lg border-gray-300 w-full block focus:outline-none leading-normal py-2 bg-white border text-gray-700" 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 type="text/javascript"> var element grecaptcha.ready(function() { element = document.querySelector('.g-recaptcha[data-widget-uuid="41b44cbfc3644709aecf16539702bcd6"]'); 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=\"41b44cbfc3644709aecf16539702bcd6\"'. 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="41b44cbfc3644709aecf16539702bcd6" data-callback="onSubmit_41b44cbfc3644709aecf16539702bcd6" 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_o.width-1400.format-webp.webp" width="1400"> </div> </div> </div> </div> <script src="/static/js/main.3da38e1fe5c6.js"></script> </body> </html>

CINXE.COM

London Museum | Home