Birmingham Museums memberships

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="Description" content="Birmingham Museums - Memberships"> <title>Birmingham Museums memberships</title>  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="/assets/frontend.css"> </head> <body> <header class="navigation"> <nav> <a href="/" class="home-link"><img src="/assets/img/bmag-logo.svg" alt="Birmingham Museums" width="180" class="logo"/></a> <ul class="menu"> <li><a href="https://www.birminghammuseums.org.uk/whats-on">What's On</a></li> <li><a href="https://www.birminghammuseums.org.uk/about">About</a></li> <li><a href="https://www.birminghammuseums.org.uk/collection">Collection</a></li> <li><a href="https://www.birminghammuseums.org.uk/schools">Schools</a></li> <li><a href="https://www.birminghammuseums.org.uk/blog">Blog</a></li> <li><a href="https://www.birminghammuseums.org.uk/support-us">Support Us</a></li> <li><a href="https://www.birminghammuseums.org.uk/get-involved">Get Involved</a></li> <li><a href="https://www.birminghammuseums.org.uk/venue-hire">Venue Hire</a></li> <li><a href="https://shop.birminghammuseums.org.uk/">Shop Online</a></li> <li><a href="https://www.birminghammuseums.org.uk/blog/tagged/latest-news">Latest News</a></li> <li><a href="https://www.birminghammuseums.org.uk/contact">Contact</a></li> </ul> <div class="icon-navigation"> <a href="#" class="js-search-toggle">Search</a> <a href="#" class="hamburger"><i class="fa fa-bars"></i><i class="fa fa-times"></i></a> </div> </nav> </header> <div class="search-container"> <form accept-charset="UTF-8" action="https://www.birminghammuseums.org.uk/search" method="get" class="js-search-form show"> <h3>Search <span>the website</span></h3> <div class="form-group"> <input class="form-control" id="q" name="q" placeholder="Search entire website" type="text" value=""/> </div> <button type="submit" class="btn btn-primary">Go</button> </form> </div> <script> const searchForm = document.querySelector(".js-search-form"); const nav = document.querySelector("nav"); const menu = document.querySelector(".menu"); const logo = document.querySelector(".logo"); document.querySelector(".js-search-toggle").addEventListener("click", function(ev){ ev.preventDefault(); if(nav.classList.contains('open') && menu.classList.contains('open')) { nav.classList.remove('open'); menu.classList.remove('open'); } document.querySelector(".js-search-form > .form-group > input").focus(); document.querySelector(".js-search-form").classList.toggle("show"); }) document.querySelector('.hamburger').addEventListener('click', function(e){ e.preventDefault(); if(!searchForm.classList.contains('show')) { searchForm.classList.add('show') } document.querySelector(".menu").classList.toggle("open"); document.querySelector("nav").classList.toggle("open"); }) </script><main> <header class="content-header"> <div class="content-header__content"> <div class="content-header__heading"> <h1>Become a Member</h1> <h2>Enjoy 12 months of inspirational days out</h2> </div> </div> </header> <div class="cms-content-homepage"> <ul> <li>FREE general entry to Birmingham Museums sites</li> <li>10% off in our cafés and shops</li> <li>Invitations to exclusive member events and previews</li> </ul> <ul> <li>Regular e-news</li> <li>10% off birthday parties at our sites*</li> <li>Your membership helps to support Birmingham Museums Trust and preserve our collections and venues</li> </ul> <p style="width: 100%;">* Applicable to all Birmingham Museums sites offering birthday parties, see our website for latest information</p> <p><strong>Memberships that require additional children must be purchased by calling our team on <a href="tel:01213488263">0121 348 8263</a>. We are unable to amend memberships once they have been processed.</strong></p> </div> <div class="membership-selector"> <div class="content-container "> <h3>Select a membership</h3> <ul> <li > <button type="button" class="js-membership-select" data-membership="adult"> Adult </button> </li> <li > <button type="button" class="js-membership-select" data-membership="concession"> Concession </button> </li> <li > <button type="button" class="js-membership-select" data-membership="family"> Family </button> </li> <li > <button type="button" class="js-membership-select" data-membership="joint-adult"> Joint Adult </button> </li> </ul> <script> //Add active class const listItems = document.querySelectorAll('li button.js-membership-select'); function handleClick(e) { e.preventDefault(); for(var i = 0; i < listItems.length; i++) { listItems[i].classList.remove('active'); } e.currentTarget.classList.add('active'); const widget = document.querySelector('#membership-widget'); setTimeout(function() { widget.scrollIntoView({block: "center", behavior: "smooth"}); }) } for(var i = 0; i < listItems.length; i++) { listItems[i].addEventListener('click', handleClick); } </script> </div> </div> <div class="membership-details-container"> <div class="panel membership-widget hide" id="membership-widget"> <h3 class="panel__subheading">Your Order</h3> <h2 class="panel__heading"><span data-label="name"></span> Membership</h2> <div class="panel__body"> <h1 class="">£<span data-label="price"></span></h1> <p data-label="tagline"></p> <div class="membership-widget__button-tray"> <a href="#" class="membership-widget__buy-link button">Buy</a> <a href="#" class="membership-widget__gift-link alt-button">Buy as a gift</a> </div> </div> </div> </div> </main> <footer class="footer"> <ul class="venues"> <li> <a href="https://www.birminghammuseums.org.uk/bmag"> <img class="under" src="/assets/img/venues/logo-bmag-white-ef33ba3a22920a1b7a6b6822362100ec.svg" alt="Birmingham Museum Art Gallery" /> <img class="over" src="/assets/img/venues/logo-bmag-white-text-8e5ce7e302adcead0fbee2fb10280a51.svg" alt="Birmingham Museum Art Gallery" /> </a> </li> <li> <a href="https://www.birminghammuseums.org.uk/thinktank"> <img class="under" src="/assets/img/venues/logo-thinktank-white-fceae8dcda1ec5865468b492e48ba001.svg" alt="birmingham thinktank"/> <img class="over" src="/assets/img/venues/logo-thinktank-white-text-d7fa34de2be45a900ba2704131336637.svg" alt="birmingham thinktank"/> </a> </li> <li> <a href="https://www.birminghammuseums.org.uk/aston"> <img class="under" src="/assets/img/venues/logo-aston-white-f4d2678218e0b95d3a4e55efde33e756.svg" alt="Birmingham Aston Hall" /> <img class="over" src="/assets/img/venues/logo-aston-white-text-a5183092767c675afc56c8a208e9c20e.svg" alt="Birmingham Aston Hall" /> </a> </li> <li> <a href="https://www.birminghammuseums.org.uk/blakesley"> <img class="under" src="/assets/img/venues/logo-blakesley-white-a08b441b2772b4827436973229a5a0fb.svg" alt="Birmingham Blakesley Hall" /> <img class="over" src="/assets/img/venues/logo-blakesley-white-text-d9e968d0dacfc6a998ba3b2c91f772fe.svg" alt="Birmingham Blakesley Hall" /> </a> </li> <li> <a href="https://www.birminghammuseums.org.uk/jewellery"> <img class="under" src="/assets/img/venues/logo-jewellery-white-105897836b4561007e0957c56db566d0.svg" alt="Museum of the Jewelry Quarter" /> <img class="over" src="/assets/img/venues/logo-jewellery-white-text-7a7b8a70a79c0a3495c2ab8065c4cd4a.svg" alt="Museum of the Jewelry Quarter" /> </a> </li> <li> <a href="https://www.birminghammuseums.org.uk/sarehole"> <img class="under" src="/assets/img/venues/logo-sarehole-white-a141a9872dc1a3040243c113f9459654.svg" alt="Sarehole Mill" /> <img class="over" src="/assets/img/venues/logo-sarehole-white-text-513146a27f1d6f175170a444b8a7c7e8.svg" alt="Sarehole Mill" /> </a> </li> <li> <a href="https://www.birminghammuseums.org.uk/soho"> <img class="under" src="/assets/img/venues/logo-soho-white-09322e96ae28cd414cb50c23ce0b1a2a.svg" alt="Birmingham Soho House" /> <img class="over" src="/assets/img/venues/logo-soho-white-text-4778a832caf8e184e3bb6498d86a6dc6.svg" alt="Birmingham Soho House" /> </a> </li> <li> <a href="https://www.birminghammuseums.org.uk/weoley"> <img class="under" src="/assets/img/venues/logo-weoley-white-3b5baa910e2e2a0812cf4b54be28ae08.svg" alt="Weosley Castle" /> <img class="over" src="/assets/img/venues/logo-weoley-white-text-79bfe2ddf5785fcd4a58b0d70317b7f0.svg" alt="Weosley Castle" /> </a> </li> </ul> <div class="call-to-action"> <div class="content-container"> <div class="footer-widget footer-widget-newsletter"> <h2>Sign up for our email newsletter</h2> <p class="gdpr">Please read our <a href="https://www.birminghammuseums.org.uk/privacy-policy">Privacy Policy</a> for details on how we use personal data and information. You must be 16 or over to sign up to receive our newsletter.</p> <form name="signup" id="signup" action="//r1.dmtrk.net/signup.ashx" method="post"> <input type="hidden" name="addressbookid" value="1257593">  <input type="hidden" name="userid" value="208690">  <input type="hidden" name="ReturnURL" value="//www.birminghammuseums.org.uk/thanks"> <div class="form-group"> <label for="fieldName" class="control-label">Name</label> <input id="fieldName" type="text" name="cd_FULLNAME" class="form-control" required=""> </div> <div class="form-group"> <label for="fieldEmail" class="control-label">Email</label> <input id="fieldEmail" type="text" name="Email" class="form-control" required=""> </div> <div class="form-group"> <input type="Submit" name="Submit" value="Subscribe" class="btn btn-default"> </div> </form> </div>  <div class="footer-widget footer-widget-social"> <h2>Find us on the web</h2> <ul> <li><a href="https://www.facebook.com/BirminghamMuseumandArtGallery" target="_blank" rel="noopener" aria-label="Visit out Facebook"> <i class="fa fa-facebook"></i> </a></li> <li><a href="https://twitter.com/bm_ag" target="_blank" rel="noopener" aria-label="Check us out on Twitter"> <i class="fa fa-twitter"></i> </a></li> <li><a href="https://www.instagram.com/birmingham_mag" target="_blank" rel="noopener" aria-label="Check us out on Instagram"><i class="fa fa-instagram"></i></a></li> <li><a href="https://www.youtube.com/user/birminghammag" target="_blank" rel="noopener" aria-label="Check us out on YouTube"><i class="fa fa-youtube"></i></a></li> </ul> </div>  <div class="footer-widget footer-widget-donate"> <h2>Donate to us with Justgiving</h2> <a href="https://www.justgiving.com/birminghammuseums" target="_blank" rel="noopener"> <img alt="Just giving" src="https://www.birminghammuseums.org.uk/assets/just-giving-5d3e78b7bfe8bb8e05c447c7a92a0348.svg"> </a> </div> </div> </div> <div class="sponsors"> <div class="row"> <ul> <li class="sponsor-birmingham-city-council"> <a href="http://www.birmingham.gov.uk/" target="_blank" rel="noopener"> <img alt="Sponsor accredited museum" src="/assets/img/sponsors/accredited-museum.svg"><span>Accredited Museum</span> </a> </li> <li class="sponsor-heritage-lottery-fund"> <a href="http://www.hlf.org.uk/" target="_blank" rel="noopener"> <img alt="Sponsor heritage lottery fund" src="/assets/img/sponsors/heritage-fund.svg"><span>Heritage Lottery Fund</span> </a> </li> <li class="sponsor-arts-council"> <a href="http://www.artscouncil.org.uk/" target="_blank" rel="noopener"> <img alt="Sponsor arts council" src="/assets/img/sponsors/arts-council-england.svg"><span>Arts Council</span> </a> </li> <li class="sponsor-accredited-museum"> <a href="http://www.artscouncil.org.uk/what-we-do/supporting-museums/accreditation-scheme/" target="_blank" rel="noopener"> <img alt="Sponsor birmingham city council" src="/assets/img/sponsors/birmingham-city-council.svg"><span>Birmingham City Council</span> </a> </li> <li class="sponsor-designated-collection"> <a href="http://www.artscouncil.org.uk/what-we-do/supporting-museums/designation-scheme/" target="_blank" rel="noopener"> <img alt="Sponsor designated collection" src="/assets/img/sponsors/designated-outstanding-collection.png"><span>Designated Collection</span> </a> </li> <li class="sponsor-charity-awards"> <a href="https://charityawards.co.uk/" target="_blank" rel="noopener"> <img alt="Sponsor charity awards" src="/assets/img/sponsors/the-charity-award-2019.png"><span>The Charity Awards 2019 - Overall Winner</span> </a> </li>  </ul> </div> </div> <div class="footer-nav"> <div class="footer-container"> <ul class="footer-navigation"> <li><a href="https://www.birminghammuseums.org.uk/privacy-policy">Privacy Policy</a></li> <li><a href="https://www.birminghammuseums.org.uk/bmag/sitemap">Sitemap</a></li> <li><a href="https://www.birminghammuseums.org.uk/website-accessibility">Website Accessibility</a></li> </ul> <p class="copyright">Birmingham Museums Trust 漏 2014</p> </div> </div> </footer>  <script src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js"></script> <script> (function(){ var errors = []; errors.forEach(function(error){ alert(error); }) })() </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-RM52XBM2KJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RM52XBM2KJ'); </script>  <script> (function(){ var planData = {"adult":{"slug":"adult","name":"Adult","tagline":"(Includes over 60s)","price":"35.00","stripe_price":3500,"seats":1,"childSeats":0},"concession":{"slug":"concession","name":"Concession","tagline":"(NUS Students\/Benefits. Excludes over 60s)\r\n <br\/>\r\n <a href=\"https:\/\/www.birminghammuseums.org.uk\/about\/our-organisation\/policies-plans-and-reports\/concessions-policy\" target=\"_blank\">View our concession policy<\/a>","price":"30.00","stripe_price":3000,"seats":1,"childSeats":0},"family":{"slug":"family","name":"Family","tagline":"(2 adults and up to 3 children)<br\/>To purchase a family membership with additional children<br\/>please call us on <a href=\"tel:01213488263\">0121 348 8263<\/a>","price":"95.00","stripe_price":9500,"seats":2,"childSeats":3},"joint-adult":{"slug":"joint-adult","name":"Joint Adult","tagline":"(Includes over 60s)","price":"65.00","stripe_price":6500,"seats":2,"childSeats":0}}; //On one of the membership buttons being clicked document.querySelector(".membership-selector").addEventListener("click", function(ev){ //Only if the button is clicked //.matches object pollyfill if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype.msMatchesSelector; } if(ev.target.matches(".js-membership-select")){ //console.log(ev.target.dataset.membership); //console.log(planData[ev.target.dataset.membership]); //Show the selector document.querySelector(".membership-widget").classList.remove("hide"); //Fill out the template const dataLabels = document.querySelectorAll(".membership-widget [data-label]"); for(var i = 0; i < dataLabels.length; i++) { dataLabels[i].innerHTML = planData[ev.target.dataset.membership][dataLabels[i].dataset.label]; } //Wire up the links document.querySelector(".membership-widget__buy-link").setAttribute("href", "/buy/" + ev.target.dataset.membership) document.querySelector(".membership-widget__gift-link").setAttribute("href", "/gift/" + ev.target.dataset.membership) } }) })() </script> </body> </html>

CINXE.COM

Birmingham Museums memberships