CINXE.COM
Choose Thing | Maywood Public Library
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html xmlns='http://www.w3.org/1999/xhtml' lang='en'> <head> <meta charset='utf-8'> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'/ > <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:bold,bolditalic,lighter,wght@100..900"> <title>Choose Thing | Maywood Public Library</title> <!--Font Awesome --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <!-- Latest compiled and minified CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <!-- //Custom theme --> <link rel='stylesheet' href='/things/assets/layout_bs5.css' media='all'> <!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <!-- Latest compiled and minified JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <!-- datatables --> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/dt-1.11.4/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/bs5/dt-1.11.4/datatables.min.js"></script> <!-- bootstrap-select --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script> <!-- tinyMCE --> <script src="//cdn.tinymce.com/4/tinymce.min.js"></script> <script type='text/javascript'> tinymce.init({ selector: 'textarea', menubar:false, statusbar: false }); </script> <!-- ToolTip for Nav Menu --> <script> document.addEventListener("DOMContentLoaded", function(){ var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); var tooltipList = tooltipTriggerList.map(function(element){ return new bootstrap.Tooltip(element); }); }); </script> </head><body> <!-- Is this library a branch in a consortium? --> <div id="modalAccount" class="modal fade in" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title"><strong><i class="fa fa-user"></i> My Account</strong></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-8 offset-sm-2"> <form method="POST" action="/things/account/?code=maywnj07607"> <div class="form-group mb-3"> <input type="text" name="user" id="user" placeholder="Card Number" class="form-control" required="required" pattern=".+|.+" title="Please Enter a Valid Card Number" value=""> </div> <div class="form-group mb-3"> <input name='pin' type='password' width='100' placeholder='PIN/Password' class='form-control' required="required" /> </div> <input type='hidden' name='logged_in' value='1' /> <div class="form-group mb-3"> <button type="submit" class="btn btn-lg btn-block btn-thing"><span class="fa fa-log-in"></span> Log In</button> </div> </form> </div> </div> </div> </div> </div> </div> <!--Navigation Menu --> <nav class="navbar navbar-expand-lg navbar-light bg-default" style="padding-top:.7em;padding-bottom:.7em;"> <div class="container"> <a class='navbar-brand' href='/things/?code=maywnj07607' aria-label="Back Home"><img src="https://museumkey.s3.us-east-1.amazonaws.com/img/layout/admin_logo.png" height="40" alt="LendingKey"></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li> <form class="input-group w-auto my-auto d-sm-flex" method="GET" action="/things//byThing/"> <input type="hidden" name="code" value="maywnj07607" /> <input autocomplete="off" type="search" class="form-control me-2" placeholder="Search" style="min-width: 125px" name="qu" value="" /> <button class="btn btn-outline-secondary" type="submit" aria-label="Search"><i class="fas fa-search"></i></button> </form> </li> </ul> <ul class="navbar-nav navbar-right mr-3"> <li> <a class="nav-link" href="/things/byThing/?code=maywnj07607 &branchID=217" data-bs-toggle="tooltip" data-bs-placement="bottom" title="By Item"> <span role="img" aria-label="By Item"><i class="fa-solid fa-gears fa-lg" aria-hidden="true"></i></span> <span class="collapse" id="navbarSupportedContent">By Item</span> </a> </li> <li> <a class="nav-link" href="/things/byCategory/?code=maywnj07607&branchID=217" data-bs-toggle="tooltip" data-bs-placement="bottom" title="By Category"> <span role="img" aria-label="By Category"><i class="fa-solid fa-filter fa-lg" aria-hidden="true"></i></span> <span class="collapse" id="navbarSupportedContent">By Category</span> </a> </li> <li> <a class="nav-link" href="/things/byDate/?code=maywnj07607&branchID=217" data-bs-toggle="tooltip" data-bs-placement="bottom" title="By Date"> <span role="img" aria-label="By Date"><i class="fa-solid fa-calendar-days fa-lg" aria-hidden="true"></i></span> <span class="collapse" id="navbarSupportedContent">By Date</span> </a> </li> <li> <a class="nav-link" href="/things/help/?code=maywnj07607" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Help"> <span role="img" aria-label="Help"><i class="fa-solid fa-circle-question fa-lg" aria-hidden="true"></i></span> <span class="collapse" id="navbarSupportedContent">Help</span> </a> </li> <li> <span data-bs-toggle="modal" data-bs-target="#modalAccount" > <a class="nav-link" href="#" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Login"> <span role="img" aria-label="Login"><i class="fa-solid fa-right-to-bracket fa-lg" aria-hidden="true"></i></span> <span class="collapse" id="navbarSupportedContent" style="font-size:12px; font-weight:bold;">Login</span> </a> </span> </li> </ul> </div> </div> </nav> <!--Navigation Menu End--> <div class="container"><div class='row mt-3'> <div class='logo_container mt-3' > <a href="/things/?code=maywnj07607"><img name='' src="https://museumkey.s3.us-east-1.amazonaws.com/img/site/maywnj07607.png" alt="Header Banner for Maywood Public Library" width="100%" /></a> </div> <div class='col-md-12 offset-md-0'> <div class='card card-default round-panel-not-top'> <div class='card-body'> <div class="alert alert-primary" role="alert"> Narrowed By <strong>Experiences</strong> </div> <h1 class="text-center page_header ">Which thing would you </br>like to borrow?</h1> <p class="text-center"> <a href="#" data-bs-toggle="modal" data-bs-target="#modalFilter"> <strong><span class="fa fa-filter"></span> Filter</strong> </a> </p> <div class="col-sm-12 offset-sm-0"> </div> <div id="modalFilter" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center"><strong><span class="fa fa-filter"></span> Filter</strong></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-8 offset-sm-2"> <form method="GET"> <input type="hidden" name="code" value="maywnj07607"> <input type="hidden" name="branchID" value="217" /> <div class="formgroup text-center"> <h4>Categories</h4> <hr> <select name="catID" class="form-select" > <option value="3" >Arts & Crafts</option> <option value="20" >Brain Exercises</option> <option value="1" >Electronics & Technology</option> <option value="29" selected>Experiences</option> <option value="39" >Games & Hobbies</option> <option value="28" >Games: Board & Table</option> <option value="31" >Health</option> <option value="30" >iPads</option> <option value="15" >Kindles</option> <option value="5" >Kitchen Equipment</option> <option value="4" >Musical Instruments</option> <option value="9" >Recreation</option> <option value="24" >Science & Education</option> <option value="52" >Sensory</option> <option value="14" >STEAM Kits</option> <option value="32" >Storytime Kits</option> <option value="8" >Tools</option> <option value="2" >Video Games</option> <option value="12" >Yard Games</option> </select> </div> </div> <div class="col-sm-8 offset-sm-2"> <div class="formgroup"> <button type="submit" class="btn btn-lg btn-block btn-thing">Filter</button> </div> </form> </div> <div class="col-sm-8 offset-sm-2"> <form method="GET"> <input type="hidden" name="code" value="maywnj07607"> <input type="hidden" name="branchID" value="217" /> </div> <div class="col-sm-8 offset-sm-2"> <div class="formgroup"> <button type="submit" class="btn btn-lg btn-block btn-thing">Clear Filter</button> </div> </form> </div> </div> </div> </div> </div> </div> <div class="row" style='padding:15px;'> <!-- jac : added outer row div as is required by 'CARD' CSS --> <div class="col-md-4 mb-5"> <a data-bs-toggle="modal" data-bs-target="#modal_10793" href="#"> <div class="card panel-default text-center" style="height:250px;"> <div class="card-body"> <p><img src="https://museumkey.s3.us-east-1.amazonaws.com/img/things/!_Default_Image.png" height="150" width="150" alt="Museum Pass: 9/11 Memorial & Museum" class=""></p> <p>Museum Pass: 9/11 Memorial & Museum</p> </div> </div> </a> <div class="modal fade" id="modal_10793" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center"><strong><i class="fa fa-cogs" aria-hidden="true"></i> Museum Pass: 9/11 Memorial & Museum</strong></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-6 offset-sm-0" style="border-right: 1px solid #999;"> <p><p>Reserve a pass for the date you will pick it up at the library, NOT the date you plan to visit the museum.</p><p>Museums have their own rules regarding COVID safety and some may require appointments for visits. Pass terms are subject to change. Please contact the museum directly for further information.</p><p>A $25 cash deposit is required at pickup and will be returned when the pass is returned.</p><p>Passes may be reserved and picked up by Maywood Library Card holders age 18 and over ONLY.</p><p>Passes may be checked out for 4 days, including the date of pickup/reservation.</p><p>A patron can only reserve one pass at a time, and reservations are limited to one per month per patron.</p><p>The Maywood Public Library would like to thank the Hackbarth Foundation for their generosity in making this program possible.</p></p> </div> <div class="col-sm-6 offset-sm-0"> <a href="../listDate/?code=maywnj07607&branchID=217&musID=10793"> <button type="submit" class="btn btn-lg btn-block btn-thing">Check Dates</button> </a> </div> </div> </div> </div> </div> </div> </div> <!-- jac : col4 mb3 --> <div class="col-md-4 mb-5"> <a data-bs-toggle="modal" data-bs-target="#modal_4996" href="#"> <div class="card panel-default text-center" style="height:250px;"> <div class="card-body"> <p><img src="https://museumkey.s3.us-east-1.amazonaws.com/img/things/!_Default_Image.png" height="150" width="150" alt="Museum Pass: Guggenheim" class=""></p> <p>Museum Pass: Guggenheim</p> </div> </div> </a> <div class="modal fade" id="modal_4996" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center"><strong><i class="fa fa-cogs" aria-hidden="true"></i> Museum Pass: Guggenheim</strong></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-6 offset-sm-0" style="border-right: 1px solid #999;"> <p><p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">Reserve a pass for the date you will <strong style="box-sizing: border-box;">pick it up at the library</strong>, NOT the date you plan to visit the museum.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">Museums have their own rules regarding COVID safety and some may require appointments for visits. Please contact the museum directly for further information.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">A $25 deposit is required at pickup and will be returned when the pass is returned.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">Passes may be reserved and picked up by Maywood Library Card holders age 18 and over ONLY.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">Passes may be checked out for 4 days, including the date of pickup/reservation.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">A patron can only reserve one pass at a time, and reservations are limited to one per month per patron.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">The Maywood Public Library would like to thank the Hackbarth Foundation for their generosity in making this program possible.</p></p> </div> <div class="col-sm-6 offset-sm-0"> <a href="../listDate/?code=maywnj07607&branchID=217&musID=4996"> <button type="submit" class="btn btn-lg btn-block btn-thing">Check Dates</button> </a> </div> </div> </div> </div> </div> </div> </div> <!-- jac : col4 mb3 --> <div class="col-md-4 mb-5"> <a data-bs-toggle="modal" data-bs-target="#modal_4968" href="#"> <div class="card panel-default text-center" style="height:250px;"> <div class="card-body"> <p><img src="https://museumkey.s3.us-east-1.amazonaws.com/img/things/!_Default_Image.png" height="150" width="150" alt="Museum Pass: Intrepid" class=""></p> <p>Museum Pass: Intrepid</p> </div> </div> </a> <div class="modal fade" id="modal_4968" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center"><strong><i class="fa fa-cogs" aria-hidden="true"></i> Museum Pass: Intrepid</strong></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-6 offset-sm-0" style="border-right: 1px solid #999;"> <p><p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">Reserve a pass for the date you will <strong style="box-sizing: border-box;">pick it up at the library</strong>, NOT the date you plan to visit the museum.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">Museums have their own rules regarding COVID safety and some may require appointments for visits. Pass terms are subject to change. Please contact the museum directly for further information.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">A $25 deposit is required at pickup and will be returned when the pass is returned.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">Passes may be reserved and picked up by Maywood Library Card holders age 18 and over ONLY.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">Passes may be checked out for 4 days, including the date of pickup/reservation.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">A patron can only reserve one pass at a time, and reservations are limited to one per month per patron.</p> <p style="box-sizing: border-box; margin: 0px 0px 10px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: #ffffff;">The Maywood Public Library would like to thank the Hackbarth Foundation for their generosity in making this program possible.</p></p> </div> <div class="col-sm-6 offset-sm-0"> <a href="../listDate/?code=maywnj07607&branchID=217&musID=4968"> <button type="submit" class="btn btn-lg btn-block btn-thing">Check Dates</button> </a> <a href="https://www.intrepidmuseum.org/" target="_blank"><p style="font-size: 14px;margin-top:15px;"><span class="fa fa-info-circle"></span> Instructional Guide</p></a> </div> </div> </div> </div> </div> </div> </div> <!-- jac : col4 mb3 --> <div class="col-md-4 mb-5"> <a data-bs-toggle="modal" data-bs-target="#modal_7966" href="#"> <div class="card panel-default text-center" style="height:250px;"> <div class="card-body"> <p><img src="https://museumkey.s3.us-east-1.amazonaws.com/img/things/!_Default_Image.png" height="150" width="150" alt="Museum Pass: MOMA" class=""></p> <p>Museum Pass: MOMA</p> </div> </div> </a> <div class="modal fade" id="modal_7966" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center"><strong><i class="fa fa-cogs" aria-hidden="true"></i> Museum Pass: MOMA</strong></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-6 offset-sm-0" style="border-right: 1px solid #999;"> <p><p>Reserve a pass for the date you will pick it up at the library, NOT the date you plan to visit the museum.</p> <p>Museums have their own rules regarding COVID safety and some may require appointments for visits. Pass terms are subject to change. Please contact the museum directly for further information.</p> <p>A $25 cash deposit is required at pickup and will be returned when the pass is returned.</p> <p>Passes may be reserved and picked up by Maywood Library Card holders age 18 and over ONLY.</p> <p>Passes may be checked out for 4 days, including the date of pickup/reservation.</p> <p>A patron can only reserve one pass at a time, and reservations are limited to one per month per patron.</p> <p>The Maywood Public Library would like to thank the Hackbarth Foundation for their generosity in making this program possible.</p></p> </div> <div class="col-sm-6 offset-sm-0"> <a href="../listDate/?code=maywnj07607&branchID=217&musID=7966"> <button type="submit" class="btn btn-lg btn-block btn-thing">Check Dates</button> </a> </div> </div> </div> </div> </div> </div> </div> <!-- jac : col4 mb3 --> <div class="col-md-4 mb-5"> <a data-bs-toggle="modal" data-bs-target="#modal_7888" href="#"> <div class="card panel-default text-center" style="height:250px;"> <div class="card-body"> <p><img src="https://museumkey.s3.us-east-1.amazonaws.com/img/things/!_Default_Image.png" height="150" width="150" alt="Museum Pass: Montclair Art Museum" class=""></p> <p>Museum Pass: Montclair Art Museum</p> </div> </div> </a> <div class="modal fade" id="modal_7888" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center"><strong><i class="fa fa-cogs" aria-hidden="true"></i> Museum Pass: Montclair Art Museum</strong></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-6 offset-sm-0" style="border-right: 1px solid #999;"> <p><p>Reserve a pass for the date you will pick it up at the library, NOT the date you plan to visit the museum.</p> <p>Museums have their own rules regarding COVID safety and some may require appointments for visits. Pass terms are subject to change. Please contact the museum directly for further information.</p> <p>A $25 cash deposit is required at pickup and will be returned when the pass is returned.</p> <p>Passes may be reserved and picked up by Maywood Library Card holders age 18 and over ONLY.</p> <p>Passes may be checked out for 4 days, including the date of pickup/reservation.</p> <p>A patron can only reserve one pass at a time, and reservations are limited to one per month per patron.</p> <p>The Maywood Public Library would like to thank the Hackbarth Foundation for their generosity in making this program possible.</p></p> </div> <div class="col-sm-6 offset-sm-0"> <a href="../listDate/?code=maywnj07607&branchID=217&musID=7888"> <button type="submit" class="btn btn-lg btn-block btn-thing">Check Dates</button> </a> </div> </div> </div> </div> </div> </div> </div> <!-- jac : col4 mb3 --> <div class="col-md-4 mb-5"> <a data-bs-toggle="modal" data-bs-target="#modal_10559" href="#"> <div class="card panel-default text-center" style="height:250px;"> <div class="card-body"> <p><img src="https://museumkey.s3.us-east-1.amazonaws.com/img/things/!_Default_Image.png" height="150" width="150" alt="Museum Pass: Newark Museum of Art" class=""></p> <p>Museum Pass: Newark Museum of Art</p> </div> </div> </a> <div class="modal fade" id="modal_10559" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center"><strong><i class="fa fa-cogs" aria-hidden="true"></i> Museum Pass: Newark Museum of Art</strong></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-6 offset-sm-0" style="border-right: 1px solid #999;"> <p><p>Reserve a pass for the date you will pick it up at the library, NOT the date you plan to visit the museum.</p><p>Museums have their own rules regarding COVID safety and some may require appointments for visits. Pass terms are subject to change. Please contact the museum directly for further information.</p><p>A $25 cash deposit is required at pickup and will be returned when the pass is returned.</p><p>Passes may be reserved and picked up by Maywood Library Card holders age 18 and over ONLY.</p><p>Passes may be checked out for 4 days, including the date of pickup/reservation.</p><p>A patron can only reserve one pass at a time, and reservations are limited to one per month per patron.</p><p>The Maywood Public Library would like to thank the Hackbarth Foundation for their generosity in making this program possible.</p></p> </div> <div class="col-sm-6 offset-sm-0"> <a href="../listDate/?code=maywnj07607&branchID=217&musID=10559"> <button type="submit" class="btn btn-lg btn-block btn-thing">Check Dates</button> </a> </div> </div> </div> </div> </div> </div> </div> <!-- jac : col4 mb3 --> <div class="col-md-4 mb-5"> <a data-bs-toggle="modal" data-bs-target="#modal_8447" href="#"> <div class="card panel-default text-center" style="height:250px;"> <div class="card-body"> <p><img src="https://museumkey.s3.us-east-1.amazonaws.com/img/things/!_Default_Image.png" height="150" width="150" alt="Museum Pass: Storm King Art Center" class=""></p> <p>Museum Pass: Storm King Art Center</p> </div> </div> </a> <div class="modal fade" id="modal_8447" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center"><strong><i class="fa fa-cogs" aria-hidden="true"></i> Museum Pass: Storm King Art Center</strong></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-6 offset-sm-0" style="border-right: 1px solid #999;"> <p><p>Admits one car with up to 6 individuals (admission is by car). </p><p>Reserve a pass for the date you will pick it up at the library, NOT the date you plan to visit the museum.</p><p>Museums have their own rules regarding COVID safety and some may require appointments for visits. Pass terms are subject to change. Please contact the museum directly for further information.</p><p>A $25 cash deposit is required at pickup and will be returned when the pass is returned.</p><p>Passes may be reserved and picked up by Maywood Library Card holders age 18 and over ONLY.</p><p>Passes may be checked out for 4 days, including the date of pickup/reservation.</p><p>A patron can only reserve one pass at a time, and reservations are limited to one per month per patron.</p><p>The Maywood Public Library would like to thank the Hackbarth Foundation for their generosity in making this program possible.</p></p> </div> <div class="col-sm-6 offset-sm-0"> <a href="../listDate/?code=maywnj07607&branchID=217&musID=8447"> <button type="submit" class="btn btn-lg btn-block btn-thing">Check Dates</button> </a> </div> </div> </div> </div> </div> </div> </div> <!-- jac : col4 mb3 --> </div><!-- // row jac --> </div></div></div></div> <script> $('.passinfo .details').on('click', function(e) { e.preventDefault(); var $this = $(this); var $collapse = $this.closest('.collapse-group').find('.collapse'); $collapse.collapse('toggle'); }); </script> </body></html>