Footer

<div class="footer row bg-black padding-top-s5 padding-top-m10">
    <div class="container">
        <div class="grid">
            <div class=" grid__cell grid__cell--s12 grid__cell--m6 grid__cell--l3">
                <h3 class="footer__heading relative font-HNL5-s"><span class="hidden">Wellcome collection</span><a href="#" class="footer-nav__brand absolute"><svg width="128" height="42" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" aria-labelledby="wellcome-collection-white-title"><title id="wellcome-collection-white-title">Wellcome Collection</title><image class="logo-svg" xlink:href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20166.549%2056%22%3E%0A%20%20%3Cpolygon%20fill%3D%22white%22%20points%3D%2232.875%2C7.228%2025.238%2C7.228%2022.573%2C19.125%2022.424%2C19.125%2019.866%2C7.228%2013.009%2C7.228%2010.563%2C19.125%2010.489%2C19.125%207.635%2C7.228%200%2C7.228%206.004%2C26.463%2013.527%2C26.463%2016.381%2C14.64%2016.456%2C14.64%2019.236%2C26.463%2026.759%2C26.463%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M51.129%2C18.494c0-7.486-3.296-11.748-10.933-11.748%20c-6.079%2C0-10.154%2C4.56-10.154%2C10.155c0%2C6.411%2C4.629%2C10.043%2C10.784%2C10.043c4.373%2C0%2C8.415-1.929%2C9.896-6.078h-6.856%20c-0.592%2C0.927-1.89%2C1.371-3.077%2C1.371c-2.299%2C0-3.558-1.556-3.741-3.744H51.129z%20M37.085%2C14.677%20c0.333-2.075%2C1.592-3.225%2C3.78-3.225c1.888%2C0%2C3.223%2C1.446%2C3.223%2C3.225H37.085z%22/%3E%0A%09%3Crect%20fill%3D%22white%22%20x%3D%2250.636%22%20width%3D%227.34%22%20height%3D%2226.463%22/%3E%0A%09%3Crect%20fill%3D%22white%22%20x%3D%2259.712%22%20width%3D%227.338%22%20height%3D%2226.463%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M86.91%2C14.528c-0.445-5.299-4.744-7.782-9.783-7.782%20c-5.783%2C0-10.417%2C4.041-10.417%2C10.117c0%2C6.079%2C4.634%2C10.082%2C10.417%2C10.082c5.188%2C0%2C9.301-2.928%2C10.005-8.154h-7.005%20c-0.148%2C1.518-1.26%2C2.815-2.854%2C2.815c-2.817%2C0-3.225-2.407-3.225-4.744c0-2.334%2C0.408-4.779%2C3.225-4.779%20c0.778%2C0%2C1.409%2C0.22%2C1.853%2C0.629c0.48%2C0.409%2C0.742%2C1.037%2C0.814%2C1.816H86.91z%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M99.643%2C16.827c0%2C2.038-0.37%2C4.78-3.148%2C4.78c-2.781%2C0-3.15-2.742-3.15-4.78%20c0-2.039%2C0.369-4.743%2C3.15-4.743C99.273%2C12.083%2C99.643%2C14.788%2C99.643%2C16.827z%20M106.982%2C16.827c0-5.337-3.263-10.081-10.487-10.081%20c-7.228%2C0-10.488%2C4.744-10.488%2C10.081c0%2C5.335%2C3.261%2C10.118%2C10.488%2C10.118C103.719%2C26.945%2C106.982%2C22.162%2C106.982%2C16.827z%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M106.785%2C26.463h7.339V16.047c0-2.001%2C0.631-3.445%2C2.484-3.445%20c2.225%2C0%2C2.407%2C1.63%2C2.407%2C3.445v10.416h7.339V16.047c0-2.001%2C0.629-3.445%2C2.483-3.445c2.223%2C0%2C2.409%2C1.63%2C2.409%2C3.445v10.416h7.34%20V13.27c0-3.116-1.668-6.523-6.599-6.523c-4.782%2C0-6.263%2C2.779-6.56%2C3.002c-0.89-1.929-3.112-3.002-5.191-3.002%20c-2.666%2C0-4.816%2C0.814-6.299%2C3.04h-0.073V7.228h-7.08V26.463z%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M159.447%2C18.494c0-7.486-3.298-11.748-10.933-11.748%20c-6.077%2C0-10.155%2C4.56-10.155%2C10.155c0%2C6.411%2C4.634%2C10.043%2C10.785%2C10.043c4.374%2C0%2C8.414-1.929%2C9.896-6.078h-6.857%20c-0.591%2C0.927-1.889%2C1.371-3.074%2C1.371c-2.298%2C0-3.558-1.556-3.744-3.744H159.447z%20M145.403%2C14.677%20c0.332-2.075%2C1.593-3.225%2C3.78-3.225c1.889%2C0%2C3.225%2C1.446%2C3.225%2C3.225H145.403z%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M31.329%2C42.585c-0.445-5.299-4.745-7.783-9.783-7.783%20c-5.784%2C0-10.416%2C4.04-10.416%2C10.118C11.13%2C51%2C15.762%2C55%2C21.546%2C55c5.188%2C0%2C9.301-2.927%2C10.004-8.153h-7.003%20c-0.147%2C1.521-1.261%2C2.818-2.852%2C2.818c-2.82%2C0-3.226-2.411-3.226-4.745c0-2.335%2C0.406-4.782%2C3.226-4.782%20c0.775%2C0%2C1.407%2C0.225%2C1.854%2C0.631c0.481%2C0.407%2C0.737%2C1.038%2C0.813%2C1.816H31.329z%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M43.692%2C44.883c0%2C2.038-0.369%2C4.782-3.149%2C4.782s-3.149-2.744-3.149-4.782%20s0.369-4.745%2C3.149-4.745S43.692%2C42.845%2C43.692%2C44.883z%20M51.031%2C44.883c0-5.338-3.262-10.081-10.488-10.081%20c-7.229%2C0-10.488%2C4.743-10.488%2C10.081C30.055%2C50.22%2C33.314%2C55%2C40.543%2C55C47.77%2C55%2C51.031%2C50.22%2C51.031%2C44.883z%22/%3E%0A%09%3Crect%20fill%3D%22white%22%20x%3D%2250.647%22%20y%3D%2228.056%22%20width%3D%227.34%22%20height%3D%2226.464%22/%3E%0A%09%3Crect%20fill%3D%22white%22%20x%3D%2259.724%22%20y%3D%2228.056%22%20width%3D%227.338%22%20height%3D%2226.464%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M87.811%2C46.552c0-7.488-3.3-11.75-10.934-11.75%20c-6.077%2C0-10.152%2C4.559-10.152%2C10.155C66.725%2C51.369%2C71.357%2C55%2C77.508%2C55c4.373%2C0%2C8.413-1.926%2C9.896-6.076h-6.856%20c-0.595%2C0.925-1.891%2C1.37-3.077%2C1.37c-2.299%2C0-3.559-1.557-3.745-3.742H87.811z%20M73.765%2C42.734%20c0.333-2.075%2C1.596-3.225%2C3.779-3.225c1.891%2C0%2C3.226%2C1.447%2C3.226%2C3.225H73.765z%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M106.553%2C42.585c-0.443-5.299-4.743-7.783-9.784-7.783%20c-5.782%2C0-10.412%2C4.04-10.412%2C10.118C86.357%2C51%2C90.987%2C55%2C96.769%2C55c5.189%2C0%2C9.304-2.927%2C10.008-8.153h-7.006%20c-0.147%2C1.521-1.259%2C2.818-2.853%2C2.818c-2.819%2C0-3.227-2.411-3.227-4.745c0-2.335%2C0.407-4.782%2C3.227-4.782%20%20%20c0.778%2C0%2C1.407%2C0.225%2C1.854%2C0.631c0.481%2C0.407%2C0.738%2C1.038%2C0.812%2C1.816H106.553z%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M114.174%2C29.429h-7.34v5.854h-3.26v4.521h3.26v9.193%20c0%2C5.261%2C3.448%2C5.745%2C6.561%2C5.745c1.558%2C0%2C3.226-0.224%2C4.707-0.224v-5.559c-0.555%2C0.073-1.112%2C0.108-1.668%2C0.108%20c-1.854%2C0-2.26-0.775-2.26-2.556v-6.709h3.928v-4.521h-3.928V29.429z%22/%3E%0A%09%3Crect%20fill%3D%22white%22%20x%3D%22119.014%22%20y%3D%2228.056%22%20width%3D%227.336%22%20height%3D%225.153%22/%3E%0A%09%3Crect%20fill%3D%22white%22%20x%3D%22119.014%22%20y%3D%2235.284%22%20width%3D%227.336%22%20height%3D%2219.236%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M139.727%2C44.883c0%2C2.038-0.371%2C4.782-3.148%2C4.782%20c-2.781%2C0-3.151-2.744-3.151-4.782s0.37-4.745%2C3.151-4.745C139.356%2C40.138%2C139.727%2C42.845%2C139.727%2C44.883z%20M147.067%2C44.883%20c0-5.338-3.263-10.081-10.488-10.081c-7.228%2C0-10.489%2C4.743-10.489%2C10.081c0%2C5.337%2C3.262%2C10.117%2C10.489%2C10.117%20C143.804%2C55%2C147.067%2C50.22%2C147.067%2C44.883z%22/%3E%0A%09%3Cpath%20fill%3D%22white%22%20d%3D%22M146.537%2C54.52h7.337V44.365c0-3.075%2C1.669-3.706%2C2.93-3.706%20c2.149%2C0%2C2.408%2C1.556%2C2.408%2C3.78V54.52h7.338V41.324c0-4.41-3.15-6.521-6.596-6.521c-2.928%2C0-4.894%2C1.002-6.267%2C2.926h-0.072%20v-2.444h-7.078V54.52z%22/%3E%0A%3C/svg%3E%0A" src="/assets/images/wellcome-collection-white.png" width="128" height="42"></image></svg></a></h3>
                <div class="border-top-width-1 border-color-charcoal">
                    <div class="footer-nav">
                        <nav class="footer-nav__nav">
                            <ul class="plain-list footer-nav__list margin-top-s0 margin-left-s0 margin-bottom-s0 margin-right-s0 padding-top-s0 padding-left-s0 padding-bottom-s0 padding-right-s0">
                                <li class="footer-nav__item"><a id="footer-nav-0" href="https://wellcomecollection.org/visit" class="footer-nav__link font-WB7-s">Visit us</a>
                                </li>
                                <li class="footer-nav__item"><a id="footer-nav-1" href="/whats-on" class="footer-nav__link font-WB7-s">What&#x27;s on</a>
                                </li>
                                <li class="footer-nav__item"><a id="footer-nav-2" href="/explore" class="footer-nav__link font-WB7-s">Stories</a>
                                </li>
                                <li class="footer-nav__item"><a id="footer-nav-3" href="/works" class="footer-nav__link font-WB7-s">Images</a>
                                </li>
                                <li class="footer-nav__item"><a id="footer-nav-4" href="https://wellcomecollection.org/what-we-do" class="footer-nav__link font-WB7-s">What we do</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
            <div class="grid__cell grid__cell--s12 grid__cell--m6 grid__cell--l3">
                <h3 class="footer__heading font-HNL5-s">Finding us:</h3>
                <div class="find-us font-HNL5-s"><a href="https://www.google.co.uk/maps/dir//Wellcome+Collection,+Euston+Road,+London/@51.5258128,-0.136211,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48761b25f10b008f:0xed51ac6f865b038a!2m2!1d-0.133945!2d51.525851" class="find-us__link"><span class="find-us__address"><div class="icon float-l margin-right-s2 margin-right-m2 margin-right-l2 margin-right-xl2"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><circle class="icon__shape" cx="13" cy="10.14" r="2"></circle><path class="icon__shape" d="M13 2.14a8 8 0 0 0-8 8c0 3.77 5 14 8 14s8-10.23 8-14a8 8 0 0 0-8-8zm0 20c-1.49-.56-6-8.51-6-12a6 6 0 1 1 12 0c0 3.46-4.51 11.41-6 11.99z"></path></svg></svg></div><p><span class="find-us__street">183 Euston Road</span><span class="find-us__locality">London</span> <span class="find-us__postal-code">NW1 2BE</span><span class="find-us__country">UK</span></p></span><div class="find-us__map-container"><noscript>
          <img width='282' height='282' className='image' src=https://iiif.wellcomecollection.org/image/prismic:7a5b0931-e8b0-4568-8f46-9cb3f430bdb9_map.png/full/282,/0/default.png
            alt='Street map showing Wellcome Collection's location' />
        </noscript><img class="find-us__map lazy-image lazyload" src="https://iiif.wellcomecollection.org/image/prismic:7a5b0931-e8b0-4568-8f46-9cb3f430bdb9_map.png/full/282,/0/default.png" data-srcset="https://iiif.wellcomecollection.org/image/prismic:7a5b0931-e8b0-4568-8f46-9cb3f430bdb9_map.png/full/563,/0/default.png 563w, https://iiif.wellcomecollection.org/image/prismic:7a5b0931-e8b0-4568-8f46-9cb3f430bdb9_map.png/full/425,/0/default.png 425w, https://iiif.wellcomecollection.org/image/prismic:7a5b0931-e8b0-4568-8f46-9cb3f430bdb9_map.png/full/282,/0/default.png 282w, https://iiif.wellcomecollection.org/image/prismic:7a5b0931-e8b0-4568-8f46-9cb3f430bdb9_map.png/full/600,/0/default.png 600w" sizes="(min-width: 1420px) 282px, (min-width: 960px) calc(21.36vw - 17px), (min-width: 600px) calc(50vw - 54px), calc(100vw - 36px)" alt="Directions to Wellcome Collection"/></div></a>
                    <div class="find-us__mapbox"><a href="http://mapbox.com/about/maps" class="find-us__mapbox-wordmark">Mapbox</a>
                        <div class="find-us__mapbox-attribution-container font-HNL7-s"><a class="find-us__mapbox-credit-link find-us__mapbox-credit-link--first" href="https://www.mapbox.com/map-feedback/">© Mapbox | </a><a class="find-us__mapbox-credit-link" href="http://www.openstreetmap.org/copyright">© OpenStreetMap | </a>
                            <a class="find-us__mapbox-credit-link" href="https://www.mapbox.com/map-feedback/"><strong>Improve this map</strong>
                                </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid__cell grid__cell--s12 grid__cell--l6 grid__cell--xl6">
                <h3 class="footer__heading font-HNL5-s">Opening times:</h3>
            </div>
        </div>
        <div class="grid">
            <div class="grid__cell">
                <h3 class="footer__heading font-HNL5-s">Connect with us:</h3>
            </div>
        </div>
        <div class="footer-social">
            <div class="footer-social__cell">
                <a class="footer-social__link font-HNM6-s" href="https://twitter.com/explorewellcome">
                    <div class="icon margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M24.39 6.06a9 9 0 0 1-2.6.71 4.54 4.54 0 0 0 2-2.5 9.06 9.06 0 0 1-2.87 1.1 4.53 4.53 0 0 0-7.71 4.13 12.85 12.85 0 0 1-9.35-4.73 4.53 4.53 0 0 0 1.4 6 4.51 4.51 0 0 1-2-.57v.06a4.53 4.53 0 0 0 3.63 4.44 4.53 4.53 0 0 1-2 .08A4.53 4.53 0 0 0 9 18a9.08 9.08 0 0 1-5.62 1.94 9.18 9.18 0 0 1-1.08-.06 12.81 12.81 0 0 0 6.94 2A12.79 12.79 0 0 0 22.14 9v-.59a9.19 9.19 0 0 0 2.25-2.35z"></path></svg></svg>
                    </div><span class="footer-social__title">Twitter</span><span class="footer-social__service">Twitter</span></a>
            </div>
            <div class="footer-social__cell">
                <a class="footer-social__link font-HNM6-s" href="https://www.facebook.com/wellcomecollection/">
                    <div class="icon margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M17.7 13.67h-3.64v9.74h-3.71v-9.74H7.77v-3.51h2.58v-3c0-2.35 1.52-4.52 5-4.52a21.31 21.31 0 0 1 2.47.14l-.08 3.28h-2.21c-1.26 0-1.47.58-1.47 1.55v2.56h3.81z"></path></svg></svg>
                    </div><span class="footer-social__title">Facebook</span><span class="footer-social__service">Facebook</span></a>
            </div>
            <div class="footer-social__cell">
                <a class="footer-social__link font-HNM6-s" href="https://www.instagram.com/wellcomecollection/">
                    <div class="icon margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M22 9.14a6.89 6.89 0 0 0-.44-2.28 4.8 4.8 0 0 0-2.75-2.75 6.89 6.89 0 0 0-2.28-.44c-1 0-1.32-.06-3.87-.06s-2.87 0-3.87.06a6.89 6.89 0 0 0-2.28.44 4.8 4.8 0 0 0-2.74 2.75 6.89 6.89 0 0 0-.44 2.28c0 1-.06 1.32-.06 3.87s0 2.87.06 3.87a6.89 6.89 0 0 0 .44 2.28 4.8 4.8 0 0 0 2.75 2.75 6.89 6.89 0 0 0 2.28.44c1 0 1.32.06 3.87.06s2.87 0 3.87-.06a6.89 6.89 0 0 0 2.28-.44 4.8 4.8 0 0 0 2.75-2.75 6.89 6.89 0 0 0 .43-2.28c0-1 .06-1.32.06-3.87S22 10.14 22 9.14zm-1.69 7.66a5.2 5.2 0 0 1-.31 1.75 3.11 3.11 0 0 1-1.78 1.78 5.19 5.19 0 0 1-1.74.32c-1 0-1.29.05-3.79.05s-2.8 0-3.79-.05a5.19 5.19 0 0 1-1.74-.32 3.11 3.11 0 0 1-1.78-1.78A5.2 5.2 0 0 1 5 16.81V13c0-2.52 0-2.8.05-3.79a5.2 5.2 0 0 1 .32-1.74 3.11 3.11 0 0 1 1.76-1.78 5.19 5.19 0 0 1 1.74-.32c1 0 1.29-.05 3.79-.05s2.8 0 3.79.05a5.19 5.19 0 0 1 1.74.32A3.11 3.11 0 0 1 20 7.48a5.2 5.2 0 0 1 .32 1.74c0 1 .05 1.29.05 3.79s-.02 2.81-.06 3.8z"></path><path class="icon__shape" d="M12.66 8.19A4.82 4.82 0 1 0 17.49 13a4.82 4.82 0 0 0-4.83-4.81zm0 8A3.13 3.13 0 1 1 15.79 13a3.13 3.13 0 0 1-3.13 3.14z"></path><circle class="icon__shape" cx="17.68" cy="8" r="1.13"></circle></svg></svg>
                    </div><span class="footer-social__title">Instagram</span><span class="footer-social__service">Instagram</span></a>
            </div>
            <div class="footer-social__cell">
                <a class="footer-social__link font-HNM6-s" href="https://soundcloud.com/wellcomecollection">
                    <div class="icon margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M.74 13.3c-.13 0-.24 0-.25.1l-.37 1.85L.49 17c0 .06.12.1.25.1S1 17.1 1 17l.42-1.79L1 13.39c0-.05-.13-.09-.26-.09zm5.13-3.98c-.2 0-.35.11-.36.24l-.26 5.71.26 2.73c0 .13.17.24.36.24s.35-.11.36-.24l.3-2.73-.3-5.71c-.01-.14-.17-.24-.36-.24zM3.3 10.78c-.16 0-.3.09-.31.2l-.32 4.29L3 18c0 .11.14.19.31.19s.29-.09.31-.19L4 15.26 3.61 11c-.01-.13-.15-.22-.31-.22zm5.14-1.55c-.23 0-.41.13-.41.28l-.22 5.75L8 18c0 .16.19.28.41.28s.4-.12.41-.28l.24-2.68-.22-5.81c0-.15-.18-.28-.4-.28zm14 2.63a3.4 3.4 0 0 0-1.28.25A5.75 5.75 0 0 0 15.36 7a6.07 6.07 0 0 0-2.11.38c-.25.09-.32.19-.32.38v10.11a.39.39 0 0 0 .36.38h9.15a3.2 3.2 0 1 0 0-6.39zM11 8.34c-.25 0-.45.15-.46.33l-.17 6.59.17 2.65c0 .18.21.33.46.33s.45-.15.46-.33l.19-2.65-.19-6.59c-.01-.18-.21-.33-.46-.33z"></path></svg></svg>
                    </div><span class="footer-social__title">Soundcloud</span><span class="footer-social__service">Soundcloud</span></a>
            </div>
            <div class="footer-social__cell">
                <a class="footer-social__link font-HNM6-s" href="https://www.youtube.com/user/WellcomeCollection">
                    <div class="icon margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M22.85 9.58A4.51 4.51 0 0 0 22 7.51a3 3 0 0 0-2.09-.88c-2.92-.21-7.29-.21-7.29-.21s-4.38 0-7.29.21a3 3 0 0 0-2.09.88 4.51 4.51 0 0 0-.83 2.07 31.52 31.52 0 0 0-.2 3.42v1.58a31.52 31.52 0 0 0 .21 3.37A4.51 4.51 0 0 0 3.25 20a3.53 3.53 0 0 0 2.3.89c1.67.16 7.09.21 7.09.21s4.38 0 7.3-.22A3 3 0 0 0 22 20a4.51 4.51 0 0 0 .83-2.07 31.57 31.57 0 0 0 .21-3.37V13a31.57 31.57 0 0 0-.19-3.42zm-12.37 6.87v-5.86l5.63 2.94z"></path></svg></svg>
                    </div><span class="footer-social__title">YouTube</span><span class="footer-social__service">YouTube</span></a>
            </div>
            <div class="footer-social__cell">
                <a class="footer-social__link font-HNM6-s" href="https://www.tripadvisor.co.uk/Attraction_Review-g186338-d662065-Reviews-Wellcome_Collection-London_England.html">
                    <div class="icon margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><circle class="icon__shape" cx="6.3" cy="14.9" r="1.05"></circle><circle class="icon__shape" cx="19.24" cy="14.88" r="1.05"></circle><path class="icon__shape" d="M6.46 11.77a3.12 3.12 0 1 0 3.12 3.13 3.12 3.12 0 0 0-3.12-3.13zm0 5.29a2.16 2.16 0 1 1 2.16-2.16 2.16 2.16 0 0 1-2.16 2.16z"></path><path class="icon__shape" d="M25.89 8.57h-4.3A15.48 15.48 0 0 0 13 6.17a16.2 16.2 0 0 0-8.83 2.4H0a6 6 0 0 1 1.29 2.57A6.43 6.43 0 0 0 11.53 19 16.21 16.21 0 0 1 13 21s.92-1.38 1.44-2a6.43 6.43 0 0 0 10.2-7.84 6 6 0 0 1 1.25-2.59zM6.53 20.09a5.18 5.18 0 1 1 5.18-5.18 5.18 5.18 0 0 1-5.18 5.18zm0-11.61A16.48 16.48 0 0 1 13 7.24a15.46 15.46 0 0 1 6.2 1.24 6.43 6.43 0 0 0-6.2 6.43 6.43 6.43 0 0 0-6.46-6.43zM19.4 20.09a5.18 5.18 0 1 1 5.18-5.18 5.18 5.18 0 0 1-5.18 5.18z"></path><path class="icon__shape" d="M19.4 11.76a3.12 3.12 0 1 0 3.12 3.12 3.12 3.12 0 0 0-3.12-3.12zm0 5.29a2.16 2.16 0 1 1 2.16-2.16A2.16 2.16 0 0 1 19.4 17z"></path></svg></svg>
                    </div><span class="footer-social__title">TripAdvisor</span><span class="footer-social__service">TripAdvisor</span></a>
            </div>
        </div>
        <div class="footer__bottom">
            <div class="footer__left margin-bottom-s2 margin-bottom-l0">
                <div class="footer__strap font-HNM6-s margin-right-m4 margin-right-l6">
                    <div class="icon ">
                        <canvas class="icon__canvas" height="26" width="26"></canvas>
                        <svg class="icon__svg" aria-hidden="true">
                    <svg viewBox="0 0 170.1 170.1">
                        <path class="icon__shape" d="M203.1 178.9V-20.8h-37.3v9H13.4v-7.3h-32v7.3h-12.7v29h12.7v161.7h-14.7v35.3h242.7v-35.3h-6.3zM22.1 43.8l27.2-3.2 12.1 46.1 12.1-46.1H86c6.6 0 11.1 3.2 13 10 .7 2.6 5 18.5 9.6 36.1l12.1-46.1 27.3 3-22.7 86.4s-10.7-3.2-20.1-5.9c-6.9-2-10.9-5.9-12.5-11.9-1.1-4-3.9-14.3-7.6-28.4L72.9 130s-14.2-4.2-21.1-6.1c-6.7-1.8-10.2-6.3-11.9-12.9-2.8-10.2-17.8-67.2-17.8-67.2z"></path>
                    </svg>
                        </svg>
                    </div><span class="footer__strap-text">The free museum and library from Wellcome</span>
                </div>
                <div class="footer__licensing font-HNM6-s padding-right-xl2">
                    <div class="footer__licensing-icons">
                        <div class="icon ">
                            <canvas class="icon__canvas" height="26" width="26"></canvas>
                            <svg class="icon__svg" aria-hidden="true">
                        <svg viewBox="0 0 26 26">
                            <path class="icon__shape" d="M10.17 14.85a1.24 1.24 0 0 1-1.09-.52 2.38 2.38 0 0 1-.37-1.4q0-1.93 1.46-1.93a1.29 1.29 0 0 1 .63.19 1.49 1.49 0 0 1 .57.68l1.46-.76a3 3 0 0 0-2.9-1.55 3.07 3.07 0 0 0-2.28.91 3.35 3.35 0 0 0-.9 2.46 3.36 3.36 0 0 0 .89 2.48 3.17 3.17 0 0 0 2.35.89 3.2 3.2 0 0 0 2.85-1.71l-1.34-.68a1.36 1.36 0 0 1-1.33.94z"></path>
                            <path class="icon__shape" d="M23 8.75a10.45 10.45 0 0 0-2.33-3.5 10.6 10.6 0 0 0-7.76-3.18A10.27 10.27 0 0 0 5.3 5.23a10.91 10.91 0 0 0-2.4 3.56 10.85 10.85 0 0 0 0 8.28 10.83 10.83 0 0 0 2.38 3.52A10.93 10.93 0 0 0 8.8 23a10.57 10.57 0 0 0 4.12.82 10.82 10.82 0 0 0 4.17-.82 11.17 11.17 0 0 0 3.61-2.41 10 10 0 0 0 2.3-3.48 11.08 11.08 0 0 0 .79-4.18A11.06 11.06 0 0 0 23 8.75zm-3.69 10.41a9.37 9.37 0 0 1-3 2 8.82 8.82 0 0 1-6.76 0 9.2 9.2 0 0 1-4.83-4.86 8.62 8.62 0 0 1 0-6.75 9.35 9.35 0 0 1 2-2.92A8.42 8.42 0 0 1 13 4a8.6 8.6 0 0 1 6.31 2.62 8.69 8.69 0 0 1 1.92 2.87 8.93 8.93 0 0 1 .66 3.42 8.35 8.35 0 0 1-2.58 6.25z"></path>
                            <path class="icon__shape" d="M16.43 14.85a1.24 1.24 0 0 1-1.09-.52 2.38 2.38 0 0 1-.37-1.4Q15 11 16.43 11a1.32 1.32 0 0 1 .65.19 1.49 1.49 0 0 1 .57.68l1.44-.76a3 3 0 0 0-2.87-1.57 3.07 3.07 0 0 0-2.28.91 3.35 3.35 0 0 0-.9 2.46 3.38 3.38 0 0 0 .88 2.48 3.17 3.17 0 0 0 2.36.89 3.14 3.14 0 0 0 1.65-.46 3.34 3.34 0 0 0 1.2-1.25l-1.36-.68a1.36 1.36 0 0 1-1.34.96z"></path>
                        </svg>
                            </svg>
                        </div>
                        <div class="icon ">
                            <canvas class="icon__canvas" height="26" width="26"></canvas>
                            <svg class="icon__svg" aria-hidden="true">
                        <svg viewBox="0 0 26 26">
                            <path class="icon__shape" d="M13 9a1.34 1.34 0 0 0 1.51-1.51A1.35 1.35 0 0 0 13 6a1.35 1.35 0 0 0-1.51 1.53A1.34 1.34 0 0 0 13 9z"></path>
                            <path class="icon__shape" d="M20.74 5.29A10.5 10.5 0 0 0 13 2.14a10.41 10.41 0 0 0-7.63 3.15A10.65 10.65 0 0 0 2.17 13a10.46 10.46 0 0 0 3.2 7.67A10.52 10.52 0 0 0 13 23.88a10.74 10.74 0 0 0 7.78-3.24A10.25 10.25 0 0 0 23.9 13a10.51 10.51 0 0 0-3.16-7.71zm-1.36 14a8.72 8.72 0 0 1-6.33 2.66 8.58 8.58 0 0 1-6.29-2.64A8.54 8.54 0 0 1 4.13 13a8.74 8.74 0 0 1 2.66-6.3 8.46 8.46 0 0 1 6.27-2.6 8.57 8.57 0 0 1 6.29 2.6 8.59 8.59 0 0 1 2.59 6.3 8.28 8.28 0 0 1-2.56 6.24z"></path>
                            <path class="icon__shape" d="M15.27 9.62H10.8a.7.7 0 0 0-.7.7v4.44h1.24V20h3.38v-5.24H16v-4.45a.66.66 0 0 0-.21-.49.68.68 0 0 0-.52-.2z"></path>
                        </svg>
                            </svg>
                        </div>
                    </div>
                    <p class="footer__licensing-copy">Except where otherwise noted, content on this site is licensed under a
                        <a class="footer__licensing-link" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International Licence</a>
                    </p>
                </div>
            </div>
            <nav class="footer__hygiene-nav">
                <ul class="plain-list footer__hygiene-list margin-top-s0 margin-left-s0 margin-bottom-s0 margin-right-s0 padding-left-s0 padding-bottom-s0 padding-right-s0">
                    <li class="footer__hygiene-item font-HNM6-s"><a href="https://wellcome.ac.uk/jobs" class="footer__hygiene-link">Jobs</a>
                    </li>
                    <li class="footer__hygiene-item font-HNM6-s"><a href="https://wellcome.ac.uk/about-us/terms-use" class="footer__hygiene-link">Privacy</a>
                    </li>
                    <li class="footer__hygiene-item font-HNM6-s"><a href="https://wellcome.ac.uk/about-us/terms-use" class="footer__hygiene-link">Cookies</a>
                    </li>
                    <li class="footer__hygiene-item font-HNM6-s"><a href="https://wellcomecollection.org/press" class="footer__hygiene-link">Press</a>
                    </li>
                    <li class="footer__hygiene-item font-HNM6-s"><a href="https://developers.wellcomecollection.org" class="footer__hygiene-link">Developers</a>
                    </li>
                    <li class="footer__hygiene-item font-HNM6-s"><a href="#top" class="footer__hygiene-link footer__hygiene-link--back-to-top"><span>Back to top</span><div class="icon icon--270"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M22.7 12.6l-7.5-7.5c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l5.8 5.8H3.9c-.6 0-1 .4-1 1s.4 1 1 1h15.7l-5.8 5.8c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l7.5-7.5c.4-.4.4-1 0-1.4z"></path></svg></svg></div></a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</div>
// @flow
import {spacing, font, grid} from '../../../utils/classnames';
import FooterWellcomeLogo from '../FooterWellcomeLogo/FooterWellcomeLogo';
import FooterNav from '../FooterNav/FooterNav';
import FindUs from '../FindUs/FindUs';
import OpeningHours from '../OpeningHours/OpeningHours';
import FooterSocial from '../FooterSocial/FooterSocial';
import Icon from '../Icon/Icon';
import type {PlacesOpeningHours} from '../../../model/opening-hours';

type Props = {|
  openingHoursId: string,
  extraClasses: string,
  groupedVenues: {
    [string]: PlacesOpeningHours
  },
  upcomingExceptionalOpeningPeriods: {dates: Date[], type: string}[]
|}

const Footer = ({openingHoursId, extraClasses, groupedVenues, upcomingExceptionalOpeningPeriods}: Props) => (
  <div className={`footer row bg-black ${spacing({s: 5, m: 10}, {padding: ['top']})}`}>
    <div className='container'>
      <div className='grid'>
        <div className={` ${grid({s: 12, m: 6, l: 3})}`}>
          <h3 className={`footer__heading relative ${font({s: 'HNL5'})}`}>
            <span className='hidden'>Wellcome collection</span>
            <a href='#' className='footer-nav__brand absolute'>
              <FooterWellcomeLogo />
            </a>
          </h3>
          <div className='border-top-width-1 border-color-charcoal'>
            <FooterNav />
          </div>
        </div>
        <div className={`${grid({s: 12, m: 6, l: 3})}`}>
          <h3 className={`footer__heading ${font({s: 'HNL5'})}`}>Finding us:</h3>
          <FindUs />
        </div>
        <div className={`${grid({s: 12, l: 6, xl: 6})}`}>
          <h3 className={`footer__heading ${font({s: 'HNL5'})}`}>Opening times:</h3>
          <OpeningHours
            extraClasses={extraClasses}
            groupedVenues={groupedVenues}
            upcomingExceptionalOpeningPeriods={upcomingExceptionalOpeningPeriods} />
        </div>
      </div>
      <div className='grid'>
        <div className='grid__cell'>
          <h3 className={`footer__heading ${font({s: 'HNL5'})}`}>Connect with us:</h3>
        </div>
      </div>
      <FooterSocial />
      <div className='footer__bottom'>
        <div className={`footer__left ${spacing({s: 2, l: 0}, {margin: ['bottom']})}`}>
          <div className={`footer__strap ${font({s: 'HNM6'})} ${spacing({m: 4, l: 6}, {margin: ['right']})}`}>
            <Icon name='wellcome' />
            <span className='footer__strap-text'>The free museum and library from Wellcome</span>
          </div>
          <div className={`footer__licensing ${font({s: 'HNM6'})} ${spacing({xl: 2}, {padding: ['right']})}`}>
            <div className='footer__licensing-icons'>
              <Icon name='cc' />
              <Icon name='ccBy' />
            </div>
            <p className='footer__licensing-copy'>Except where otherwise noted, content on this site is licensed under a <a className='footer__licensing-link' href='https://creativecommons.org/licenses/by/4.0/'> Creative Commons Attribution 4.0 International Licence</a></p>
          </div>
        </div>
        <nav className='footer__hygiene-nav'>
          <ul className={`plain-list footer__hygiene-list ${spacing({s: 0}, {margin: ['top', 'left', 'bottom', 'right'], padding: ['left', 'bottom', 'right']})}`}>
            <li className={`footer__hygiene-item ${font({s: 'HNM6'})}`}>
              <a href='https://wellcome.ac.uk/jobs' className='footer__hygiene-link'>Jobs</a>
            </li>
            <li className={`footer__hygiene-item ${font({s: 'HNM6'})}`}>
              <a href='https://wellcome.ac.uk/about-us/terms-use' className='footer__hygiene-link'>Privacy</a>
            </li>
            <li className={`footer__hygiene-item ${font({s: 'HNM6'})}`}>
              <a href='https://wellcome.ac.uk/about-us/terms-use' className='footer__hygiene-link'>Cookies</a>
            </li>
            <li className={`footer__hygiene-item ${font({s: 'HNM6'})}`}>
              <a href='https://wellcomecollection.org/press' className='footer__hygiene-link'>Press</a>
            </li>
            <li className={`footer__hygiene-item ${font({s: 'HNM6'})}`}>
              <a href='https://developers.wellcomecollection.org' className='footer__hygiene-link'>Developers</a>
            </li>
            <li className={`footer__hygiene-item ${font({s: 'HNM6'})}`}>
              <a href='#top' className='footer__hygiene-link footer__hygiene-link--back-to-top'>
                <span>Back to top</span>
                <Icon name='arrow' extraClasses='icon--270' />
              </a>
            </li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
);

export default Footer;
{
  "id": "cardy-footer",
  "extraClasses": null
}

There are no notes for this item.