CINXE.COM

Library Journal

<!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"> <head> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script src="//cdn.blueconic.net/mediasource.js"></script> <title>Library Journal</title> <meta name="keywords" content="Library Journal Junior Library Guild, jlg, library, librarian, books, collection development, reading categories, reading levels." /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" type="text/css" href="/webfiles/1732514926030/css/bootstrap3.3.7.min.css"/> <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> --> <!-- Jquery pluging for Pagination --> <script src="/webfiles/1732514926030/js/jquery.simplePagination.js" type="text/javascript"></script> <!-- <script type="text/javascript" src="path_to/jquery.simplePagination.js"></script> --> <!-- Latest compiled JavaScript --> <script src="/webfiles/1732514926030/js/bootstrap3.3.7.min.js" type="text/javascript"></script> <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> --> <!-- ReCAPTCHA plugin --> <script src='https://www.google.com/recaptcha/api.js'></script> <!-- fa fa Icons --> <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> --> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <!-- <link href="http://lj.libraryjournal.com/wp-content/themes/news/images/favicon.ico" rel="Shortcut Icon" type="image/x-icon" /> --> <link href="/webfiles/1732514926030/images/LJ_logo.ico" rel="Shortcut Icon" type="image/x-icon" /> <!-- <link rel="stylesheet" type="text/css" href="/webfiles/1732514926030/css/header.css"/> --> <link rel="stylesheet" type="text/css" href="/webfiles/1732514926030/css/font-awesome.css"/> <link rel="stylesheet" type="text/css" href="/webfiles/1732514926030/css/style.css"/> <link rel="stylesheet" type="text/css" href="/webfiles/1732514926030/css/movers.css"/> <link rel="stylesheet" type="text/css" href="/webfiles/1732514926030/css/subscription.css"/> <script src="/webfiles/1732514926030/js/swiper.min.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="/webfiles/1732514926030/css/swiper.min.css"/> <link rel="canonical" href="https://www.libraryjournal.com/page/account-dashboard"/> <script> function myFunction() { var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"; } } </script> <script type="text/javascript"> var analyticsFileTypes = ['']; var analyticsSnippet = 'enabled'; var analyticsEventTracking = 'enabled'; </script> <!-- Global site tag (gtag.js) - Google Analytics --> <!-- Google Tag Manager --> <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-KKLCXJW');</script> <!-- End Google Tag Manager --> <script type="text/javascript"> function divSwap(div1,div2) { d1 = document.getElementById(div1); d2 = document.getElementById(div2); if( d2.style.display == "none" ) { d1.style.display = "none"; d2.style.display = "block"; } else { d1.style.display = "block"; d2.style.display = "none"; } } </script> <script async="async" src="https://www.googletagservices.com/tag/js/gpt.js"> </script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script type='text/javascript'> var networkCode = 3245306; var adUnit = 'lj'; var slotName = "/" + networkCode + "/" + adUnit; var theme = ''; var pid = 'account-dashboard'; var pgtype = 'special-project'; function breakpointval(){ var width = window.innerWidth; if(width<768){ return "mobile"; }else if(width<993){ return "tablet"; }else if(width>992){ return "desktop"; } } function customerName() { if ($.cookie('customerToken') != undefined) { var customerDetails = JSON.parse($.cookie('customerData')); return customerDetails.firstname; } } var breakpoint = breakpointval(); var loggedin =(customerName())?"yes":"no"; var newsletter = ''; var test = ''; googletag.cmd.push(function() { var topMapping = googletag.sizeMapping(). addSize([768, 0], [728, 90]). addSize([0, 0], [300, 50]). build(); googletag.defineSlot(slotName, [[728, 90], [300, 50]], 'header_tag_desktop') .defineSizeMapping(topMapping) .addService(googletag.pubads()) .setTargeting("pos", "top"); googletag.defineSlot(slotName, [300, 250], 'themelanding1') .addService(googletag.pubads()) .setTargeting("pos", "mid1"); googletag.pubads().setTargeting("theme",theme); googletag.pubads().setTargeting("pid",pid); googletag.pubads().setTargeting("pgtype",pgtype); googletag.pubads().setTargeting("breakpoint",breakpoint); googletag.pubads().setTargeting("loggedin",loggedin); googletag.pubads().setTargeting("newsletter",newsletter); googletag.pubads().setTargeting("test",test); googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(); googletag.pubads().enableLazyLoad(); googletag.enableServices(); }); </script> <script> function userName() { if ($.cookie('customerToken') != undefined) { var customerDetails = JSON.parse($.cookie('customerData')); if(customerDetails.firstname == "LJ") return "Free User"; else return "loggedin" } } var usertyp =(userName())?userName():"NotLogged"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'dimensions':{ 'category': theme, 'user type': usertyp } }); </script> <script>/*<![CDATA[*/(function(w,a,b,d,s){w[a]=w[a]||{};w[a][b]=w[a][b]||{q:[],track:function(r,e,t){this.q.push({r:r,e:e,t:t||+new Date});}};var e=d.createElement(s);var f=d.getElementsByTagName(s)[0];e.async=1;e.src='//mediasource.actonservice.com/cdnr/63/acton/bn/tracker/10574';f.parentNode.insertBefore(e,f);})(window,'ActOn','Beacon',document,'script');ActOn.Beacon.track();/*]]>*/</script> <meta name="google-site-verification" content="GINpffHmAfZPGwpGyHSIt6k2Eeg8Hk44abcaPHa4FsI" /> <meta name="facebook-domain-verification" content="894j6361r0x0qu1ys4g936p4766o10" /> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KKLCXJW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="col-md-12 pl_0 pr_0"> <a name="top"></a> <div id="advertisement" class="advertisement adv-top bg-gray col-md-12 col-sm-12 col-xs-12 float-left hidden-print"> <div id="header_tag_desktop"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('header_tag_desktop'); }); </script> </div> </div> <!-- new header design in desktop view --> <script src="/webfiles/1732514926030/js/header.js" type="text/javascript"></script> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/20468848.js"></script> <script defer="" src="https://cdnjs.cloudflare.com/ajax/libs/imask/3.4.0/imask.min.js"></script> <!-- IP Popup Start --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" data-keyboard="false" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="ip-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="closeClick()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">&times;</span> </button> <h3 class="ip-met-pop-h3"></h3> <div class="ip-met-pop-anc-link-cont"> <button onclick="loginClick()" type="button" class="ip-met-pop-anc-link">Login</button> <button onclick="closeClick()" type="button" class="ip-met-pop-anc-link" data-dismiss="modal">No thanks, take me to the website.</button> </div> </div> </div> </div> </div> <!-- IP Popup End --> <!-- Login Access Popup Start --> <div class="modal fade" id="loginConfirmModal" tabindex="-1" role="dialog" data-keyboard="false" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="login-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="procedToLoginClose()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">&times;</span> </button> <h3 class="login-met-pop-h3-header">You have exceeded your limit for simultaneous device logins.</h3> <h3 class="login-met-pop-h3">Your current subscription allows you to be actively logged in on up to three (3) devices simultaneously. Click on continue below to log out of other sessions and log in on this device.</h3> <div class="ip-met-pop-anc-link-cont"> <button id="proced-to-login" type="button" class="ip-met-pop-anc-link" onclick="procedToLoginClick()" data-dismiss="modal">Continue</button> <button type="button" class="ip-met-pop-anc-link" data-dismiss="modal" onclick="procedToLoginClose()">Cancel</button> </div> </div> </div> </div> </div> <!-- Login Access Popup End --> <!-- Gift Subscription Popup Start --> <div class="modal fade" id="myGiftModal" tabindex="-1" role="dialog" data-keyboard="false" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="gift-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="giftPopupCloseClick()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">&times;</span> </button> <h3 id="gift-met-pop-h3" class="gift-met-pop-h3"></h3> <div class="gift-met-pop-anc-link-cont"> <button onclick="giftPopupOKClick()" type="button" class="gift-met-pop-anc-link">OK</button> </div> <div class="display-none" id="gift-loader-space"><i class="fa fa-spinner fa-spin red" style="font-size:38px;margin-left: 45%;"></i></div> </div> </div> </div> </div> <!-- Gift Subscription Popup End --> <div id="header" class="header container-fluid col-md-12 col-sm-12 col-xs-12 float-left pl_0 pr_0 hidden-xs"> <div id="header-banner-multi-sub" class="header-banner-multi-sub"></div> <nav class="navbar navbar-default container mb_0"> <div class="col-md-12 col-sm-12 col-xs-12 p_0"> <div class="navbar-header col-md-3 col-sm-3 col-xs-12 mb_15 p_0"> <a href="/page/subscribe"><button id="subscribe-btn" class="btn btn-subscribe btn-red navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button><a> <div id="open-url-btn" class="topic-type mb_10" style="display:none; margin-top:40px"> <!--<a class="theme-link fs_13" style="cursor: pointer">ACCESS DIGITIZED EDITION</a>--> <a id="digitized" class="theme-link fs_13" style="cursor: pointer">ACCESS DIGITIZED EDITION</a> </div> <div id="emags_link" class="topic-type mb_10" style="display:none; margin-top:40px"> <a id="emags_link_click" class="theme-link fs_13" style="cursor: pointer">ACCESS DIGITIZED EDITION</a> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12 text-align-center"> <a id="homeId" onclick="readUrlCategory('home','homeId','home')" ;> <img class="LJ-image pointer" src="/webfiles/1732514926030/images/LJ.jpg" alt="L J image" /> </a> </div> <ul class="nav navbar-nav navbar-right col-md-3 col-sm-3 col-xs-12 mt_20"> <!-- <li class="pull-right mt_5 tab-mt-20"> <a class="tab-no-padding" href="/page/shopping-cart-page"> <div id="cart"> <img class="tab-w20" src="/webfiles/1732514926030/images/shopping-cart.png"/> </div> <span id="itemCount">0</span> </a> </li> --> <li class="pull-right mt_20 ml_30 search-bar"> <a href="" class="search-icon p_0 tab-ml-10" data-toggle="collapse"> <img id="btn" class="tab-w20" src="/webfiles/1732514926030/images/search.png" /> <div id="idd" class="display-none"></div> </a> </li> <li id="usertempDetail" class="pull-right mt_20 ellipsis-user-name dropdown-hover display-none"> <div class="usertempDetail pointer ml_20 tab-no-margin fs_16 tab-fs-14 customer-id">Free Access Account</div> <!-- After logged in user account nav popup--> <ul id="account-popup" class="dropdown-menu account-nav border-none"> <li><a class="mb_10 mt_10 pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul> </li> <li id="userDetail" class="pull-right mt_20 ellipsis-user-name dropdown"> <div id="mydiv" class="userDetail pointer ml_20 tab-no-margin fs_16 tab-fs-14"> <a href="/page/login" class="p_0 fs_16 dropdown-toggle" role="button" aria-expanded="false"> <img class="mr_10" src="/webfiles/1732514926030/images/user.png" />Log In</a> </div> <!-- After logged in user account nav popup--> <ul id="account-popup" class="dropdown-menu account-nav border-none"> <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=ms" id="ms">My Subscriptions</a></li> <!-- <li><a class="mb_10 mt_10"href="/page/account-dashboard?id=ml" id="ml">My Library</a></li> --> <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=mz" id="mz">My Library</a></li> <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=mp" id="mp">My Profile</a></li> <li><a class="mb_10 mt_10 display-none" href="/page/account-dashboard?id=mi" id="mi">Manage Institution</a> </li> <li><a class="mb_10 mt_10 pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul> <!-- End After logged in user account nav popup --> <!-- Before log in user account nav popup --> <ul id="reg-popup" class="dropdown-menu dropdown-menu-login pb_20" role="menu"> <li> <div class="registration"> <div class="col-md-12 col-xs-12 p_0"> <form class="registration-form" id="login-form1" method="post" data-toggle="validator"> <div class="col-md-12 text-align-center pl_0 pr_0 pt_0"> <div class="highlight error-color display-none" id="login-error1">Invalid email or password. Try again.</div> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20"> <label class="control-label">Email</label> <input class="" type="email" id="loginEmail1" name="loginEmail" placeholder="Email" required> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20"> <label class="control-label">Password</label> <input type="password" id="loginPassword1" name="loginPassword" placeholder="Password" required> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20 text-align-center" id="headerDropdownLoginLoader"> </div> <div class="col-md-12 text-align-center pl_20 pr_20"> Forgot <a class="border-bottom-red text-decoration-none" href="/page/forgot-pass">password</a>? </div> <div class="col-md-12 align-center pl_20 pr_20"> <button type="submit" class="btn btn-default-red bold akzidenz-grotesk-regular" id="headerDropdownLoginButton">LOG IN</button> </div> <div class="col-md-12 text-align-center align-center pl_20 pr_20 pb_0 fs_13"> Don't have a Library Journal Account? </div> <div class="col-md-12 text-align-center align-center pl_20 pr_20 pt_0"> <a class="border-bottom-red text-decoration-none" href="/page/register">Register Now</a> </div> </form> </div> </div> </li> </ul> <!-- End Before log in user account nav popup --> </li> </ul> </div><!-- end col-md-12 col-sm-12 col-xs-12 --> </nav> <div class="hr_division_grey_light mb_0"></div> <div class="topic-navigation"> <nav class="navbar-default mb_0 container"> <ul class="nav navbar-nav full-width pull-left header-section"> <li class="pl_0 nml-8"> <a id="newsId" class="pl_0" onclick="readUrlCategory('news','newsId','News')" ;>News</a> </li> <li> <a id="reviewsId" onclick="readUrlCategory('reviews','reviewsId','Reviews')" ;>Reviews+</a> </li> <li> <a id="technologyId" onclick="readUrlCategory('technology','technologyId','Technology')" ;>Technology</a> </li> <li> <a id="programsId" onclick="readUrlCategory('programs+','programsId','Programs+')" ;>Programs+</a> </li> <li> <a id="designId" onclick="readUrlCategory('design','designId','Design')" ;>Design</a> </li> <li> <a id="peopleId" onclick="readUrlCategory('people','peopleId','People')" ;>People</a> </li> <li> <a id="publicLibrariesId" onclick="readUrlCategory('publiclibraries','publicLibrariesId','Public Libraries')" ;>Public Libraries</a> </li> <li> <a id="academicId" onclick="readUrlCategory('academiclibraries','academicId','Academic Libraries')" ;>Academic Libraries</a> </li> <li class="pr_0"> <a id="moreId" class="pr_0">Events & More+</a> <ul class="dropdownlist"> <li><a id="eventId" onclick="readUrlCategory('events','eventId','Events')" ;>Events</a></li> <li><a id="onlineCourseId" onclick="readUrlCategory('events?eventtype=eventHome','onlineCourseId','OnlineCourse')" ;>Online Courses</a></li> <li><a href="https://librarieslead.libraryjournal.com">Libraries Lead Podcast</a></li> <li><a id="leadershipId" onclick="readUrlCategory('leadership','leadershipId','Leadership')" ;>Leadership</a></li> <li><a id="advocacyId" onclick="readUrlCategory('advocacy','advocacyId','Advocacy')" ;>Advocacy</a></li> <li><a id="researchId" onclick="readUrlCategory('research','researchId','Research')" ;>Research</a></li> <li><a id="opinionId" onclick="readUrlCategory('opinion','opinionId','Opinion')" ;>Opinion</a></li> <li><a id="infoDocketId" onclick="readUrlCategory('infoDOCKET','infoDocketId','infoDOCKET')" ;>infoDOCKET</a></li> <li><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></li> </ul> </li> </ul> </nav> </div> <div class="hr_division mt_0 mb_0"></div> <form method="get" action="https://www.libraryjournal.com/search" class="collapse search-form full-width"> <div class="container-fluid p_0"> <div class="p_0 search-bar-container col-md-12 col-sm-12"> <div id="imaginary_container" class="col-md-offset-2 col-md-8 col-sm-12 mt_30"> <div class="input-group stylish-input-group input-append"> <input type="text" name="query" class="form-control search-box" placeholder="Search" autofocus> <span class="input-group-addon"> <button type="submit"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </div> </div> </div> </form> </div> <!-- new header design in mobile view --> <div id="header-mobile" class="header container-fluid col-md-12 col-sm-12 col-xs-12 float-left visible-xs"> <nav class="navbar navbar-default container mb_0"> <!-- Brand and toggle get grouped for better mobile display --> <div class="container"> <div class="navbar-header"> <a id="sub-btn-mobi" href="/page/subscribe"><button class="btn btn-subscribe btn-red navbar-btn">SUBSCRIBE</button></a> <button id="ChangeToggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse"> <img id="navbar-hamburger" class="lines pt_0" src="/webfiles/1732514926030/images/menu.png" /> <img id="navbar-close" class="cross pt_0 hidden" src="/webfiles/1732514926030/images/cross.png" /> </button> <a id="mobileHomeId" onclick="readUrlCategory('home','mobileHomeId','home')" ;> <img class="LJ-image pointer" src="/webfiles/1732514926030/images/mob_LJ.png" alt="L J image" /> </a> <a href="#" class="p_0 pull-right" data-toggle="collapse" data-target=".login-user"> <img class="userLines" src="/webfiles/1732514926030/images/user.png" /> </a> <div class="collapse login-user"> <div id="userDetail" class="mt_20 mb_20 dropdown"> <div class="userDetail pointer ml_15 mb_10"> <a href="/page/login" class="p_0 fs_16 dropdown-toggle" role="button" aria-expanded="false">Log In</a> </div> <!-- After logged in user account nav popup--> <div class="display-none" id="mobileViewAccountList"> <ul class="display-none nav navbar-nav full-width pull-left no-margin"> <li><a href="/page/account-dashboard?id=ms" id="ms">My Subscriptions</a></li> <li><a href="/page/account-dashboard?id=ml" id="ml">My Library</a></li> <!-- <li><a href="#">My Saved Articles</a></li> --> <li><a href="/page/account-dashboard?id=mp" id="mp">My Profile</a></li> <li><a href="/page/account-dashboard?id=mi" id="mi" class="display-none">Manage Institutions</a></li> <li><a class="pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul> </div> <!-- End After logged in user account nav popup --> </div> </div> </div> <div class="topic-type mb_10 text-center"> <!--<a class="theme-link fs_13" href="https://store.emags.com/libraryjournal_free" target="_blank">ACCESS DIGITIZED EDITION</a>--> <a id="digitized-mobi open-url-btn-mobi" class="theme-link fs_13" style="cursor: pointer; display:none;">ACCESS DIGITIZED EDITION</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="navbarCollapse"> <form method="get" action="https://www.libraryjournal.com/search" class="search-input" id="demo-2"> <div id="imaginary_container"> <div class="input-group stylish-input-group input-append"> <input type="text" name="query" class="form-control search-box" placeholder="Search"> <span class="input-group-addon"> <button type="submit"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </div> </form> <ul class="nav navbar-nav mt_70"> <li> <a id="mobNewsId" class="bold" onclick="readUrlCategory('news','mobNewsId','News')" ;>News</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/news/archivespreservation">Archives & Preservation</a></p> <p><a href="/section/news/awards">Awards</a></p> <p><a href="/section/news/booknews">Book News</a></p> <p><a href="/section/news/budgetsfunding">Budgets & Funding</a></p> <p id="newsMoreToggle">More</p> <ul id="newsMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="/section/news/innovation">Innovation</a></li> <li class="mb_10"><a href="/section/news/lis">LIS</a></li> <li class="mb_10"><a href="/section/news/management">Management</a></li> <li class="mb_10"><a href="/section/news/marketing">Marketing</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/news/buildings">Buildings</a></p> <p><a href="/section/news/conferencecoverage">Conference Coverage</a></p> <p><a href="/section/news/impacts">Impacts</a></p> <p><a href="/section/news/industrynews">Industry News</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobReviewsId" class="bold" onclick="readUrlCategory('reviews','mobReviewsId','Reviews')" ;>Reviews+</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/reviews/awards">Awards</a></p> <p><a href="/section/reviews/bestof">Best of</a></p> <p><a href="/section/reviews/booknews">Book News</a></p> <p><a href="/section/reviews/booklists">Booklists</a></p> <p id="reviewMoreToggle">More</p> <ul id="reviewMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="/section/reviews/readersadvisory">Readers' Advisory</a></li> <li class="mb_10"><a href="/section/reviews/reference">Reference</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/reviews/collectionmanagement">Collection Management</a></p> <p><a href="/section/reviews/fiction">Fiction</a></p> <p><a href="/section/reviews/media">Media</a></p> <p><a href="/section/reviews/nonfiction">Nonfiction</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobTechnologyId" class="bold" onclick="readUrlCategory('technology','mobTechnologyId','Technology')" ;>Technology</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/technology/archivespreservation">Archives & Preservation</a></p> <p><a href="/section/technology/awards">Awards</a></p> <p><a href="/section/technology/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/technology/buildings">Buildings</a></p> <p id="technologyMoreToggle">More</p> <ul id="technologyMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="/section/technology/management">Management</a></li> <li class="mb_10"><a href="/section/technology/marketing">Marketing</a></li> <li class="mb_10"><a href="/section/technology/readersadvisory">Readers' Advisory</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/technology/impacts">Impacts</a></p> <p><a href="/section/technology/industrynews">Industry News</a></p> <p><a href="/section/technology/innovation">Innovation</a></p> <p><a href="/section/technology/lis">LIS</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobProgramsId" class="bold" onclick="readUrlCategory('programs+','mobProgramsId','Programs+')" ;>Programs+</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/programs+/archivespreservation">Archives & Preservation</a></p> <p><a href="/section/programs+/awards">Awards</a></p> <p><a href="/section/programs+/collectionmanagement">Collection Management</a></p> <p><a href="/section/programs+/impacts">Impacts</a></p> <p id="programsMoreToggle">More</p> <ul id="programsMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="/section/programs+/readersadvisory">Readers' Advisory</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/programs+/innovation">Innovation</a></p> <p><a href="/section/programs+/management">Management</a></p> <p><a href="/section/programs+/marketing">Marketing</a></p> <p><a href="/section/programs+/programming">Programming</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobDesignId" class="bold" onclick="readUrlCategory('design','mobDesignId','Design')" ;>Design</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/design/archivespreservation">Architecture & Buildings</a></p> <p><a href="/section/design/awards">Awards</a></p> <p><a href="/section/design/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/design/buildings">Buildings</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/design/impacts">Impacts</a></p> <p><a href="/section/design/innovation">Innovation</a></p> <p><a href="/section/design/management">Management</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobLeadershipId" class="bold" onclick="readUrlCategory('leadership','mobLeadershipId','Leadership')" ;>Leadership</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/leadership/archivespreservation">Archives & Preservation</a></p> <p><a href="/section/leadership/awards">Awards</a></p> <p><a href="/section/leadership/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/leadership/careers">Careers</a></p> <p id="leadershipMoreToggle">More</p> <ul id="leadershipMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="/section/leadership/management">Management</a></li> <li class="mb_10"><a href="/section/leadership/marketing">Marketing</a></li> <li class="mb_10"><a href="/section/leadership/readersadvisory">Readers' Advisory</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/leadership/collectionmanagement">Collection Management</a></p> <p><a href="/section/leadership/impacts">Impacts</a></p> <p><a href="/section/leadership/innovation">Innovation</a></p> <p><a href="/section/leadership/lis">LIS</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobPeopleId" class="bold" onclick="readUrlCategory('people','mobPeopleId','People')" ;>People</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/people/awards">Awards</a></p> <p><a href="/section/people/careers">Careers</a></p> <p><a href="/section/people/industrynews">Industry News</a></p> <p><a href="/section/people/innovation">Innovation</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/people/lis">LIS</a></p> <p><a href="/section/people/management">Management</a></p> <p><a href="/section/people/marketing">Marketing</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobpublicLibId" class="bold" onclick="readUrlCategory('publiclibraries','mobpublicLibId','Public Libraries')" ;>Public Libraries</a> <div class="col-xs-12 mb_10"> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobAcademicId" class="bold" onclick="readUrlCategory('academiclibraries','mobAcademicId','Academic Libraries')" ;>Academic Libraries</a> <div class="col-xs-12 mb_10"> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobAdvocacyId" class="bold" onclick="readUrlCategory('advocacy','mobAdvocacyId','Advocacy')" ;>Advocacy</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="?subpage=Advocacy,Awards">Awards</a></p> <p><a href="?subpage=Advocacy,budgetsfunding">Budgets & Funding</a></p> <p><a href="?subpage=Advocacy,Impacts">Impacts</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="?subpage=Advocacy,Innovation">Innovation</a></p> <p><a href="?subpage=Advocacy,Management">Management</a></p> <p><a href="?subpage=Advocacy,Marketing">Marketing</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li class="pr_0"> <a id="mobMoreId" class="bold">More</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a id="mobCovid19Id" onclick="readUrlCategory('covid19','mobCovid19Id','COVID19')" ;>COVID19</a> </p> <p><a id="mobResearchId" onclick="readUrlCategory('research','mobResearchId','Research')" ;>Research</a></p> <p><a id="mobopinionId" onclick="readUrlCategory('opinion','mobopinionId','Opinion')" ;>Opinion</a> </p> <p><a id="mobInfoDocketId" onclick="readUrlCategory('infoDOCKET','mobInfoDocketId','infoDOCKET')" ;>infoDOCKET</a></p> <p><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobeventPDId" class="bold" onclick="readUrlCategory('events','mobeventPDId','Events')" ;>Events & PD</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/events?eventtype=inPersonEvents">Live Events</a></p> <p><a href="/section/events?eventtype=virtualEvents">Virtual Events</a></p> </div> <div class="col-xs-6 pr_0"> <p><a href="/section/events?eventtype=onlineCourses">Online Courses</a></p> <p><a href="/section/events?eventtype=webcasts">Webcasts</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <!-- <li> <a id="mobCommunityId" class="bold" onclick="">Community</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="">Forums</a></p> <p><a href="">Resources</a></p> </div> <div class="col-xs-6 pr_0"> <p><a href="">Member Benefits</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> --> <li> <a id="mobAboutId" class="bold" href="/page/About-Us">About LJ</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="http://www.mediasourceinc.com/">LJ Projects</a></p> <p><a href="https://self-e.libraryjournal.com/">Self-Published Books</a></p> </div> <div class="col-xs-6 pr_0"> <p><a href="/page/Data-Privacy">Privacy Policy</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobGetTouchId" class="bold" onclick="">Get in Touch</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/page/subscribe">Subscriber Services</a></p> </div> <div class="col-xs-6 pr_0"> <p><a href="/page/Contact-Us">Contact Us</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <div class="col-xs-12 mb_10 text-align-center bold fs_18"> 888-282-5852 </div> </li> </ul> </div> </div> </nav> </div> <script type="text/javascript"> var btn = $('#btn'); var idd = $('#idd'); var click = $('#open-url-btn'); if ($.cookie('customerData') != undefined) { var cdata = JSON.parse($.cookie('customerData')); var group_id = cdata.group_id; if (group_id == 4) { //$('.topic-navigation').css("display","none"); $("#userDetail").css("display", "none"); $("#usertempDetail").removeClass('display-none'); } } btn.click(function () { idd.toggle(100, function () { // change the button text according to the state of the "#idd" if (idd.hasClass('display-none')) { btn.attr('src', "/webfiles/1732514926030/images/cross.png"); $('.search-box').focus(); idd.removeClass('display-none'); } else { btn.attr('src', "/webfiles/1732514926030/images/search.png"); idd.addClass('display-none'); } }); }); // click.click(function() { // if ($.cookie('customerData') != undefined) { // var Url = APIBaseUrl + "customer/getEmagsLink/" + JSON.parse($.cookie('customerData')).email; //var Url = APIBaseUrl + "customer/getImpelsysLink/" + "ajey.s@quantilus.com" // $.ajax({ // url: Url, // type: 'GET', // contentType: 'application/json', // success: function(data, textStatus) { // const obj = JSON.parse(data) // if(obj['success'] == 1){ // window.open(obj['url']); // } // }, // error: function(request, textStatus, errorThrown) { //document.getElementById("saveProfileId").innerHTML = '<div onclick="myProfileSave()" class="btn btn-default-red full-width bold akzidenz-grotesk-regular" >SAVE</div>'; // } // }); // } // }); $("#newsMoreToggle").click(function () { if ($("#newsMoreToggleUl").hasClass('display-none')) { $("#newsMoreToggleUl").removeClass('display-none'); } else { $("#newsMoreToggleUl").addClass('display-none'); } }); $("#reviewMoreToggle").click(function () { if ($("#reviewMoreToggleUl").hasClass('display-none')) { $("#reviewMoreToggleUl").removeClass('display-none'); } else { $("#reviewMoreToggleUl").addClass('display-none'); } }); $("#technologyMoreToggle").click(function () { if ($("#technologyMoreToggleUl").hasClass('display-none')) { $("#technologyMoreToggleUl").removeClass('display-none'); } else { $("#technologyMoreToggleUl").addClass('display-none'); } }); $("#programsMoreToggle").click(function () { if ($("#programsMoreToggleUl").hasClass('display-none')) { $("#programsMoreToggleUl").removeClass('display-none'); } else { $("#programsMoreToggleUl").addClass('display-none'); } }); $("#leadershipMoreToggle").click(function () { if ($("#leadershipMoreToggleUl").hasClass('display-none')) { $("#leadershipMoreToggleUl").removeClass('display-none'); } else { $("#leadershipMoreToggleUl").addClass('display-none'); } }); </script> <div class="container"> <link href="/webfiles/1732514926030/css/duDialog.min.css" rel="stylesheet"> <script src="/webfiles/1732514926030/js/duDialog.min.js"></script> <script src="/webfiles/1732514926030/js/account-dashboard.js" type="text/javascript"></script> <div class="row mb_30 resp-margin-auto"> <div class="my-profile col-md-12 col-xs-12 resp-no-margin"> <div class="tab col-md-3 col-xs-12 p_0 pb_20 hidden-print resp-mb-20"> <div class="user-account-image mb_30"> <!-- <i id="imgFileUpload" title="Select File" class="fa fa-download ml_80 fs_18 pointer"></i> <i class="fa fa-trash-o ml_10 fs_18"></i></p> <input type="file" id="FileUpload1" style="display: none" /> --> <div class="picture-container"> <!-- <img src="" class="picture-src" id="wizardPicturePreview" title=""> --> <!-- <div class="picture"> --> <!-- <input type="file" id="wizard-picture" class="display-none"> --> <!-- </div> --> <i id="profile_img_loader" class="fa fa-spinner fa-3x fa-spin red display-none"></i> <img src="" class="picture-src" id="wizardPicturePreview" title=""> <!-- <div class="picture"> --> <div id="default-img"></div> <div id="profile-loader"></div> <input type="file" id="wizard-picture" class="display-none" accept="image/*"> <div class="profile-image col-md-12 col-xs-12 p_0"> <div class = "col-md-12 col-xs-12 myclasss" > <p class="text-align-left fs_20 no-margin bold no_visible" ></p> <p class="text-align-left fs_20 no-margin bold no_visible" ></p> </div> <div class = "col-md-9 col-xs-9 position_absolute" > <p class="text-align-left fs_20 no-margin bold" id="account_dashboard_username"></p> <p class="text-align-left no-margin bold" id="account_dashboard_schoolname"></p> </div> <!-- <div> --> <div class="col-md-3 col-xs-3 p_0 mt_30 position_absolute uploadnDelete" > <img class="upload pointer" title="Upload Image" src="/webfiles/1732514926030/images/upload.png" onclick="delDefaultImg()"> <i class="fa fa-trash-o ml_10 fs_18 pointer" onclick="removeImage()"></i> </div> </div> </div> </div> <button class="tablinks" onclick="location.href='/page/account-dashboard&id=ms'" id="defaultOpen">My Subscriptions</button> <hr class="border-bottom ml_20 mr_20"> <button class="tablinks" onclick="location.href='/page/account-dashboard&id=mz'" id="articleTab">My Library</button> <ul class="collapse list-unstyled savedArticle" id="savedArticles"> <li class="active mt_5"> <a href="#portlet_tabActiveSaved1" data-toggle="tab"> Saved Articles</a> </li> <li class="mt_5"> <a href="#portlet_tabActiveSaved2" data-toggle="tab"> Viewed Articles</a> </li> </ul> <hr class="border-bottom ml_20 mr_20"> <button class="tablinks dropdown-toggle" onclick="location.href='/page/account-dashboard&id=mp'" data-toggle="collapse" aria-expanded="false" id="profileTab">My Profile</button> <ul class="collapse list-unstyled myprofile" id="profileTabs"> <li class="active mt_5"> <a href="#portlet_tab1" data-toggle="tab"> Edit Profile</a> </li> <li class="mt_5"> <!-- <a href="#portlet_tab2" data-toggle="tab" onclick="getNewsLetters()"> Communication Preference</a> --> <a href="#portlet_tab2" data-toggle="tab" onclick="getNewsLetters()"> Newsletters</a> </li> <li class="mt_5"> <a href="#portlet_tab3" data-toggle="tab"> Change Password</a> </li> </ul> <hr class="border-bottom ml_20 mr_20"> <button class="tablinks display-none" onclick="location.href='/page/account-dashboard?id=mi'" id="institutionTab">Manage Institution<hr class="border-bottom"></button> <button class="tablinks logout-btn pb_20" onclick="deleteAllCookies('/page/home')">LOGOUT</button> </div> <div class="col-md-9 col-xs-12"> <!-- My Subscriptions Block --> <div id="Subscriptions" class="tabcontentSection full-width" style="display: none;"> <h1 class="account-heading portrait-medium mt_0">My Subscriptions</h1> <div id="selectAllDiv"> <!-- <input class="small-checkbox pull-left mr_10 mt_0" type="checkbox" id="selectAll" name="selectAll" value="1" /> <label class="small-checkbox pull-right nmt-30 resp-full-width resp-mt-10 resp-mb-20" for="selectAll">Select All</label> --> </div> <hr class="border-bottom"> <div id="hrId"> <!-- <div class="row" id="rowId"> Load the subscription data dynamically here </div> --> </div> <div id="noSubButton" class="col-md-offset-4 col-md-4 col-xs-12"></div> <div class="hr_division"></div> <div class="row mt_40 mb_40" id="upgradeDiv"> </div> </div> <!-- End My Subscriptions Block --> <!-- My Library Block --> <div id="Library" class="tabcontentSection full-width" style="display: none;"> <h1 class="account-heading portrait-medium mt_0 mb_40">My Library</h1> <div class="hr_division"></div> <div id="myLibraryContent"> <!-- Data is coming through API --> </div></div> <div id="Invoice" class="tabcontentSection full-width" style="display: none;"> <p class="tablinks pointer hidden-print" onclick="profileName(event, 'Library')"><i class="fa fa-arrow-left mr_5 red"></i>Back to my Library</p> <div id="invoideDetailsId"> </div> </div> <!-- End My Library Block --> <!-- My Saved Articles Block --> <div id="Articles" class="tabcontentSection full-width" style="display: none;"> <!--<h1 class="account-heading portrait-medium mt_0">My Library</h1>--> <!-- BEGIN Portlet PORTLET--> <div class="portlet"> <!--<div class="portlet-title"> <ul class="nav nav-tabs savedArticle"> <li class="active mr_30"> <a href="#portlet_tabActiveSaved1" data-toggle="tab"> Saved Articles</a> </li> <li> <a href="#portlet_tabActiveSaved2" data-toggle="tab"> Viewed Articles</a> </li> </ul> </div> --> <div class="portlet-body"> <div class="tab-content"> <!-- Start Edit Profile section --> <div class="tab-pane active" id="portlet_tabActiveSaved1"> <h1 class="account-heading portrait-medium mt_0">Saved Articles</h1> <div class="row mt_40"> <div class="col-md-9 col-xs-12"> <div class="icon-addon addon-md"> <input type="text" placeholder="Search Saved Articles" id="search-saved"> <!-- <label for="search" class="glyphicon glyphicon-search" rel="tooltip" title="search"></label> --> </div> </div> <div class="col-md-12 mt_20"> <input class="small-checkbox" style="width:auto;" type="checkbox" id="reviewOnlyForSaved" name="agreeTerms"> <label class="small-checkbox" for="reviewOnlyForSaved">Reviews Only</label> </div> </div> <hr class="border-bottom"> <div class="" id="savedList"></div> </div> <!-- End Saved section --> <!-- History section --> <div class="tab-pane" id="portlet_tabActiveSaved2"> <h1 class="account-heading portrait-medium mt_0">Viewed Articles</h1> <div class="row mt_40"> <div class="col-md-9 col-xs-12"> <div class="icon-addon addon-md"> <input type="text" placeholder="Search History" id="search"> <!-- <label for="search" class="glyphicon glyphicon-search" rel="tooltip" title="search"></label> --> </div> </div> <div class="col-md-3 col-xs-12 mt_10"> <a class="pointer" onclick="clearHistoryArticles()">CLEAR ALL HISTORY</a> </div> <div class="col-md-12 mt_20"> <input class="small-checkbox" style="width:auto;" type="checkbox" id="reviewOnlyForHistory" name="agreeTerms"> <label class="small-checkbox" for="reviewOnlyForHistory">Reviews Only</label> </div> </div> <hr class="border-bottom"> <div class="" id="historyList"></div> </div> <!-- End History section --> </div> </div> </div> <!-- END Portlet PORTLET--> </div> <!-- End My Saved Articles Block --> <!-- Profile Block --> <div id="Profile" class="tabcontentSection full-width" style="display: none;"> <!--<h1 class="account-heading portrait-medium mt_0">My Profile</h1>--> <!-- BEGIN Portlet PORTLET--> <div class="portlet"> <!-- <div class="portlet-title"> <ul class="nav nav-tabs myprofile"> <li class="active mr_20 resp-mr-15"> <a href="#portlet_tab1" data-toggle="tab"> Edit Profile</a> </li> <li class="mr_20 resp-mr-15"> <a href="#portlet_tab2" data-toggle="tab" onclick="getNewsLetters()"> Communication Preference</a> <a href="#portlet_tab2" data-toggle="tab" onclick="getNewsLetters()"> Newsletters</a> </li> <li class="mr_20 resp-mr-15"> <a href="#portlet_tab3" data-toggle="tab"> Change Password</a> </li> <li class=""> <a href="#portlet_tab4" data-toggle="tab"> Institution Subscription</a> </li> </ul> </div> --> <div class="portlet-body"> <div class="tab-content"> <!-- Start Edit Profile section --> <div class="tab-pane active" id="portlet_tab1"> <h1 class="account-heading portrait-medium mt_0">Edit Profile</h1> <form class="view-edit-form" id="view-edit-form" method="post" data-toggle="validator"> <div class="row mt_40 mb_20 resp-mt-20"> <div class="col-md-12 col-xs-12 required resp-mb-20"> <label class="full-width mb_11" id = "errorMessage"></label> <!-- <input type="text" name="first_name" id="fname" value="" required/> --> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 required resp-mb-20"> <label class="full-width mb_11">First Name</label> <input type="text" name="first_name" id="fname" value="" maxlength="20"required/> </div> <div class="col-md-6 col-xs-12 required"> <label class="full-width mb_11">Last Name</label> <input type="text" name="last_title" id="lname" value="" required/> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">Address Line 1</label> <input type="text" name="address_1" id="add1" value="" /> </div> <div class="col-md-6 col-xs-12"> <label class="full-width mb_11">Address Line 2</label> <input type="text" name="address_2" id="add2" value="" /> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">Country</label> <!-- <input type="text" name="zip_code" id="zipCode" value="" /> --> <select id="select-country" class="full-width" placeholder="Pick a country" onchange="loadStateList()" > <option value="US">UNITED STATES</option> <option value="CA">CANADA</option> <option value="AF">AFGHANISTAN</option> <option value="AL">ALBANIA</option> <option value="DZ">ALGERIA</option> <option value="AD">ANDORRA</option> <option value="AO">ANGOLA</option> <option value="AI">ANGUILLA</option> <option value="AG">ANTIGUA</option> <option value="AR">ARGENTINA</option> <option value="AM">ARMENIA</option> <option value="AW">ARUBA</option> <!-- <option value="">ASCENSION ISLANDS</option> --> <option value="AU">AUSTRALIA</option> <option value="AT">AUSTRIA</option> <option value="AZ">AZERBAIJAN</option> <!-- <option value="">AZORES</option> --> <option value="BS">BAHAMAS</option> <option value="BH">BAHRAIN</option> <option value="BD">BANGLADESH</option> <option value="BB">BARBADOS</option> <option value="BY">BELARUS</option> <option value="BE">BELGIUM</option> <option value="BZ">BELIZE</option> <option value="BJ">BENIN</option> <option value="BM">BERMUDA</option> <option value="BT">BHUTAN</option> <option value="BO">BOLIVIA</option> <option value="BA">BOSNIA</option> <option value="BW">BOTSWANA</option> <option value="BR">BRAZIL</option> <option value="VG">BRIT VIRGIN ISLDS</option> <!-- <option value="">BRIT W INDIES</option> --> <option value="BN">BRUNEI</option> <option value="BG">BULGARIA</option> <option value="BF">BURKINA FASO</option> <option value="BI">BURUNDI</option> <option value="KH">CAMBODIA</option> <option value="CM">CAMEROON</option> <!-- <option value="CA">CANADA</option> --> <option value="CV">CAPE VERDE</option> <option value="KY">CAYMAN ISLAND</option> <option value="CF">CENTRL AFR REP</option> <option value="TD">CHAD</option> <option value="CL">CHILE</option> <option value="CN">CHINA</option> <option value="CO">COLOMBIA</option> <option value="KM">COMOROS</option> <!-- <option value="">CONGO</option> --> <option value="CK">COOK ISLANDS</option> <!-- <option value="">CORSICA</option> --> <option value="CR">COSTA RICA</option> <option value="CI">COTE D IVOIRE</option> <option value="HR">CROATIA</option> <option value="CU">CUBA</option> <!-- <option value="">CURACAO</option> --> <option value="CY">CYPRUS</option> <option value="CZ">CZECH REPUBLIC</option> <!-- <option value="">DEM REP KOREA</option> --> <option value="DK">DENMARK</option> <option value="DJ">DJIBOUTI</option> <option value="DM">DOMINICAN REP</option> <!-- <option value="">EAST TIMOR</option> --> <option value="EC">ECUADOR</option> <option value="EG">EGYPT</option> <option value="SV">EL SALVADOR</option> <option value="GQ">EQUATRL GUINEA</option> <option value="ER">ERITREA</option> <option value="EE">ESTONIA</option> <option value="ET">ETHIOPIA</option> <option value="FK">FALKLAND ISLDS</option> <option value="FO">FAROE ISLANDS</option> <option value="FJ">FIJI</option> <option value="FI">FINLAND</option> <option value="PF">FR POLYNESIA</option> <option value="FR">FRANCE</option> <option value="GF">FRENCH GUIANA</option> <option value="GA">GABON</option> <option value="GM">GAMBIA</option> <option value="GE">GEORGIA</option> <option value="DE">GERMANY</option> <option value="GH">GHANA</option> <option value="GI">GIBRALTAR</option> <option value="GR">GREECE</option> <option value="GL">GREENLAND</option> <option value="GD">GRENADA</option> <option value="GP">GUADELOUPE</option> <option value="GT">GUATEMALA</option> <option value="GG">GUERNSEY</option> <option value="GN">GUINEA</option> <option value="GW">GUINEA BISSAU</option> <option value="GY">GUYANA</option> <option value="HT">HAITI</option> <option value="HN">HONDURAS</option> <option value="HK">HONG KONG</option> <option value="HU">HUNGARY</option> <option value="IS">ICELAND</option> <option value="IN">INDIA</option> <option value="ID">INDONESIA</option> <option value="IR">IRAN</option> <option value="IQ">IRAQ</option> <option value="IE">IRELAND</option> <option value="IL">ISRAEL</option> <option value="IT">ITALY</option> <option value="JM">JAMAICA</option> <option value="JP">JAPAN</option> <option value="JE">JERSEY</option> <option value="JO">JORDAN</option> <option value="KZ">KAZAKHSTAN</option> <option value="KE">KENYA</option> <option value="KI">KIRIBATI</option> <!-- <option value="">KOSOVO</option> --> <option value="KW">KUWAIT</option> <option value="KG">KYRGYZSTAN</option> <option value="LA">LAOS</option> <option value="LV">LATVIA</option> <option value="LB">LEBANON</option> <option value="LS">LESOTHO</option> <option value="LR">LIBERIA</option> <option value="LY">LIBYA</option> <option value="LI">LICHTENSTEIN</option> <option value="LT">LITHUANIA</option> <option value="LU">LUXEMBOURG</option> <!-- <option value="">MACAO</option> --> <option value="MK">MACEDONIA</option> <option value="MG">MADAGASCAR</option> <!-- <option value="">MADEIRA ISLDS</option> --> <option value="MW">MALAWI</option> <option value="MY">MALAYSIA</option> <option value="MV">MALDIVES</option> <option value="ML">MALI</option> <option value="MT">MALTA</option> <option value="MQ">MARTINIQUE</option> <option value="MR">MAURITANIA</option> <option value="MU">MAURITIUS</option> <option value="MX">MEXICO</option> <option value="MD">MOLDAVIA</option> <option value="MC">MONACO</option> <option value="MN">MONGOLIA</option> <option value="ME">MONTENEGRO</option> <option value="MS">MONTSERRAT</option> <option value="MA">MOROCCO</option> <option value="MZ">MOZAMBIQUE</option> <option value="MM">MYANMAR</option> <option value="NA">NAMIBIA</option> <option value="NR">NAURU</option> <option value="NP">NEPAL</option> <option value="AN">NETH ANTILLES</option> <option value="NL">NETHERLANDS</option> <option value="NC">NEW CALEDONIA</option> <!-- <option value="">NEW GUINEA</option> --> <option value="NZ">NEW ZEALAND</option> <option value="NI">NICARAGUA</option> <option value="NE">NIGER</option> <option value="NG">NIGERIA</option> <option value="NO">NORWAY</option> <option value="OM">OMAN</option> <option value="PK">PAKISTAN</option> <option value="PW">PALAU</option> <option value="PA">PANAMA</option> <option value="PG">PAPUA NEW GUINEA</option> <option value="PY">PARAGUAY</option> <option value="PE">PERU</option> <option value="PH">PHILIPPINES</option> <option value="PL">POLAND</option> <option value="PT">PORTUGAL</option> <option value="QA">QATAR</option> <!-- <option value="">REP OF VANUATU</option> --> <option value="RE">REUNION</option> <option value="RO">ROMANIA</option> <option value="RU">RUSSIA</option> <option value="RW">RWANDA</option> <option value="SH">SAINT HELENA</option> <option value="LC">SAINT LUCIA</option> <option value="MF">SAINT MARTIN</option> <option value="SM">SAN MARINO</option> <option value="SA">SAUDI ARABIA</option> <option value="SN">SENEGAL</option> <option value="RS">SERBIA</option> <option value="SC">SEYCHELLES</option> <option value="SL">SIERRA LEONE</option> <option value="SG">SINGAPORE</option> <option value="SK">SLOVAKIA</option> <option value="SI">SLOVENIA</option> <option value="SB">SOLOMON ISLANDS</option> <option value="SO">SOMALIA</option> <option value="ZA">SOUTH AFRICA</option> <option value="KR">SOUTH KOREA</option> <option value="ES">SPAIN</option> <option value="LK">SRI LANKA</option> <option value="SD">SUDAN</option> <option value="SR">SURINAME</option> <option value="SZ">SWAZILAND</option> <option value="SE">SWEDEN</option> <option value="CH">SWITZERLAND</option> <option value="SY">SYRIA</option> <!-- <option value="">TAHITI</option> --> <option value="TW">TAIWAN</option> <option value="TJ">TAJIKISTAN</option> <option value="TZ">TANZANIA</option> <option value="TH">THAILAND</option> <option value="TG">TOGO</option> <option value="TO">TONGA</option> <option value="TT">TRINIDAD TOBAGO</option> <option value="TN">TUNISIA</option> <option value="TR">TURKEY</option> <option value="TM">TURKMENISTAN</option> <option value="TV">TUVALU</option> <!-- <option value="">U A R</option> --> <!-- <option value="US">U.S.A.</option> --> <option value="UG">UGANDA</option> <option value="UA">UKRAINE</option> <option value="GB">UNITED KINGDOM</option> <option value="AE">UNTD ARAB EMIR</option> <option value="UY">URUGUAY</option> <option value="UZ">UZBEKISTAN</option> <option value="VU">VANUATU</option> <option value="VA">VATICAN CITY</option> <option value="VE">VENEZUELA</option> <option value="VN">VIETNAM</option> <!-- <option value="">WEST INDIES</option> --> <option value="WS">WESTERN SAMOA</option> <option value="YE">YEMEN</option> <!-- <option value="">YUGOSLAVIA</option> --> <!-- <option value="">ZAIRE</option> --> <option value="ZM">ZAMBIA</option> <option value="ZW">ZIMBABWE</option> <!-- <option value="ARG">Argentina</option> <option value="AUS">Australia</option> <option value="AUT">Austria</option> <option value="AZE">Azerbaijan</option> <option value="BHS">Bahamas</option> <option value="BHR">Bahrain</option> <option value="BRB">Barbados</option> <option value="BEL">Belgium</option> <option value="BLZ">Belize</option> <option value="BMU">Bermuda</option> <option value="BRA">Brazil</option> <option value="VGB">Brit Virgin Islds</option> <option value="BGR">Bulgaria</option> <option value="BDI">Cairo</option> <option value="KHM">Cambodia</option> <option value="CA">Canada</option> <option value="CYM">Cayman Islands</option> <option value="CHN">China</option> <option value="COL">Colombia</option> <option value="CRI">Costa Rica</option> <option value="HRV">Croatia</option> <option value="CYP">Cyprus</option> <option value="CZE">Czech Republic</option> <option value="DNK">Denmark</option> <option value="EGY">Egypt</option> <option value="ETH">Ethiopia</option> <option value="FIN">Finland</option> <option value="FRA">France</option> <option value="DEU">Germany</option> <option value="GHA">Ghana</option> <option value="GRC">Greece</option> <option value="GLP">Guadeloupe</option> <option value="GTM">Guatemala</option> <option value="HKG">Hong Kong</option> <option value="ISL">Iceland</option> <option value="IND">India</option> <option value="IDN">Indonesia</option> <option value="IRL">Ireland</option> <option value="ISR">Israel</option> <option value="ITA">Italy</option> <option value="JAM">Jamaica</option> <option value="JPN">Japan</option> <option value="JOR">Jordan</option> <option value="KAZ">Kazakhstan</option> <option value="KEN">Kenya</option> <option value="KWT">Kuwait</option> <option value="LBN">Lebanon</option> <option value="LTU">Lithuania</option> <option value="MAC">Macao</option> <option value="MYS">Malaysia</option> <option value="MDV">Maldives</option> <option value="MEX">Mexico</option> <option value="MAR">Morocco</option> <option value="NAM">Namibia</option> <option value="NLD">Netherlands</option> <option value="ANT">Netherlands Antilles</option> <option value="NCL">New Caledonia</option> <option value="NZL">New Zealand</option> <option value="NIC">Nicaragua</option> <option value="NGA">Nigeria</option> <option value="NOR">Norway</option> <option value="PAK">Pakistan</option> <option value="PER">Peru</option> <option value="PHL">Philippines</option> <option value="POL">Poland</option> <option value="PRT">Portugal</option> <option value="QAT">Qatar</option> <option value="ROU">Romania</option> <option value="RUS">Russian Federation</option> <option value="SAU">Saudi Arabia</option> <option value="SGP">Singapore</option> <option value="SVK">Slovakia</option> <option value="SVN">Slovenia</option> <option value="ZAF">South Africa</option> <option value="KOR">South Korea</option> <option value="ESP">Spain</option> <option value="LKA">Sri Lanka</option> <option value="SWE">Sweden</option> <option value="CHE">Switzerland</option> <option value="TWN">Taiwan, Province of China</option> <option value="THA">Thailand</option> <option value="TTO">Trinidad and Tobago</option> <option value="TUR">Turkey</option> <option value="UKR">Ukraine</option> <option value="ARE">United Arab Emirates</option> <option value="GBR">United Kingdom</option> <option value="US">United States</option> <option value="UZB">Uzbekistan</option> <option value="VAT">Vatican City</option> <option value="VNM">Vietnam</option> <option value="WI">West Indies</option> <option value="ZWE">Zimbabwe</option> --> </select> </div> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">State/Province </label> <select id="select-state" class="full-width select-state" placeholder="Pick a state" required> <option value="" style="display:none" hidden selected>Select a state</option> <option value="Alabama">Alabama</option> <option value="AAlaskaK">Alaska</option> <option value="American Samoa">American Samoa</option> <option value="Arizona">Arizona</option> <option value="Arkansas">Arkansas</option> <option value="California">California</option> <option value="Colorado">Colorado</option> <option value="Connecticut">Connecticut</option> <option value="Delaware">Delaware</option> <option value="District Of Columbia">District Of Columbia</option> <option value="Federated States Of Micronesia">Federated States Of Micronesia</option> <option value="Florida">Florida</option> <option value="Georgia">Georgia</option> <option value="Guam">Guam</option> <option value="Hawaii">Hawaii</option> <option value="Idaho">Idaho</option> <option value="Illinois">Illinois</option> <option value="Indiana">Indiana</option> <option value="Iowa">Iowa</option> <option value="Kansas">Kansas</option> <option value="Kentucky">Kentucky</option> <option value="Louisiana">Louisiana</option> <option value="Maine">Maine</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Maryland">Maryland</option> <option value="Massachusetts">Massachusetts</option> <option value="Michigan">Michigan</option> <option value="Minnesota">Minnesota</option> <option value="Mississippi">Mississippi</option> <option value="Missouri">Missouri</option> <option value="Montana">Montana</option> <option value="Nebraska">Nebraska</option> <option value="Nevada">Nevada</option> <option value="New Hampshire">New Hampshire</option> <option value="New Jersey">New Jersey</option> <option value="New Mexico">New Mexico</option> <option value="New York">New York</option> <option value="North Carolina">North Carolina</option> <option value="North Dakota">North Dakota</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Ohio">Ohio</option> <option value="Oklahoma">Oklahoma</option> <option value="Oregon">Oregon</option> <option value="Palau">Palau</option> <option value="Pennsylvania">Pennsylvania</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Rhode Island">Rhode Island</option> <option value="South Carolina">South Carolina</option> <option value="South Dakota">South Dakota</option> <option value="Tennessee">Tennessee</option> <option value="Texas">Texas</option> <option value="Utah">Utah</option> <option value="Vermont">Vermont</option> <option value="Virgin Islands">Virgin Islands</option> <option value="Virginia">Virginia</option> <option value="Washington">Washington</option> <option value="West Virginia">West Virginia</option> <option value="Wisconsin">Wisconsin</option> <option value="Wyoming">Wyoming</option> </select> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">City</label> <input type="text" name="city" id="cityId" value="" /> </div> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">Zip Code</label> <input type="text" name="zip_code" id="zipCode" value="" placeholder="Please Specify..."/> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">Institution Name <!-- <i class="fa fa-info-circle pull-right fs_18"></i></label> --> <div class="tooltip"><i class="fa fa-info-circle pull-right fs_18"></i> <span class="tooltiptext">Not seeing your institution name? Select Other.</span> </div> </label> <input class="uniqueInstitutionClass" fun1="manualProfileInstitutionEntry" fun2="selectMyProfilePinCodeVal" type="text" autocomplete="off" id="myProfileInstitution" name="libraryInstitution" placeholder="Search Institution"> <i id="institution-loader" class="fa fa-spinner fa-spin red intitution-loader myprofile-intitution-loader display-none"></i> <input type="hidden" id="manualProfileInstitution" pattern="[a-zA-Z0-9 ]+" oninvalid="this.setCustomValidity('Use only aphabets for institutional field')" oninput="this.setCustomValidity('')" name="manualLibraryInstitution" placeholder="Please enter institution name " required> <input type="hidden" id="myProfileInstitutionCode" name="libraryInstitution"> <ul id ="myProfileDropdown" class="uniqueDropdownClass dropdown-menu scrollable-menu" role="menu"></ul> </div> <div class="col-md-6 col-xs-12" style="height: 75px;"> <label class="full-width mb_11">Job Function</label> <select id="myProfile-job-title" class="full-width" placeholder="Pick a Job Title" required> <option value="">Select Job Title</option> <option value="Adult/Public Library Services Librarian">Adult/Public Library Services Librarian</option> <option value="Assistant Library Director">Assistant Library Director</option> <option value="Cataloging Librarian">Cataloging Librarian</option> <option value="Children's Services Librarian">Children's Services Librarian</option> <option value="Circulation/Access Services Librarian">Circulation/Access Services Librarian</option> <option value="Collection Development/Acquisition Librarian">Collection Development/Acquisition Librarian</option> <option value="Librarian: Electronic Resources">Librarian: Electronic Resources</option> <option value="Librarian: Emerging Technologies">Librarian: Emerging Technologies</option> <option value="Head Librarian/Department Head">Head Librarian/Department Head</option> <option value="Library Director">Library Director</option> <option value="Library/Branch Manager">Library/Branch Manager</option> <option value="LIS Student">LIS Student</option> <option value="Outreach Librarian">Outreach Librarian</option> <option value="Paralibrarian/Paraprofessional">Paralibrarian/Paraprofessional</option> <option value="Librarian: Readers Advisory">Librarian: Readers Advisory</option> <option value="Reference/Information Services Librarian">Reference/Information Services Librarian</option> <option value="Reviewer">Reviewer</option> <option value="School Library Media Specialist">School Library Media Specialist</option> <option value="Teacher Librarian">Teacher Librarian</option> <option value="Technical Services/Systems Librarian">Technical Services/Systems Librarian</option> <option value="YA/Teen Librarian">YA/Teen Librarian</option> <option value="Educator">Educator</option> <option value="User Experience">User Experience</option> <option class="otherSelectedOption display-none"></option> <option class ="editableMyProfile" value="">Others</option> </select> <input class="editOptionMyprofile" style="display:none;" id="myProfileJobInput"></input> </div> <div class="col-md-12 col-xs-12"> <label class="full-width">Business Category *</label> <select class="scrollable-menu full-width" role="menu" id="downloadBusinessCategory" name="BusinessCategory"> <option value="">Select Option</option> <option value="Academic Library: 2 year/Community College">Academic Library: 2 year/Community College</option> <option value="Academic Library: 4 year/University/College">Academic Library: 4 year/University/College</option> <option value="Academic Library: Post Graduate Level">Academic Library: Post Graduate Level</option> <option value="Book Manufacturer/Bookseller">Book Manufacturer/Bookseller</option> <option value="Consumer">Consumer</option> <option value="Educator/Board of Educators">Educator/Board of Educators</option> <option value="Government Library">Government Library</option> <option value="Library Science Studies/Faculty">Library Science Studies/Faculty</option> <option value="Literary/Rights Agent">Literary/Rights Agent</option> <option value="Other Library">Other Library</option> <option value="Print/Film/BCST Media">Print/Film/BCST Media</option> <option value="Public Library/System">Public Library/System</option> <option value="Publisher/Publishing">Publisher/Publishing</option> <option value="School District">School District</option> <option value="School Library: Elementary">School Library: Elementary</option> <option value="School Library: High School">School Library: High School</option> <option value="School Library: Middle School/Junior High">School Library: Middle School/Junior High</option> <option value="School Library: Other (K-8, K-12, etc.)">School Library: Other (K-8, K-12, etc.)</option> <option value="Service Provider">Service Provider</option> <option value="Special Library: Business/Association/etc.">Special Library: Business/Association/etc.</option> <option value="Wholesaler/Distributor/Supplier">Wholesaler/Distributor/Supplier</option> <option value="Writing, Editing, or Illustration">Writing, Editing, or Illustration</option> </select> <input class="editOptiondownload edit-dropdown-input" style="display:none;"></input> </div> </div> <div class="row mb_20"> <div class="col-md-6 col-xs-12 resp-mb-20"> <label class="full-width mb_11">Email</label> <input type="email" name="email" id="emailId" value="" required/> </div> <div class="col-md-6 col-xs-12"> <label class="full-width mb_11">Phone</label> <input type="text" name="phone" id="phoneId" value="" /> </div> </div> <div class="row mb_20 mt_30"> <div class="col-md-2 col-xs-12" id="saveProfileId"> <!-- <div onclick="myProfileSave()" class="btn btn-default-red full-width bold akzidenz-grotesk-regular" >SAVE</div> --> </div> </div> </form> </div> <!-- End Edit Profile section --> <!-- Communication Preference section --> <div class="tab-pane" id="portlet_tab2"> <h1 class="account-heading portrait-medium mt_0">Newsletters</h1> <div class="row mb_20 mt_20"> <div class="col-md-12 col-xs-12"> <!--<h3 class="portrait-medium mt_0">Newsletters</h3>--> </div> </div> <div class="row mb_20" id="newsLetterSection"> <!-- END col-md-6 2nd section --> <br><br> </div> <div class="col-md-12 col-xs-12 mt_20" id="checkUnsubscribe"> </div> <div class="row mb_20 mt_30" id= "newsLetterSave"> </div> </div> <!-- End Communication Preference section --> <!-- Change Password section --> <div class="tab-pane" id="portlet_tab3"> <h1 class="account-heading portrait-medium mt_0">Change Password</h1> <div class="form-group mt_40 mb_20"> <form action="" id="form" method="PUT"> <div class="form-group"> <label class="full-width mb_11" for="desc">Current Password <a href="#" class="text-underline pull-right show_password1">Show</a> </label> <input type="password" class="form-control" name="current_psw" id="password1" required> </div> <div class="form-group"> <span class="error-msg" style="color:red"></span> </div> <div class="form-group"> <label for="desc" class="full-width mb_11">New Password <a href="#" class="text-underline pull-right show_password2">Show</a> </label> <input type="password" class="form-control" name="new_psw" id="password2" required> </div> <div class="col-md-12 p_0"> <p class="red hide" id="minPassLengthReq1">Passwords must include at least 8 characters. Please try your entry again.</p> <p class="red hide" id="minPassSecurityReq1">Your password must include at least three of these elements: lower case letters, upper case letters, numbers or special characters. Please try your entry again.</p> </div> <div class="form-group"> <label for="desc" class="full-width mb_11">Confirm Password <a href="#" class="text-underline pull-right show_password3">Show</a> </label> <input type="password" class="form-control" name="confirm_psw" id="password3" required> </div> <div class="form-group"> <span class="error red"></span> </div> <div class="row mb_20 mt_30"> <div class="col-md-4 col-xs-12"> <button type="submit" name="submit" class="btn btn-default-red full-width bold akzidenz-grotesk-regular" >UPDATE PASSWORD</button> </div> </div> </form> </div> </div> <div class="tab-pane" id="portlet_tab4"> <div id="login"> <form method="POST" id="order_number_form"> <div class="row mb_20 mt_30"> <div class="col-md-12 col-xs-12"> <label class="full-width mb_11" for="order">Enter the Order Number</label> <input type="text" name="order" id="order"/> <label class="full-width mb_11" id="orderError"></label> </div> </div> <div class="row mb_20 mt_30"> <div class="col-md-3 col-xs-12"> <div type="submit" name="submit" class="btn btn-default-red full-width bold akzidenz-grotesk-regular" value="Sign In" onclick="updateInstitutionSubscription()">SUBMIT</div> </div> </div> </form> </div> </div> </div> </div> </div> <!-- END Portlet PORTLET--> </div><!-- END Profile Block--> <!-- Institution Block --> <div id="Institution" class="tabcontentSection full-width" style="display:none;"> <h1 class="portrait-medium mt_0">Manage Institution</h1> <div id="institutionList"> </div> </div> </div> <!-- End Institution Block --> </div> </div> </div> <!-- Invite Popup Start --> <div id="invite-popup" class="modal fade"> <div class="modal-dialog invite-dialog"> <div class="modal-content"> <div class="modal-header pb_0"> <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true"> <i class="fa fa-times red fs_20"></i><span class=""></span> </button> </div> <div class="modal-body pb_30 pt_0 mt_15"> <h3 class="explore-desc bold text-align-center">Send Invite</h3> <div id="inviteResponse" class="text-align-center"> </div> <form class="embargoed-form registration-form" id="inviteForm" method="post" data-toggle="validator"> <div class="col-md-6 form-group mb_0"> <label class="control-label font-weight-100">First Name</label> <input type="text" id="inviteFirstName" name=fName required> </div> <div class="col-md-6 form-group mb_0"> <label class="control-label font-weight-100">Last Name</label> <input type="text" id="inviteLastName" name=fName required> </div> <div class="col-md-12 form-group mb_0"> <label class="control-label font-weight-100">Email</label> <input type="email" id="inviteEmail" name=email required> </div> <div class="col-md-12 form-group mb_0"> <label class="control-label font-weight-100">Subscription</label> <!-- <select class="scrollable-menu full-width" role="menu" id="inviteSubscription" required> <option value="">Select Subscription</option> </select> --> <div id="inviteSubscriptionDisplay" class="subscription-filed"></div> <input id="inviteSubscription" type="text" name="" value="" hidden> </div> <div class="col-md-12 form-group mb_0"> <label class="control-label font-weight-100">Message</label> <!-- <textarea id="inviteMessage" rows="4" cols="50" class="height_100" required> --> <!-- </textarea> --> <div class=""> <p> We recently purchased a subscription to <i>Library Journal</i> and I am so excited to be able to share it with you! After you accept the invitation below, you will be able to get immediate access to premium content on <a class="underline" href="https://www.libraryjournal.com/">libraryjournal.com</a> including: </p> <ul> <li>News, opinion, features, and breaking stories</li> <li>Exclusive video library and multimedia content</li> <li>Full, searchable archives of more than 300K reviews of books, ebooks, audiobooks, videos/DVDs, databases, systems and websites</li> <li>Research reports, data analysis, white papers, and expert opinion</li> </ul> <span>Happy reading!</span> </div> </div> <div class="text-align-center"> <button type="submit" id="sendInvite" class="btn btn-default-red bold akzidenz-grotesk-regular mt_20">SEND INVITE</button> </div> </form> </div> </div> </div> </div> <!-- Invite Popup End --> <script src="/webfiles/1732514926030/js/institution-field.js"></script> </div> <div id="meternote"> <div class = "gtm_half_ID"></div> <div class="col-md-12 col-xs-12 mt_20 mb_20 fs_20"> <div class="col-md-12 col-sm-12 col-xs-12 mt_20 mb_10 fs_15 resp-no-margin"> <div class="col-md-6 col-sm-8 col-xs-11 meter-text"> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 p_0"> <div class = "text-align-center float-left-resp"> <a class="meter-href" href="?page=subscribe"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">SUBSCRIBE</button></a> <h6 class="fs_13 mb_20 white">ALREADY A SUBSCRIBER? <a class="meter-login-utm meter-login white underline" href="?page=login">LOG IN</a></h6> </div> </div> </div> </div> <span class="meterNoteclose" style="cursor:pointer;"> <i class="fa fa-chevron-down fa-2x mt_5 meter-login white"></i> </span> </div> <div id="smallmeternote"> <div class = "gtm_small_ID"></div> <div class="container fs_20"> <div class="col-md-8 col-sm-8 col-xs-11 fs_20 resp-no-margin text-align-center white"> <p class="fs_16 mt_20 mb_10 meter-small-num float-right-resp"> </p> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 text-align-center"> <a class="meter-href" href="?page=subscribe"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">SUBSCRIBE</button></a> </div> </div> <span class="meterNoteopen display-none" style="cursor:pointer;"> <i class="fa fa-chevron-up white fa-2x mt_5 meter-login"></i> </span> </div> <div id="freemeternote"> <div class = "gtm_freehalf_ID"></div> <div class="col-md-12 col-xs-12 mt_20 mb_20 fs_20"> <div class="col-md-12 col-sm-12 col-xs-12 mt_20 mb_10 fs_15 resp-no-margin"> <div class="col-md-6 col-sm-8 col-xs-11 meter-text mr_20"> <p>We are currently offering this content for free. Sign up now to activate your personal profile, where you can save articles for future viewing</p> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 p_0"> <div class = "text-align-center float-left-resp"> <a class="meter-reg-href" href="?page=register"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">CREATE AN ACCOUNT</button></a> <h6 class="fs_13 mb_20 white">ALREADY A SUBSCRIBER? <a class="white meter-login-utm meter-login underline" href="?page=login">LOG IN</a></h6> </div> </div> </div> </div> <span class="meterNoteclose" style="cursor:pointer;"> <i class="fa fa-chevron-down white fa-2x mt_5 meter-login"></i> </span> </div> <div id="privateMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_private_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="?page=home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <h2 class="text-align-center bold">Thank you for visiting.</h2> <div class="paywall-text"> <p>We鈥檝e noticed you are using a private browser. To continue, please log in or create an account.</p> </div> <p><img style="width: 80%; height: auto!important; margin-top:20px;" src="/webfiles/1732514926030/images/ljHardPaywall.jpg" alt="Hard paywall image"/></p> <p><a class="meter-login-utm" href="?page=login"><button class="btn btn-subscribe btn-red navbar-btn subscribe-btn-size mt_5" style="width:195px;">LOG IN</button></a></p> <p><a href="?page=register"><button class="btn btn-subscribe btn-red navbar-btn subscribe-btn-size mt_5" style="width:195px;">CREATE AN ACCOUNT</button></a></p> <h6 class="mb_20 text-decoration-underline"><span class="bold"><a class="underline full-meter-href" href="?page=subscribe">SUBSCRIPTION OPTIONS</a></span></h6> </div> </div> </div> </div> </div> <div id="hardPaywallMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_hard_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="?page=home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="paywall-text"> </div> <p><a class="full-meter-href" href="?page=subscribe"><button class="btn btn-subscribe btn-red mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="?page=login">Log In</a></span></h6> </div> </div> </div> </div> </div> <div id="hardPaywallReviewMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_reviewHard_ID" style="display:none;"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="?page=home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="text-align-center bold"><h2 class="bold">Thank you for visiting.</h2></div> <div class="paywall-text"> <p>Most <i>LJ</i> reviews are exclusive to subscribers.</p> <p>As a subscriber, you'll receive unlimited access to all reviews dating back to 2010.</p> <p><img style="width: 80%; height: auto!important; margin-top:20px;" src="/webfiles/1732514926030/images/ljHardPaywall.jpg" alt="Hard paywall image"/></p> <p>To access other site content, visit our <a class="meter-backHome" href="?page=home" style="text-decoration:underline;">homepage</a>.</p> </div> <p><a class="full-meter-href" href="?page=subscribe"><button class="btn btn-subscribe btn-red mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="?page=login">Log In</a></span></h6> </div> </div> </div> </div> </div> <div id="meterExhaustMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_exhaust_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="?page=home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="paywall-text"> </div> <p><a class="full-meter-href" href="?page=subscribe"><button class="btn btn-subscribe btn-red mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="?page=login">Log In</a></span></h6> </div> </div> </div> </div> </div> </div> <div id="LJ_Spotible1_1x1"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('LJ_Spotible1_1x1'); }); </script> </div> <div id="LJ_Video_1x1"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('LJ_Video_1x1'); }); </script> </div> <footer class="lj-footer display-block pull-left full-width hidden-print"> <!-- <div class="hr_division"></div> --> <div class="footer" id="footer"> <div class="container"> <!-- Footer for Larger screen view Start--> <div class="laptop mt_30"> <div class="col-md-2 col-sm-2 col-xs-12 footer-block pl_0"> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=News" target="">News</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/reviews" target="">Reviews+</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/technology" target="">Technology</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/programs+" target="">Programs+</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/design" target="">Design</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/leadership" target="">Leadership</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/people" target="">People</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/covid19" target="">COVID-19</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/advocacy" target="">Advocacy</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/opinion" target="">Opinion</a></li> <li class="nav item"><a href="https://www.infodocket.com/?ref=ljnav-news" target="_blank">INFOdocket</a></li> <li class="nav item"><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Reviews+</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=BookLists" target="">Booklists</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Prepub" target="">Prepub Alert</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Book%20Pulse" target="">Book Pulse</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Reviews%2B,Media" target="">Media</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Readers%27%20Advisory" target="">Readers' Advisory</a></li> <li class="nav item"><a href="https://self-e.libraryjournal.com/" target="_blank">Self-Published Books</a></li> <li class="nav item"><a href="/page/Review-Submissions" target="">Review Submissions</a></li> <li class="nav item"><a href="/page/Review-for-LJ" target="">Review for LJ</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Awards</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.libraryjournal.com/?page=jerry-kline-community-impact-prize-submission-guidelines" target="">Community Impact Prize</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Librarian%20of%20the%20Year" target="">Librarian of the Year</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Marketer%20of%20the%20Year" target="">Marketer of the Year</a></li> <li class="nav item"><a href="/page/movers-and-shakers-2024" >Movers & Shakers 2024</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Library%20of%20the%20Year" target="">Library of the Year</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/page/Best-Small-Library-Guidelines" target="">Best Small Library</a></li> <li class="nav item"><a href="/page/All-Awards-Guidelines" target="">All Awards Guidelines</a></li> <!-- <li class="nav item"><a class="pointer" id="footerLibraryAwareCommunityId" onclick="readUrlCategory('LibraryAware%20Community','footerLibraryAwareCommunityId','Library Aware Community')";>Library Aware Community</a></li> --> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Resources</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.libraryjournal.com/page/americas-star-libraries-2021" target="">LJ Index/Star Libraries</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?detailStory=research" target="">Research</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?detailStory=white-papers-case-studies" target="">White Papers / Case Studies</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Events & PD</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.libraryjournal.com/section/events?eventtype=onlineCourses" target="">Online Courses</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/events?eventtype=inPersonEvents" target="">In-Person Events</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/events?eventtype=virtualEvents" target="">Virtual Events</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/events?eventtype=webcasts" target="">Webcasts</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0 pr_0"> <ul class="footer links footer-text"> <li class="nav item"><a href="/page/About-Us" target="">About Us</a></li> <li class="nav item"><a href="/page/Contact-Us" target="">Contact Us</a></li> <li class="nav item"><a href="https://media.libraryjournal.com/" target="_blank">Advertise</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?page=subscribe" target="">Subscribe</a></li> <li class="nav item"><a href="/page/Media-Inquiries" target="">Media Inquiries</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/page/freenewsletters" target="_blank">Newsletter Sign Up</a></li> <li class="nav item"><a href="/page/submit-features-news" target="">Submit Features/News</a></li> <li class="nav item"><a href="/page/Data-Privacy" target="">Data Privacy</a></li> <li class="nav item"><a href="/page/terms-of-use" target="">Terms of Use</a></li> <li class="nav item"><a href="/page/terms-of-sale" target="">Terms of Sale</a></li> <li class="nav item"><a href="/page/FAQs" target="">FAQs</a></li> <li class="nav item"><a href="/page/careers" target="">Careers at MSI</a></li> <li class="nav item mt_20"> <a href="https://www.facebook.com/libraryjournalmagazine/" target="_blank"><img class="mr_4 tab-w-30" src="/webfiles/1732514926030/images/fb.png"></a> <a href="https://twitter.com/libraryjournal?lang=en" target="_blank"><img style="width: 35px;height: 35px;" class="mr_4 tab-w-30" src="/webfiles/1732514926030/images/tw.png"></a> <a href="https://www.pinterest.com/libraryjournal/" target="_blank"><img class="tab-w-30" src="/webfiles/1732514926030/images/pin.png"></a> </li> </ul> </div> <!-- <div class="col-md-2 col-sm-4 col-xs-12 footer-block pl_0"> <h4>LJ Topics</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Advocacy</a></li> <li class="nav item"><a href="#">Building & Design</a></li> <li class="nav item"><a href="#">Collection Development</a></li> <li class="nav item"><a href="#">Innovation</a></li> <li class="nav item"><a href="#">Leadership</a></li> <li class="nav item"><a href="#">Library Education</a></li> <li class="nav item"><a href="#">Marketing</a></li> <li class="nav item"><a href="#">Technology</a></li> </ul> </div> <div class="col-md-2 col-sm-4 footer-block pl_0"> <h4>News</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Latest</a></li> <li class="nav item"><a href="#">Infodocket</a></li> <li class="nav item"><a href="#">Q&A</a></li> <li class="nav item"><a href="#">Industry News</a></li> <li class="nav item"><a href="#">People</a></li> <li class="nav item"><a href="#">Events</a></li> </ul> </div> <div class="col-md-2 col-sm-4 footer-block pl_0"> <h4>Features</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">2017 Movers & Shakers</a></li> <li class="nav item"><a href="#">Star Libraries</a></li> <li class="nav item"><a href="#">Placement & Salary Survey</a></li> <li class="nav item"><a href="#">Library of the Year</a></li> <li class="nav item"><a href="#">Best small library in America</a></li> <li class="nav item"><a href="#">Librarian of the Year</a></li> <li class="nav item"><a href="#">Paralibrarian of the Year</a></li> <li class="nav item"><a href="#">2016 Yaer in Architecture</a></li> </ul> </div> <div class="col-md-2 col-sm-4 footer-block pl_0"> <h4>Reviews</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Prepub Alerts</a></li> <li class="nav item"><a href="#">Audio Book Previews</a></li> <li class="nav item"><a href="#">Collection Development</a></li> <li class="nav item"><a href="#">Reader's Advisory</a></li> <li class="nav item"><a href="#">Editor's Picks</a></li> <li class="nav item"><a href="#">Review Lists</a></li> <li class="nav item"><a href="#">All Review</a></li> </ul> </div> <div class="col-md-2 col-sm-4 footer-block pl_0"> <h4>Opinion</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Annoyed librarian</a></li> <li class="nav item"><a href="#">Author 1</a></li> <li class="nav item"><a href="#">Author 2</a></li> <li class="nav item"><a href="#">Author 3</a></li> <li class="nav item"><a href="#">Topic 1</a></li> <li class="nav item"><a href="#">Topic 2</a></li> <li class="nav item"><a href="#">Topic 3</a></li> </ul> </div> <div class="col-md-2 col-sm-4 footer-block pl_0"> <h4>Learning</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Live Workshop</a></li> <li class="nav item"><a href="#">Online Courses</a></li> <li class="nav item"><a href="#">Webinars</a></li> <li class="nav item"><a href="#">Conference & Events</a></li> </ul> </div> <div class="col-md-4 col-sm-8 float-right pl_0"> <div class="col-md-6 col-sm-6 footer-block pl_0"> <h4>About LJ</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">LJ Awards</a></li> <li class="nav item"><a href="#">Self Publish</a></li> <li class="nav item"><a href="#">Careers at LJ</a></li> <li class="nav item"><a href="#">Library Jobs</a></li> <li class="nav item"><a href="#">Privacy Policy</a></li> </ul> </div> <div class="col-md-6 col-sm-6 footer-block pl_0"> <h4>Get in Touch</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="#">Subscriber Services</a></li> <li class="nav item"><a href="#">Contact Us</a></li> <li class="nav item"><a href="#">555-555-5555</a></li><span> </ul> </div> <div class="col-md-6 col-sm-6 footer-block pl_0 pr_0"> <ul class="footer links footer-text"> <li class="nav item"> <a href="#"><i class="fa fa-facebook social-icon" aria-hidden="true"/></i></a> <a href="#"><img style="width: 35px;height: 35px;" class="mr_4 tab-w-30" src="/webfiles/1732514926030/images/tw.png"/></a> <a href="#"><i class="fa fa-instagram social-icon" aria-hidden="true"/></i></a> <a href="#"><i class="fa fa-pinterest social-icon" aria-hidden="true"/></i></a> </li> </ul> </div> --> </div><!-- end laptop 1st section --> </div><!-- end 1st container --> <hr class="footer-border-line mt_20 mb_20 hidden-xs"> <div class="container footer-img hidden-xs"> <div class="col-md-2 col-sm-2 col-xs-6 pl_0 text-align-left" style="border-right: 2px solid white"> <a title="Media Source Incorporated" href="http://www.mediasourceinc.com/" target="_blank"> <img src="/webfiles/1732514926030/images/MSI-Logo-bw_rev55k.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-6 text-align-center"> <a title="AKJ" href="https://www.akjeducation.com/" target="_blank"> <img style="width:50px" src="/webfiles/1732514926030/images/akj1.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-6 text-align-right"> <a title="The Horn Book" href="http://www.hbook.com/" target="_blank"> <img src="/webfiles/1732514926030/images/The_Horn_Booknew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right p_0"> <a title="Junior Library Guild" href="https://www.juniorlibraryguild.com/" target="_blank"> <img src="/webfiles/1732514926030/images/JLGnew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right"> <a id="homeFromFooter" onclick="readUrlCategory('home','homeFromFooter','home')"; class="pointer"> <img src="/webfiles/1732514926030/images/LJ_Blacknew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right"> <a title="School Library Journal" href="http://www.slj.com/" target="_blank"> <img src="/webfiles/1732514926030/images/SLJ-footer.png"/> </a> </div> </div><!-- end 2nd container --> <hr class="footer-border-line mt_20 mb_20 hidden-xs"> <!-- <div class="col-md-12 col-sm-12 col-xs-12 mb_20 pl_0 pr_0 pt_5 pb_5 footer-img"> <div class="col-md-3 col-sm-3 col-xs-6 pl_0"> <a title="Media Source Incorporated" href="http://www.mediasourceinc.com/" target="_blank"> <img src="/webfiles/1732514926030/images/media_source.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-6"> <a title="The Horn Book" href="http://www.hbook.com/" target="_blank"> <img src="/webfiles/1732514926030/images/The_Horn_Book.png"/> </a> </div> <div class="col-md-3 col-sm-3 col-xs-4 text-align-center"> <a title="Junior Library Guild" href="https://www.juniorlibraryguild.com/" target="_blank"> <img src="/webfiles/1732514926030/images/JLG.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4"> <a title="School Library Journal" href="http://www.slj.com/" target="_blank"> <img src="/webfiles/1732514926030/images/SLJ.png"/> </a> </div> <div class="col-md-2 pr_0 col-sm-2 col-xs-4"> <a id="homeFromFooter" href="https://lj.libraryjournal.com/forms/LJsub2018.php" class="pointer"> <img class="float-right" src="/webfiles/1732514926030/images/LJ_Black.png"/> </a> </div> </div> --> <div class="container hidden-xs mb_10"> <div class="col-md-12 col-sm-12 pl_0 pr_0"> <div class="col-md-6 col-sm-4 pl_0 gray"> &copy; 2024 Library Journal. All rights reserved. </div> <div class="col-md-6 col-sm-8 footer-policy float-right pr_0"> <ul class="pull-right"> <!-- <li class="nav"><a href="/page/Privacy-Policy">Privacy Policy</a></li> --> <!-- <li class="nav"><a href="#">Copyright Notice</a></li> --> <!-- <li class="nav"><a href="#">Shipping Policy</a></li> <li class="nav"><a href="#">Refund Policy</a></li> --> </ul> </div> </div> </div> <!-- Footer for Larger screen view End--> <!-- Footer for Smaller screen view Start--> <div class="col-md-12 col-sm-12 col-xs-12 mb_20 tablet"> <div class="col-xs-12 footer-block mt_30 mb_20"> <ul class="footer links footer-text text-align-center"> <li class="nav item"> <a href="https://www.facebook.com/libraryjournalmagazine/"><img class="mr_20" src="/webfiles/1732514926030/images/fb.png"></a> <a href="https://twitter.com/libraryjournal?lang=en"><img style="width: 35px;height: 35px;" class="mr_20" src="/webfiles/1732514926030/images/tw.png"></a> <a href="https://www.instagram.com/library_journal/"><img class="mr_20" src="/webfiles/1732514926030/images/insta.png"></a> <a href="https://www.pinterest.com/libraryjournal/"><img src="/webfiles/1732514926030/images/pin.png"></a> </li> </ul> </div> <hr class="footer-border-line mb_30"> <div class="footer-img display-block full-width pull-left mb_30"> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center"> <a title="Media Source Incorporated" href="http://www.mediasourceinc.com/" target="_blank"> <img src="/webfiles/1732514926030/images/MSI-Logo-bw_rev55k.png"/> </a> </div> <div class="col-xs-6 text-align-center"> <a title="The Horn Book" href="http://www.hbook.com/" target="_blank"> <img class="full-width" src="/webfiles/1732514926030/images/The_Horn_Booknew.png"/> </a> </div> </div> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center mt_30"> <a id="homeFromFooter" href="https://lj.libraryjournal.com/forms/LJsub2018.php" class="pointer"> <img class="full-width" src="/webfiles/1732514926030/images/LJ_Blacknew.png"/> </a> </div> <div class="col-xs-6 text-align-center mt_30"> <a title="School Library Journal" href="https://lj.libraryjournal.com/forms/SLJsub2018.php" target="_blank"> <img class="full-width" src="/webfiles/1732514926030/images/SLJ-footer.png"/> </a> </div> </div> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center mt_30"> <a title="AKJ" href="https://www.akjeducation.com//" target="_blank"> <img style="width:50px" src="/webfiles/1732514926030/images/akj1.png"/> </a> </div> <div class="col-xs-6 text-align-center mt_30"> <a title="Junior Library Guild" href="https://www.juniorlibraryguild.com/" target="_blank"> <img class="full-width" src="/webfiles/1732514926030/images/JLGnew.png"/> </a> </div> </div> </div> <hr class="footer-border-line mb_30"> <div class="col-md-12 col-xs-12 pl_0 pr_0"> <div class="footer-policy pl_0 pr_0 fs_15"> <!--<div class="text-align-center col-sm-4 col-xs-12 mb_15"> <a class="gray" href="/page/Privacy-Policy">Privacy Policy</a> </div> <div class="text-align-center col-sm-4 col-xs-12 mb_20"> <a class="mr_15" href="#">Shipping Policy</a> <a href="#">Refund Policy</a> </div> <div class="text-align-center col-sm-4 col-xs-12 mb_20"> <a class="mr_15" href="#">About LJ</a> <a href="#">555-555-5555</a> </div> --> <!-- <div class="text-align-center col-xs-6"> <ul> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Copyright Notice</a></li> </ul> </div> <div class="text-align-center col-xs-6"> <ul> <li><a href="#">Shipping Policy</a></li> <li><a href="#">Refund Policy</a></li> </ul> </div> --> <!-- <div class="text-align-center col-xs-6"></div> <div class="text-align-center col-xs-6"></div> <div class="text-align-center col-xs-6"></div> --> </div> <div class="col-md-6 col-xs-12 p_0 text-align-center mb_20 fs_15 gray"> &copy; 2024 Library Journal. All rights reserved. </div> </div> <!-- Back To Top Button for Smaller Screen --> <!-- <div class="col-md-12 col-xs-12 text-align-center mt_10"> <a href="#top"><button class="btn btn-default-black navbar-btn fs_14 fb">BACK TO TOP<i class="fa fa-arrow-up ml_5"></i></button></a> </div> --> <!-- About LJ & Get in Touch --> <!-- <div class="col-xs-12 mt_20"> <span class="col-xs-6 footer-block text-align-center"> <h4>About LJ</h4> </span> <span class="col-xs-6 col-sm-6 footer-block text-align-center"> <h4>Get in Touch</h4> </span> <span class="col-xs-12 text-align-center fs_16 mt_10">555-555-5555</span> <div class="col-xs-12 footer-block text-align-center mt_30 mb_30"> <div class="width_25"><a href="#"><i class="fa fa-facebook social-icon" aria-hidden="true"/></i></a></div> <div class="width_25"><a href="#"><img style="width: 35px;height: 35px;" class="mr_4 tab-w-30" src="/webfiles/1732514926030/images/tw.png"/></a></div> <div class="width_25"><a href="#"><i class="fa fa-instagram social-icon" aria-hidden="true"/></i></a></div> <div class="width_25"><a href="#"><i class="fa fa-pinterest social-icon" aria-hidden="true"/></i></a></div> </div> </div> --> </div> <!-- Footer for Smaller screen view End--> </div> </footer> <script type='text/javascript'> function readUrlCategory(subpageVal, elementId, page) { var link = document.getElementById(elementId); if ("home" == page) { link.setAttribute("href", "?"); } else { link.setAttribute("href", "?subpage=" + subpageVal); } // document.forms[0].submit(); } </script> <script src="/webfiles/1732514926030/js/variable.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/session.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/main.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/smarten-text.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/private-mode.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/analytics.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/metering.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/validation.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/ecommerce.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/login.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/reset.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/topic-image.js" type="text/javascript"></script> <script src="/webfiles/1732514926030/js/institutions.js" type="text/javascript"></script> <!-- <script src="/webfiles/1732514926030/js/account-dashboard.js" type="text/javascript"></script> --> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//https://us01.l.antigena.com/l/sMmsucjkVjbHBZpY4a_zfeTmny0AEi3ymm19LSkSDmGg-qpqH52GTlPHgWXiwPZllSy3b2n7cBVCA7OIWo1Z7uvZa~7jk56EZ5jXqHE8Xtpu24JDh7gXGy1"></script> <!-- End of HubSpot Embed Code --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10