Showing source for: https://wblib.org/
Duration: 0.067077s
Server: cloudflare
<!doctype html>
<html class="scroll-smooth" lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1">
<!--Set Main Branch var for Live Hours-->
<script type="text/javascript">
var branch1_id = 185;
//hard coded second branch
var branch2_id = 186;
</script>
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<!-- This site is optimized with the Yoast SEO plugin v22.5 - https://yoast.com/wordpress/plugins/seo/ -->
<title>Home - West Bloomfield Township Public Library</title>
<link rel="canonical" href="https://wblib.org/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Home - West Bloomfield Township Public Library" />
<meta property="og:url" content="https://wblib.org/" />
<meta property="og:site_name" content="West Bloomfield Township Public Library" />
<meta property="article:publisher" content="https://www.facebook.com/WestBloomLib/" />
<meta property="article:modified_time" content="2024-05-09T13:15:30+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@westbloomlib" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://wblib.org/","url":"https://wblib.org/","name":"Home - West Bloomfield Township Public Library","isPartOf":{"@id":"https://wblib.org/#website"},"about":{"@id":"https://wblib.org/#organization"},"datePublished":"2023-06-26T22:23:46+00:00","dateModified":"2024-05-09T13:15:30+00:00","breadcrumb":{"@id":"https://wblib.org/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://wblib.org/"]}]},{"@type":"BreadcrumbList","@id":"https://wblib.org/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://wblib.org/#website","url":"https://wblib.org/","name":"West Bloomfield Township Public Library","description":"The digital branch of West Bloomfield Township Public Library","publisher":{"@id":"https://wblib.org/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://wblib.org/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://wblib.org/#organization","name":"West Bloomfield Township Public Library","url":"https://wblib.org/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://wblib.org/#/schema/logo/image/","url":"https://wblib.org/wp-content/uploads/2023/07/WBTPL-Logo-Invert.svg","contentUrl":"https://wblib.org/wp-content/uploads/2023/07/WBTPL-Logo-Invert.svg","width":167,"height":136,"caption":"West Bloomfield Township Public Library"},"image":{"@id":"https://wblib.org/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/WestBloomLib/","https://x.com/westbloomlib","https://www.instagram.com/westbloomlib/"]}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel='dns-prefetch' href='//stats.wp.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<!-- This site uses the Google Analytics by MonsterInsights plugin v8.26.0 - Using Analytics tracking - https://www.monsterinsights.com/ -->
<script src="//www.googletagmanager.com/gtag/js?id=G-7XXQJJCFFX" data-cfasync="false" data-wpfc-render="false" async></script>
<script data-cfasync="false" data-wpfc-render="false">
var mi_version = '8.26.0';
var mi_track_user = true;
var mi_no_track_reason = '';
var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/wblib.org\/"};
if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) {
var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations );
} else {
var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations;
}
var disableStrs = [
'ga-disable-G-7XXQJJCFFX',
];
/* Function to detect opted out users */
function __gtagTrackerIsOptedOut() {
for (var index = 0; index < disableStrs.length; index++) {
if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) {
return true;
}
}
return false;
}
/* Disable tracking if the opt-out cookie exists. */
if (__gtagTrackerIsOptedOut()) {
for (var index = 0; index < disableStrs.length; index++) {
window[disableStrs[index]] = true;
}
}
/* Opt-out function */
function __gtagTrackerOptout() {
for (var index = 0; index < disableStrs.length; index++) {
document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
window[disableStrs[index]] = true;
}
}
if ('undefined' === typeof gaOptout) {
function gaOptout() {
__gtagTrackerOptout();
}
}
window.dataLayer = window.dataLayer || [];
window.MonsterInsightsDualTracker = {
helpers: {},
trackers: {},
};
if (mi_track_user) {
function __gtagDataLayer() {
dataLayer.push(arguments);
}
function __gtagTracker(type, name, parameters) {
if (!parameters) {
parameters = {};
}
if (parameters.send_to) {
__gtagDataLayer.apply(null, arguments);
return;
}
if (type === 'event') {
parameters.send_to = monsterinsights_frontend.v4_id;
var hookName = name;
if (typeof parameters['event_category'] !== 'undefined') {
hookName = parameters['event_category'] + ':' + name;
}
if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') {
MonsterInsightsDualTracker.trackers[hookName](parameters);
} else {
__gtagDataLayer('event', name, parameters);
}
} else {
__gtagDataLayer.apply(null, arguments);
}
}
__gtagTracker('js', new Date());
__gtagTracker('set', {
'developer_id.dZGIzZG': true,
});
if ( MonsterInsightsLocations.page_location ) {
__gtagTracker('set', MonsterInsightsLocations);
}
__gtagTracker('config', 'G-7XXQJJCFFX', {"forceSSL":"true","link_attribution":"true"} );
window.gtag = __gtagTracker; (function () {
/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
/* ga and __gaTracker compatibility shim. */
var noopfn = function () {
return null;
};
var newtracker = function () {
return new Tracker();
};
var Tracker = function () {
return null;
};
var p = Tracker.prototype;
p.get = noopfn;
p.set = noopfn;
p.send = function () {
var args = Array.prototype.slice.call(arguments);
args.unshift('send');
__gaTracker.apply(null, args);
};
var __gaTracker = function () {
var len = arguments.length;
if (len === 0) {
return;
}
var f = arguments[len - 1];
if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') {
if ('send' === arguments[0]) {
var hitConverted, hitObject = false, action;
if ('event' === arguments[1]) {
if ('undefined' !== typeof arguments[3]) {
hitObject = {
'eventAction': arguments[3],
'eventCategory': arguments[2],
'eventLabel': arguments[4],
'value': arguments[5] ? arguments[5] : 1,
}
}
}
if ('pageview' === arguments[1]) {
if ('undefined' !== typeof arguments[2]) {
hitObject = {
'eventAction': 'page_view',
'page_path': arguments[2],
}
}
}
if (typeof arguments[2] === 'object') {
hitObject = arguments[2];
}
if (typeof arguments[5] === 'object') {
Object.assign(hitObject, arguments[5]);
}
if ('undefined' !== typeof arguments[1].hitType) {
hitObject = arguments[1];
if ('pageview' === hitObject.hitType) {
hitObject.eventAction = 'page_view';
}
}
if (hitObject) {
action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction;
hitConverted = mapArgs(hitObject);
__gtagTracker('event', action, hitConverted);
}
}
return;
}
function mapArgs(args) {
var arg, hit = {};
var gaMap = {
'eventCategory': 'event_category',
'eventAction': 'event_action',
'eventLabel': 'event_label',
'eventValue': 'event_value',
'nonInteraction': 'non_interaction',
'timingCategory': 'event_category',
'timingVar': 'name',
'timingValue': 'value',
'timingLabel': 'event_label',
'page': 'page_path',
'location': 'page_location',
'title': 'page_title',
'referrer' : 'page_referrer',
};
for (arg in args) {
if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) {
hit[gaMap[arg]] = args[arg];
} else {
hit[arg] = args[arg];
}
}
return hit;
}
try {
f.hitCallback();
} catch (ex) {
}
};
__gaTracker.create = newtracker;
__gaTracker.getByName = newtracker;
__gaTracker.getAll = function () {
return [];
};
__gaTracker.remove = noopfn;
__gaTracker.loaded = true;
window['__gaTracker'] = __gaTracker;
})();
} else {
console.log("");
(function () {
function __gtagTracker() {
return null;
}
window['__gtagTracker'] = __gtagTracker;
window['gtag'] = __gtagTracker;
})();
}
</script>
<!-- / Google Analytics by MonsterInsights -->
<script>
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/wblib.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.5.3"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
</script>
<style id='wp-emoji-styles-inline-css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://wblib.org/wp-includes/css/dist/block-library/style.min.css?ver=6.5.3' media='all' />
<style id='wp-block-library-inline-css'>
.has-text-align-justify{text-align:justify;}
</style>
<style id='safe-svg-svg-icon-style-inline-css'>
.safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%}
</style>
<link rel='stylesheet' id='mediaelement-css' href='https://wblib.org/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' media='all' />
<link rel='stylesheet' id='wp-mediaelement-css' href='https://wblib.org/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.5.3' media='all' />
<style id='jetpack-sharing-buttons-style-inline-css'>
.jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em}
</style>
<style id='global-styles-inline-css'>
body{--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary-light: #d3d8e3;--wp--preset--color--primary-default: #00529b;--wp--preset--color--primary-dark: #002d74;--wp--preset--color--secondary-light: #f0e8e6;--wp--preset--color--secondary-default: #b0876f;--wp--preset--color--secondary-dark: #7a3f1c;--wp--preset--color--tertiary-light: #c0ca80;--wp--preset--color--tertiary-default: #71902d;--wp--preset--color--tertiary-dark: #4d5a31;--wp--preset--color--contrast-light: #fdd784;--wp--preset--color--contrast-default: #f5a800;--wp--preset--color--contrast-dark: #852e2c;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: 0.75rem;--wp--preset--font-size--sm: 0.875rem;--wp--preset--font-size--base: 1rem;--wp--preset--font-size--lg: 1.125rem;--wp--preset--font-size--xl: 1.25rem;--wp--preset--font-size--2-xl: 1.5rem;--wp--preset--font-size--3-xl: 1.875rem;--wp--preset--font-size--4-xl: 2.25rem;--wp--preset--font-size--5-xl: 3rem;--wp--preset--font-size--6-xl: 3.75rem;--wp--preset--font-size--7-xl: 4.5rem;--wp--preset--font-size--8-xl: 6rem;--wp--preset--font-size--9-xl: 8rem;--wp--preset--font-family--sans: Roboto,sans-serif;--wp--preset--font-family--serif: Crimson Pro,serif;--wp--preset--font-family--mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--wp--preset--font-family--display: Roboto,sans-serif;--wp--preset--font-family--body: Crimson Pro,serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}.wp-element-button, .wp-block-button__link{background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-light-color{color: var(--wp--preset--color--primary-light) !important;}.has-primary-default-color{color: var(--wp--preset--color--primary-default) !important;}.has-primary-dark-color{color: var(--wp--preset--color--primary-dark) !important;}.has-secondary-light-color{color: var(--wp--preset--color--secondary-light) !important;}.has-secondary-default-color{color: var(--wp--preset--color--secondary-default) !important;}.has-secondary-dark-color{color: var(--wp--preset--color--secondary-dark) !important;}.has-tertiary-light-color{color: var(--wp--preset--color--tertiary-light) !important;}.has-tertiary-default-color{color: var(--wp--preset--color--tertiary-default) !important;}.has-tertiary-dark-color{color: var(--wp--preset--color--tertiary-dark) !important;}.has-contrast-light-color{color: var(--wp--preset--color--contrast-light) !important;}.has-contrast-default-color{color: var(--wp--preset--color--contrast-default) !important;}.has-contrast-dark-color{color: var(--wp--preset--color--contrast-dark) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-light-background-color{background-color: var(--wp--preset--color--primary-light) !important;}.has-primary-default-background-color{background-color: var(--wp--preset--color--primary-default) !important;}.has-primary-dark-background-color{background-color: var(--wp--preset--color--primary-dark) !important;}.has-secondary-light-background-color{background-color: var(--wp--preset--color--secondary-light) !important;}.has-secondary-default-background-color{background-color: var(--wp--preset--color--secondary-default) !important;}.has-secondary-dark-background-color{background-color: var(--wp--preset--color--secondary-dark) !important;}.has-tertiary-light-background-color{background-color: var(--wp--preset--color--tertiary-light) !important;}.has-tertiary-default-background-color{background-color: var(--wp--preset--color--tertiary-default) !important;}.has-tertiary-dark-background-color{background-color: var(--wp--preset--color--tertiary-dark) !important;}.has-contrast-light-background-color{background-color: var(--wp--preset--color--contrast-light) !important;}.has-contrast-default-background-color{background-color: var(--wp--preset--color--contrast-default) !important;}.has-contrast-dark-background-color{background-color: var(--wp--preset--color--contrast-dark) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-light-border-color{border-color: var(--wp--preset--color--primary-light) !important;}.has-primary-default-border-color{border-color: var(--wp--preset--color--primary-default) !important;}.has-primary-dark-border-color{border-color: var(--wp--preset--color--primary-dark) !important;}.has-secondary-light-border-color{border-color: var(--wp--preset--color--secondary-light) !important;}.has-secondary-default-border-color{border-color: var(--wp--preset--color--secondary-default) !important;}.has-secondary-dark-border-color{border-color: var(--wp--preset--color--secondary-dark) !important;}.has-tertiary-light-border-color{border-color: var(--wp--preset--color--tertiary-light) !important;}.has-tertiary-default-border-color{border-color: var(--wp--preset--color--tertiary-default) !important;}.has-tertiary-dark-border-color{border-color: var(--wp--preset--color--tertiary-dark) !important;}.has-contrast-light-border-color{border-color: var(--wp--preset--color--contrast-light) !important;}.has-contrast-default-border-color{border-color: var(--wp--preset--color--contrast-default) !important;}.has-contrast-dark-border-color{border-color: var(--wp--preset--color--contrast-dark) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-lg-font-size{font-size: var(--wp--preset--font-size--lg) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-2-xl-font-size{font-size: var(--wp--preset--font-size--2-xl) !important;}.has-3-xl-font-size{font-size: var(--wp--preset--font-size--3-xl) !important;}.has-4-xl-font-size{font-size: var(--wp--preset--font-size--4-xl) !important;}.has-5-xl-font-size{font-size: var(--wp--preset--font-size--5-xl) !important;}.has-6-xl-font-size{font-size: var(--wp--preset--font-size--6-xl) !important;}.has-7-xl-font-size{font-size: var(--wp--preset--font-size--7-xl) !important;}.has-8-xl-font-size{font-size: var(--wp--preset--font-size--8-xl) !important;}.has-9-xl-font-size{font-size: var(--wp--preset--font-size--9-xl) !important;}.has-sans-font-family{font-family: var(--wp--preset--font-family--sans) !important;}.has-serif-font-family{font-family: var(--wp--preset--font-family--serif) !important;}.has-mono-font-family{font-family: var(--wp--preset--font-family--mono) !important;}.has-display-font-family{font-family: var(--wp--preset--font-family--display) !important;}.has-body-font-family{font-family: var(--wp--preset--font-family--body) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='megamenu-css' href='https://wblib.org/wp-content/uploads/maxmegamenu/style.css?ver=add187' media='all' />
<link rel='stylesheet' id='dashicons-css' href='https://wblib.org/wp-includes/css/dashicons.min.css?ver=6.5.3' media='all' />
<link rel='stylesheet' id='megamenu-google-fonts-css' href='//fonts.googleapis.com/css?family=Crimson+Pro%3A400%2C700&ver=6.5.3' media='all' />
<link rel='stylesheet' id='megamenu-genericons-css' href='https://wblib.org/wp-content/plugins/megamenu-pro/icons/genericons/genericons/genericons.css?ver=2.2.8' media='all' />
<link rel='stylesheet' id='megamenu-fontawesome-css' href='https://wblib.org/wp-content/plugins/megamenu-pro/icons/fontawesome/css/font-awesome.min.css?ver=2.2.8' media='all' />
<link rel='stylesheet' id='megamenu-fontawesome5-css' href='https://wblib.org/wp-content/plugins/megamenu-pro/icons/fontawesome5/css/all.min.css?ver=2.2.8' media='all' />
<link rel='stylesheet' id='app/0-css' href='https://wblib.org/wp-content/themes/westbloomfpl/public/css/app.3dcdb8.css' media='all' />
<script src="https://wblib.org/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js?ver=8.26.0" id="monsterinsights-frontend-script-js"></script>
<script data-cfasync="false" data-wpfc-render="false" id='monsterinsights-frontend-script-js-extra'>var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/wblib.org","hash_tracking":"false","v4_id":"G-7XXQJJCFFX"};</script>
<script src="https://wblib.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://wblib.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://wblib.org/wp-json/" /><link rel="alternate" type="application/json" href="https://wblib.org/wp-json/wp/v2/pages/5" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://wblib.org/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.5.3" />
<link rel='shortlink' href='https://wblib.org/' />
<link rel="alternate" type="application/json+oembed" href="https://wblib.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwblib.org%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://wblib.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwblib.org%2F&format=xml" />
<meta name="cdp-version" content="1.4.6" /> <style>img#wpstats{display:none}</style>
<style class="wpcode-css-snippet">@media(min-width:981px){
/*resize text on award*/
footer .block-11 .wp-block-image > img{
display: inline;
}
footer .block-11 .wp-element-caption{
min-width:15rem;
}
}
/*Hide Form Description on Library Card Numbers for Suggest a Title & Suggest a Resource*/
#gfield_instruction_5_5,
#gfield_instruction_6_5{
display: none !important;
}</style><link rel="icon" href="https://wblib.org/wp-content/uploads/2023/07/favicon.png" sizes="32x32" />
<link rel="icon" href="https://wblib.org/wp-content/uploads/2023/07/favicon.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://wblib.org/wp-content/uploads/2023/07/favicon.png" />
<meta name="msapplication-TileImage" content="https://wblib.org/wp-content/uploads/2023/07/favicon.png" />
<style type="text/css">/** Mega Menu CSS: fs **/</style>
</head>
<body class="home page-template page-template-front-page page page-id-5 wp-custom-logo wp-embed-responsive group mega-menu-primary-navigation mega-menu-slide-out-navigation mega-menu-footer-media-navigation"style="visibility: hidden;">
<div id="app">
<a class="sr-only focus:not-sr-only" href="#main">
Skip to content
</a>
<div class="relative z-20">
<div class="text-gray-900 bg-yellow-400">
<div class="container mx-auto text-center">
<i class="fa fa-warning mr-2"></i>Both branches of the library will be closed May 25 through May 27 for Memorial Day. The library will reopen on May 28.
</div>
</div>
</div>
<header class="flex flex-col md:block banner md:pt-4 md:min-h-[11rem] pb-2 md:pb-0 relative z-40 bg-primary-dark group-[.home]:md:bg-transparent group-[.page-template-template-audience-page]:md:bg-transparent">
<div class="container relative mx-auto flex flex-wrap lg:flex-nowrap md:justify-between gutter md:pb-2 md:items-center order-2 md:order-0">
<a class="block brand z-10 hidden w-full order-2 my-2 md:w-auto md:basis-full lg:basis-auto md:order-1 md:flex md:flex-col md:mb-3 md:mt-0 lg:my-0" href="https://wblib.org/">
<img src="https://wblib.org/wp-content/uploads/2023/07/WBTPL-Logo-Invert.svg" alt="West Bloomfield Township Public Library Logo" class="lg:-mt-4 absolute mx-auto w-auto max-h-16 md:max-h-24 lg:max-h-[9rem]">
</a>
<div class="text-center w-full md:w-auto md:text-auto my-1 md:mt-0 lg:mt-2 md:mb-0 mx-auto md:mx-0 md:flex md:justify-end order-0 md:order-2 items-center flex-grow md:ml-8 lg:ml-12 lg:max-w-[68%] xl:max-w-[65%]">
<div class="inline-block">
<a
href="https://bloom.na4.iiivega.com/"
target="_self"
class="button button--white button--white-outline button--medium
button--icon-pos-left
!px-2 !py-1 uppercase" >
<svg class="button__icon h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/>
</svg> <span class="button__title">Catalog</span>
</a>
</div>
<div class="ml-4 inline-block">
<a
href="https://bloom.na4.iiivega.com/?openAccount=checkouts"
target="_self"
class="button button--white button--white-outline button--medium
button--icon-pos-left
!px-2 !py-1 uppercase" >
<svg class="button__icon h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z" clip-rule="evenodd"/>
</svg> <span class="button__title">Account</span>
</a>
</div>
<div class="ml-4 inline-block">
<a
href="#toggleMenu"
target="_self"
class="button button--contrast button--contrast-solid button--medium
button--icon-pos-left
!px-2 !py-1 relative top-1 md:top-0 uppercase js-open-slide-out-menu" >
<svg class="button__icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M3 6.75A.75.75 0 013.75 6h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 6.75zM3 12a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 12zm0 5.25a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75a.75.75 0 01-.75-.75z" clip-rule="evenodd"/>
</svg> <span class="button__title">How Do I...</span>
</a>
</div>
</div>
</div>
<div class="main-menu-wrapper flex order-1 md:order-3 md:mt-12 lg:mt-0">
<div class="container mx-auto gutter">
<nav class="nav-primary" aria-label="Main Menu">
<div id="mega-menu-wrap-primary_navigation" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"><div class='mega-toggle-block mega-logo-block mega-toggle-block-1' id='mega-toggle-block-1'><a class="mega-menu-logo" href="https://wblib.org" target="_self"><img class="mega-menu-logo" src="https://wblib.org/wp-content/uploads/2023/07/WBTPL-Logo-Invert.svg" alt="WBTPL Logo" /></a></div></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-block mega-toggle-block-2' id='mega-toggle-block-2' tabindex='0'><span class='mega-toggle-label' role='button' aria-expanded='false'><span class='mega-toggle-label-closed'>MENU</span><span class='mega-toggle-label-open'>MENU</span></span></div></div></div><ul id="mega-menu-primary_navigation" class="mega-menu max-mega-menu mega-menu-horizontal mega-no-js" data-event="hover" data-effect="fade_up" data-effect-speed="200" data-effect-mobile="disabled" data-effect-speed-mobile="0" data-mobile-force-width="false" data-second-click="go" data-document-click="collapse" data-vertical-behaviour="standard" data-breakpoint="768" data-unbind="true" data-mobile-state="collapse_all" data-hover-intent-timeout="300" data-hover-intent-interval="100"><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-megamenu mega-menu-item-113' id='mega-menu-item-113'><a class="mega-menu-link" href="https://wblib.org/about/" aria-haspopup="true" aria-expanded="false" tabindex="0">About<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-columns-1-of-2 mega-menu-item-124' id='mega-menu-item-124'><a class="mega-menu-link" href="#">The Library<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-branch mega-menu-item-438' id='mega-menu-item-438'><a class="mega-menu-link" href="https://wblib.org/branch/main-library/">Main Branch</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-branch mega-menu-item-439' id='mega-menu-item-439'><a class="mega-menu-link" href="https://wblib.org/branch/westacres-branch/">Westacres Branch</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-119' id='mega-menu-item-119'><a class="mega-menu-link" href="https://wblib.org/about/library-board/">Library Board</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-122' id='mega-menu-item-122'><a class="mega-menu-link" href="https://wblib.org/about/policies/">Policies</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-3324' id='mega-menu-item-3324'><a class="mega-menu-link" href="https://wblib.org/about/ask-a-librarian/">Contact Us</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-120' id='mega-menu-item-120'><a class="mega-menu-link" href="https://wblib.org/about/library-communications/">Library Communications</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-116' id='mega-menu-item-116'><a class="mega-menu-link" href="https://wblib.org/about/donate/">Donate</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-123' id='mega-menu-item-123'><a class="mega-menu-link" href="https://wblib.org/about/share-your-library-story/">Share Your Library Story</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-115' id='mega-menu-item-115'><a class="mega-menu-link" href="https://wblib.org/about/community-resources/">Community Resources</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-121' id='mega-menu-item-121'><a class="mega-menu-link" href="https://wblib.org/about/meet-the-staff/">Meet the Staff</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-117' id='mega-menu-item-117'><a class="mega-menu-link" href="https://wblib.org/about/employment-volunteering/">Employment & Volunteering</a></li> </ul>
</li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-columns-1-of-2 mega-menu-item-125' id='mega-menu-item-125'><a class="mega-menu-link" href="#">The Friends<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-118' id='mega-menu-item-118'><a class="mega-menu-link" href="https://wblib.org/about/friends-of-the-library/">Friends of the Library</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-526' id='mega-menu-item-526'><a class="mega-menu-link" href="https://wblib.org/about/support-the-friends/">Support the Friends</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-524' id='mega-menu-item-524'><a class="mega-menu-link" href="https://wblib.org/about/support-the-friends/#join-friends">Join the Friends</a></li> </ul>
</li></ul>
</li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-megamenu mega-menu-item-126' id='mega-menu-item-126'><a class="mega-menu-link" href="https://wblib.org/collections/" aria-haspopup="true" aria-expanded="false" tabindex="0">Collections<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-columns-1-of-2 mega-menu-item-132' id='mega-menu-item-132'><a class="mega-menu-link" href="#">Browse<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-133' id='mega-menu-item-133'><a class="mega-menu-link" href="https://bloom.na4.iiivega.com/">Catalog</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-130' id='mega-menu-item-130'><a class="mega-menu-link" href="https://wblib.org/collections/staff-picks/">Staff Picks</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-128' id='mega-menu-item-128'><a class="mega-menu-link" href="https://wblib.org/collections/ebooks/">eBooks & Streaming</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-129' id='mega-menu-item-129'><a class="mega-menu-link" href="https://wblib.org/collections/kits-puzzles-more/">Kits, Puzzles & More</a></li> </ul>
</li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-columns-1-of-2 mega-menu-item-134' id='mega-menu-item-134'><a class="mega-menu-link" href="#">Resources<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-127' id='mega-menu-item-127'><a class="mega-menu-link" href="https://wblib.org/collections/eresources/">All eResources</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-131' id='mega-menu-item-131'><a class="mega-menu-link" href="https://wblib.org/collections/suggest-a-resource/">Suggest a Resource</a></li> </ul>
</li></ul>
</li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-megamenu mega-menu-item-135' id='mega-menu-item-135'><a class="mega-menu-link" href="https://wblib.org/services/" aria-haspopup="true" aria-expanded="false" tabindex="0">Services<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-columns-1-of-3 mega-menu-item-146' id='mega-menu-item-146'><a class="mega-menu-link" href="#">Read<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-2523' id='mega-menu-item-2523'><a class="mega-menu-link" href="https://wblib.org/services/library-card/">Get/Renew a Library Card</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-137' id='mega-menu-item-137'><a class="mega-menu-link" href="https://wblib.org/services/book-groups/">Book Groups</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-138' id='mega-menu-item-138'><a class="mega-menu-link" href="https://wblib.org/services/get-a-personalized-list/">Get a Personalized List</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-142' id='mega-menu-item-142'><a class="mega-menu-link" href="https://wblib.org/services/reading-programs/">Reading Programs</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-144' id='mega-menu-item-144'><a class="mega-menu-link" href="https://wblib.org/services/suggest-a-title/">Suggest a Title</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-139' id='mega-menu-item-139'><a class="mega-menu-link" href="https://wblib.org/services/home-delivery/">Home Delivery</a></li> </ul>
</li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-columns-1-of-3 mega-menu-item-147' id='mega-menu-item-147'><a class="mega-menu-link" href="#">Learn<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-140' id='mega-menu-item-140'><a class="mega-menu-link" href="https://wblib.org/services/language-learning/">Language Learning</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-145' id='mega-menu-item-145'><a class="mega-menu-link" href="https://wblib.org/services/technology/">Technology</a></li> </ul>
</li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-columns-1-of-3 mega-menu-item-148' id='mega-menu-item-148'><a class="mega-menu-link" href="#">Explore<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-149' id='mega-menu-item-149'><a class="mega-menu-link" href="https://westbloomfield.librarycalendar.com/events/month">Event Calendar</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-143' id='mega-menu-item-143'><a class="mega-menu-link" href="https://wblib.org/services/recreational-passes/">Recreational Passes</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-1065' id='mega-menu-item-1065'><a class="mega-menu-link" href="https://wblib.org/services/notary-services/">Notary Services</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-141' id='mega-menu-item-141'><a class="mega-menu-link" href="https://wblib.org/services/library-spaces/">Library Spaces</a></li> </ul>
</li></ul>
</li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-megamenu mega-menu-item-150' id='mega-menu-item-150'><a class="mega-menu-link" href="https://wblib.org/youth-teens-adults/" aria-haspopup="true" aria-expanded="false" tabindex="0">Youth, Teens & Adults<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-columns-1-of-3 mega-menu-item-157' id='mega-menu-item-157'><a class="mega-menu-link" href="https://wblib.org/for-youth/">For Youth<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-161' id='mega-menu-item-161'><a class="mega-menu-link" href="https://wblib.org/for-youth/">Just for Youth</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-164' id='mega-menu-item-164'><a class="mega-menu-link" href="https://westbloomfield.librarycalendar.com/events/month/2023/12?age_groups%5B2%5D=2&age_groups%5B5%5D=5&age_groups%5B85%5D=85&age_groups%5B86%5D=86">Youth Events</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-158' id='mega-menu-item-158'><a class="mega-menu-link" href="https://wblib.org/for-youth/grow-up-reading-ages-0-5/">Grow Up Reading (Ages 0-5)</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-159' id='mega-menu-item-159'><a class="mega-menu-link" href="https://wblib.org/for-youth/teacher-assignment-alert/">Teacher Assignment Alert</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-1056' id='mega-menu-item-1056'><a class="mega-menu-link" href="https://wblib.org/services/reading-programs/">Reading Programs</a></li> </ul>
</li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-columns-1-of-3 mega-menu-item-153' id='mega-menu-item-153'><a class="mega-menu-link" href="https://wblib.org/youth-teens-adults/for-teens/">For Teens<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-163' id='mega-menu-item-163'><a class="mega-menu-link" href="https://wblib.org/youth-teens-adults/for-teens/">Just for Teens</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-165' id='mega-menu-item-165'><a class="mega-menu-link" href="https://westbloomfield.librarycalendar.com/events/month/2023/12?age_groups%5B3%5D=3&age_groups%5B87%5D=87&age_groups%5B88%5D=88">Teen Events</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-155' id='mega-menu-item-155'><a class="mega-menu-link" href="https://wblib.org/youth-teens-adults/for-teens/teacher-assignment-alert/">Teacher Assignment Alert</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-154' id='mega-menu-item-154'><a class="mega-menu-link" href="https://wblib.org/youth-teens-adults/for-teens/online-tutoring/">Online Tutoring</a></li> </ul>
</li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-columns-1-of-3 mega-menu-item-151' id='mega-menu-item-151'><a class="mega-menu-link" href="https://wblib.org/youth-teens-adults/for-adults/">For Adults<span class="mega-indicator"></span></a>
<ul class="mega-sub-menu">
<li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-162' id='mega-menu-item-162'><a class="mega-menu-link" href="https://wblib.org/youth-teens-adults/for-adults/">Just for Adults</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-166' id='mega-menu-item-166'><a class="mega-menu-link" href="https://westbloomfield.librarycalendar.com/events/month/2023/12?age_groups%5B4%5D=4">Adult Events</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-152' id='mega-menu-item-152'><a class="mega-menu-link" href="https://wblib.org/youth-teens-adults/for-adults/the-next-chapter-adults-55/">The Next Chapter (Adults 55+)</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-167' id='mega-menu-item-167'><a class="mega-menu-link" href="https://wblib.org/services/language-learning/">Language Learning</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-168' id='mega-menu-item-168'><a class="mega-menu-link" href="https://wblib.org/services/technology/">Technology</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-169' id='mega-menu-item-169'><a class="mega-menu-link" href="https://wblib.org/services/book-groups/">Book Groups</a></li> </ul>
</li></ul>
</li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-align-bottom-left mega-menu-flyout mega-menu-item-3047' id='mega-menu-item-3047'><a class="mega-menu-link" href="https://westbloomfield.librarycalendar.com/events/month" tabindex="0">Calendar</a></li></ul></div>
</nav>
</div>
</div>
</header>
<div class="slide-out-menu bg-contrast px-4 py-4 fixed right-[-100%] md:right-[-22rem] duration-100 ease-in-out top-0 w-full md:w-[22rem] h-full z-40">
<div class="mb-4 flex justify-between">
<h4 class="font-bold text-xl uppercase">How Do I?</h4>
<button class="js-close-slide-out-menu">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg> </button>
</div>
<div>
<div id="mega-menu-wrap-slide_out_navigation" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-0' id='mega-toggle-block-0'><button aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button" aria-expanded="false">
<span class="mega-toggle-animated-box">
<span class="mega-toggle-animated-inner"></span>
</span>
</button></div></div></div><ul id="mega-menu-slide_out_navigation" class="mega-menu max-mega-menu mega-menu-vertical mega-no-js" data-event="hover_intent" data-effect="fade_up" data-effect-speed="200" data-effect-mobile="disabled" data-effect-speed-mobile="0" data-mobile-force-width="false" data-second-click="go" data-document-click="collapse" data-vertical-behaviour="standard" data-breakpoint="768" data-unbind="true" data-mobile-state="collapse_all" data-hover-intent-timeout="300" data-hover-intent-interval="100"><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-174' id='mega-menu-item-174'><a class="fas fa-address-card mega-menu-link" href="https://wblib.org/services/library-card/" tabindex="0">Get/Renew a Library Card</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-175' id='mega-menu-item-175'><a class="fas fa-user-friends mega-menu-link" href="https://wblib.org/services/library-spaces/" tabindex="0">Use Library Spaces</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-176' id='mega-menu-item-176'><a class="fa-ticket mega-menu-link" href="https://wblib.org/services/recreational-passes/" tabindex="0">Get a Recreation Pass</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-177' id='mega-menu-item-177'><a class="fas fa-calendar-alt mega-menu-link" href="https://westbloomfield.librarycalendar.com/events/month" tabindex="0">Register for Events</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-180' id='mega-menu-item-180'><a class="dashicons-book mega-menu-link" href="https://bloom.na4.iiivega.com/" tabindex="0">Browse New Materials</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-2522' id='mega-menu-item-2522'><a class="fa-desktop mega-menu-link" href="https://wblib.org/collections/eresources/" tabindex="0">Find eResources</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-1052' id='mega-menu-item-1052'><a class="dashicons-printer mega-menu-link" href="https://wblib.org/services/technology/#wirelessprinting" tabindex="0">Access Wireless Printing</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-618' id='mega-menu-item-618'><a class="dashicons-format-chat mega-menu-link" href="https://wblib.org/about/ask-a-librarian/" tabindex="0">Ask a Librarian</a></li></ul></div>
</div>
</div>
<!--JS to toggle menu-->
<script type="text/javascript">
// Get the open button element
const openButton = document.querySelector('.js-open-slide-out-menu');
// Get the close button element
const closeButton = document.querySelector('.js-close-slide-out-menu');
// Get the slide-out menu element
const slideOutMenu = document.querySelector('.slide-out-menu');
// Add a click event listener to the open button
openButton.addEventListener('click', function() {
// Add the 'active' class to show the slide-out menu
slideOutMenu.classList.add('active');
});
// Add a click event listener to the close button
closeButton.addEventListener('click', function() {
// Remove the 'active' class to hide the slide-out menu
slideOutMenu.classList.remove('active');
});
</script>
<style type="text/css">
.slide-out-menu .menu-item a {
display: block;
padding: 1.2rem 0.25rem;
font-weight: 500;
transition: 0.25s all ease;
border-top: 1px solid #000;
background-color: transparent;
}
.slide-out-menu .menu-item a:hover,
.slide-out-menu .menu-item a:active,
.slide-out-menu .menu-item a:focus {
background-color: rgba(0,0,0,0.2);
}
.slide-out-menu .menu-item:first-child a {
border-top: none;
}
.slide-out-menu.active {
right: 0;
}
</style>
<main id="main" class="main">
<section id="hero" class="pt-24 pb-36 bg-primary-dark md:min-h-[34rem] md:h-[100%+11rem] md:-mt-[11rem] relative">
<div class="container mx-auto gutter relative z-20">
<div class="md:w-[75%] lg:w-2/3 mx-auto pt-[2rem] md:pt-[8rem]">
<h1 class="mb-4 text-white font-bold md:text-2xl lg:text-3xl">What can we help you find?</h1>
<div class="is-light large !font-serif group">
<form method="POST" action="https://wblib.org/wp-admin/admin-post.php">
<div class="flex">
<div class="mb-2 xl:w-96 group-[.large]:w-full">
<div class="relative flex w-full flex-wrap items-stretch">
<input
type="text"
placeholder="Start typing to search..."
id="s"
name="s"
class="border p-1 relative m-0 -mr-px block w-[1%] min-w-0 bg-transparent group-[.is-light]:bg-white flex-auto rounded-l border border-solid border-neutral-100 bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 outline-none transition duration-300 ease-in-out focus:border-primary-600 focus:text-neutral-700 focus:shadow-te-primary focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:placeholder:text-neutral-200 bg-white border-gray-500 "
/> <button
class="relative z-[2] rounded-r border-2 bg-contrast group-[.is-light]:bg-white border-contrast hover:border-contrast-dark group-[.is-light]:hover:border-white group-[.is-light]:border-white px-6 py-2 text-sm font-medium uppercase group-[.is-light]:text-gray-900 transition duration-150 ease-in-out hover:bg-contrast-dark group-[.is-light]:hover:bg-white focus:outline-none focus:ring-0"
type="submit" >
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/>
</svg>
</button>
</div>
</div>
</div>
<div class="mt-2">
<div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
<input type="radio"
class="accent-contrast peer bg-white group-[.is-light]:bg-transparent border-contrast relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid
border-[rgba(0,0,0,0.25)]
before:pointer-events-none
before:absolute before:h-4
before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0
before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full
after:bg-white group-[.is-light]:after:bg-transparent after:content-['']
checked:border-contrast group-[.is-light]:border-white group-[.is-light]:checked:border-contrast
checked:bg-white group-[.is-light]:checked:border-contrast checked:before:opacity-[0.16]
checked:after:absolute checked:after:left-1/2
checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem]
checked:after:rounded-full checked:after:border-contrast
checked:after:border-contrast
checked:after:border-[0.35rem]
checked:after:content-['']
checked:after:[transform:translate(-50%,-50%)]
hover:cursor-pointer hover:before:opacity-[0.04]
hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)]
focus:shadow-none focus:transition-[border-color_0.2s]
focus:before:scale-100 focus:before:opacity-[0.12]
focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s]
checked:focus:border-contrast checked:focus:bg-white checked:focus:before:scale-100
checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
id="button_catalog"
name="search_select"
value="catalog" checked
/>
<label
class="mt-px inline-block pl-[0.15rem] hover:cursor-pointer peer-checked:font-bold text-sm lg:text-lg lg:-top-1 lg:relative text-left group-[.is-light]:text-white"
for="button_catalog">
Catalog</label>
</div> <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
<input type="radio"
class="accent-contrast peer bg-white group-[.is-light]:bg-transparent border-contrast relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid
border-[rgba(0,0,0,0.25)]
before:pointer-events-none
before:absolute before:h-4
before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0
before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full
after:bg-white group-[.is-light]:after:bg-transparent after:content-['']
checked:border-contrast group-[.is-light]:border-white group-[.is-light]:checked:border-contrast
checked:bg-white group-[.is-light]:checked:border-contrast checked:before:opacity-[0.16]
checked:after:absolute checked:after:left-1/2
checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem]
checked:after:rounded-full checked:after:border-contrast
checked:after:border-contrast
checked:after:border-[0.35rem]
checked:after:content-['']
checked:after:[transform:translate(-50%,-50%)]
hover:cursor-pointer hover:before:opacity-[0.04]
hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)]
focus:shadow-none focus:transition-[border-color_0.2s]
focus:before:scale-100 focus:before:opacity-[0.12]
focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s]
checked:focus:border-contrast checked:focus:bg-white checked:focus:before:scale-100
checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
id="button_site"
name="search_select"
value="site"
/>
<label
class="mt-px inline-block pl-[0.15rem] hover:cursor-pointer peer-checked:font-bold text-sm lg:text-lg lg:-top-1 lg:relative text-left group-[.is-light]:text-white"
for="button_site">
Website</label>
</div> </div>
<input type="hidden" name="action" value="libby_search" />
</form>
</div> </div>
</div>
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/logo-watermark.3aad07.svg" alt="Logo Watermark" class="absolute w-[30rem] h-[28rem] lg: h-[32rem] right-0 bottom-[-10rem] z-0" />
<div class="primary-dark"></div>
<img src="https://wblib.org/wp-content/uploads/2024/03/Main-Entrance-Statue-scaled.jpg" alt="" class="w-full h-full absolute top-0 left-0 object-cover object-center z-0 opacity-30"/>
</section> <div class="container mx-auto gutter z-30 relative -mt-12">
<div class="md:flex md:justify-between relative bg-white rounded-lg overflow-hidden shadow min-h-[22rem]">
<div class="md:w-[20rem] bg-secondary-light p-4 md:pt-8 lg:pt-10 lg:px-6">
<div class="mb-8">
<h4 class="uppercase text-secondary-dark font-bold !font-sans mb-1">
<a href="https://wblib.org/branch/main-library/" class="!text-secondary-dark !no-underline">Main Branch</a>
</h4>
<div class="flex items-center mb-2">
<svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 6a.75.75 0 00-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 000-1.5h-3.75V6z" clip-rule="evenodd"/>
</svg> <div id="open-status-185"
class="font-serif font-bold text-[1.1rem] capitalize"></div>
</div>
<div id="todays-hours-185" class="font-serif"></div>
</div>
<div class="mt-4 mb-2 md:mb-4">
<h4 class="uppercase text-secondary-dark font-bold !font-sans mb-1">
<a href="https://wblib.org/branch/westacres-branch/" class="!text-secondary-dark !no-underline">Westacres Branch</a>
</h4>
<div class="flex items-center mb-2">
<svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 6a.75.75 0 00-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 000-1.5h-3.75V6z" clip-rule="evenodd"/>
</svg> <div id="open-status-186"
class="font-serif font-bold text-[1.1rem] capitalize"></div>
</div>
<div id="todays-hours-186" class="font-serif"></div>
</div>
<div class="flex content-start">
<a
href="https://wblib.org/about/"
target="_self"
class="button button--secondary button--secondary-solid button--medium
mt-4" >
<span class="button__title">All Hours & Directions</span>
</a>
</div>
</div>
<div class="flex-grow p-4">
<div class="md:flex md:items-center md:justify-between md:flex-row my-2">
<h3 class="text-primary">Featured Events</h3>
<a
href="https://westbloomfield.librarycalendar.com/events/month"
target="_self"
class="button button--primary button--primary-outline button--medium
" >
<span class="button__title">View Calendar</span>
</a>
</div>
<div class="events-list md:grid md:grid-cols-3 gap-3">
<div class="flex flex-col p-4 [&:nth-child(2)]:border-y [&:nth-child(2)]:md:!border-y-0 [&:nth-child(2)]:md:border-l [&:nth-child(2)]:md:border-r [&:nth-child(2)]:border-text-primary-light">
<div class="uppercase text-slate-700 text-sm font-medium">
May 30th <span class="!text-primary-light !font-light mx-1">|</span> 4:30 PM - 6:00 PM </div>
<div>
<h5 class="!font-medium !font-serif my-3 !text-2xl">
<a href="https://westbloomfield.librarycalendar.com/event/instrument-petting-zoo-3027"
class="!text-slate-800 hover:!text-primary-dark">
Instrument Zoo
</a>
</h5>
<div class="flex items-center my-2">
<svg class="w-7 h-7 mr-1 text-primary-dark stroke-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/>
</svg> <span class="!font-normal text-base font-serif text-slate-700 leading-5">Storytime Terrace</span>
</div>
<div class="flex items-center my-2">
<svg class="w-6 h-6 mr-1 text-primary-dark stroke-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"/>
</svg> <span class="!font-normal text-base font-serif text-slate-700">Grades K-2, Grades 3-5, Grades 6-8</span>
</div>
</div>
</div>
<div class="flex flex-col p-4 [&:nth-child(2)]:border-y [&:nth-child(2)]:md:!border-y-0 [&:nth-child(2)]:md:border-l [&:nth-child(2)]:md:border-r [&:nth-child(2)]:border-text-primary-light">
<div class="uppercase text-slate-700 text-sm font-medium">
May 30th <span class="!text-primary-light !font-light mx-1">|</span> 7:00 PM - 8:00 PM </div>
<div>
<h5 class="!font-medium !font-serif my-3 !text-2xl">
<a href="https://westbloomfield.librarycalendar.com/event/teen-trivia-night-1695"
class="!text-slate-800 hover:!text-primary-dark">
Teen Trivia Night
</a>
</h5>
<div class="flex items-center my-2">
<svg class="w-7 h-7 mr-1 text-primary-dark stroke-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/>
</svg> <span class="!font-normal text-base font-serif text-slate-700 leading-5">Westacres Activity Center</span>
</div>
<div class="flex items-center my-2">
<svg class="w-6 h-6 mr-1 text-primary-dark stroke-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"/>
</svg> <span class="!font-normal text-base font-serif text-slate-700">Grades 6-8, Grades 9-12</span>
</div>
</div>
</div>
<div class="flex flex-col p-4 [&:nth-child(2)]:border-y [&:nth-child(2)]:md:!border-y-0 [&:nth-child(2)]:md:border-l [&:nth-child(2)]:md:border-r [&:nth-child(2)]:border-text-primary-light">
<div class="uppercase text-slate-700 text-sm font-medium">
Jun 1st <span class="!text-primary-light !font-light mx-1">|</span> 10:00 AM - 1:00 PM </div>
<div>
<h5 class="!font-medium !font-serif my-3 !text-2xl">
<a href="https://westbloomfield.librarycalendar.com/event/summer-reading-kickoff-2024-adventure-begins-your-library-1181"
class="!text-slate-800 hover:!text-primary-dark">
Summer Reading Kickoff 2024- Adventure Begins at Your Library
</a>
</h5>
<div class="flex items-center my-2">
<svg class="w-7 h-7 mr-1 text-primary-dark stroke-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/>
</svg> <span class="!font-normal text-base font-serif text-slate-700 leading-5">Youth Area</span>
</div>
<div class="flex items-center my-2">
<svg class="w-6 h-6 mr-1 text-primary-dark stroke-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"/>
</svg> <span class="!font-normal text-base font-serif text-slate-700">Children, Ages 0-5, Grades K-2, Grades 3-5, Teens, Adults</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-16">
<div class="container mx-auto gutter">
<div class="md:flex md:items-center md:justify-between md:flex-row mb-4 text-center md:text-left" >
<h2 class="!font-sans">Featured Titles<h2>
</div>
<div class="lg:flex ">
<div class="lg:w-2/3 xl:w-3/4">
<ul
class="flex flex-col md:flex-row items-center md:mb-2 md:justify-between lg:px-4 xl:px-8 py-4 border-t border-b"
role="tablist"
data-te-nav-ref>
<li class="mb-4 md:mb-0 leading-tight">Browse by Category:</li>
<li role="presentation" class="mb-4 md:mb-0 md:mr-4">
<a
href="#tabs-1"
class="flex items-center font-serif text-base !text-gray-900 group data-[te-nav-active]:font-bold text-xl"
data-te-toggle="pill"
data-te-target="#tabs-1"
role="tab"
data-te-nav-active
aria-selected="true"
aria-controls="tabs-1">
<span class="w-4 h-4 mr-2 rounded-full border-2 border-contrast bg-white group-data-[te-nav-active]:border-[0.35rem] transition-all duration-300 ease-out-in"></span>
<span class="leading-tight">Bestsellers</span>
</a>
</li>
<li role="presentation" class="mb-4 md:mb-0 md:mr-4">
<a
href="#tabs-2"
class="flex items-center font-serif text-base !text-gray-900 group data-[te-nav-active]:font-bold text-xl"
data-te-toggle="pill"
data-te-target="#tabs-2"
role="tab"
aria-selected="false"
aria-controls="tabs-2">
<span class="w-4 h-4 mr-2 rounded-full border-2 border-contrast bg-white group-data-[te-nav-active]:border-[0.35rem] transition-all duration-300 ease-out-in"></span>
<span class="leading-tight">New Movies</span>
</a>
</li>
<li role="presentation" class="mb-4 md:mb-0 md:mr-4">
<a
href="#tabs-3"
class="flex items-center font-serif text-base !text-gray-900 group data-[te-nav-active]:font-bold text-xl"
data-te-toggle="pill"
data-te-target="#tabs-3"
role="tab"
aria-selected="false"
aria-controls="tabs-3">
<span class="w-4 h-4 mr-2 rounded-full border-2 border-contrast bg-white group-data-[te-nav-active]:border-[0.35rem] transition-all duration-300 ease-out-in"></span>
<span class="leading-tight">New Teen Books</span>
</a>
</li>
<li role="presentation" class="mb-4 md:mb-0 md:mr-4">
<a
href="#tabs-4"
class="flex items-center font-serif text-base !text-gray-900 group data-[te-nav-active]:font-bold text-xl"
data-te-toggle="pill"
data-te-target="#tabs-4"
role="tab"
aria-selected="false"
aria-controls="tabs-4">
<span class="w-4 h-4 mr-2 rounded-full border-2 border-contrast bg-white group-data-[te-nav-active]:border-[0.35rem] transition-all duration-300 ease-out-in"></span>
<span class="leading-tight">New Youth Books</span>
</a>
</li>
</ul>
<!--Build the Panels-->
<div id="tabContent">
<div
class="hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:opacity-100"
id="tabs-1"
role="tabpanel"
aria-labelledby="tabs-1-tab"
data-te-tab-active
>
<div class="iframe-wrapper" style="display: flex; min-width: 300px; justify-content: center;">
<iframe id="iframeId" style="border: none; display: block; height: 450px; width: 100%"
title="New Adult Bestsellers"
srcdoc="<vega-showcase-widget
showcase-id="9ff2c03b-a212-4417-bda1-9a580e96b1e7"
vega-host="bloom.na4.iiivega.com"
display-amount="5"
max-amount="20"
description="">
</vega-showcase-widget>
<script type="text/javascript" defer src="https://vega-widgets.s3.us-east-2.amazonaws.com/vega-showcase-widget/prod/pendo-showcase-widget.js"></script>"><br />
</iframe>
</div>
</div>
<div
class="hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:opacity-100"
id="tabs-2"
role="tabpanel"
aria-labelledby="tabs-2-tab"
>
<div class="iframe-wrapper" style="display: flex; min-width: 300px; justify-content: center;">
<iframe id="iframeId" style="border: none; display: block; height: 450px; width: 100%"
title="New DVDs"
srcdoc="<vega-showcase-widget
showcase-id="47382016-a3b3-4864-8f14-261f4ad4d313"
vega-host="bloom.na4.iiivega.com"
display-amount="5"
max-amount="20"
description="">
</vega-showcase-widget>
<script type="text/javascript" defer src="https://vega-widgets.s3.us-east-2.amazonaws.com/vega-showcase-widget/prod/pendo-showcase-widget.js"></script>"><br />
</iframe>
</div>
</div>
<div
class="hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:opacity-100"
id="tabs-3"
role="tabpanel"
aria-labelledby="tabs-3-tab"
>
<div class="iframe-wrapper" style="display: flex; min-width: 300px; justify-content: center;">
<iframe id="iframeId" style="border: none; display: block; height: 450px; width: 100%"
title="New Teen Books"
srcdoc="<vega-showcase-widget
showcase-id="231ca55f-a5e7-4e12-b7d0-545c72cb63d1"
vega-host="bloom.na4.iiivega.com"
display-amount="5"
max-amount="20"
description="">
</vega-showcase-widget>
<script type="text/javascript" defer src="https://vega-widgets.s3.us-east-2.amazonaws.com/vega-showcase-widget/prod/pendo-showcase-widget.js"></script>"><br />
</iframe>
</div>
</div>
<div
class="hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:opacity-100"
id="tabs-4"
role="tabpanel"
aria-labelledby="tabs-4-tab"
>
<div class="iframe-wrapper" style="display: flex; min-width: 300px; justify-content: center;">
<iframe id="iframeId" style="border: none; display: block; height: 450px; width: 100%"
title="New Youth Books"
srcdoc="<vega-showcase-widget
showcase-id="fadf0a40-12b0-4e41-b26a-a99f4b33a4ba"
vega-host="bloom.na4.iiivega.com"
display-amount="5"
max-amount="20"
description="">
</vega-showcase-widget>
<script type="text/javascript" defer src="https://vega-widgets.s3.us-east-2.amazonaws.com/vega-showcase-widget/prod/pendo-showcase-widget.js"></script>"><br />
</iframe>
</div>
</div>
</div>
</div>
<div class="lg:w-1/3 xl:w-1/4 lg:ml-2 xl:ml-4">
<div class="p-4 md:p-8 bg-primary-light rounded">
<div class="mb-4">
<img src="https://wblib.org/wp-content/uploads/2023/07/book-icon-circle.png" alt="Book Icon" class="mb-2"/>
</div>
<h3 class="font-serif my-4 lg:!text-3xl">Need a Recommendation?</h3>
<ul class="my-2 p-0">
<li class="mb-2">
<a
href="https://wblib.org/collections/staff-picks/"
target="_self"
class="link link--primary link--primary-solid link--medium
link--icon-pos-right
icon-animated icon-animated--right !py-1" >
<span class="button__title">Browse Staff Picks</span>
<svg class="button__icon h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg> </a>
</li>
<li class="mb-2">
<a
href="https://wblib.org/services/get-a-personalized-list/"
target="_self"
class="link link--primary link--primary-solid link--medium
link--icon-pos-right
icon-animated icon-animated--right !py-1" >
<span class="button__title">Get a Personalized List</span>
<svg class="button__icon h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg> </a>
</li>
<li class="mb-2">
<a
href="https://wblib.org/services/suggest-a-title/"
target="_self"
class="link link--primary link--primary-solid link--medium
link--icon-pos-right
icon-animated icon-animated--right !py-1" >
<span class="button__title">Suggest a Title</span>
<svg class="button__icon h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg> </a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="relative">
<div class="container mx-auto gutter relative z-10">
<div class="md:flex md:py-10 lg:py-12">
<div class="md:w-1/3">
<h2 class="mb-4 !font-sans">Featured eResources</h2>
<div class="mb-8 md:mr-2">Access countless digital resources for free with your library card.</div>
<ul class="mb-5 flex list-none flex-col flex-wrap border-b-0 pl-0 md:mr-8 lg:mr-12 lg:mt-8" role="tablist" data-te-nav-ref>
<li role="presentation">
<a href="#tab-1"
class="block p-2 md:p-4 lg:pl-8 duration-300 ease-in-out rounded bg-transparent !text-slate-500 data-[te-nav-active]:bg-primary-light hover:bg-primary-light data-[te-nav-active]:!text-primary-dark data-[te-nav-active]:font-bold"
data-te-toggle="pill"
data-te-target="#tab-1"
data-te-nav-active
role="tab"
aria-controls="1"
aria-selected="true">Newspapers & Magazines
<svg class="inline-block w-4 h-4 ml-1 lg:ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg> </a>
</li>
<li role="presentation">
<a href="#tab-2"
class="block p-2 md:p-4 lg:pl-8 duration-300 ease-in-out rounded bg-transparent !text-slate-500 data-[te-nav-active]:bg-primary-light hover:bg-primary-light data-[te-nav-active]:!text-primary-dark data-[te-nav-active]:font-bold"
data-te-toggle="pill"
data-te-target="#tab-2"
role="tab"
aria-controls="2"
aria-selected="true">eBooks & eAudiobooks
<svg class="inline-block w-4 h-4 ml-1 lg:ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg> </a>
</li>
<li role="presentation">
<a href="#tab-3"
class="block p-2 md:p-4 lg:pl-8 duration-300 ease-in-out rounded bg-transparent !text-slate-500 data-[te-nav-active]:bg-primary-light hover:bg-primary-light data-[te-nav-active]:!text-primary-dark data-[te-nav-active]:font-bold"
data-te-toggle="pill"
data-te-target="#tab-3"
role="tab"
aria-controls="3"
aria-selected="true">Art, Movies & Music
<svg class="inline-block w-4 h-4 ml-1 lg:ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg> </a>
</li>
<li role="presentation">
<a href="#tab-4"
class="block p-2 md:p-4 lg:pl-8 duration-300 ease-in-out rounded bg-transparent !text-slate-500 data-[te-nav-active]:bg-primary-light hover:bg-primary-light data-[te-nav-active]:!text-primary-dark data-[te-nav-active]:font-bold"
data-te-toggle="pill"
data-te-target="#tab-4"
role="tab"
aria-controls="4"
aria-selected="true">DIY Learning
<svg class="inline-block w-4 h-4 ml-1 lg:ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg> </a>
</li>
</ul>
<div class="flex content-start">
<a
href="https://wblib.org/collections/eresources/"
target="_self"
class="button button--primary button--primary-solid button--medium
lg:mx-8 !p-2" >
<span class="button__title">View all eResources</span>
</a>
</div>
</div>
<div class="md:w-2/3 mt-8 lg:mt-16">
<div class="resources-slider hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:!opacity-100"
id="tab-1"
role="tabpanel"
aria-labelledby="tabs-1-tab"
data-te-tab-active
>
<div class="swiper swiper-0"
data-id=0
data-slides-per-view=2 data-responsive=true data-autoPlay=true >
<!-- required wrapper -->
<div class="swiper-wrapper pb-4">
<!-- Slides -->
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://nytimes.com/subscription/redeem/all-access?campaignId=8LXQ8&gift_code=63badb001fa85bc2" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2024/01/the-new-york-times-logo.webp" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://nytimes.com/subscription/redeem/all-access?campaignId=8LXQ8&gift_code=63badb001fa85bc2" class="!text-gray-900 hover:!text-primary"> New York Times
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
Enjoy access to The New York Times online, including News, Games, Cooking, Wirecutter and The Athletic. Provided and paid...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://nytimes.com/subscription/redeem/all-access?campaignId=8LXQ8&gift_code=63badb001fa85bc2"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://partner.wsj.com/p/1148200010/enter-redemption-code/P193OMS72X9U" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/Wall-Street-Journal-logo.jpeg" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://partner.wsj.com/p/1148200010/enter-redemption-code/P193OMS72X9U" class="!text-gray-900 hover:!text-primary"> Wall Street Journal
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
The Wall Street Journal, published coast to coast, is the authoritative source for tracking business, financial, and economic news...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://partner.wsj.com/p/1148200010/enter-redemption-code/P193OMS72X9U"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttps%253A%252F%252F0-www-pressreader-com.catalog.wblib.org%253A443%252FIIITICKET&scope=0" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/pressreader-inc-logo-vector.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttps%253A%252F%252F0-www-pressreader-com.catalog.wblib.org%253A443%252FIIITICKET&scope=0" class="!text-gray-900 hover:!text-primary"> Press Reader
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
Provides access to full content, same-day newspapers from the U.S. and around the world with back issue availability. Includes...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://my.nicheacademy.com/wblib/course/2373"
target="_self"
class="link link--secondary link--secondary-solid link--medium
link--icon-pos-right
mt-2 max-w-fit" icon-animated="right">
<span class="button__title">Help</span>
<svg class="button__icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"/>
</svg> </a>
<a
href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttps%253A%252F%252F0-www-pressreader-com.catalog.wblib.org%253A443%252FIIITICKET&scope=0"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttp%253A%252F%252F0-search.ebscohost.com.catalog.wblib.org%253A80%252Flogin.aspx%253Fauthtype%253Dip%252Cuid%2526profile%253DeonIIITICKET&scope=0" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/consumer-reports-1024x576.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttp%253A%252F%252F0-search.ebscohost.com.catalog.wblib.org%253A80%252Flogin.aspx%253Fauthtype%253Dip%252Cuid%2526profile%253DeonIIITICKET&scope=0" class="!text-gray-900 hover:!text-primary"> Consumer Reports
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
Access current and back issues of Consumer Reports through Flipster. Search and browse through information about cars, appliances, electronics,...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttp%253A%252F%252F0-search.ebscohost.com.catalog.wblib.org%253A80%252Flogin.aspx%253Fauthtype%253Dip%252Cuid%2526profile%253DeonIIITICKET&scope=0"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://metronet.overdrive.com/" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/OverDrive_Logo-1024x267.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://metronet.overdrive.com/" class="!text-gray-900 hover:!text-primary"> OverDrive
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
OverDrive offers eBooks, eAudiobooks, and eMagazines.
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://metronet.overdrive.com/"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- pagination bullets -->
<div class="swiper-pagination swiper-pagination-0 !-bottom-1"></div>
<!-- navigation buttons -->
<div class="swiper-button-prev swiper-button-prev-0 transition ease-in-out duration-200 !text-secondary !stroke-2"> <svg class="!text-secondary !stroke-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z" clip-rule="evenodd"/>
</svg></div>
<div class="swiper-button-next swiper-button-next-0 transition ease-in-out duration-200 !text-secondary !stroke-2"> <svg class="!text-secondary !stroke-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg></div>
</div>
</div>
<div class="resources-slider hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:!opacity-100"
id="tab-2"
role="tabpanel"
aria-labelledby="tabs-2-tab"
>
<div class="swiper swiper-0"
data-id=0
data-slides-per-view=2 data-responsive=true data-autoPlay=true >
<!-- required wrapper -->
<div class="swiper-wrapper pb-4">
<!-- Slides -->
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://ebook.yourcloudlibrary.com/library/wbtpl/featured" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/cloudlibrary.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://ebook.yourcloudlibrary.com/library/wbtpl/featured" class="!text-gray-900 hover:!text-primary"> cloudLibrary
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
cloudLibrary is the library’s main collection of eBooks and eAudiobooks.
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://my.nicheacademy.com/wblib/course/1301"
target="_self"
class="link link--secondary link--secondary-solid link--medium
link--icon-pos-right
mt-2 max-w-fit" icon-animated="right">
<span class="button__title">Help</span>
<svg class="button__icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"/>
</svg> </a>
<a
href="https://ebook.yourcloudlibrary.com/library/wbtpl/featured"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://www.hoopladigital.com/" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/hoopla-logo-blue-1024x438.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://www.hoopladigital.com/" class="!text-gray-900 hover:!text-primary"> Hoopla
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
Stream and download eBooks, eAudiobooks, eMovies & TV, and eMusic. Provided and paid for by the West Bloomfield Township...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://my.nicheacademy.com/wblib/course/352"
target="_self"
class="link link--secondary link--secondary-solid link--medium
link--icon-pos-right
mt-2 max-w-fit" icon-animated="right">
<span class="button__title">Help</span>
<svg class="button__icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"/>
</svg> </a>
<a
href="https://www.hoopladigital.com/"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://metronet.overdrive.com/" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/OverDrive_Logo-1024x267.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://metronet.overdrive.com/" class="!text-gray-900 hover:!text-primary"> OverDrive
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
OverDrive offers eBooks, eAudiobooks, and eMagazines.
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://metronet.overdrive.com/"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://digital.scholastic.com/resources/slp/#/library-card?productCode=bkflix&ucn=600020502&ref=MTY5MDgxNzMxNTUyNXxodHRwczovL3d3dy53YmxpYi5vcmcv" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/bookflix.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://digital.scholastic.com/resources/slp/#/library-card?productCode=bkflix&ucn=600020502&ref=MTY5MDgxNzMxNTUyNXxodHRwczovL3d3dy53YmxpYi5vcmcv" class="!text-gray-900 hover:!text-primary"> BookFLIX
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
BookFlix is a digital literacy resource that pairs more than 135 animated stories from Weston Woods with a best-selling nonfiction e-book...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://digital.scholastic.com/resources/slp/#/library-card?productCode=bkflix&ucn=600020502&ref=MTY5MDgxNzMxNTUyNXxodHRwczovL3d3dy53YmxpYi5vcmcv"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://login.westbloomfield.idm.oclc.org/login?url=https://www.tumblebooklibrary.com/autologin.aspx?userid=AyaMONRxHt%2b1SGkm8T%2bV8w%3d%3d" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/tbl_logo.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://login.westbloomfield.idm.oclc.org/login?url=https://www.tumblebooklibrary.com/autologin.aspx?userid=AyaMONRxHt%2b1SGkm8T%2bV8w%3d%3d" class="!text-gray-900 hover:!text-primary"> TumbleBooks
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
TumbleBooks are animated, talking picture books which teach kids the joy of reading in a format they’ll love. They...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://login.westbloomfield.idm.oclc.org/login?url=https://www.tumblebooklibrary.com/autologin.aspx?userid=AyaMONRxHt%2b1SGkm8T%2bV8w%3d%3d"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- pagination bullets -->
<div class="swiper-pagination swiper-pagination-0 !-bottom-1"></div>
<!-- navigation buttons -->
<div class="swiper-button-prev swiper-button-prev-0 transition ease-in-out duration-200 !text-secondary !stroke-2"> <svg class="!text-secondary !stroke-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z" clip-rule="evenodd"/>
</svg></div>
<div class="swiper-button-next swiper-button-next-0 transition ease-in-out duration-200 !text-secondary !stroke-2"> <svg class="!text-secondary !stroke-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg></div>
</div>
</div>
<div class="resources-slider hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:!opacity-100"
id="tab-3"
role="tabpanel"
aria-labelledby="tabs-3-tab"
>
<div class="swiper swiper-0"
data-id=0
data-slides-per-view=2 data-responsive=true data-autoPlay=true >
<!-- required wrapper -->
<div class="swiper-wrapper pb-4">
<!-- Slides -->
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://www.kanopy.com/en/wblib" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/Kanopy-Color.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://www.kanopy.com/en/wblib" class="!text-gray-900 hover:!text-primary"> Kanopy
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
Stream movies, documentaries, foreign films, classic cinema, independent films, and educational videos. Provided and paid for by the West...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://my.nicheacademy.com/wblib/course/3129"
target="_self"
class="link link--secondary link--secondary-solid link--medium
link--icon-pos-right
mt-2 max-w-fit" icon-animated="right">
<span class="button__title">Help</span>
<svg class="button__icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"/>
</svg> </a>
<a
href="https://www.kanopy.com/en/wblib"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://wblib.kanopy.com/kids" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/Kanopy-Kids-1024x516.jpg" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://wblib.kanopy.com/kids" class="!text-gray-900 hover:!text-primary"> Kanopy Kids
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
In the Kanopy Kids section, you’ll see only content that’s suitable for children, with a focus on ages 2-8....
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://wblib.kanopy.com/kids"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://www.hoopladigital.com/" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/hoopla-logo-blue-1024x438.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://www.hoopladigital.com/" class="!text-gray-900 hover:!text-primary"> Hoopla
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
Stream and download eBooks, eAudiobooks, eMovies & TV, and eMusic. Provided and paid for by the West Bloomfield Township...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://my.nicheacademy.com/wblib/course/352"
target="_self"
class="link link--secondary link--secondary-solid link--medium
link--icon-pos-right
mt-2 max-w-fit" icon-animated="right">
<span class="button__title">Help</span>
<svg class="button__icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"/>
</svg> </a>
<a
href="https://www.hoopladigital.com/"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttp%253A%252F%252F0-search.alexanderstreet.com.catalog.wblib.org%253A80%252FnathIIITICKET&scope=0" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/nationalTheatreCollection-1024x578.jpeg" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttp%253A%252F%252F0-search.alexanderstreet.com.catalog.wblib.org%253A80%252FnathIIITICKET&scope=0" class="!text-gray-900 hover:!text-primary"> National Theater Collection
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
The National Theatre Collection brings the stage to life through access to high-definition streaming video of world-class productions and...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttp%253A%252F%252F0-search.alexanderstreet.com.catalog.wblib.org%253A80%252FnathIIITICKET&scope=0"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- pagination bullets -->
<div class="swiper-pagination swiper-pagination-0 !-bottom-1"></div>
<!-- navigation buttons -->
<div class="swiper-button-prev swiper-button-prev-0 transition ease-in-out duration-200 !text-secondary !stroke-2"> <svg class="!text-secondary !stroke-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z" clip-rule="evenodd"/>
</svg></div>
<div class="swiper-button-next swiper-button-next-0 transition ease-in-out duration-200 !text-secondary !stroke-2"> <svg class="!text-secondary !stroke-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg></div>
</div>
</div>
<div class="resources-slider hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:!opacity-100"
id="tab-4"
role="tabpanel"
aria-labelledby="tabs-4-tab"
>
<div class="swiper swiper-0"
data-id=0
data-slides-per-view=2 data-responsive=true data-autoPlay=true >
<!-- required wrapper -->
<div class="swiper-wrapper pb-4">
<!-- Slides -->
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://app.fierocode.com/sign-in?club=1154" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2024/05/fiero_code_logo-1024x306.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://app.fierocode.com/sign-in?club=1154" class="!text-gray-900 hover:!text-primary"> Fiero Code
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
Fiero Code is a comprehensive online platform designed to teach coding from the ground up. The curriculum includes HTML,...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://app.fierocode.com/sign-in?club=1154"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://www.creativebug.com/lib/wblib" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/creativebug-logo.jpg" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://www.creativebug.com/lib/wblib" class="!text-gray-900 hover:!text-primary"> Creativebug
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
Creativebug has more than 1,000 award-winning art & craft video classes taught by recognized design experts and artists. Provided...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://my.nicheacademy.com/wblib/course/10849"
target="_self"
class="link link--secondary link--secondary-solid link--medium
link--icon-pos-right
mt-2 max-w-fit" icon-animated="right">
<span class="button__title">Help</span>
<svg class="button__icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"/>
</svg> </a>
<a
href="https://www.creativebug.com/lib/wblib"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://westbloomfield.idm.oclc.org/login?url=https://link.gale.com/apps/UDEMY?u=lom_westblom" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/Udemy_logo-1024x382.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://westbloomfield.idm.oclc.org/login?url=https://link.gale.com/apps/UDEMY?u=lom_westblom" class="!text-gray-900 hover:!text-primary"> Udemy
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
Udemy helps anyone learn software, creative, and business skills to achieve personal and professional goals. Includes a vast library...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://westbloomfield.idm.oclc.org/login?url=https://link.gale.com/apps/UDEMY?u=lom_westblom"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card card--col group relative p-6 xl:p-8 bg-white rounded relative z-10 group transition duration-300 !bg-clip-border border border-slate-200 mb-4 sm:min-h-[34rem] lg:min-h-[32rem]" library-card-required="library-card-required" >
<div class="md:flex items-start group-[.card--col]:flex-col group-[.card--col]:items-center">
<div class="overflow-hidden flex flex-col group-[.card--row]:md:mr-8 h-full mb-4">
<a href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttps%253A%252F%252F0-learning-pronunciator-com.catalog.wblib.org%253A443%252Fgetstarted.php%253Flibrary_id%253D20207IIITICKET&scope=0" class="opacity-100 hover:opacity-75 transition-all duration-100 ease-in-out"> <img src="https://wblib.org/wp-content/uploads/2023/07/pronunciator.png" alt="#" class="w-full h-36 object-contain mb-2" />
</a> </div>
<div class="w-full">
<h2 class="mb-3 !text-2xl font-bold leading-tight">
<a href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttps%253A%252F%252F0-learning-pronunciator-com.catalog.wblib.org%253A443%252Fgetstarted.php%253Flibrary_id%253D20207IIITICKET&scope=0" class="!text-gray-900 hover:!text-primary"> Pronunciator
</a> </h2>
<div class="mb-4 text-gray-600 font-medium text-md flex items-center">
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/library-card.5fadb8.svg" alt="Library Card Icon" class="w-5 h-5"/>
<span class="ml-2 font-serif">Library Card Required</span>
</div>
<hr class="mb-4"/>
<div class="mb-4">
You can learn 80 languages in any of 50 languages with Pronunciator. That’s 4,000 possible course combinations! Pronunciator also...
</div>
<div class="md:flex md:items-center md:justify-between">
<a
href="https://catalog.wblib.org/iii/cas/login?service=https%3A%2F%2Fcatalog.wblib.org%3A443%2Fpatroninfo%2F0%2Fredirect%3D%2Fwamvalidate%3Furl%3Dhttps%253A%252F%252F0-learning-pronunciator-com.catalog.wblib.org%253A443%252Fgetstarted.php%253Flibrary_id%253D20207IIITICKET&scope=0"
target="_self"
class="button button--primary button--primary-outline button--small
mt-2 max-w-fit" >
<span class="button__title">Visit</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- pagination bullets -->
<div class="swiper-pagination swiper-pagination-0 !-bottom-1"></div>
<!-- navigation buttons -->
<div class="swiper-button-prev swiper-button-prev-0 transition ease-in-out duration-200 !text-secondary !stroke-2"> <svg class="!text-secondary !stroke-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z" clip-rule="evenodd"/>
</svg></div>
<div class="swiper-button-next swiper-button-next-0 transition ease-in-out duration-200 !text-secondary !stroke-2"> <svg class="!text-secondary !stroke-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/>
</svg></div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-secondary-light absolute z-0 right-0 top-0 h-full md:w-1/2"></div>
</div>
<section class="my-8 py-16 bg-primary-dark relative">
<div class="container mx-auto gutter relative z-10">
<div class="md:flex md:max-w-[75%] md:mx-auto">
<div class="md:w-1/2">
<h5 class="text-white uppercase !font-serif md:mr-8 md:!text-xl mb-1">Now Offering</h5>
<h2 class="text-white antialiased !font-sans lg:!text-4xl md:mr-8">Technology Help</h2>
</div>
<div class="md:w-1/2">
<div class="text-white antialiased mb-2 md:max-w-[85%] mt-4 md:mt-0">
<p>Need help navigating the technology of today’s world? The library offers one-on-one technology assistance and group technology workshops.</p>
</div>
<div class="flex content-start">
<a
href="https://wblib.org/services/technology/"
target="_self"
class="button button--contrast button--contrast-solid button--medium
mt-4" >
<span class="button__title">Get Tech Help</span>
</a>
</div>
</div>
</div>
</div>
<img
src="https://wblib.org/wp-content/uploads/2023/12/westbloomfield-computers-min.png"
alt=""
class="w-full h-full absolute left-0 top-0 object-cover opacity-30 z-0" />
</section>
<section class="mt-12">
<div class="container mx-auto gutter">
<div class="md:flex">
<div class="md:w-[60%] md:mr-4 lg:mr-8 h-full bg-secondary-light p-4 md:p-8 my-4 rounded">
<div>
<img
src="https://wblib.org/wp-content/uploads/2023/07/friends_small_logo_trans-1.png"
alt="Friends logo"
class="mb-2"/>
<h4 class="!font-serif mb-2 !text-xl lg:!text-3xl font-bold">The Friends of the Library</h4>
<div class="my-4 lg:my-6 lg:max-w-[90%]">
The Friends of the West Bloomfield Township Public Library is a non-profit organization dedicated to helping the library make information and knowledge accessible to the communities it serves.
</div>
<div class="flex mt-4">
<a
href="https://wblib.org/about/friends-of-the-library/"
target="_self"
class="button button--secondary button--secondary-solid button--small
mb-2 mr-2" >
<span class="button__title">About the Friends</span>
</a>
<a
href="https://wblib.org/about/support-the-friends/"
target="_self"
class="button button--secondary button--secondary-outline button--small
mb-2 mr-2" >
<span class="button__title">Support the Library</span>
</a>
</div>
</div>
</div>
<div class="md:w-[40%] bg-primary-light p-4 md:p-8 my-4 rounded relative min-h-[20rem] flex flex-col align-center justify-center">
<div class="">
<div class="h-2"></div>
<h4 class="!font-serif mb-2 !text-xl lg:!text-3xl font-bold relative z-10 md:max-w-[20rem]">Subscribe for Library News & Events</h4>
<div class="flex my-8 justify-start !text-primary-dark">
<a href="https://www.linkedin.com/company/westbloomlib" title="Connect on Linkedin" class="ml-2 opacity-100 transition duration-150 ease-in-out hover:opacity-50">
<svg class="w-6 h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg> </a>
<a href="https://www.facebook.com/WestBloomLib/" title="Follow on Facebook" class="ml-2 opacity-100 transition duration-150 ease-in-out hover:opacity-50">
<svg class="w-6 h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg> </a>
<a href="https://www.instagram.com/westbloomlib/?hl=en" title="Follow on Instagram" class="ml-2 opacity-100 transition duration-150 ease-in-out hover:opacity-50">
<svg class="w-6 h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a>
<a href="https://www.youtube.com/playlist?list=PLuTvuyNILzgFVq72nblBrGCGMhhjGqOKD" title="Follow on Youtube" class="ml-2 opacity-100 transition duration-150 ease-in-out hover:opacity-50">
<svg class="w-6 h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a>
</div>
<div class="flex relative z-10 mt-4">
<a
href="https://wblib.org/about/library-communications/"
target="_self"
class="button button--primary button--primary-solid button--small
mb-2 mr-2" >
<span class="button__title">Subscribe to eNewsletter</span>
</a>
<a
href="https://visitor.r20.constantcontact.com/manage/optin?v=0016Lv3Y6gdJ3RZue0pS010anAOO5v4_atcQNlySDWsQJcbFiKemyegNGKhpvOQS2m_OZ148zmYtg-yGEsDwDTyDa6Tw7iN32CuCRLPPv0yBP03F0_h3-9FyeGCubPDs2t0FTMUNg3s4vA1ObmWtIJiuA%3D%3D"
target="_self"
class="button button--primary button--primary-outline button--small
mb-2 mr-2" >
<span class="button__title">Get Text Updates</span>
</a>
</div>
</div>
<img src="https://wblib.org/wp-content/themes/westbloomfpl/public/images/svg/paper-plane.553d30.svg" alt="Paper Plan flying" class="absolute right-0 top-0 z-0 -mt-4"/>
</div>
</div>
</div>
</section> <div class="e-content py-8">
</div>
<a
href="#top"
target="_self"
class="button button--primary button--primary-solid button--medium
button--icon-pos-top
font-bold z-30 shadow fixed right-4 bottom-4 !p-1" >
<svg class="button__icon h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 011.06 0l7.5 7.5a.75.75 0 11-1.06 1.06l-6.22-6.22V21a.75.75 0 01-1.5 0V4.81l-6.22 6.22a.75.75 0 11-1.06-1.06l7.5-7.5z" clip-rule="evenodd"/>
</svg> <span class="button__title">TOP</span>
</a>
</main>
<footer class="content-info border-t pt-4 md:pt-8 text-white text-center md:text-left bg-slate-800 antialiased">
<div class="container mx-auto gutter md:flex md:justify-between md:items-center">
<div class="md:w-[60%] lg:w-[25%] pr-5">
<a class="brand inline-block w-full md:w-auto my-2 md:mb-4 mt-2" href="https://wblib.org/">
<div class="footer-image-wrap" rel="home"><img width="179" height="143" src="https://wblib.org/wp-content/uploads/2023/07/logo-white.png" class="footer-image mx-auto w-auto max-h-full" alt="WBTPL White Logo" decoding="async" loading="lazy" /></div>
</a>
<nav class="" aria-label="Footer Menu - Contacts">
<div id="mega-menu-wrap-footer_media_navigation" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-0' id='mega-toggle-block-0'><button aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button" aria-expanded="false">
<span class="mega-toggle-animated-box">
<span class="mega-toggle-animated-inner"></span>
</span>
</button></div></div></div><ul id="mega-menu-footer_media_navigation" class="mega-menu max-mega-menu mega-menu-vertical mega-no-js" data-event="hover_intent" data-effect="fade_up" data-effect-speed="200" data-effect-mobile="disabled" data-effect-speed-mobile="0" data-mobile-force-width="false" data-second-click="go" data-document-click="collapse" data-vertical-behaviour="standard" data-breakpoint="768" data-unbind="true" data-mobile-state="collapse_all" data-hover-intent-timeout="300" data-hover-intent-interval="100"><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-617' id='mega-menu-item-617'><a class="mega-custom-icon mega-menu-link" href="https://wblib.org/about/ask-a-librarian/" tabindex="0">Contact Us</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-379' id='mega-menu-item-379'><a class="mega-custom-icon mega-menu-link" href="https://wblib.org/about/library-communications/" tabindex="0">Subscribe</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-align-bottom-left mega-menu-flyout mega-has-icon mega-icon-left mega-menu-item-380' id='mega-menu-item-380'><a class="mega-custom-icon mega-menu-link" href="https://visitor.r20.constantcontact.com/manage/optin?v=0016Lv3Y6gdJ3RZue0pS010anAOO5v4_atcQNlySDWsQJcbFiKemyegNGKhpvOQS2m_OZ148zmYtg-yGEsDwDTyDa6Tw7iN32CuCRLPPv0yBP03F0_h3-9FyeGCubPDs2t0FTMUNg3s4vA1ObmWtIJiuA%3D%3D" tabindex="0">Get Texts</a></li></ul></div>
</nav>
</div>
<div class="lg:max-w-[20%] px-3">
<hr class="my-4 w-full md:hidden">
<div class="mt-8 md:mt-0">
<h2 class="font-bold text-contrast uppercase">Main Branch</h2>
<div>
<div class="flex flex-row items-center mb-4 md:text-left text-center max-w-xs md:max-w-max mx-auto">
<a class="no-underline hover:underline focus:underline" href="https://maps.google.com?daddr=4600+Walnut+Lake+Rd%2C+West+Bloomfield+Township%2C+MI%2C+USA" id="">4600 Walnut Lake Rd West Bloomfield Township, MI 48323</a>
</div>
</div>
<div>
<strong>Phone:</strong>
<a href="tel:248-682-2120" class="!no-underline">
248-682-2120
</a>
</div>
<div>
<strong>Fax:</strong>
248-232-2291
</div>
<div>
<strong>Text:</strong>
<a href="sms:248-648-3368" class="!no-underline">
248-648-3368
</a>
</div>
<strong>TTD:</strong>
<a href="tel:248-232-2292" title="TTD Number" class="!no-underline">248-232-2292</a>
</div> </div>
<div class="lg:max-w-[20%] px-3">
<div class="mt-8 md:mt-0">
<h2 class="font-bold text-contrast uppercase">Westacres Branch</h2>
<div>
<div class="flex flex-row items-center mb-4 md:text-left text-center max-w-xs md:max-w-max mx-auto">
<a class="no-underline hover:underline focus:underline" href="https://maps.google.com?daddr=Westacres+Branch+Library%2C+Commerce+Road%2C+West+Bloomfield+Township%2C+MI%2C+USA" id="">7321 Commerce Rd West Bloomfield Township, MI 48324</a>
</div>
</div>
<div>
<strong>Phone:</strong>
<a href="tel:248-363-4022" class="!no-underline">
248-363-4022
</a>
</div>
<div>
<strong>Fax:</strong>
248-363-7243
</div>
<div>
<strong>Text:</strong>
<a href="sms:248-648-3368" class="!no-underline">
248-648-3368
</a>
</div>
</div> </div>
<div class="md:max-w-[25%] md:ml-4 mt-8 md:mt-0 pl-3">
<hr class="my-4 w-full md:hidden">
<section class="widget block-11 widget_block widget_media_image">
<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://wblib.org/wp-content/uploads/2023/07/medal.png" alt="National Medal Award Image" class="wp-image-377" width="106" height="106" srcset="https://wblib.org/wp-content/uploads/2023/07/medal.png 201w, https://wblib.org/wp-content/uploads/2023/07/medal-150x150.png 150w" sizes="(max-width: 106px) 100vw, 106px" /><figcaption class="wp-element-caption"><span style="font-size:0.8rem;line-height:1.35;min-width:200px;">Recipient of the National Medal, the nation's highest honor for libraries.</span></figcaption></figure>
</section><section class="widget block-12 widget_block"><p><div class="gtranslate_wrapper" id="gt-wrapper-20777231"></div></p>
</section> </div>
</div>
<div class="bg-slate-900 py-4">
<div class="container mx-auto gutter">
<div class="md:flex md:justify-between md:items-center">
<div class="text-xs">
©2024 West Bloomfield Township Public Library. Website Design & Development by <a href="http://stirlingbrandworks.com/" class="underline">Stirling Brandworks</a>
</div>
<div>
<nav class="footer-bar-menu" aria-label="Footer Navigation">
<div class="menu-footer-navigation-container"><ul id="menu-footer-navigation" class="menu flex text-xs my-4 md:my-0 mx-auto md:mx-0 justify-center md:justify-end"><li id="menu-item-184" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-184"><a href="https://wblib.org/about/policies/">Policies</a></li>
<li id="menu-item-183" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-183"><a href="https://wblib.org/accessibility/">Accessibility</a></li>
</ul></div>
</nav>
</div>
<div class="flex my-4 md:my-0 mx-auto md:mx-0 justify-center md:justify-end">
<a href="https://www.linkedin.com/company/westbloomlib" title="Connect on Linkedin" class="ml-2 opacity-100 transition duration-150 ease-in-out hover:opacity-50">
<svg class="w-6 h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg> </a>
<a href="https://www.facebook.com/WestBloomLib/" title="Follow on Facebook" class="ml-2 opacity-100 transition duration-150 ease-in-out hover:opacity-50">
<svg class="w-6 h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg> </a>
<a href="https://www.instagram.com/westbloomlib/?hl=en" title="Follow on Instagram" class="ml-2 opacity-100 transition duration-150 ease-in-out hover:opacity-50">
<svg class="w-6 h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a>
<a href="https://www.youtube.com/playlist?list=PLuTvuyNILzgFVq72nblBrGCGMhhjGqOKD" title="Follow on Youtube" class="ml-2 opacity-100 transition duration-150 ease-in-out hover:opacity-50">
<svg class="w-6 h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a>
</div>
</div>
</div>
</footer>
</div>
<script>
(function(e){
var el = document.createElement('script');
el.setAttribute('data-account', 'kl75Xykfae');
el.setAttribute('src', 'https://cdn.userway.org/widget.js');
document.body.appendChild(el);
})();
</script><script id="app/0-js-before">
(()=>{"use strict";var r,e={},o={};function t(r){var a=o[r];if(void 0!==a)return a.exports;var n=o[r]={exports:{}};return e[r].call(n.exports,n,n.exports,t),n.exports}t.m=e,r=[],t.O=(e,o,a,n)=>{if(!o){var s=1/0;for(p=0;p<r.length;p++){o=r[p][0],a=r[p][1],n=r[p][2];for(var i=!0,l=0;l<o.length;l++)(!1&n||s>=n)&&Object.keys(t.O).every((r=>t.O[r](o[l])))?o.splice(l--,1):(i=!1,n<s&&(s=n));if(i){r.splice(p--,1);var f=a();void 0!==f&&(e=f)}}return e}n=n||0;for(var p=r.length;p>0&&r[p-1][2]>n;p--)r[p]=r[p-1];r[p]=[o,a,n]},t.d=(r,e)=>{for(var o in e)t.o(e,o)&&!t.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},t.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),(()=>{var r={666:0};t.O.j=e=>0===r[e];var e=(e,o)=>{var a,n,s=o[0],i=o[1],l=o[2],f=0;if(s.some((e=>0!==r[e]))){for(a in i)t.o(i,a)&&(t.m[a]=i[a]);if(l)var p=l(t)}for(e&&e(o);f<s.length;f++)n=s[f],t.o(r,n)&&r[n]&&r[n][0](),r[n]=0;return t.O(p)},o=self.webpackChunk_roots_bud_sage_sage=self.webpackChunk_roots_bud_sage_sage||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})()})();
</script>
<script src="https://wblib.org/wp-content/themes/westbloomfpl/public/js/259.6cf96b.js" id="app/0-js"></script>
<script src="https://wblib.org/wp-content/themes/westbloomfpl/public/js/540.56eb10.js" id="app/1-js"></script>
<script src="https://wblib.org/wp-content/themes/westbloomfpl/public/js/app.cf0581.js" id="app/2-js"></script>
<script src="https://stats.wp.com/e-202421.js" id="jetpack-stats-js" data-wp-strategy="defer"></script>
<script id="jetpack-stats-js-after">
_stq = window._stq || [];
_stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"227156501\",\"post\":\"5\",\"tz\":\"-5\",\"srv\":\"wblib.org\",\"j\":\"1:13.3.1\"}") ]);
_stq.push([ "clickTrackerInit", "227156501", "5" ]);
</script>
<script src="https://wblib.org/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script>
<script id="megamenu-js-extra">
var megamenu = {"timeout":"300","interval":"100"};
</script>
<script src="https://wblib.org/wp-content/plugins/megamenu/js/maxmegamenu.js?ver=3.3.1" id="megamenu-js"></script>
<script src="https://wblib.org/wp-content/plugins/megamenu-pro/assets/public.js?ver=2.2.8" id="megamenu-pro-js"></script>
<script id="gt_widget_script_20777231-js-before">
window.gtranslateSettings = /* document.write */ window.gtranslateSettings || {};window.gtranslateSettings['20777231'] = {"default_language":"en","languages":["ar","zh-CN","nl","en","fr","de","it","ja","pt","ru","es"],"url_structure":"none","wrapper_selector":"#gt-wrapper-20777231","select_language_label":"Select Language","custom_css":".gt_selector{\r\n padding: 0.75rem;\r\n border-radius: 0.2rem;\r\n color: #333!important;\r\n}\r\n\r\n.gtranslate_wrapper{\r\n text-align: center;\r\n}","horizontal_position":"inline","flags_location":"\/wp-content\/plugins\/gtranslate\/flags\/"};
</script><script src="https://wblib.org/wp-content/plugins/gtranslate/js/dropdown.js?ver=6.5.3" data-no-optimize="1" data-no-minify="1" data-gt-orig-url="/" data-gt-orig-domain="wblib.org" data-gt-widget-id="20777231" defer></script> </body>
</html>