1<!DOCTYPE html> 2<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> 3 <head> 4 <meta charset="utf-8" /> 5<meta name="description" content="The ALA Mission: Empowering and advocating for libraries and library workers to ensure equitable access to information for all." /> 6<link rel="canonical" href="https://www.ala.org/aboutala" /> 7<meta property="og:title" content="About ALA & Our Mission" /> 8<meta property="og:description" content="The ALA Mission: Empowering and advocating for libraries and library workers to ensure equitable access to information for all." /> 9<meta name="twitter:card" content="summary" /> 10<meta name="twitter:description" content="The ALA Mission: Empowering and advocating for libraries and library workers to ensure equitable access to information for all." /> 11<meta name="twitter:title" content="About ALA & Our Mission" /> 12<meta name="twitter:image" content="https://www.ala.org/sites/default/files/2025-12/3-2%20for%20our%20libraries.jpg" /> 13<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 14<meta name="MobileOptimized" content="width" /> 15<meta name="HandheldFriendly" content="true" /> 16<meta name="viewport" content="width=device-width, initial-scale=1.0" />
17<script type="application/ld+json">{ 18 "@context": "https://schema.org", 19 "@graph": [ 20 { 21 "@type": "Organization", 22 "@id": "https://www.ala.org/", 23 "name": "American Library Association", 24 "url": "https://www.ala.org/", 25 "description": "Awards, publishing, and conferences: ALA membership advocates to ensure access to information for all", 26 "logo": { 27 "@type": "ImageObject", 28 "representativeOfPage": "True", 29 "url": "https://www.ala.org//themes/custom/ala/logo.svg" 30 } 31 } 32 ] 33}</script>
33 34<link rel="icon" href="/themes/custom/ala/favicon.ico" type="image/png" /> 35<link rel="alternate" hreflang="en" href="https://www.ala.org/aboutala" />
36<script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script>
36 37 38 <title>About ALA & Our Mission | ALA</title> 39 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_hD8CueAz-DmCaqVX-1M_pulKCoPsHttpdkNFr6b10TQ.css?delta=0&language=en&theme=ala&include=eJxNjlEOgzAMQy9U0SMht82gEJoqacXY6SfYJvZjPb8Py0ipCcrh8YXhoVKaA8NPLAF8oe25ki52ljHAyJ9xt43MMJG5uFLKTXTMJVFpgSWu_o9dFCWftFfwgAXPjyiiGzi_yDEO6W0MPXMi9W2XKDwaxZaluArFpKiz_TZuM_RSe-BsMyVnhzXarpdvEehYeA" /> 40<link rel="stylesheet" media="all" href="/sites/default/files/css/css_pTWOr9rzJzKiz64yOoq2mJTM2ErypHNjx3xSBy3rSag.css?delta=1&language=en&theme=ala&include=eJxNjlEOgzAMQy9U0SMht82gEJoqacXY6SfYJvZjPb8Py0ipCcrh8YXhoVKaA8NPLAF8oe25ki52ljHAyJ9xt43MMJG5uFLKTXTMJVFpgSWu_o9dFCWftFfwgAXPjyiiGzi_yDEO6W0MPXMi9W2XKDwaxZaluArFpKiz_TZuM_RSe-BsMyVnhzXarpdvEehYeA" /> 41 42
42<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/63542","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"eJxdj1FuAyEMBS9EliOhB7iExIuRbdRuT99kFSltf55m5stGrS4YR8QLtg-V4QGMCJ590OVmpxVotYtxr6RnaCwZ_MSUYRSf87adzNDIQrlT7S6a-qg0PLOUe_zFoYhSHKI7uH9TaCKNKTlabI_57xtu-Pob98A4ZHnKq_PjuuifUoSTUfEuI0wommJeLVZdE7y9y7bGXJm7XakGO8xpPx_5Ab7IbCU","theme":"ala","theme_token":null},"ajaxTrustedUrl":[],"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-PGK7ZWT"]},"multiselect":{"widths":250},"user":{"uid":0,"permissionsHash":"d699120681ecdb2150903cd686f0cb6779e2eed68ef0104cd934dfeff352dd47"}}</script>
vendor: 1 bytes, line 42
42
43<script src="/sites/default/files/js/js_ieotCToTJV88feijCvDTEnmGchx5ijt-6VzS-bwss-k.js?scope=header&delta=0&language=en&theme=ala&include=eJxdiEsOgCAMBS_E50jmabGBFGqgC729hrjRzWRmQGSKdkW8EvauzRwEEXLklnwZszZ0Gn5IptTnYNEV4liVJS0Gjvzg3wEF53fWGzLyLDQ"></script>
vendor: 1 bytes, line 43
43
44<script src="/modules/contrib/google_tag/js/gtag.js?tm3fmz"></script>
vendor: 1 bytes, line 44
44
45<script src="/modules/contrib/google_tag/js/gtm.js?tm3fmz"></script>
45 46 47 48 <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> 49 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 50 <link rel="preload" href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" as="style" crossorigin> 51 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" crossorigin> 52 53 <link rel="preconnect" href="https://use.typekit.net" crossorigin> 54 <link rel="preconnect" href="https://p.typekit.net" crossorigin /> 55 <link rel="preload" href="https://use.typekit.net/hww8zbp.css" as="style" crossorigin> 56 <link rel="stylesheet" href="https://use.typekit.net/hww8zbp.css" crossorigin> 57 </head> 58 59 <body class="path-node page-node-type-flex-page"> 60 <a href="#main-content" class="visually-hidden focusable skip-link"> 61 Skip to main content 62 </a>
vendor: 72 bytes, lines 62-63
62 63 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
63GTM-PGK7ZWT
vendor: 106 bytes, lines 63-66
63" 64 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 65 66
66<div id="ala-page-wrapper"> 67 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 68 69<div class="layout-container"> 70 71 <header role="banner" class="w-full border-b z-20 relative" x-data="{ open: false }"> 72 73 74 <div class="hidden xl:block menu--utility_desktop"> 75 <div class="region region-utility-menu"> 76 77<nav id="block-utility" class="block block-menu navigation menu--utility static xl:relative sidebar-menu" aria-labelledby="block-utility-label" role="navigation"> 78 79 <h2 class="visually-hidden" id="block-utility-label" class="hidden">Utility</h2> 80 81 82 83 84 85 <div class="utility-nav w-full mx-auto bg-mainBlueColor"> 86 <div class="utility-nav-list-wrapper flex items-center justify-end z-10"> 87 88 <ul class="w-full xl:w-auto list-reset flex menu--utility items-center flex-col xl:flex-row static p-7 xl:p-0"> 89 <li class="w-full xl:w-auto"> 90 <ul class="grid grid-cols-2 gap-4 xl:flex m-0 menu--utility__inner mb-6 xl:mb-0"> 91 <li class="inline-block p-0"> 92 <a href="/aboutala" class="about text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold hover:bg-white hover:text-[#15347e] is-active" aria-expanded="false" aria-haspopup="false" data-drupal-link-system-path="node/63542" aria-current="page">About ALA</a> 93 </li> 94 <li class="inline-block p-0"> 95 <a href="https://connect.ala.org/home" class="connect text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold hover:bg-white hover:text-[#15347e]" aria-expanded="false" aria-haspopup="false">ALA Connect</a> 96 </li> 97 <li class="inline-block p-0"> 98 <a href="/aboutala/sitesdirectory" class="website text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold hover:bg-white hover:text-[#15347e]" aria-expanded="false" aria-haspopup="false" data-drupal-link-system-path="node/59883">ALA Websites</a> 99 </li> 100 <li class="inline-block p-0"> 101 <a href="https://joblist.ala.org/" class="job text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold hover:bg-white hover:text-[#15347e]" target="_blank" aria-expanded="false" aria-haspopup="false">Job Board</a> 102 </li> 103 </ul> 104 </li> 105 106 <li class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3"> 107 <a href="/ala-media" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" data-drupal-link-system-path="node/64085">Advertise</a> 108 </li> 109 <li class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3"> 110 <a href="/membership" class="join text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_self" data-drupal-link-system-path="node/44">Join | Renew</a> 111 </li> 112 <li class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3"> 113 <a href="/donate" class="donate text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank">Donate</a> 114 </li> 115 <li class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3"> 116 <a href="/saml_login?destination=/aboutala" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" rel="nofollow">Login</a> 117 </li> 118 </ul> 119 </li> 120 </ul> 121 </div> 122</div> 123 124 125 126 </nav> 127 128 </div> 129 130 </div> 131 132 133 134 <div class="flex min-h-[86px] xl:gap-4 w-full xl:container items-start xl:items-center justify-between py-5 xl:px-0 relative flex-col xl:flex-row"> 135 136 <div class="region region-header"> 137 <div id="block-sitebranding" class="block block-system block-system-branding-block relative z-10"> 138 139 140 <a href="/" rel="home" class="inline-block pl-5 xl:pl-0" aria-label="ALA logo"> 141 <img class="h-auto w-[150px] md:w-[220px] max-w-full" src="https://www.ala.org/themes/custom/ala/logo.svg" alt="ALA site logo"> 142 </a> 143 </div> 144 145 </div> 146 147 148 <div class="hamburger-menu w-full xl:w-auto" x-data="{ open: false }"> 149 <div x-data="{ searchOpen: false }" class="xl:hidden absolute search-btn__mobile top-[33px]" :class="{ '': !open, '': open }"> 150 <button aria-label="search" @click="searchOpen = !searchOpen, open = false" :class="{ 'block': !searchOpen, 'hidden': searchOpen }"> 151 <svg role="img" aria-label="search" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 152<path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.
1521883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> 153</svg> 154 155 </button> 156 <button aria-label="close" @click="searchOpen = !searchOpen, open = false" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> 157 <svg role="img" aria-label="close" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 158 <g transform="matrix(1, 0, 0, 1, -11.855980873107912, -12.26480770111084)"> 159 <rect class="search-close-icon" id="Rectangle 42" width="22.7224" height="2.3305" transform="matrix(0.707096 -0.707118 0.707096 0.707118 13.0762 29.21)" fill="#15347E"/> 160 <rect class="search-close-icon" id="Rectangle 47" width="22.7224" height="2.3305" transform="matrix(0.707096 0.707118 -0.707096 0.707118 14.4395 13.1426)" fill="#15347E"/> 161 </g> 162</svg> 163 164 </button> 165 <div class="search-input-field__wrapper absolute w-[414px] right-0" x-transition @click.away="searchOpen = false" x-cloak :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> 166 <form action="/search/site" method="get" accept-charset="UTF-8" class="flex absolute right-[-4rem] pt-2 xs:right-0"> 167 <button aria-label="search" class="seach-icon flex justify-center items-center" type="submit"> 168 <svg role="img" aria-label="search" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 169<path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> 170</svg> 171 172 </button> 173 <input x-show="searchOpen" 174 type="search" id="edit-keys" name="keys" 175 placeholder="Search here..." 176 class="search-input-field w-[414px] h-12 pl-[62px] pr-2 py-3 bg-white rounded-md border-2 border-blue-900 justify-start items-center gap-2 inline-flex max-w-[94vw] md:max-w-auto" 177 /> 178</form> 179 </div> 180 </div> 181 <button @click="open = !open, searchOpen = false" 182 class="h-5 w-10 xl:hidden absolute right-7" 183 :class="{ 'top-[43px] -translate-y-1/2': !open, 'top-[40px]': open }" 184 aria-label="Mobile Menu" 185 :aria-expanded="open" 186 aria-controls="block-ala-main-menu"><span class="sr-only">Menu</span> 187 <span :class="{ 'max-w-7 transform rotate-45 translate-y-px top-0': open }" class="first w-10 h-1 bg-mainBlueColor left-0 absolute bottom-0 transition-all duration-200 ease-in-out origin-center"></span> 188 <span :class="{ 'opacity-0': open, 'translate-y-0': !open }" class="second w-8 h-1 bg-mainBlueColor absolute top-1/2 right-0 transition-all duration-200 ease-in-out origin-center"></span> 189 <span :class="{ 'max-w-7 transform -rotate-45 -translate-y-0.3': open }" class="w-10 h-1 bg-mainBlueColor absolute top-0 left-0 transition-all duration-200 ease-in-out origin-center"></span> 190 </button> 191 192 <!-- Add your navigation items here --> 193 194 <div x-cloak :class="{ 'hidden xl:block': !open }" class="transition-all duration-200 ease-in-out mt-8 xl:mt-0"> 195 <div class="xl:w-auto xl:flex xl:items-center" :class="{ 'block': open, 'hidden xl:block': !open }"> 196 <div class="xl:hidden menu--utility_mobile"> 197 198<nav id="block-utility-2" class="block block-menu navigation menu--utility static xl:relative sidebar-menu" aria-labelledby="block-utility-2-label" role="navigation"> 199 200 <h2 class="visually-hidden" id="block-utility-2-label" class="hidden">Utility</h2> 201 202 203 204 205 206 <div class="utility-nav w-full mx-auto bg-mainBlueColor"> 207 <div class="utility-nav-list-wrapper flex items-center justify-end z-10"> 208 209 <ul class="w-full xl:w-auto list-reset flex menu--utility items-center flex-col xl:flex-row static p-7 xl:p-0"> 210 <li class="w-full xl:w-auto"> 211 <ul class="grid grid-cols-2 gap-4 xl:flex m-0 menu--utility__inner mb-6 xl:mb-0"> 212 <li class="inline-block p-0"> 213 <a href="/aboutala" class="about text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold hover:bg-white hover:text-[#15347e] is-active" aria-expanded="false" aria-haspopup="false" data-drupal-link-system-path="node/63542" aria-current="page">About ALA</a> 214 </li> 215 <li class="inline-block p-0"> 216 <a href="https://connect.ala.org/home" class="connect text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold hover:bg-white hover:text-[#15347e]" aria-expanded="false" aria-haspopup="false">ALA Connect</a> 217 </li> 218 <li class="inline-block p-0"> 219 <a href="/aboutala/sitesdirectory" class="website text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold hover:bg-white hover:text-[#15347e]" aria-expanded="false" aria-haspopup="false" data-drupal-link-system-path="node/59883">ALA Websites</a> 220 </li> 221 <li class="inline-block p-0"> 222 <a href="https://joblist.ala.org/" class="job text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold hover:bg-white hover:text-[#15347e]" target="_blank" aria-expanded="false" aria-haspopup="false">Job Board</a> 223 </li> 224 </ul> 225 </li> 226 227 <li class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3"> 228 <a href="/ala-media" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" data-drupal-link-system-path="node/64085">Advertise</a> 229 </li> 230 <li class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3"> 231 <a href="/membership" class="join text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_self" data-drupal-link-system-path="node/44">Join | Renew</a> 232 </li> 233 <li class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3"> 234 <a href="/donate" class="donate text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank">Donate</a> 235 </li> 236 <li class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3"> 237 <a href="/saml_login?destination=/aboutala" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" rel="nofollow">Login</a> 238 </li> 239 </ul> 240 </li> 241 </ul> 242 </div> 243</div> 244 245 246 247 </nav> 248 249 </div> 250 251 <div class="region region-primary-menu"> 252 253<nav id="block-ala-main-menu" class="block block-menu navigation menu--main static xl:relative sidebar-menu" aria-labelledby="block-ala-main-menu-label" role="navigation"> 254 255 <h2 class="visually-hidden" id="block-ala-main-menu-label" class="hidden">Main navigation</h2> 256 257 258 259 260 261 262 <div :class="{ 'block': open, 'hidden xl:block': !open }" class="main-menu-wrapper max-w-7xl mx-auto px-4 sm:px-6 xl:px-8 z-50 pb-28 xl:pb-0"> 263 <div class="flex items-center justify-between z-10"> 264 <ul x-data="{ activeItem: null }" class="main--menu list-reset flex gap-4 xl:min-h-[55px] flex-col xl:flex-row static bg-white pt-5 xl:pt-0 w-full menu-l-0 items-center"> 265 <li @click="activeItem === '1' ? activeItem = null : activeItem = '1'" 266 :class="{ 'active': activeItem === '1' }" 267 class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center membership" 268 > 269 <a href="/membership" class="is-expanded "> 270 Membership 271 </a> 272 <button class="caret ml-2" tabindex="0" 273 aria-label="Toggle Membership submenu" 274 :aria-expanded="activeItem === '1' ? 'true' : 'false'" 275 aria-haspopup="menu" 276 aria-controls="main-menu__child-membership" 277 >
278 <svg role="img" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 279<path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> 280</svg> 281 282 </button> 283 <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu" 284 :class="{ 'hidden': activeItem !== '1' }" 285 > 286 <ul id="main-menu__child-membership" aria-label="Membership submenu" class="wrapper bg-white xl:p-6 xl:py-4" :class="{ 'hidden': activeItem !== '1' }"> 287 <li class="pl-3 xl:pl-0"> 288 <a href="/membership" class="block xl:whitespace-nowrap transition-all duration-300">Membership Home</a> 289 </li> 290 <li class="pl-3 xl:pl-0"> 291 <a href="/membership/member-center" class="block xl:whitespace-nowrap transition-all duration-300">Member Center</a> 292 </li> 293 <li class="pl-3 xl:pl-0"> 294 <a href="/aboutala/getinvolved" class="block xl:whitespace-nowrap transition-all duration-300">Get Involved</a> 295 </li> 296 <li class="pl-3 xl:pl-0"> 297 <a href="/membership/ala-forward-updates" class="block xl:whitespace-nowrap transition-all duration-300">ALA Forward Member Updates</a> 298 </li> 299 <li class="pl-3 xl:pl-0"> 300 <a href="/aboutala/committees" class="block xl:whitespace-nowrap transition-all duration-300">Committees</a> 301 </li> 302 <li class="pl-3 xl:pl-0"> 303 <a href="/aboutala/divs" class="block xl:whitespace-nowrap transition-all duration-300">Divisions</a> 304 </li> 305 <li class="pl-3 xl:pl-0"> 306 <a href="/aboutala/offices/home" class="block xl:whitespace-nowrap transition-all duration-300">Offices</a> 307 </li> 308 <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> 309 <a href="/aboutala/rts" class="block xl:whitespace-nowrap transition-all duration-300">Round Tables</a> 310 </li> 311 312 </ul> 313 </div> 314 </li> 315 <li @click="activeItem === '2' ? activeItem = null : activeItem = '2'" 316 :class="{ 'active': activeItem === '2' }" 317 class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center advocacy-and-news" 318 > 319 <a href="/advocacy" class="is-expanded "> 320 Advocacy & News 321 </a> 322 <button class="caret ml-2" tabindex="0" 323 aria-label="Toggle Advocacy & News submenu" 324 :aria-expanded="activeItem === '2' ? 'true' : 'false'" 325 aria-haspopup="menu" 326 aria-controls="main-menu__child-advocacy-and-news" 327 > 328 <svg role="img" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 329<path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> 330</svg> 331 332 </button> 333 <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu" 334 :class="{ 'hidden': activeItem !== '2' }" 335 > 336 <ul id="main-menu__child-advocacy-and-news" aria-label="Advocacy & News submenu" class="wrapper bg-white xl:p-6 xl:py-4" :class="{ 'hidden': activeItem !== '2' }"> 337 <li class="pl-3 xl:pl-0"> 338 <a href="/advocacy" class="block xl:whitespace-nowrap transition-all duration-300">Advocacy &
338 Issues Home</a> 339 </li> 340 <li class="pl-3 xl:pl-0"> 341 <a href="/news" class="block xl:whitespace-nowrap transition-all duration-300">News & Press Center</a> 342 </li> 343 <li class="pl-3 xl:pl-0"> 344 <a href="/bbooks" class="block xl:whitespace-nowrap transition-all duration-300">Banned & Challenged Books</a> 345 </li> 346 <li class="pl-3 xl:pl-0"> 347 <a href="/advocacy/intfreedom" class="block xl:whitespace-nowrap transition-all duration-300">Intellectual Freedom</a> 348 </li> 349 <li class="pl-3 xl:pl-0"> 350 <a href="/advocacy/advocacy-public-policy" class="block xl:whitespace-nowrap transition-all duration-300">Public Policy</a> 351 </li> 352 <li class="pl-3 xl:pl-0"> 353 <a href="/advocacy/diversity" class="block xl:whitespace-nowrap transition-all duration-300">Equity, Diversity & Inclusion</a> 354 </li> 355 <li class="pl-3 xl:pl-0"> 356 <a href="/advocacy/literacy" class="block xl:whitespace-nowrap transition-all duration-300">Literacy</a> 357 </li> 358 <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> 359 <a href="/advocacy/privacy" class="block xl:whitespace-nowrap transition-all duration-300">Privacy</a> 360 </li> 361 362 </ul> 363 </div> 364 </li> 365 <li @click="activeItem === '3' ? activeItem = null : activeItem = '3'" 366 :class="{ 'active': activeItem === '3' }" 367 class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center conferences-and-events" 368 > 369 <a href="/conferencesevents" class="is-expanded "> 370 Conferences & Events 371 </a> 372 <button class="caret ml-2" tabindex="0" 373 aria-label="Toggle Conferences & Events submenu" 374 :aria-expanded="activeItem === '3' ? 'true' : 'false'" 375 aria-haspopup="menu" 376 aria-controls="main-menu__child-conferences-and-events" 377 > 378 <svg role="img" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 379<path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> 380</svg> 381 382 </button> 383 <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu" 384 :class="{ 'hidden': activeItem !== '3' }" 385 > 386 <ul id="main-menu__child-conferences-and-events" aria-label="Conferences & Events submenu" class="wrapper bg-white xl:p-6 xl:py-4" :class="{ 'hidden': activeItem !== '3' }"> 387 <li class="pl-3 xl:pl-0"> 388 <a href="/conferencesevents" class="block xl:whitespace-nowrap transition-all duration-300">Conferences & Events Home</a> 389 </li> 390 <li class="pl-3 xl:pl-0"> 391 <a href="/events" class="block xl:whitespace-nowrap transition-all duration-300">Events Calendar</a> 392 </li> 393 <li class="pl-3 xl:pl-0"> 394 <a href="/conferencesevents/past" class="block xl:whitespace-nowrap transition-all duration-300">Past & Future ALA Conferences</a> 395 </li> 396 <li class="pl-3 xl:pl-0"> 397 <a href="/conferencesevents/past-and-future/ala-conference-site-selection" class="block xl:whitespace-nowrap transition-all duration-300">Criteria for Conference Site Selection</a> 398 </li> 399 <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> 400 <a href="/conferencesevents/celebrationdays" class="block xl:whitespace-nowrap transition-all duration-300">Library Celebration Days</a> 401 </li> 402 403 </ul> 404 </div> 405 </li> 406 <li @click="activeItem === '4' ? activeItem = null : activeItem = '4'" 407 :class="{ 'active': activeItem === '4' }" 408 class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center awards-and-grants" 409 > 410 <a href="/awards" class="is-expanded "> 411 Awards & Grants 412 </a> 413 <button class="caret ml-2" tabindex="0" 414 aria-label="Toggle Awards & Grants submenu" 415 :aria-expanded="activeItem === '4' ? 'true' : 'false'" 416 aria-haspopup="menu" 417 aria-controls="main-menu__child-awards-and-grants" 418 >
419 <svg role="img" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 420<path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> 421</svg> 422 423 </button> 424 <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu" 425 :class="{ 'hidden': activeItem !== '4' }" 426 > 427 <ul id="main-menu__child-awards-and-grants" aria-label="Awards & Grants submenu" class="wrapper bg-white xl:p-6 xl:py-4" :class="{ 'hidden': activeItem !== '4' }"> 428 <li class="pl-3 xl:pl-0"> 429 <a href="/awards" class="block xl:whitespace-nowrap transition-all duration-300">Awards & Grants Home</a> 430 </li> 431 <li class="pl-3 xl:pl-0"> 432 <a href="/awards/books-media" class="block xl:whitespace-nowrap transition-all duration-300">Book, Print & Media Awards</a> 433 </li> 434 <li class="pl-3 xl:pl-0"> 435 <a href="/grants" class="block xl:whitespace-nowrap transition-all duration-300">Grants</a> 436 </li> 437 <li class="pl-3 xl:pl-0"> 438 <a href="/awards/professional-recognition" class="block xl:whitespace-nowrap transition-all duration-300">Professional Recognition</a> 439 </li> 440 <li class="pl-3 xl:pl-0"> 441 <a href="/awardsgrants/seals" class="block xl:whitespace-nowrap transition-all duration-300">Purchase Awards Seals</a> 442 </li> 443 <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> 444 <a href="/awards/recommended-books-and-media" class="block xl:whitespace-nowrap transition-all duration-300">Recommended Print & Media Lists</a> 445 </li> 446 447 </ul> 448 </div> 449 </li> 450 <li @click="activeItem === '5' ? activeItem = null : activeItem = '5'" 451 :class="{ 'active': activeItem === '5' }" 452 class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center education-and-careers" 453 > 454 <a href="/educationcareers" class="is-expanded "> 455 Education & Careers 456 </a> 457 <button class="caret ml-2" tabindex="0" 458 aria-label="Toggle Education & Careers submenu" 459 :aria-expanded="activeItem === '5' ? 'true' : 'false'" 460 aria-haspopup="menu" 461 aria-controls="main-menu__child-education-and-careers" 462 > 463 <svg role="img" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 464<path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> 465</svg> 466 467 </button> 468 <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu" 469 :class="{ 'hidden': activeItem !== '5' }" 470 > 471 <ul id="main-menu__child-education-and-careers" aria-label="Education & Careers submenu" class="wrapper bg-white xl:p-6 xl:py-4" :class="{ 'hidden': activeItem !== '5' }"> 472 <li class="pl-3 xl:pl-0"> 473 <a href="/educationcareers" class="block xl:whitespace-nowrap transition-all duration-300">Education & Careers Home</a> 474 </li> 475 <li class="pl-3 xl:pl-0"> 476 <a href="https://elearning.ala.org/" class="block xl:whitespace-nowrap transition-all duration-300">ALA eLearning</a> 477 </li> 478 <li class="pl-3 xl:pl-0"> 479 <a href="https://joblist.ala.org/" class="block xl:whitespace-nowrap transition-all duration-300">JobList Career Center</a> 480 </li> 481 <li class="pl-3 xl:pl-0"> 482 <a href="/educationcareers/accreditedprograms" class="block xl:whitespace-nowrap transition-all duration-300">Accredited Programs</a> 483 </li> 484 <li class="pl-3 xl:pl-0"> 485 <a href="/educationcareers/scholarships" class="block xl:whitespace-nowrap transition-all duration-300">ALA Scholarships</a> 486 </li> 487 <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> 488 <a href="/educationcareers/libcareers/bec
488ome" class="block xl:whitespace-nowrap transition-all duration-300">Become a Librarian</a> 489 </li> 490 491 </ul> 492 </div> 493 </li> 494 <li @click="activeItem === '6' ? activeItem = null : activeItem = '6'" 495 :class="{ 'active': activeItem === '6' }" 496 class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center tools-and-resources" 497 > 498 <a href="/tools" class="is-expanded "> 499 Tools & Resources 500 </a> 501 <button class="caret ml-2" tabindex="0" 502 aria-label="Toggle Tools & Resources submenu" 503 :aria-expanded="activeItem === '6' ? 'true' : 'false'" 504 aria-haspopup="menu" 505 aria-controls="main-menu__child-tools-and-resources" 506 > 507 <svg role="img" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 508<path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> 509</svg> 510 511 </button> 512 <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu" 513 :class="{ 'hidden': activeItem !== '6' }" 514 > 515 <ul id="main-menu__child-tools-and-resources" aria-label="Tools & Resources submenu" class="wrapper bg-white xl:p-6 xl:py-4" :class="{ 'hidden': activeItem !== '6' }"> 516 <li class="pl-3 xl:pl-0"> 517 <a href="/tools" class="block xl:whitespace-nowrap transition-all duration-300">Tools & Resources Home</a> 518 </li> 519 <li class="pl-3 xl:pl-0"> 520 <a href="/tools/programming" class="block xl:whitespace-nowrap transition-all duration-300">Programming & Exhibitions</a> 521 </li> 522 <li class="pl-3 xl:pl-0"> 523 <a href="/tools/publications" class="block xl:whitespace-nowrap transition-all duration-300">Products & Publications</a> 524 </li> 525 <li class="pl-3 xl:pl-0"> 526 <a href="/tools/librariestransform/libraries-transforming-communities" class="block xl:whitespace-nowrap transition-all duration-300">Libraries Transforming Communities</a> 527 </li> 528 <li class="pl-3 xl:pl-0"> 529 <a href="/tools/topics" class="block xl:whitespace-nowrap transition-all duration-300">Research & Library Topics</a> 530 </li> 531 <li class="pl-3 xl:pl-0"> 532 <a href="/tools/standards-and-guidelines" class="block xl:whitespace-nowrap transition-all duration-300">ALA Standards and Guidelines</a> 533 </li> 534 <li class="pl-3 xl:pl-0"> 535 <a href="https://www.ala.org/support" class="block xl:whitespace-nowrap transition-all duration-300">ALA Organizational Support</a> 536 </li> 537 <li class="pl-3 xl:pl-0"> 538 <a href="/news" class="block xl:whitespace-nowrap transition-all duration-300">News & Press Center</a> 539 </li> 540 <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> 541 <a href="/tools/ai-learning" class="block xl:whitespace-nowrap transition-all duration-300">ALA AI Learning Events and Resources</a> 542 </li> 543 544 </ul> 545 </div> 546 </li> 547 <li @click="activeItem === '7' ? activeItem = null : activeItem = '7'" 548 :class="{ 'active': activeItem === '7' }" 549 class="xl:mr-5 relative pr-4 transition-all duration-300 parent-level parent-level-last dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center challenge-support" 550 > 551 <a href="/tools/challengesupport" class=""> 552 Challenge Support 553 </a> 554 </li> 555 <li x-data="{ searchOpen: false }" class="main--menu__search hidden xl:list-item relative ml-4"> 556 <button aria-label="Search" @click="searchOpen = !searchOpen" :class="{ 'block': !searchOpen, 'hidden': searchOpen }" aria-expanded="false" :aria-expanded="searchOpen ? 'true' : 'false'" aria-haspopup="true" aria-controls="search-input-field__wrapper"> 557 <svg role="img" aria-label="search" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 558<path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.
5581883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> 559</svg> 560 561 </button> 562 <button aria-label="Search Close" @click="searchOpen = !searchOpen" :class="{ 'block': searchOpen, 'hidden': !searchOpen }" aria-haspopup="true" aria-controls="search-input-field__wrapper"> 563 <svg role="img" aria-label="close" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 564 <g transform="matrix(1, 0, 0, 1, -11.855980873107912, -12.26480770111084)"> 565 <rect class="search-close-icon" id="Rectangle 42" width="22.7224" height="2.3305" transform="matrix(0.707096 -0.707118 0.707096 0.707118 13.0762 29.21)" fill="#15347E"/> 566 <rect class="search-close-icon" id="Rectangle 47" width="22.7224" height="2.3305" transform="matrix(0.707096 0.707118 -0.707096 0.707118 14.4395 13.1426)" fill="#15347E"/> 567 </g> 568</svg> 569 570 </button> 571 <div id="search-input-field__wrapper" class="search-input-field__wrapper absolute w-[414px] right-0" x-transition @click.away="searchOpen = false" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> 572 <form action="/search/site" method="get" accept-charset="UTF-8" class="flex absolute right-[-4rem] pt-2 xs:right-0"> 573 <button aria-label="search" class="seach-icon flex justify-center items-center" type="submit"> 574 <svg role="img" aria-label="search" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 575<path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> 576</svg> 577 578 </button> 579 <input x-show="searchOpen" 580 type="search" id="edit-keys" name="keys" 581 placeholder="Search here..." 582 class="search-input-field w-[414px] h-12 pl-[62px] pr-2 py-3 bg-white rounded-md border-2 border-blue-900 justify-start items-center gap-2 inline-flex max-w-[94vw] md:max-w-auto" 583 /> 584</form> 585 </div> 586 </li> 587 </ul> 588 </div> 589 </div> 590 591 592 593 </nav> 594 595 </div> 596 597 </div> 598 </div> 599 </div> 600 601 </div> 602 </header> 603 604 <main role="main"> 605 <a id="main-content" tabindex="-1"></a> 606 607 <div class="px-5 lg:px-0 lg:container"> 608 <div class="region region-highlighted"> 609 <div data-drupal-messages-fallback class="hidden"></div> 610 611 </div> 612 613 614 615 <div class="region region-content-above"> 616 617 </div> 618 619 </div> 620 621 <div class="content relative"> 622 <div class="breadcrumb-wrapper w-full z-20"> 623 <div class="lg:container mx-auto"> 624 <div class="region region-breadcrumb"> 625 <div id="block-ala-breadcrumbs" class="block block-system block-system-breadcrumb-block relative z-10"> 626 627 628 <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> 629 <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> 630 <ol class="flex items-center"> 631 <li> 632 <a href="/">ALA</a> 633 </li> 634 </ol> 635 </nav> 636 637 </div> 638 639 </div> 640 641 </div> 642 </div> 643 <div class="page-content-wrapper"> 644 <div class="region region-content"> 645 <div id="block-ala-content" class="block block-system block-system-main-block relative z-10 lg:z-10" data-filter-on-class="z-30" data-filter-off-class="z-10"> 646 647 648 649 650 <article data-history-node-id="63542" class="node node--type-flex-page node--view-mode-full node--hide-sidebar"> 651 652 653 654 655 656 <div class="bg-secondaryColor20"> 657 <div class="lg:container lg:py-16 relative lg:items-center"> 658 <div class="flex flex-col lg:flex-row lg:gap-[4.875rem]"> 659 <div class="px-5 pt-20 mb-14 xl:mb-0 xl:pt-0 2xl:px-0 basis-2/4 flex justify-center flex-col"> 660 <h1 class="py-3">About ALA & Our Mission</h1> 661 662 <div class="text-[22px] text-mainBlack opacity-80 font-bitter"> 663 The ALA Mission: Empowering and advocating for libraries and library workers to ensure equitable access to information for all. 664 </div> 665 </div> 666 <div class="lg:ml-auto lg:max-w-[580px] lg:max-h-[387px] flex-header-image w-full"> 667 <div class="flex justify-center max-w-full w-full h-full lg:max-w-[810px] lg:max-h-[540px] mx-auto text-center flexible-image-container"> 668 <picture> 669 <source srcset="/sites/default/files/styles/tab_group_main_image_1140_width_no_upscaling/public/2025-12/3-2%20for%20our%20libraries.jpg.webp?itok=_uqxKW3C 1x" media="all and (min-width: 992px)" type="image/webp" width="1140" height="760"/> 670 671<img loading="lazy" width="1140" height="760" src="/sites/default/files/styles/tab_group_main_image_1140_width_no_upscaling/public/2025-12/3-2%20for%20our%20libraries.jpg.webp?itok=_uqxKW3C" alt="For Our Libraries. For 150 Years More." class="image-landscape" /> 672 673 </picture> 674 675 676 </div> 677 </div> 678 </div> 679 </div> 680 </div> 681 682 <div class="node__content px-5 xl:px-0"> 683 <div class="layout xl:flex"> <div class="node__main w-full"> 684 685 <!-- @components_start --> 686 <div class="paragraph paragraph--type--section paragraph--view-mode--default"> 687 <div class="layout layout--onecol"> 688 <div class="layout__region layout__region--content"> 689 <div class="paragraph paragraph--type--text paragraph--view-mode--default"> 690 <div class="xl:max-w-[940px] mx-auto my-[3.75rem] xl:my-[3.125rem] px-5 xl
690:px-0 text-formatted"> 691 <div class="component-title"> 692 <h2 class="component-title__text mb-[1.875rem]"></h2> 693 </div> 694 <!DOCTYPE html> 695<html><body><h2 class="text-align-center">Our Vision:<br>Libraries thrive so everyone can succeed.</h2> 696</body></html> 697 698</div> 699 </div> 700 701 </div> 702 </div> 703 704 </div> 705 <div class="paragraph paragraph--type--section paragraph--view-mode--default"> 706 <div class="layout layout--onecol"> 707 <div class="layout__region layout__region--content"> 708 <div class="paragraph paragraph--type--info-card paragraph--view-mode--default"> 709 710<div class="breakout px-5 py-[50px] bg-mainColor overflow-hidden"> 711 <div class="info_card mx-auto max-w-[1420px]"> 712 <div class="info_card__header split flex justify-between sm:items-end flex-row gap-2 border-b-4 py-4 border-white border-opacity-10"$> 713 <h2 class="info_card__header_title section-header !border-b-0 !py-0 !mb-0"> 714 Our Core Values 715 </h2> 716 </div> 717 718 <div class="info_card__cards m-auto relative"> 719 <div class="wrapper relative grid items-stretch sm:grid-cols-2 gap-x-4"> 720 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide card--no-link"> 721 <div class="card__image full-width-image mb-4"> 722 723<img loading="lazy" src="/sites/default/files/styles/card_image_700x372/public/2026-02/Info%20Card%202x.jpg.webp?h=448a936f&itok=dyiyqRUe" width="700" height="372" alt="Little girl uses a computer at the library" class="image-style-card-image-700x372 image-landscape" /> 724 725 726 727 </div> 728 <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> 729 730 <div class="card__content_body font-urw md:min-h-[6rem] pb-6"> 731 <!DOCTYPE html> 732<html><body><h2>Equity and Access</h2> 733<p>Equity and access ensure that all community members can freely use library resources and services by dismantling systemic barriers and creating inclusive environments that support learning, growth, and empowerment for everyone.</p> 734</body></html> 735 736 </div> 737 </div> 738 <div class="card__footer flex items-center justify-between mt-auto w-full"> 739 740 </div> 741 </div> 742 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide card--no-link"> 743 <div class="card__image full-width-image mb-4"> 744 745<img loading="lazy" src="/sites/default/files/styles/card_image_700x372/public/2026-02/Info%20Card%202x2.jpg.webp?h=448a936f&itok=Cf9LbfN3" width="700" height="372" alt="a collection of banned books" class="image-style-card-image-700x372 image-landscape" /> 746 747 748 749 </div> 750 <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> 751 752 <div class="card__content_body font-urw md:min-h-[6rem] pb-6"> 753 <!DOCTYPE html> 754<html><body><h2>Intellectual Freedom</h2> 755<p>Intellectual freedom is a basic right in a democratic society and a core value of the library profession. Intellectual freedom empowers individuals to form their own ideas and opinions through free and open inquiry.</p> 756</body></html> 757 758 </div> 759 </div> 760 <div class="card__footer flex items-center justify-between mt-auto w-full"> 761 762 </div> 763 </div> 764 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide card--no-link"> 765 <div class="card__image full-width-image mb-4"> 766 767<img loading="lazy" src="/sites/default/files/styles/card_image_700x372/public/2026-02/Info%20Card%202x3.jpg.webp?h=448a936f&itok=Qc0m8wbs" width="700" height="372" alt="a tall building surrounded by green trees" class="image-style-card-image-700x372 image-landscape" /> 768 769 770 771 </div> 772 <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> 773
774 <div class="card__content_body font-urw md:min-h-[6rem] pb-6"> 775 <!DOCTYPE html> 776<html><body><h2>Sustainability</h2> 777<p>Sustainability means making choices that are environmentally responsible, economically sound, and socially equitable to ensure library resources and services remain effective now and into the future.</p> 778</body></html> 779 780 </div> 781 </div> 782 <div class="card__footer flex items-center justify-between mt-auto w-full"> 783 784 </div> 785 </div> 786 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide card--no-link"> 787 <div class="card__image full-width-image mb-4"> 788 789<img loading="lazy" src="/sites/default/files/styles/card_image_700x372/public/2026-02/Info%20Card%202x4.jpg.webp?h=448a936f&itok=490Lmwzj" width="700" height="372" alt="a group of adults enjoy library's resources and services" class="image-style-card-image-700x372 image-landscape" /> 790 791 792 793 </div> 794 <div class="card__content flex flex-col gap-4 lg:gap-5 px-[29px] lg:px-10 lg:pb-[14px]"> 795 796 <div class="card__content_body font-urw md:min-h-[6rem] pb-6"> 797 <!DOCTYPE html> 798<html><body><h2>Public Good</h2> 799<p>The public good is rooted in improving society and safeguarding access to education, literacy, and intellectual freedom. Libraries play a fundamental role in democracy by supporting an informed, connected, and empowered citizenry.</p> 800</body></html> 801 802 </div> 803 </div> 804 <div class="card__footer flex items-center justify-between mt-auto w-full"> 805 806 </div> 807 </div> 808 809 </div> 810 </div> 811 </div> 812</div> 813 814 </div> 815 816 </div> 817 </div> 818 819 </div> 820 <div class="paragraph paragraph--type--section paragraph--view-mode--default"> 821 <div class="layout layout--onecol"> 822 <div class="layout__region layout__region--content"> 823 <div class="paragraph paragraph--type--info-card paragraph--view-mode--default"> 824 825<div class="breakout px-5 py-[50px] bg-white overflow-hidden"> 826 <div class="info_card mx-auto max-w-[1200px]"> 827 <div class="info_card__header text-inherit flex justify-between sm:items-end flex-row gap-2 border-b-4 py-4"$> 828 <h2 class="info_card__header_title section-header !border-b-0 !py-0 !mb-0"> 829 What We Champion 830 </h2> 831 </div> 832 833 <div class="info_card__cards m-auto relative"> 834 <div class="wrapper relative grid items-stretch md:grid-cols-3 sm:grid-cols-2 gap-x-12"> 835 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 836 <div class="card__image full-width-image mb-6"> 837 <a href="/advocacy" aria-label="Learn more about Advocacy for Libraries and the Profession" role="link"> 838<img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-03/Info%20Card%203x%20Advocacy%20megaphone.png.webp?h=fadd0d06&itok=zjrSbwjJ" width="330" height="220" alt="Hand holding a megaphone to the sky" class="image-style-card-image-330x220 image-landscape" /> 839 840 841</a> 842 </div> 843 <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> 844 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> 845 <a class="component-title__text text-mainBlack" href="/advocacy" aria-label="Learn more about Advocacy for Libraries and the Profession" role="link">Advocacy for Libraries and the Profession</a> 846 </div> 847 848 <div class="card__content_body font-urw md:min-h-[6rem] "> 849 850 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 851<html><body><p>The association works to increase public awareness of the value of libraries and librarians, to promote state and national legislation beneficial to libraries and library users, and to supply resources and support to local library advocates.</p> 852<p><a class="read-more" href="/advocacy">Learn more</a></p> 853</body></html> 854</div> 855 856 </div> 857 </div> 858 </div> 859 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 860 <div class="card__image full-width-image mb-6"> 861 <a href="/advocacy/diversity" aria-label="Learn more about Diversity" role="link">
862<img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-03/Info%20Card%203x%20Grid%20diversity%20young%20people.png.webp?h=fadd0d06&itok=rPyiDXij" width="330" height="220" alt="A group of diverse college students" class="image-style-card-image-330x220 image-landscape" /> 863 864 865</a> 866 </div> 867 <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> 868 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> 869 <a class="component-title__text text-mainBlack" href="/advocacy/diversity" aria-label="Learn more about Diversity" role="link">Diversity</a> 870 </div> 871 872 <div class="card__content_body font-urw md:min-h-[6rem] "> 873 874 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 875<html><body><p>Diversity is reflected in the association's commitment to recruiting people of color and people with disabilities to the profession, and to the promotion and development of library collections and services for all people.</p> 876<p><a class="read-more" href="/advocacy/diversity">Learn more</a></p> 877</body></html> 878</div> 879 880 </div> 881 </div> 882 </div> 883 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 884 <div class="card__image full-width-image mb-6"> 885 <a href="/educationcareers" aria-label="Learn more about Education and Lifelong Learning" role="link"> 886<img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-03/Info%20Card%203x%20EducationLifelong.png.webp?h=fadd0d06&itok=_nzGhsXQ" width="330" height="220" alt="A woman learning on her laptop in the library" class="image-style-card-image-330x220 image-landscape" /> 887 888 889</a> 890 </div> 891 <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> 892 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> 893 <a class="component-title__text text-mainBlack" href="/educationcareers" aria-label="Learn more about Education and Lifelong Learning" role="link">Education and Lifelong Learning</a> 894 </div> 895 896 <div class="card__content_body font-urw md:min-h-[6rem] "> 897 898 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 899<html><body><p>The association provides opportunities for the professional development and education of all library staff members and trustees. It promotes continuous, lifelong learning for all people through library and information services of every type. </p> 900<p><a class="read-more" href="/educationcareers">Learn more...</a></p> 901</body></html> 902</div> 903 904 </div> 905 </div> 906 </div> 907 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 908 <div class="card__image full-width-image mb-6"> 909 <a href="/advocacy/intfreedom/equalityequity" aria-label="Learn more about Equitable Access to Information and Library Services" role="link"> 910<img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-03/Info%20Card%203x%20boy%20with%20raised%20hand.png.webp?h=fadd0d06&itok=IT4HXzsd" width="330" height="220" alt="Boy with raised hand in library" class="image-style-card-image-330x220 image-landscape" /> 911 912 913</a> 914 </div> 915 <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> 916 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> 917 <a class="component-title__text text-mainBlack" href="/advocacy/intfreedom/equalityequity" aria-label="Learn more about Equitable Access to Information and Library Services" role="link">Equitable Access to Information and Library Services</a> 918 </div> 919
920 <div class="card__content_body font-urw md:min-h-[6rem] "> 921 922 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 923<html><body><p>The Association advocates for funding and policies that support libraries as great democratic institutions, providing the full range of information resources to people of every age, income level, location, ethnicity, or physical ability.</p> 924<p><a class="read-more" href="https://www.ala.org/advocacy/intfreedom/equalityequity">Learn more</a></p> 925</body></html> 926</div> 927 928 </div> 929 </div> 930 </div> 931 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 932 <div class="card__image full-width-image mb-6"> 933 <a href="/advocacy/intfreedom" aria-label="Learn more about Intellectual Freedom" role="link"> 934<img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-03/Info%20Card%203x%20Intellectual%20Freedom.png.webp?h=fadd0d06&itok=mui5s1UD" width="330" height="220" alt="An abstract image of open book and origami birds as metaphor for Intellectual Freedom " class="image-style-card-image-330x220 image-landscape" /> 935 936 937</a> 938 </div> 939 <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> 940 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> 941 <a class="component-title__text text-mainBlack" href="/advocacy/intfreedom" aria-label="Learn more about Intellectual Freedom" role="link">Intellectual Freedom</a> 942 </div> 943 944 <div class="card__content_body font-urw md:min-h-[6rem] "> 945 946 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 947<html><body><p>The Association advances and defends intellectual freedom, a cornerstone of both democratic society and the library profession, by protecting the right of individuals to read, seek information, and speak freely under the First Amendment.</p> 948<p><a class="read-more" href="https://www.ala.org/advocacy/intfreedom">Learn more...</a></p> 949</body></html> 950</div> 951 952 </div> 953 </div> 954 </div> 955 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 956 <div class="card__image full-width-image mb-6"> 957 <a href="https://www.ala.org/advocacy/literacy" aria-label="Learn more about Literacy" role="link"> 958<img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-03/Info%20Card%203x%20Literacy%203%20kids%20reading%20stock.png.webp?h=fadd0d06&itok=y_V38Yey" width="330" height="220" alt="An image of 3 young girls reading in the library" class="image-style-card-image-330x220 image-landscape" /> 959 960 961</a> 962 </div> 963 <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> 964 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> 965 <a class="component-title__text text-mainBlack" href="https://www.ala.org/advocacy/literacy" aria-label="Learn more about Literacy" role="link">Literacy</a> 966 </div> 967 968 <div class="card__content_body font-urw md:min-h-[6rem] "> 969 970 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 971<html><body><p>The ALA assists and promotes libraries in helping children and adults develop the ability to read and utilize information resources -understanding that literacy is essential in a global information society.</p> 972<p><a class="read-more" href="https://www.ala.org/advocacy/literacy">Learn more</a></p> 973</body></html> 974</div> 975 976 </div> 977 </div> 978 </div> 979 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 980 <div class="card__image full-width-image mb-6"> 981 <a href="/Strategic-Plan-2025" aria-label="Learn more about ALA Forward" role="link">
982<img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-04/Info%20Card%202x%20library%20people.jpg.webp?h=448a936f&itok=NqSGIqQc" width="330" height="220" alt="A group of people collaborating in a library" class="image-style-card-image-330x220 image-landscape" /> 983 984 985</a> 986 </div> 987 <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> 988 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> 989 <a class="component-title__text text-mainBlack" href="/Strategic-Plan-2025" aria-label="Learn more about ALA Forward" role="link">ALA Forward</a> 990 </div> 991 992 <div class="card__content_body font-urw md:min-h-[6rem] "> 993 994 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 995<html><body><p>ALA’s new Strategic Plan is a bold, forward-looking roadmap designed to strengthen our organization, expand opportunities, help prioritize our work, and ensure our continued leadership in the library field. </p> 996<p><a class="read-more" href="https://www.ala.org/Strategic-Plan-2025">Learn more</a></p> 997</body></html> 998</div> 999 1000 </div> 1001 </div> 1002 </div> 1003 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 1004 <div class="card__image full-width-image mb-6"> 1005 <a href="/tools/librariestransform/libraries-transforming-communities" aria-label="Learn more about Libraries Strengthening Communities" role="link"> 1006<img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-04/pexels-pixabay-256455.jpg.webp?h=a32e30d3&itok=8hxKcm6x" width="330" height="220" alt="Student browsing books in the library" class="image-style-card-image-330x220 image-landscape" /> 1007 1008 1009</a> 1010 </div> 1011 <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> 1012 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> 1013 <a class="component-title__text text-mainBlack" href="/tools/librariestransform/libraries-transforming-communities" aria-label="Learn more about Libraries Strengthening Communities" role="link">Libraries Strengthening Communities</a> 1014 </div> 1015 1016 <div class="card__content_body font-urw md:min-h-[6rem] "> 1017 1018 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 1019<html><body><p>ALA supports libraries in strengthening their communities by providing tools, resources, and leadership that help libraries expand their roles as trusted community hubs and local change agents.</p> 1020<p><a class="read-more" href="http://ala.org/tools/librariestransform/libraries-transforming-communities">Learn more</a></p> 1021</body></html> 1022</div> 1023 1024 </div> 1025 </div> 1026 </div> 1027 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 1028 <div class="card__image full-width-image mb-6"> 1029 <a href="/membership/member-center" aria-label="Learn more about Member Experience" role="link"> 1030<img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-08/Info%20Card%203x%20Librarians%20with%20Signs.jpg.webp?h=53f45f9d&itok=xRCsAPc8" width="330" height="220" alt="Group of ALA Members smiling and holding library advocacy signs with messages at ALA Annual" class="image-style-card-image-330x220 image-landscape" /> 1031 1032 1033</a> 1034 </div> 1035 <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> 1036 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> 1037 <a class="component-title__text text-mainBlack" href="/membership/member-center" aria-label="Learn more about Member Experience" role="link">Member Experience</a> 1038 </div> 1039
1040 <div class="card__content_body font-urw md:min-h-[6rem] "> 1041 1042 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 1043<html><body><p>ALA is shaped by its members and committed to an experience that is welcoming, inclusive, and responsive. By elevating member voices and supporting active participation, the association builds a strong, connected professional community.</p> 1044<p><a class="read-more" href="https://www.ala.org/membership/member-center">Learn more</a></p> 1045</body></html> 1046</div> 1047 1048 </div> 1049 </div> 1050 </div> 1051 1052 </div> 1053 </div> 1054 </div> 1055</div> 1056 1057 </div> 1058 <div class="paragraph paragraph--type--text paragraph--view-mode--default"> 1059 <div class="xl:max-w-[940px] mx-auto my-[3.75rem] xl:my-[3.125rem] px-5 xl:px-0 text-formatted"> 1060 <div class="component-title"> 1061 <h2 class="component-title__text mb-[1.875rem]"></h2> 1062 </div> 1063 <!DOCTYPE html> 1064<html><body><h2 class="text-align-center">How We Work Together</h2> 1065<hr> 1066</body></html> 1067 1068</div> 1069 </div> 1070 1071 </div> 1072 </div> 1073 1074 </div> 1075 <div class="paragraph paragraph--type--section paragraph--view-mode--default"> 1076 <div class="layout layout--twocol-section layout--twocol-section--50-50"> 1077 1078 <div class="layout__region layout__region--first"> 1079 <div class="paragraph paragraph--type--text paragraph--view-mode--default"> 1080 <div class="xl:max-w-[940px] mx-auto my-[3.75rem] xl:my-[3.125rem] px-5 xl:px-0 text-formatted"> 1081 <div class="component-title"> 1082 <h2 class="component-title__text mb-[1.875rem]"></h2> 1083 </div> 1084 <!DOCTYPE html> 1085<html><body><h3><a href="https://www.ala.org/aboutala/governance">ALA Governance</a></h3> 1086<p>ALA’s governance structure ensures that members shape the direction, policies, and priorities of the Association through transparent, representative decision-making. Elected leaders and governing bodies work together to guide ALA’s mission and uphold its core values.</p> 1087<h3><a href="https://www.ala.org/aboutala/divs">Divisions</a></h3> 1088<p>ALA divisions bring together members who share professional interests, library types, or areas of expertise to advance specialized work within the Association. Through divisions, members collaborate, lead initiatives, and support the evolving needs of the profession.</p> 1089<h3><a href="https://www.ala.org/aboutala/rts">Round Tables</a></h3> 1090<p>Round tables provide flexible, interest-based communities where members can explore emerging issues, identities, and areas of shared passion. They offer space for connection, advocacy, and experimentation across traditional organizational boundaries.</p> 1091<h3><a href="https://www.ala.org/aboutala/committees">Committees and Volunteer Opportunities</a></h3> 1092<p>Committees and volunteer opportunities allow members to contribute their expertise, shape initiatives, and participate directly in ALA’s work. Through service and collaboration, members help move ideas forward and strengthen the Association.</p> 1093</body></html> 1094 1095</div> 1096 </div> 1097 1098 </div> 1099 1100 <div class="layout__region layout__region--second"> 1101 <div class="paragraph paragraph--type--text paragraph--view-mode--default"> 1102 <div class="xl:max-w-[940px] mx-auto my-[3.75rem] xl:my-[3.125rem] px-5 xl:px-0 text-formatted"> 1103 <div class="component-title"> 1104 <h2 class="component-title__text mb-[1.875rem]"></h2> 1105 </div> 1106 <!DOCTYPE html> 1107<html><body><h3><a href="https://www.ala.org/aboutala/offices/home">Offices</a></h3> 1108<p>ALA offices support the Association’s mission by advancing strategic initiatives, programs, and services that benefit members and libraries nationwide. Staff work in partnership with member leaders to turn shared goals into action.</p> 1109<h3><a href="https://www.ala.org/aboutala/affiliates">Affiliates</a></h3> 1110<p>ALA affiliates are independent organizations that share common goals and values with the Association. These partnerships expand collaboration, amplify impact, and strengthen connections across the library ecosystem.</p> 1111<h3>
1111<a href="https://www.ala.org/aboutala/affiliates/chapters">ALA Chapters</a></h3> 1112<p>ALA chapters connect members at the state and regional levels, supporting local leadership, professional development, and advocacy. Chapters strengthen the Association by grounding national priorities in local communities.</p> 1113<h3><a href="https://www.ala.org/aboutala/affiliates/relatedgroups">Other Groups & Organizations</a></h3> 1114<p>ALA collaborates with related groups and organizations to advance shared goals beyond the Association itself. These relationships broaden perspectives, foster collaboration, and extend ALA’s impact across education, culture, and civic life.</p> 1115</body></html> 1116 1117</div> 1118 </div> 1119 1120 </div> 1121 1122 </div> 1123 1124 </div> 1125 <div class="paragraph paragraph--type--section paragraph--view-mode--default"> 1126 <div class="layout layout--onecol"> 1127 <div class="layout__region layout__region--content"> 1128 <div class="paragraph paragraph--type--info-card paragraph--view-mode--default"> 1129 1130<div class="breakout px-5 py-[50px] bg-secondaryGrey overflow-hidden"> 1131 <div class="info_card mx-auto max-w-[1420px]"> 1132 <div class="info_card__header text-inherit flex justify-between sm:items-end flex-row gap-2 border-b-4 py-4"$> 1133 <h2 class="info_card__header_title section-header !border-b-0 !py-0 !mb-0"> 1134 How You Can Help 1135 </h2> 1136 </div> 1137 1138 <div class="info_card__cards m-auto relative"> 1139 <section aria-label="How You Can Help carousel" class="info_card__slider wrapper relative swipper"> 1140 <div class="wysiwyg swiper-wrapper grid items-stretch info_card--slider-init lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 sm:gap-x-4"> 1141 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 1142 <div class="card__image min-h-[290px] flex items-center mx-auto px-10 pt-[30px] mb-6 justify-center"> 1143 <a href="/membership" aria-label="Learn more about Join ALA" role="link"> <picture> 1144 <source srcset="/sites/default/files/styles/card_vertical_image_large_451x601/public/2024-03/become%20member%20square.jpg.webp?itok=ehKhfcHX 1x" media="all and (min-width: 992px)" type="image/webp" width="451" height="451"/> 1145 1146<img loading="lazy" width="451" height="451" src="/sites/default/files/styles/card_vertical_image_large_451x601/public/2024-03/become%20member%20square.jpg.webp?itok=ehKhfcHX" alt="ALA members at the Library of Congress" class="image-square" /> 1147 1148 </picture> 1149 1150</a> 1151 </div> 1152 <div class="card__content flex flex-col gap-2 px-10 pb-3 lg:pb-[14px]"> 1153 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-lg"> 1154 <a class="component-title__text text-mainBlack" href="/membership" aria-label="Learn more about Join ALA" role="link">Join ALA</a> 1155 </div> 1156 1157 <div class="card__content_body font-urw md:min-h-[6rem] "> 1158 1159 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 1160<html><body><p>ALA membership is open to individuals, organizations, non-profits, and businesses interested in working together to change the world for the better through libraries and librarians.</p> 1161</body></html> 1162</div> 1163 1164 </div> 1165 </div> 1166 <div class="card__footer flex items-center justify-between mt-auto w-full"> 1167 1168 <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> 1169 <span class="flex h-[60px] w-[60px] justify-center items-center"> 1170 <svg role="img" xmlns="http://www.w3.org/2000/svg" 1171 width="11" 1172 height="14"
1173 viewBox="0 0 11 14" 1174 fill="none" 1175 aria-hidden="true"> 1176 <g clip-path="url(#clip0_369_2469_)"> 1177 <path class="svg__img-arrow" d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" 1178 fill="#101828" /> 1179 </g> 1180 <defs> 1181 <clipPath id="clip0_369_2469_"> 1182 <rect width="11" height="14" fill="white" /> 1183 </clipPath> 1184 </defs> 1185 </svg> 1186 </span> 1187 </div> 1188 </div> 1189 </div> 1190 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 1191 <div class="card__image min-h-[290px] flex items-center mx-auto px-10 pt-[30px] mb-6 justify-center"> 1192 <a href="/advocacy/advocacy-public-policy" aria-label="Learn more about Become a Library Advocate" role="link"> <picture> 1193 <source srcset="/sites/default/files/styles/card_vertical_image_large_451x601/public/2024-03/advocate%20fist%20pumps%20square.jpg.webp?itok=jPCtiaIw 1x" media="all and (min-width: 992px)" type="image/webp" width="451" height="451"/> 1194 1195<img loading="lazy" width="451" height="451" src="/sites/default/files/styles/card_vertical_image_large_451x601/public/2024-03/advocate%20fist%20pumps%20square.jpg.webp?itok=jPCtiaIw" alt="Advocating illustration" class="image-square" /> 1196 1197 </picture> 1198 1199</a> 1200 </div> 1201 <div class="card__content flex flex-col gap-2 px-10 pb-3 lg:pb-[14px]"> 1202 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-lg"> 1203 <a class="component-title__text text-mainBlack" href="/advocacy/advocacy-public-policy" aria-label="Learn more about Become a Library Advocate" role="link">Become a Library Advocate</a> 1204 </div> 1205 1206 <div class="card__content_body font-urw md:min-h-[6rem] "> 1207 1208 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 1209<html><body><p>Find out how you can join ALA’s work to positively impact libraries.</p> 1210</body></html> 1211</div> 1212 1213 </div> 1214 </div> 1215 <div class="card__footer flex items-center justify-between mt-auto w-full"> 1216 1217 <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> 1218 <span class="flex h-[60px] w-[60px] justify-center items-center"> 1219 <svg role="img" xmlns="http://www.w3.org/2000/svg" 1220 width="11" 1221 height="14"
1222 viewBox="0 0 11 14" 1223 fill="none" 1224 aria-hidden="true"> 1225 <g clip-path="url(#clip0_369_2469_)"> 1226 <path class="svg__img-arrow" d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" 1227 fill="#101828" /> 1228 </g> 1229 <defs> 1230 <clipPath id="clip0_369_2469_"> 1231 <rect width="11" height="14" fill="white" /> 1232 </clipPath> 1233 </defs> 1234 </svg> 1235 </span> 1236 </div> 1237 </div> 1238 </div> 1239 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 1240 <div class="card__image min-h-[290px] flex items-center mx-auto px-10 pt-[30px] mb-6 justify-center"> 1241 <a href="https://ec.ala.org/donate" aria-label="Learn more about Give to ALA" role="link"> <picture> 1242 <source srcset="/sites/default/files/styles/card_vertical_image_large_451x601/public/2024-03/donate%20illo%20square.jpg.webp?itok=kL-_te-S 1x" media="all and (min-width: 992px)" type="image/webp" width="451" height="451"/> 1243 1244<img loading="lazy" width="451" height="451" src="/sites/default/files/styles/card_vertical_image_large_451x601/public/2024-03/donate%20illo%20square.jpg.webp?itok=kL-_te-S" alt="donate to ALA illustration" class="image-square" /> 1245 1246 </picture> 1247 1248</a> 1249 </div> 1250 <div class="card__content flex flex-col gap-2 px-10 pb-3 lg:pb-[14px]"> 1251 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-lg"> 1252 <a class="component-title__text text-mainBlack" href="https://ec.ala.org/donate" aria-label="Learn more about Give to ALA" role="link">Give to ALA</a> 1253 </div> 1254 1255 <div class="card__content_body font-urw md:min-h-[6rem] "> 1256 1257 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 1258<html><body><p>Your contribution supports new librarian development, cultural programming, advocacy efforts, and more. </p> 1259</body></html> 1260</div> 1261 1262 </div> 1263 </div> 1264 <div class="card__footer flex items-center justify-between mt-auto w-full"> 1265 1266 <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> 1267 <span class="flex h-[60px] w-[60px] justify-center items-center"> 1268 <svg role="img" xmlns="http://www.w3.org/2000/svg" 1269 width="11" 1270 height="14"
1271 viewBox="0 0 11 14" 1272 fill="none" 1273 aria-hidden="true"> 1274 <g clip-path="url(#clip0_369_2469_)"> 1275 <path class="svg__img-arrow" d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" 1276 fill="#101828" /> 1277 </g> 1278 <defs> 1279 <clipPath id="clip0_369_2469_"> 1280 <rect width="11" height="14" fill="white" /> 1281 </clipPath> 1282 </defs> 1283 </svg> 1284 </span> 1285 </div> 1286 </div> 1287 </div> 1288 <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide "> 1289 <div class="card__image min-h-[290px] flex items-center mx-auto px-10 pt-[30px] mb-6 justify-center"> 1290 <a href="http://www.alastore.ala.org" aria-label="Learn more about Shop the ALA Store" role="link"> <picture> 1291 <source srcset="/sites/default/files/styles/card_vertical_image_large_451x601/public/2024-03/square4.jpg.webp?itok=gvpqjl_y 1x" media="all and (min-width: 992px)" type="image/webp" width="451" height="451"/> 1292 1293<img loading="lazy" width="451" height="451" src="/sites/default/files/styles/card_vertical_image_large_451x601/public/2024-03/square4.jpg.webp?itok=gvpqjl_y" alt="books and gift items from the ALA Store" class="image-square" /> 1294 1295 </picture> 1296 1297</a> 1298 </div> 1299 <div class="card__content flex flex-col gap-2 px-10 pb-3 lg:pb-[14px]"> 1300 <div class="component-title card__content_title flex-1 text-mainBlack font-medium text-lg"> 1301 <a class="component-title__text text-mainBlack" href="http://www.alastore.ala.org" aria-label="Learn more about Shop the ALA Store" role="link">Shop the ALA Store</a> 1302 </div> 1303 1304 <div class="card__content_body font-urw md:min-h-[6rem] "> 1305 1306 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 1307<html><body><p>ALA Store purchases fund advocacy, awareness, and accreditation programs for library professionals worldwide.</p> 1308</body></html> 1309</div> 1310 1311 </div> 1312 </div> 1313 <div class="card__footer flex items-center justify-between mt-auto w-full"> 1314 1315 <div class="card__footer_link bg-secondaryColor flex justify-center items-center ml-auto"> 1316 <span class="flex h-[60px] w-[60px] justify-center items-center"> 1317 <svg role="img" xmlns="http://www.w3.org/2000/svg" 1318 width="11" 1319 height="14"
1320 viewBox="0 0 11 14" 1321 fill="none" 1322 aria-hidden="true"> 1323 <g clip-path="url(#clip0_369_2469_)"> 1324 <path class="svg__img-arrow" d="M1.19643 13.8569L0.713867 13.2013L6.89838 7.01679L0.713867 0.798132L1.19643 0.142578L10.4561 6.98265L1.19643 13.8569Z" 1325 fill="#101828" /> 1326 </g> 1327 <defs> 1328 <clipPath id="clip0_369_2469_"> 1329 <rect width="11" height="14" fill="white" /> 1330 </clipPath> 1331 </defs> 1332 </svg> 1333 </span> 1334 </div> 1335 </div> 1336 </div> 1337 1338 </div> 1339 <div class="swiper__footer flex flex-wrap gap-2.5 justify-end w-full sm:hidden"> 1340 <div class="swiper-pagination w-full mt-10"></div> 1341 <button type="button" class="swiper-button-prev"> 1342 <span class="sr-only">Previous element</span> 1343 </button> 1344 <button type="button" class="swiper-button-next"> 1345 <span class="sr-only">Next element</span> 1346 </button> 1347 </div> 1348 </section> 1349 </div> 1350 </div> 1351</div> 1352 1353 </div> 1354 1355 </div> 1356 </div> 1357 1358 </div> 1359 <div class="paragraph paragraph--type--section paragraph--view-mode--default"> 1360 <div class="layout layout--onecol"> 1361 <div class="layout__region layout__region--content"> 1362 <div class="paragraph paragraph--type--image-w-text paragraph--view-mode--default"> 1363 <div class="image_w_text breakout py-8 lg:py-[4.688rem] flex content-center min-h-[638px] mb-0 text-mainBlack bg-secondaryGrey "> 1364 <div class="image_w_text__content relative flex flex-col items-center lg:flex-row justify-center lg:flex-nowrap gap-6 lg:gap-[140px] mx-auto px-[1.25rem] xl:px-0 max-w-[1180px] w-full"> 1365 <div class="image_w_text__content__image image-column crop lg:flex lg:flex-1 justify-center lg:flex-grow image-cover relative lg:basis-[580px] lg:max-w-[580px]"> 1366 1367<img alt="Drive for books for fighters. Photo shows a number of girls each with a pile of books wending her way into the Public Library Building, New York, where they left books to be sent to camps. This campaign for books was started by the American Library Association. March 18, 1918" src="/sites/default/files/styles/text_with_image_fp/public/2024-03/Image%20w%20Text%20A%20historical%20image.png.webp?h=63f8f1a6&itok=sCLhAwMO" width="581" height="403" loading="lazy" class="image-style-text-with-image-fp image-landscape" /> 1368 1369 1370 </div> 1371 <div class="text-column lg:flex-1 lg:flex-grow lg:basis-[460px] lg:max-w-[460px]"> 1372 <div class="text-container"> 1373 <h2 class="image_w_text-title h3">ALA History</h2> 1374 <div class="image_w_text-body pb-4"> 1375 1376 <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> 1377<html><body><p>During the Centennial Exposition in Philadelphia in 1876, 103 librarians (90 men and 13 women) responded to a call for a "Convention of Librarians" to be held October 4-6 at the Historical Society of Pennsylvania. The aim of the Association, in that resolution, was "to enable librarians to do their present work more easily and at less expense." Attendees came from as far west as Chicago and from England.</p> 1378<p><em>Image: Girls deliver donated books to the New York Public Library as part of the American Library Association’s 1918 campaign to supply WWI soldiers with reading materials.[</em><a href="https://commons.wikimedia.org/wiki/National_Archives_and_Records_Administration"><em>National Archives and Records</em></a><em>]</em></p> 1379</body></html> 1380</div> 1381 1382 </div> 1383 <div class="flex flex-wrap gap-6 pt-4"> 1384 <div class="image_w_text__button my-2"> 1385 <a href="https://ala150.org/" class="primary-button text-center !mb-0">See the 150th Anniversary site</a> 1386 </div> 1387 </div> 1388 </div> 1389 <div class="image_w_text-footer"> 1390 </div> 1391 </div> 1392 </div> 1393</div> 1394 1395 </div> 1396 1397 </div> 1398 </div> 1399 1400 </div> 1401 1402 <!-- @components_end --> 1403 </div> 1404 </div> 1405 </div> 1406 1407 1408 1409 1410<div class="share flex my-12 lg:my-12 mr-auto ml-auto"> 1411 <ul class="flex flex-col md:flex-row flex-nowrap items-center ml-auto mr-auto gap-1 lg:gap-[2rem]"> 1412 <li> 1413 <a class="flex flex-nowrap items-end" href="mailto:?subject=About ALA & Our Mission&body=https://www.ala.org/aboutala">
1414 <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> 1415 <img class="max-w-[24px]" src="/themes/custom/ala/assets/images/svg/email-2.svg" alt=""> 1416 </span> 1417 <p data-history-node-id="63542" class="node node--type-flex-page node--view-mode-full node--hide-sidebar mx-[17px] uppercase text-[14px]">Email</p> 1418 </a> 1419 </li> 1420 <li x-data="{print}"> 1421 <a class="flex flex-nowrap items-end cursor-pointer" href="#" x-on:click.prevent="window.print()"> 1422 <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> 1423 <img src="/themes/custom/ala/assets/images/svg/print.svg" alt=""> 1424 </span> 1425 <p data-history-node-id="63542" class="node node--type-flex-page node--view-mode-full node--hide-sidebar mx-[17px] uppercase text-[14px]">Print</p> 1426 </a> 1427 </li> 1428 <li><a class="flex flex-nowrap items-end" href="https://www.ala.org/cite?query=node/63542&title=About%20ALA%20%26%20Our%20Mission&url=https%3A//www.ala.org/aboutala"> 1429 <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> 1430 <img src="/themes/custom/ala/assets/images/svg/cite.svg" alt=""> 1431 </span> 1432 <p data-history-node-id="63542" class="node node--type-flex-page node--view-mode-full node--hide-sidebar mx-[17px] uppercase text-[14px]">Cite</p> 1433 </a> 1434 </li> 1435 <li class="relative" x-data="{ open: false }"> 1436 <a class="flex flex-nowrap items-end cursor-pointer" href="#" x-on:click.prevent="open = ! open"> 1437 <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> 1438 <img src="/themes/custom/ala/assets/images/svg/share.svg" alt=""> 1439 </span> 1440 <p data-history-node-id="63542" class="node node--type-flex-page node--view-mode-full node--hide-sidebar mx-[17px] uppercase text-[14px]">Share This Page</p> 1441 </a> 1442 <div x-show="open"> 1443 <div class="region region-sharing share--buttons absolute bottom-[-3rem] left-[2rem]"> 1444 <div id="block-addtoanysharebuttons" class="block block-addtoany block-addtoany-block relative z-10"> 1445 1446 1447 <span class="a2a_kit a2a_kit_size_32 addtoany_list" data-a2a-url="https://www.ala.org/aboutala" data-a2a-title="About ALA & Our Mission"><a class="a2a_dd addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fwww.ala.org%2Faboutala&title=About%20ALA%20%26%20Our%20Mission"></a><a class="a2a_button_facebook" title="Facebook"><svg xmlns="http://www.w3.org/2000/svg" 1448 height="1.125em"
1449 viewBox="0 0 512 512" 1450 fill="#101828" 1451 role="img" 1452 aria-labelledby="title__svg-facebook"><title id="title__svg-facebook">Facebook</title><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.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.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" /></svg></a><a class="a2a_button_twitter" title="Twitter"><svg xmlns="http://www.w3.org/2000/svg" 1453 height="1.125em" 1454 viewBox="0 0 512 512" 1455 fill="#101828" 1456 role="img" 1457 aria-labelledby="title__svg-twitter"><title id="title__svg-twitter">Twitter</title><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></svg></a><a class="a2a_button_linkedin" title="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" 1458 height="1.125em"
1459 viewBox="0 0 448 512" 1460 fill="#101828" 1461 role="img" 1462 aria-labelledby="title__svg-linkedin"><title id="title__svg-linkedin">LinkedIn</title><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 class="a2a_button_email" title="Email"><svg xmlns="http://www.w3.org/2000/svg" 1463 height="1.125em" 1464 viewBox="0 0 512 512" 1465 fill="#101828" 1466 role="img" 1467 aria-labelledby="title__svg-email"><title id="title__svg-email">Email</title><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z" /></svg></a></span> 1468 1469 </div> 1470 1471 </div> 1472 1473 </div> 1474 </li> 1475 </ul> 1476</div><!-- /.share --> </article> 1477 1478 </div> 1479 1480 </div> 1481 1482 </div> 1483 </div> 1484 1485 1486 1487 </main> 1488 1489 <footer role="contentinfo"> 1490 1491 1492 <div class="region region-footer"> 1493 <nav id="block-footer-2" class="block block-system block-system-menu-blockfooter border-t pt-14 xl:py-14" aria-labelledby="block-footer-2" role="navigation"> 1494 <div class="flex xl:container flex-col xl:flex-row items-center xl:items-start text-center xl:text-left pb-12 xl:pb-0"> 1495 <div class="mb-12 xl:mb-0"> 1496 <a href="/" rel="home" class="w-[243px] h-auto" aria-label="ALA logo"> 1497 <img src="/themes/custom/ala/assets/images/svg/ala-footer-logo.svg" alt=" site logo"> 1498 </a> 1499 <p class="m-0 mt-9 text-base font-normal text-offBlack opacity-80">225 N Michigan Ave., Ste 1300</p> 1500 <p class="m-0 text-base font-normal text-offBlack opacity-80">Chicago, IL 60601</p> 1501 <p class="m-0 text-base font-normal text-offBlack opacity-80">1.800.545.2433</p> 1502 </div> 1503 1504 1505 <div class="xl:ml-auto"> 1506 <ul class="relative xl:grid xl:grid-cols-2 xl:gap-4 xl:gap-x-28 xl:gap-y-8 menu--footer xl:border-r xl:pr-24"> 1507 <li class="mb-12 xl:mb-0"> 1508 <a href="https://www.ala.org/aboutala/offices/home" class="text-sm font-bold uppercase tracking-widest" title="Offices" data-drupal-link-system-path="node/17266">Offices</a> 1509 </li> 1510 <li class="mb-12 xl:mb-0"> 1511 <a href="https://www.ala.org/news" class="text-sm font-bold uppercase tracking-widest" title="News & Press" data-drupal-link-system-path="node/59884">News & Press</a> 1512 </li> 1513 <li class="mb-12 xl:mb-0"> 1514 <a href="https://www.ala.org/aboutala/divs" class="text-sm font-bold uppercase tracking-widest" title="Divisions" data-drupal-link-system-path="node/59964">Divisions</a> 1515 </li> 1516 <li class="mb-12 xl:mb-0"> 1517 <a href="https://www.ala.org/aboutala/contactus/workatala" class="text-sm font-bold uppercase tracking-widest" title="Work at ALA" data-drupal-link-system-path="node/14392">Work at ALA</a> 1518 </li> 1519 <li class="mb-12 xl:mb-0"> 1520 <a href="https://www.ala.org/aboutala/rts" class="text-sm font-bold uppercase tracking-widest" title="Round Tables" data-drupal-link-system-path="node/59965">Round Tables</a> 1521 </li> 1522 <li class="mb-12 xl:mb-0"> 1523 <a href="https://www.alastore.ala.org/" class="text-sm font-bold uppercase tracking-widest" title="Shop">Shop</a> 1524 </li> 1525 <li class="mb-12 xl:mb-0"> 1526 <a href="https://www.ala.org/aboutala/committees" class="text-sm font-bold uppercase tracking-widest" title="Committees" data-drupal-link-system-path="node/16494">Committees</a> 1527 </li> 1528 </ul> 1529 </div> 1530 1531 <div class="xl:ml-32"> 1532 <div class="hidden xl:block"> 1533 1534 <div class="field field--name-field-components field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--social-media-links paragraph--view-mode--default"> 1535 <div class="social-media-list mb-6"> 1536 <ul class="flex"> 1537 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://www.facebook.com/AmericanLibraryAssociation" class="facebook-logo inline-block indent-96" target="_blank">facebook</a></li> 1538 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://www.instagram.com/americanlibraryassociation/" class="instagram-logo inline-block indent-96" target="_blank">instagram</a></li> 1539 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://www.linkedin.com/company/american-library-association" class="linkedin-logo inline-block indent-96" target="_blank">linkedin</a></li> 1540 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://youtube.com/user/AmLibraryAssociation" class="youtube-logo inline-block indent-96" target="_blank">youtube</a></li> 1541 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://www.threads.net/@americanlibraryassociation" class="threads-logo inline-block indent-96" target="_blank">threads</a></li> 1542 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://bsky.app/profile/amlibraryassoc.bsky.social" class="bluesky-logo inline-block indent-96" target="_blank">bluesky</a></li> 1543 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://www.tiktok.com/@americanlibraryassoc" class="tiktok-logo inline-block indent-96" target="_blank">tiktok</a></li> 1544 </ul> 1545</div> 1546 </div> 1547</div> 1548 1549 </div> 1550 <a href="/donate" class="font-medium text-lg text-white py-1.5 px-10 bg-mainRed font-bitter hover:bg-white hover:border-mainRed border hover:text-mainRed transition-colors duration-500 ease-in-out">Donate</a> 1551 </div> 1552 1553 1554 1555 </div> 1556 1557 </nav> 1558 1559<nav id="block-footerutility-2" class="block block-menu navigation menu--footer-utility static xl:relative sidebar-menu" aria-labelledby="block-footerutility-2-label" role="navigation"> 1560 1561 <h2 class="visually-hidden" id="block-footerutility-2-label" class="hidden">Footer Utility</h2> 1562 1563 1564 1565 <div class="flex xl:container py-6 xl:py-8 border-t flex-col xl:flex-row items-center xl:items-start"> 1566 1567 <div class="xl:hidden"> 1568 1569 <div class="field field--name-field-components field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--social-media-links paragraph--view-mode--default"> 1570 <div class="social-media-list mb-6"> 1571 <ul class="flex"> 1572 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://www.facebook.com/AmericanLibraryAssociation" class="facebook-logo inline-block indent-96" target="_blank">facebook</a></li> 1573 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://www.instagram.com/americanlibraryassociation/" class="instagram-logo inline-block indent-96" target="_blank">instagram</a></li> 1574 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://www.linkedin.com/company/american-library-association" class="linkedin-logo inline-block indent-96" target="_blank">linkedin</a></li> 1575 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://youtube.com/user/AmLibraryAssociation" class="youtube-logo inline-block indent-96" target="_blank">youtube</a></li> 1576 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://www.threads.net/@americanlibraryassociation" class="threads-logo inline-block indent-96" target="_blank">threads</a></li> 1577 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://bsky.app/profile/amlibraryassoc.bsky.social" class="bluesky-logo inline-block indent-96" target="_blank">bluesky</a></li> 1578 <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center hover:bg-mainColor"><a href="https://www.tiktok.com/@americanlibraryassoc" class="tiktok-logo inline-block indent-96" target="_blank">tiktok</a></li> 1579 </ul> 1580</div> 1581 </div> 1582</div> 1583 1584 </div> 1585 1586 <ul class="flex menu--footer_utility flex-wrap xl:flex-nowrap justify-center xl:justify-normal"> 1587 <li class="text-footerGrey"> 1588 <a href="https://www.ala.org/aboutala/sitesdirectory" class="text-base font-normal text-footerGrey align-sub" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> 1589 </li> 1590 <li class="text-footerGrey"> 1591 <a href="https://www.ala.org/accessibility-commitment"
1591class="text-base font-normal text-footerGrey align-sub" title="Accessibility" data-drupal-link-system-path="node/60569">Accessibility</a> 1592 </li> 1593 <li class="text-footerGrey"> 1594 <a href="https://www.ala.org/privacypolicy" class="text-base font-normal text-footerGrey align-sub" title="Privacy Policy" data-drupal-link-system-path="node/15423">Privacy Policy</a> 1595 </li> 1596 <li class="text-footerGrey"> 1597 <a href="#" class="text-base font-normal text-footerGrey align-sub" onclick="event.preventDefault(); OneTrust.ToggleInfoDisplay();" title="Manage Cookies">Manage Cookies</a> 1598 </li> 1599 <li class="text-footerGrey"> 1600 <a href="https://www.ala.org/user-guidelines" class="text-base font-normal text-footerGrey align-sub" title="User Guidelines" data-drupal-link-system-path="node/15398">User Guidelines</a> 1601 </li> 1602 <li class="text-footerGrey"> 1603 <a href="/sitemap.xml" class="text-base font-normal text-footerGrey align-sub" title="Site Index" data-drupal-link-system-path="sitemap.xml">Site Index</a> 1604 </li> 1605 <li class="text-footerGrey"> 1606 <a href="https://www.ala.org/footer-feedback" class="text-base font-normal text-footerGrey align-sub" title="Feedback" data-drupal-link-system-path="node/19486">Feedback</a> 1607 </li> 1608 <li class="text-footerGrey"> 1609 <a href="https://www.ala.org/aboutala/contactus/workatala" class="text-base font-normal text-footerGrey align-sub" title="Work at ALA" data-drupal-link-system-path="node/14392">Work at ALA</a> 1610 </li> 1611 </ul> 1612 1613 <p class="text-base font-normal text-footerGrey xl:ml-auto align-sub mt-4 xl:mt-0">© 1996â2026 American Library Association</p> 1614 </div> 1615 1616 1617 1618 1619 </nav> 1620 1621 </div> 1622 1623 </footer> 1624 1625</div> 1626 1627 </div> 1628 1629 </div> 1630 1631
1631<script src="/sites/default/files/js/js_ER0Dopklf4OWIwHoxqSRfuVTwP5aLOLzCCFV3ihK3-c.js?scope=footer&delta=0&language=en&theme=ala&include=eJxdiEsOgCAMBS_E50jmabGBFGqgC729hrjRzWRmQGSKdkW8EvauzRwEEXLklnwZszZ0Gn5IptTnYNEV4liVJS0Gjvzg3wEF53fWGzLyLDQ"></script>
vendor: 1 bytes, line 1631
1631
1632<script src="https://static.addtoany.com/menu/page.js" defer></script>
vendor: 1 bytes, line 1632
1632
1633<script src="/sites/default/files/js/js_lfyNLb-qdmpC7Ys9_sCb_XgvfyYemqbKu5MCGlMTVEI.js?scope=footer&delta=2&language=en&theme=ala&include=eJxdiEsOgCAMBS_E50jmabGBFGqgC729hrjRzWRmQGSKdkW8EvauzRwEEXLklnwZszZ0Gn5IptTnYNEV4liVJS0Gjvzg3wEF53fWGzLyLDQ"></script>
vendor: 1 bytes, line 1633
1633
1634<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
vendor: 1 bytes, line 1634
1634
1635<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js" defer></script>
vendor: 1 bytes, line 1635
1635
1636<script src="/sites/default/files/js/js_EoqJF6z4mvQaVwn_Fd0O0QTgaC4DAqznMRuTIoysXFw.js?scope=footer&delta=5&language=en&theme=ala&include=eJxdiEsOgCAMBS_E50jmabGBFGqgC729hrjRzWRmQGSKdkW8EvauzRwEEXLklnwZszZ0Gn5IptTnYNEV4liVJS0Gjvzg3wEF53fWGzLyLDQ"></script>
1636 1637 1638 </body> 1639</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.