PageSourceSearch

https://www.ala.org/aboutala

html ala.org collected 2026-10-01 07:42:02 UTC 109,612 bytes, 1,639 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; Our Mission | ALA</title>
39    <link rel="stylesheet" media="all" href="/sites/default/files/css/css_hD8CueAz-DmCaqVX-1M_pulKCoPsHttpdkNFr6b10TQ.css?delta=0&amp;language=en&amp;theme=ala&amp;include=eJxNjlEOgzAMQy9U0SMht82gEJoqacXY6SfYJvZjPb8Py0ipCcrh8YXhoVKaA8NPLAF8oe25ki52ljHAyJ9xt43MMJG5uFLKTXTMJVFpgSWu_o9dFCWftFfwgAXPjyiiGzi_yDEO6W0MPXMi9W2XKDwaxZaluArFpKiz_TZuM_RSe-BsMyVnhzXarpdvEehYeA" />
40<link rel="stylesheet" media="all" href="/sites/default/files/css/css_pTWOr9rzJzKiz64yOoq2mJTM2ErypHNjx3xSBy3rSag.css?delta=1&amp;language=en&amp;theme=ala&amp;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&amp;delta=0&amp;language=en&amp;theme=ala&amp;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 &amp; News
321              </a>
322              <button class="caret ml-2" tabindex="0" 
323                aria-label="Toggle Advocacy &amp; 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 &amp; 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 &amp;
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 &amp; 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 &amp; 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 &amp; 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 &amp; Events
371              </a>
372              <button class="caret ml-2" tabindex="0" 
373                aria-label="Toggle Conferences &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Grants
412              </a>
413              <button class="caret ml-2" tabindex="0" 
414                aria-label="Toggle Awards &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Careers
456              </a>
457              <button class="caret ml-2" tabindex="0" 
458                aria-label="Toggle Education &amp; 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 &amp; 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 &amp; 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 &amp; Resources
500              </a>
501              <button class="caret ml-2" tabindex="0" 
502                aria-label="Toggle Tools &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&amp;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&amp;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.&nbsp;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&amp;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&amp;itok=490Lmwzj" width="700" height="372" alt="a group of adults enjoy library&#039;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&amp;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&amp;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&amp;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.&nbsp;</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&amp;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&amp;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&amp;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&amp;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&rsquo;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.&nbsp;</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&amp;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&amp;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&rsquo;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&rsquo;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&rsquo;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&rsquo;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 &amp; 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&rsquo;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&rsquo;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.&nbsp;</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&amp;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&nbsp;"Convention of Librarians"&nbsp;to be held October 4-6 at the Historical Society of Pennsylvania. The aim of the Association, in that resolution, was&nbsp;"to enable librarians to do their present work more easily and at less expense."&nbsp;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&rsquo;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 &amp; 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&amp;title=About%20ALA%20%26%20Our%20Mission&amp;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 &amp; Our Mission"><a class="a2a_dd addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fwww.ala.org%2Faboutala&amp;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 &amp; Press" data-drupal-link-system-path="node/59884">News &amp; 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">&copy; 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&amp;delta=0&amp;language=en&amp;theme=ala&amp;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&amp;delta=2&amp;language=en&amp;theme=ala&amp;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&amp;delta=5&amp;language=en&amp;theme=ala&amp;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.