CINXE.COM
The County Library | The County Library
<!DOCTYPE HTML> <html lang="en"> <head> <meta charSet="utf-8" /> <title>The County Library | The County Library</title> <meta name="description" content="" /> <meta property="og:title" content="The County Library | The County Library" /> <meta name="title" content="The County Library | The County Library" /> <meta property="og:description" content="" /> <meta property="og:url" content="https://www.slcolibrary.org/" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://www.slcolibrary.org" /> <meta name="twitter:image" content="https://www.slcolibrary.org" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="The County Library" /> <link rel="canonical" href="https://www.slcolibrary.org/" /> <meta http-equiv="x-ua-compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <meta name="author" content="Solodev" /> <meta name="https" content="1" /> <meta name="DC.Date" content="2024-11-24T17:23:13-07:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="" /> <meta name="twitter:title" content="The County Library | The County Library" /> <meta name="twitter:description" content="" /> <meta name="twitter:domain" content="www.slcolibrary.org" /> <meta property="twitter:url" content="https://www.slcolibrary.org/" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--compiled css and js--> <link rel="stylesheet" href="/_/css/app.css"> <script defer src="/_/js/app.js"></script> <!-- Fancybox (handles image and video lightbox and galleries) --> <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" /> <!-- Flickity (handles touch enabled carousels and sliders) on Toshocon and OWL camp --> <script src="https://unpkg.com/flickity@2.3.0/dist/flickity.pkgd.js"></script> <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> <link rel="stylesheet" href="https://use.typekit.net/yql0phm.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-74GPMGMJHP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-74GPMGMJHP'); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MMH9S3Q');</script> <!-- End Google Tag Manager --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet"> <script id="2134" name="index.stml"></script> </head> <body> <div id="dd.0" name="dd.0"> <div id="SLCOLHome" role="main" class="min-vh-100 d-flex flex-column"> <!--navigation--> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MMH9S3Q" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="dynamicDiv" id="dd.0.0"><header class="bg-primary"> <div id="utilityNav" class="bg-primary-dark navbar navbar-expand navbar-dark fs-6 pb-0"> <div class="container"> <ul class="navbar-nav mb-2 mb-lg-0 m-auto"> <li class="nav-item"> <a class="nav-link" href="https://catalog.slcolibrary.org/polaris/patronaccount/itemsout.aspx"> <svg fill="currentColor" height="24" viewBox="0 0 16 16" width="24" xmlns="http://www.w3.org/2000/svg"> <title>Account logo</title> <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"></path> <path d="M3 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1z"></path> </svg> <span class="d-none d-md-inline">Account</span> </a> </li> <li class="nav-item"> <a class="nav-link" href="/information"> <svg fill="currentColor" height="24" viewBox="0 0 16 16" width="24" xmlns="http://www.w3.org/2000/svg"> <title>Info/Contact logo</title> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path> </svg> <span class="d-none d-md-inline">Info/Contact</span> </a> </li> <li class="nav-item"> <a class="nav-link" href="/locations"> <svg fill="currentColor" height="24" viewBox="0 0 16 16" width="24" xmlns="http://www.w3.org/2000/svg"> <title>Locations logo</title> <path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"></path> <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path> </svg> <span class="d-none d-md-inline">Locations</span> </a> </li> <li class="nav-item"> <a class="nav-link" href="/information/spanish"> <svg fill="currentColor" height="24" viewBox="0 0 110 82" width="24" xmlns="http://www.w3.org/2000/svg"> <title>Español logo</title> <g> <path d="m102.42,5c1.42,0,2.58,1.16,2.58,2.58v67.33c0,1.42-1.16,2.58-2.58,2.58H7.58c-1.42,0-2.58-1.16-2.58-2.58V7.58c0-1.42,1.16-2.58,2.58-2.58h94.83m0-5H7.58C3.4,0,0,3.4,0,7.58v67.33c0,4.19,3.4,7.58,7.58,7.58h94.83c4.19,0,7.58-3.4,7.58-7.58V7.58c0-4.19-3.4-7.58-7.58-7.58h0Z"></path> <g> <path d="m51.17,44.28h-19.3v10.23h21.29l-1.05,7.13h-28.71V21.36h28.6v7.13h-20.12v8.6h19.3v7.19Z"></path> <path d="m65.97,49.83c.94,4.03,3.8,5.85,8.48,5.85s6.67-1.87,6.67-4.8c0-3.33-1.93-4.74-8.83-6.32-10.99-2.57-13.68-6.61-13.68-12.05,0-7.02,5.26-11.75,14.79-11.75,10.7,0,14.97,5.73,15.55,11.64h-8.77c-.47-2.51-1.81-5.2-7.02-5.2-3.57,0-5.67,1.46-5.67,4.33s1.7,3.98,8.25,5.44c11.7,2.81,14.27,7.13,14.27,12.86,0,7.31-5.56,12.4-16.2,12.4s-15.67-5.03-16.61-12.4h8.77Z"></path> </g> </g> </svg> <span class="d-none d-md-inline">Español</span> </a> </li> </ul> </div> </div> <!-- end navbar --> <div class="container" id="SLCOLMainNav"> <nav class="navbar navbar-expand-lg bg-primary fs-5 py-2"> <div class="container-fluid"> <a class="navbar-brand" href="/"> <h1 class="visually-hidden">Salt Lake County Library</h1> <img src="/core/fileparse.php/246/urlt/SiteLogoWhite.png" alt="Salt Lake County Library logo"> </a> <button aria-expanded="false" class="navbar-toggler navbar-dark collapsed" data-bs-target="#navbar-content" data-bs-toggle="collapse" type="button"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse" id="navbar-content"> <!-- nav search class="d-flex ms-auto"> --> <div class="ps-lg-5 my-4 flex-grow-1 ms-auto order-md-last" id="navSearch"> <ul class="nav nav-tabs border-0" id="searchbar-nav-tabs" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link bg-transparent border border-primary-light fs-6 p-1 px-2 rounded-top active" id="search-catalog-tab" data-bs-toggle="tab" data-bs-target="#search-catalog" type="button" role="tab" aria-controls="search-catalog" aria-selected="true">Catalog </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link bg-transparent border border-primary-light fs-6 p-1 px-2 rounded-top" id="search-website-tab" data-bs-toggle="tab" data-bs-target="#search-website" type="button" role="tab" aria-controls="search-website" aria-selected="false">Website </button> </li> </ul> <div class="tab-content" id="searchbar-tab-content"> <div class="tab-pane show active" id="search-catalog" role="tabpanel" aria-labelledby="search-catalog-tab"> <form id="HeaderSearchTitleCat" name=searchCatTitle target="_blank" method="get" action="https://catalog.slcolibrary.org/polaris/search/browse.aspx?type=Browse&by=TI&page=0&term="> <div class="input-group"> <label for="searchHeaderTitle" class="visually-hidden form-label">Search our catalog</label> <input id="searchHeaderTitle" class="form-control border border-primary-light bg-primary-dark" type="search" name="term" value="" placeholder="Search catalog"> <input class="d-none" type="search" name="type" value="Browse"> <input class="d-none" type="search" name="by" value="TI"> <input class="d-none" type="search" name="page" value="0"> <button class="btn btn-primary-light" type="submit"> <i class="bi bi-search"></i> </button> </div> </form> </div> <div class="tab-pane" id="search-website" role="tabpanel" aria-labelledby="search-website-tab"> <form id="HeaderWebsiteSearch" action="/search-results" name="searchLibrarySite" method="get"> <div class="input-group"> <label for="website-header-search-input" class="visually-hidden form-label">Search our website</label> <input class="form-control border border-primary-light bg-primary-dark" type="search" maxlength="256" name="q" placeholder="Search website" id="website-header-search-input"> <button class="btn btn-primary-light" type="submit"> <i class="bi bi-search"></i> </button> </div> </form> </div> </div> </div> <!-- end nav search --> <ul class="navbar-nav mr-auto mb-2 mb-lg-0"> <!-- Events Tab --> <li class="nav-item dropdown dropdown-mega position-static"> <a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#">Events</a> <div class="dropdown-menu w-100 shadow rounded-0"> <div class="mega-content px-4"> <div class="container-fluid"> <div class="row"> <div class="col-lg-3 col-sm-6 py-4"> <h3>Kids Friendly</h3> <ul class="list-group list-group-flush"> <!-- kids friendly - 67 --> <li class="list-group-item"><a href="/events/digital-activities">Digital Activities</a></li> <li class="list-group-item"><a href="https://events.slcolibrary.org/events?t=StoryTime&a=Pre-K+%28ages+0+to+5+yrs%29">Storytimes</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>All Ages</h3> <ul class="list-group list-group-flush"> <!-- All Ages - 68 --> <li class="list-group-item"><a href="/dungeons-and-dragons/index">Dungeons And Dragons <i class="bi bi-box-arrow-up-right"></i></a></li> <li class="list-group-item"><a href="/events/giving-month">Giving Month</a></li> <li class="list-group-item"><a href="/events/lets-be-neighbors">Let's Be Neighbors</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>Signature events</h3> <ul class="list-group list-group-flush"> <!-- Signature Events - 69 --> <li class="list-group-item"><a href="/events/concerts">Concerts</a></li> <li class="list-group-item"><a href="/events/adult-night-out">Adult Night Out</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>Stay In The Know</h3> <ul class="list-group list-group-flush"> <!-- stay in the know - 70 --> <li class="list-group-item"><a href="/events/connect">Connect Event Newsletter</a></li> <li class="list-group-item"><a href="https://events.slcolibrary.org/events">Events Calendar</a></li> <li class="list-group-item"><a href="/events/lecture-series">Adult Lecture Series</a></li> <li class="list-group-item"><a href="/events/classes">Classes</a></li> </ul> </div> </div> <!-- end row --> <div class="row"> <div class="col-lg-3 col-sm-6 py-4"> <a href="/events/lecture-series"><img alt="Adult Lecture Series at the County Library" src="/file/598/ALS_web-main.jfif" class="border img-fluid"></a> </div> <div class="col-lg-3 col-sm-6 py-4"> <a href="/events/giving-month"><img alt="Giving Month" src="/file/598/Give_M_Web_main.jpg" class="border img-fluid"></a> </div> <div class="col-lg-3 col-sm-6 py-4"> <a href="/events/classes"><img alt="Viridian Classes" src="/file/598/Classes_webmain.png" class="border img-fluid"></a> </div> <div class="col-lg-3 col-sm-6 py-4"> <a href="/events/concerts"><img alt="First Friday Concerts at the County Library" src="/file/598/First-Friday-Concert_main-web.png" class="border img-fluid"></a> </div> </div> <!-- end row --> </div> <!-- end container fluid --> </div> <!-- end mega content --> </div> <!-- end dropdown-menu--> </li> <!-- End Events Tab --> <!-- Learn Tab --> <li class="nav-item dropdown dropdown-mega position-static"> <a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#">Learn</a> <div class="dropdown-menu w-100 shadow rounded-0"> <div class="mega-content px-4"> <div class="container-fluid"> <div class="row"> <div class="col-lg-3 col-sm-6 py-4"> <h3>Popular Resources</h3> <ul class="list-group list-group-flush"> <!-- popular resources 74 --> <li class="list-group-item"><a href="https://ancestrylibrary.proquest.com/?accountid=58734">Ancestry Library <i class="bi bi-box-arrow-up-right"></i></a></li> <li class="list-group-item"><a href="https://search.ebscohost.com/login.aspx?authtype=ip,geo,cpid&geocustid=s9214935&custid=s9214935&profile=crcro">Consumer Reports <i class="bi bi-box-arrow-up-right"></i></a></li> <li class="list-group-item"><a href="https://www.linkedin.com/learning-login/go/thecountylibrary">LinkedIn Learning <i class="bi bi-box-arrow-up-right"></i></a></li> <li class="list-group-item"><a href="https://search.ebscohost.com/login.aspx?authtype=ip,geo,cpid&geocustid=s9214935&custid=s9214935&site=rosetstone&return=y&groupid=main">Rosetta Stone <i class="bi bi-box-arrow-up-right"></i></a></li> <li class="list-group-item"><a href="/learn/all-resources">All Resources</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>Popular Topics</h3> <ul class="list-group list-group-flush"> <!-- Popular Topics 75 --> <li class="list-group-item"><a href="/learn/business">Business</a></li> <li class="list-group-item"><a href="/learn/careers">Careers</a></li> <li class="list-group-item"><a href="/learn/genealogy">Genealogy</a></li> <li class="list-group-item"><a href="/learn/health">Health</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>Popular Topics</h3> <ul class="list-group list-group-flush"> <!-- popular topics cont 76 --> <li class="list-group-item"><a href="/learn/homework-help">Homework Help</a></li> <li class="list-group-item"><a href="/learn/how-to">How to...</a></li> <li class="list-group-item"><a href="/learn/languages">Languages</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>Early Learning</h3> <ul class="list-group list-group-flush"> <!-- early learning 77 --> <li class="list-group-item"><a href="/learn/early-learning">1000 Books-Early Learning</a></li> <li class="list-group-item"><a href="/learn/homework-help#ElementaryAccord-5">Miss Humblebee's Academy</a></li> <li class="list-group-item"><a href="https://events.slcolibrary.org/events?t=Story%20Time">Storytimes</a></li> <li class="list-group-item"><a href="/learn/early-learning#TumbleBookLibrary">TumbleBooks & TumbleMath</a></li> </ul> </div> </div> <!-- end row --> <div class="row"> <div class="col-lg-3 col-sm-6 py-4"> <a href="https://www.slcolibrary.org/learn/how-to"><img alt="How To... with the County Library" src="/file/598/HowTo_main.jpg" class="border img-fluid"></a> </div> <div class="col-lg-3 col-sm-6 py-4"> <a href="/creativebug"><img alt="Creativebug at the County Library" src="/file/598/Creativebug_webmain.jpg" class="border img-fluid"></a> </div> <div class="col-lg-3 col-sm-6 py-4"> <a href="/learn/how-to#howto-2"><img alt="Consumer Reports" src="/file/598/Consumer_webmain.jpg" class="border img-fluid"></a> </div> <div class="col-lg-3 col-sm-6 py-4"> <a href="/medigap"><img alt="Medigap" src="/file/598/Medigap_webmain.jpg" class="border img-fluid"></a> </div> </div> <!-- end row --> </div> </div> </div> </li> <!-- End Learn Tab --> <!-- What We Have Tab --> <li class="nav-item dropdown dropdown-mega position-static"> <a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#">What We Have</a> <div class="dropdown-menu w-100 shadow rounded-0"> <div class="mega-content px-4"> <div class="container-fluid"> <div class="row"> <div class="col-lg-3 col-sm-6 py-4"> <h3>Books</h3> <ul class="list-group list-group-flush"> <!-- books 82 --> <li class="list-group-item"><a href="/what-we-have/coming-soon">Coming Soon</a></li> <li class="list-group-item"><a href="/what-we-have/new-arrivals-fiction">New Fiction</a></li> <li class="list-group-item"><a href="/what-we-have/new-arrivals-nonfiction">New NonFiction</a></li> <li class="list-group-item"><a href="/what-we-have/new-arrivals-kids">New Kids</a></li> <li class="list-group-item"><a href="/what-we-have/new-arrivals-teen">New Teen</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>Movies & More</h3> <ul class="list-group list-group-flush"> <!-- movies and more 83 --> <li class="list-group-item"><a href="/what-we-have/movies">New Movies</a></li> <li class="list-group-item"><a href="/what-we-have/movies#kids-movies">New Kids' Movies</a></li> <li class="list-group-item"><a href="/what-we-have/music">New Music</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>Digital</h3> <ul class="list-group list-group-flush"> <!-- digital 84 --> <li class="list-group-item"><a href="/what-we-have/digital-library">Digital Library</a></li> <li class="list-group-item"><a href="/what-we-have/3d-printing-request">3D Printing</a></li> <li class="list-group-item"><a href="https://slco.eprintitsaas.com/public/upload">Print From Anywhere</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>At The Library</h3> <ul class="list-group list-group-flush"> <!-- at the library 85 --> <li class="list-group-item"><a href="/locations/book-a-room">Reserve a Room</a></li> <li class="list-group-item"><a href="/curbside">Curbside Holds</a></li> <li class="list-group-item"><a href="/what-we-have/library-of-things">Library of Things</a></li> <li class="list-group-item"><a href="/what-we-have/lucky-day">Lucky Day</a></li> <li class="list-group-item"><a href="/what-we-have/create">Create Space</a></li> </ul> </div> </div> <!-- end row --> <div class="row"> <div class="col-lg-3 col-sm-6 py-4"> <a href="https://www.slcolibrary.org/what-we-have/library-of-things#lotModal6"><img alt="The County Library's Nature Kits" src="/file/598/WinterNatureKits_webmain.jpg" class="border img-fluid"></a> </div> <div class="col-lg-3 col-sm-6 py-4"> <a href="/what-we-have/digital-library#flipster"><img alt="Digital Magazines through Flipster and the County Library" src="/file/598/DigMags_main1.jpg" class="border img-fluid"></a> </div> <div class="col-lg-3 col-sm-6 py-4"> <a href="https://www.slcolibrary.org/what-we-have/digital-library"><img alt="The County Library's Storytime to Go" src="/file/598/diglibrary3_webmain.jpg" class="border img-fluid"></a> </div> <div class="col-lg-3 col-sm-6 py-4"> <a href="https://www.slcolibrary.org/what-we-have/library-of-things#lotModal10"><img alt="The County Library's Storytime to Go" src="/file/598/StorytimetoGo_main.jpg" class="border img-fluid"></a> </div> </div> <!-- end row --> </div> </div> </div> </li> <!-- End What We Have Tab --> <!-- We Recommend Tab --> <li class="nav-item dropdown dropdown-mega position-static"> <a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#">We Recommend</a> <div class="dropdown-menu w-100 shadow rounded-0"> <div class="mega-content px-4"> <div class="container-fluid"> <div class="row"> <div class="col-lg-3 col-sm-6 py-4"> <h3>Booklists</h3> <ul class="list-group list-group-flush"> <!-- booklists 79--> <li class="list-group-item"><a href="/we-recommend/books-for-kids-ages">For Kids by Age/Grade</a></li> <li class="list-group-item"><a href="/we-recommend/books-for-kids-category">For Kids by Category</a></li> <li class="list-group-item"><a href="/we-recommend/books-for-teens">For Teens</a></li> <li class="list-group-item"><a href="/we-recommend/books-for-adults">For Adults</a></li> <li class="list-group-item"><a href="/we-recommend/books-awards">Awards</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>Book Fan</h3> <ul class="list-group list-group-flush"> <!-- book fan 80 --> <li class="list-group-item"><a href="/we-recommend/book-clubs">Book Clubs</a></li> <li class="list-group-item"><a href="/we-recommend/book-newsletters">Book Newsletters</a></li> <li class="list-group-item"><a href="/we-recommend/readers-choice">Reader's Choice</a></li> <li class="list-group-item"><a href="/we-recommend/podcast">Library Podcast</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 py-4"> <h3>Book Services</h3> <ul class="list-group list-group-flush"> <!-- book services 81 --> <li class="list-group-item"><a href="https://search.ebscohost.com/login.aspx?authtype=ip,geo,cpid&geocustid=s9214935&custid=s9214935&profile=novplus">Novelist <i class="bi bi-box-arrow-up-right"></i></a></li> <li class="list-group-item"><a href="https://search.ebscohost.com/login.aspx?authtype=ip,geo,cpid&geocustid=s9214935&custid=s9214935&profile=novpk8">Novelist for Kids <i class="bi bi-box-arrow-up-right"></i></a></li> <li class="list-group-item"><a href="/information/forms/librarian-by-appointment">Librarian by Appointment</a></li> </ul> </div> </div> <!-- end row --> <div class="row"> </div> <!-- end row --> </div> </div> </div> </li> <!-- End We REcommend --> </ul> </div> <!-- end #navbarContent --> </div> <!-- end container fluid--> </nav> </div> <!-- END SLCOLMainNav--> <script type="text/javascript"> //home catalog search script document.getElementById("searchHeaderTitle").addEventListener("change", pushEvent); //gtm push info for tags function pushEvent() { console.log("Header Searching for: " + this.value+ "!"); dataLayer.push({ formLocation: "Header Catalog Search", startedHeaderSearchData: "Start Header Search for: " + this.value, event: "Started Header Catalog Search"}); } </script> </header></div> <div class="dynamicDiv" id="dd.0.1"><style type="text/css"> .holiday-hours { border-bottom: 1px solid #A10437; background-color: #fbf7f4; background-image: url(https://www.slcolibrary.org/file/1430/bg-banner-holiday.jpg); background-position: center center; background-repeat: no-repeat; width: 100%; text-align: center; } .holiday-hours button { border: 0 !important; letter-spacing: 0.1rem; color: #A10437 !important; } .holiday-hours .dropdown-menu { border: 0; background: #A10437; box-shadow: #00000066 0px 6px 4px -4px; color: white; } .holiday-hours .dropdown-menu.show { animation: growOpacity 200ms ease-in-out; } .holiday-hours .dropdown-menu .dropdown-content { animation: growDown 200ms ease-in-out forwards; transform-origin: top center; } .holiday-hours .dropdown-menu ul { margin: 0 auto; max-width: fit-content; } .holiday-hours .dropdown-menu .list-group-item { background: none; color: white; border-color: #7b0028; } @keyframes growOpacity { 0% { opacity:0; } 100% { opacity:1; } } @keyframes growDown { 0% { transform: scaleY(0); } 100% { transform: scaleY(1); } } </style> <div class="holiday-hours"> <div class="dropdown-center"> <button aria-expanded="false" class="btn dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0,0" type="button">Holiday Hours</button> <div aria-labelledby="dropdownMenuLink" class="dropdown-menu p-2"> <div class="dropdown-content d-flex flex-column flex-sm-row justify-content-center"> <ul class="list-group list-group-flush mx-4 mb-4"> <li class="list-group-item">Nov 27, early close 6 pm</li> <li class="list-group-item">Nov 28, closed</li> <li class="list-group-item">Nov 29, closed</li> </ul> <ul class="list-group list-group-flush mx-4"> <li class="list-group-item">Dec 24, early close 2 pm</li> <li class="list-group-item">Dec 25, closed</li> <li class="list-group-item">Dec 31, early close 6 pm</li> <li class="list-group-item">Jan 1, closed</li> </ul> </div> </div> </div> </div></div> <!--site alert--> <div class="dynamicDiv" id="dd.0.2"></div> <!--page content--> <div class="container my-5"> <div class="dynamicDiv" id="dd.0.3"><style> .form-control::placeholder {opacity: 0.5} .form-control::-ms-input-placeholder {opacity: 0.5;} /* when not active use specificity to override the !important on border-(color) */ .nav-tabs .nav-link:not(.active) { border-color: transparent !important; } #home-search {margin: 4rem 0;} #home-search form {margin: 0;} #home-search input[type=search]{ background-color: #fefefe; box-shadow: 1px 1px 4px #f5f5f5 inset;} </style> <div id="home-search"> <ul class="nav nav-tabs border-0" id="homepage-nav-tabs" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link border-gray border border-bottom-0 rounded-top active" id="search-catalog-tab" data-bs-toggle="tab" data-bs-target="#home-search-catalog" type="button" role="tab" aria-controls="home-search-catalog" aria-selected="true" >Catalog </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link border-gray border border-bottom-0 rounded-top" id="search-website-tab" data-bs-toggle="tab" data-bs-target="#home-search-website" type="button" role="tab" aria-controls="search-website" aria-selected="false" tabindex="-1">Website </button> </li> </ul> <div class="tab-content" id="homepage-tab-content"> <div style="border-top-left-radius: 0 !important;" class="tab-pane rounded-2 show active" id="home-search-catalog" role="tabpanel" aria-labelledby="home-search-catalog-tab"> <form id="HomeSearchTitleCat" name=searchCatTitle target="_blank" method="get" action="https://catalog.slcolibrary.org/polaris/search/browse.aspx?type=Browse&by=TI&page=0&term="> <div class="input-group"> <label for="searchTitle" class="visually-hidden form-label">Search our catalog</label> <input style="border-bottom-left-radius: 6px !important;" id="searchTitle" class="form-control py-4" type="search" name="term" value="" placeholder="Search catalog"> <input type="hidden" class="d-none" type="search" name="type" value="Browse"> <input type="hidden" class="d-none" type="search" name="by" value="TI"> <input type="hidden" class="d-none" type="search" name="page" value="0"> <button type="hidden" class="btn btn-primary-light text-white border-0 rounded-end-2 p-4" type="submit"> <i class="bi bi-search"></i> <span class="d-none d-sm-inline">catalog</span></button> </div> </form> </div> <div class="tab-pane rounded-2" id="home-search-website" role="tabpanel" aria-labelledby="home-search-website-tab"> <form id="HomeWebsiteSearch" action="/search-results" name="searchLibrarySite" method="get"> <div class="input-group"> <label for="website-search-input" class="visually-hidden form-label">Search our website</label> <input class="form-control rounded-2 py-4" type="search" maxlength="256" name="q" placeholder="Search website" id="website-search-input"> <button class="btn btn-primary-light text-white rounded-end-2 border-0 p-4" type="submit"> <i class="bi bi-search"></i> <span class="d-none d-sm-inline">website</span></button> </div> </form> </div> </div> </div> <!-- get a card --> <div class="row d-none"> <div class="col-12 col-md-6 mx-auto mb-4"> <div class="row"> <div class="col-12 col-md-3"><img alt="Apply for a County Library Card" class="img-fluid" src="/core/fileparse.php/789/urlt/realCard.jpg" /></div> <div class="col-12 col-md-9"> <h4>Apply for a County Library Card</h4> <p>Enjoy everything the County Library has to offer with one of our two card types.</p> <a class="btn btn-outline-primary" href="https://catalog.slcolibrary.org/polaris/custom/agreeTerms.aspx?ctx=26.3082.0.0.1&_gl=1*1s6fwsy*_ga*MTAwODM1MTczOS4xNjYxODAwMzM3*_ga_74GPMGMJHP*MTcwMjMxMzkwMC4xNzEuMS4xNzAyMzI1MzI1LjAuMC4w" target="blank">Apply for a County Library Card</a> </div> </div> </div> </div> <!-- end get a card container --> <script type="text/javascript"> //home catalog search script document.getElementById("searchTitle").addEventListener("change", pushEvent); //gtm push info for tags function pushEvent() { console.log("Searching for: " + this.value+ "!"); dataLayer.push({ formLocation: "Homepage Catalog Search", startedHomeSearchData: "Start Search for: " + this.value, event: "Start Homepage Catalog Search"}); } </script></div> <div class="dynamicDiv" id="dd.0.4"><div class="container"> <div class="row my-6 g-6"> <div class="col-lg-6 col-md-12 col-sm-12"> <div class="dynamicDiv" id="dd.0.4.0"><div class="featured-events-container"> <div class="text-center"> <h2 class="display-6">Check This Out</h2> </div> <div id="checkThisOut" class="centerSlick"> <div class="d-flex align-items-stretch"> <div class="card"> <a href="/events/concerts"><img alt="First Friday Concerts at the County Library's Viridian Event Center." src="/file/226/First-Friday_FBNoBars.jpg" class="card-img-top border-bottom border-5" loading="lazy"></a> <div class="card-body d-flex flex-column"> <h2 class="card-title">First Friday Concerts</h2> <p class="card-text mb-4">Experience the energy of live music every first Friday of the month</p> <a href="/events/concerts" class="btn btn-outline-primary-light mt-auto align-self-start">Learn More</a> </div> </div> </div> <div class="d-flex align-items-stretch"> <div class="card"> <a href="/events/giving-month"><img alt="Teen Halloween at the County Library" src="/file/226/Give_M_Web_main.jpg" class="card-img-top border-bottom border-5" loading="lazy"></a> <div class="card-body d-flex flex-column"> <h2 class="card-title">Giving Month</h2> <p class="card-text mb-4">Discover creative possibilities for giving personalized, meaningful gifts</p> <a href="/events/giving-month" class="btn btn-outline-primary-light mt-auto align-self-start">Learn More</a> </div> </div> </div> <div class="d-flex align-items-stretch"> <div class="card"> <a href="https://www.thecountylibrary.org/LinkedIn-Learning"><img alt="LinkedIn Learning" src="/file/226/LinkedinLearning_Web-Main.jpg" class="card-img-top border-bottom border-5" loading="lazy"></a> <div class="card-body d-flex flex-column"> <h2 class="card-title">LinkedIn Learning</h2> <p class="card-text mb-4">Dream Bigger! Start Doing.</p> <a href="https://www.thecountylibrary.org/LinkedIn-Learning" class="btn btn-outline-primary-light mt-auto align-self-start">Learn More</a> </div> </div> </div> <div class="d-flex align-items-stretch"> <div class="card"> <a href="/events/lecture-series"><img alt="Adult Lecture Series at the County Library" src="/file/226/adult_lecture_web_main.jpg" class="card-img-top border-bottom border-5" loading="lazy"></a> <div class="card-body d-flex flex-column"> <h2 class="card-title">Adult Lecture Series</h2> <p class="card-text mb-4">Informative lectures from experts on a wide range of topics</p> <a href="/events/lecture-series" class="btn btn-outline-primary-light mt-auto align-self-start">Learn More</a> </div> </div> </div> </div> </div></div> </div> <div class="col-lg-6 col-md-12 col-sm-12"> <div class="dynamicDiv" id="dd.0.4.1"><div id="communico"> <div class="text-center"> <h2 class="display-6">Upcoming Events</h2> </div> <iframe id="communicoDailyEvents" src="https://slcls.libnet.info/widget?id=19948&style=1453" data-widgetid="19948" data-client="slcls" scrolling="no" style="overflow: hidden;" width="100%" height="auto" marginheight="0" frameborder="0" class="widgetframepreview" onload="resizeIframe(this)"></iframe> </div></div> </div> </div> </div></div> <div class="dynamicDiv" id="dd.0.5"><div> <!-- deal with this for real later mike --> <p> </p> </div> <div id="SLCOLHomeRecommendations"> <div class="text-center"> <h2 class="display-5"><!--span>Summer</span--> Recommendations</h2> </div> <ul class="nav nav-tabs justify-content-center" id="Homepage-Recommendations" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="for-adults-tab" data-bs-toggle="tab" data-bs-target="#for-adults" type="button" role="tab" aria-controls="for-adults" aria-selected="true">For Adults</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="for-kids-tab" data-bs-toggle="tab" data-bs-target="#for-kids" type="button" role="tab" aria-controls="for-kids" aria-selected="false">For Kids</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="for-teens-tab" data-bs-toggle="tab" data-bs-target="#for-teens" type="button" role="tab" aria-controls="for-teens" aria-selected="false">For Teens</button> </li> </ul> <div class="tab-content p-4 p-lg-5 bg-white" id="Homepage-Recommendations-Content"> <div class="tab-pane fade show active" id="for-adults" role="tabpanel" aria-labelledby="for-adults-tab"> <div class="row row-cols-2 row-cols-md-4 g-4"> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=code%20dependent%20murgia&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=10" title="Code Dependent"> <img alt="Code Dependent: Living in the Shadow of AI by Madhumita Murgia" src="/file/250/1124AdultCodeDependent.jpg" class="img-fluid"> </a> </div> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=Running%20Close%20to%20the%20wind%20rowland&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=13" title="Running Close to the Wind"> <img alt="Running Close to the Wind by Alexandra Rowland" src="/file/250/1124AdultRunningClosetotheWind.jpg" class="img-fluid"> </a> </div> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=art%20of%20catching%20feelings%20thompson&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=8" title="The Art of Catching Feelings"> <img alt="The Art of Catching Feelings by Alicia Thompson" src="/file/250/1124AdultArtofCatchingFeelings.jpg" class="img-fluid"> </a> </div> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=The%20Wealth%20of%20Shadows%20moore&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=17" title="The Wealth of Shadows"> <img alt="The Wealth of Shadows by Graham Moore" src="/file/250/1124AdultWealthofShadows.jpg" class="img-fluid"> </a> </div> </div><!--end image row--> <p> </p> <p class="text-center"><a href="/we-recommend/books-for-adults" class="btn btn-outline-primary-light">More like this</a></p> </div> <div class="tab-pane fade" id="for-kids" role="tabpanel" aria-labelledby="for-kids-tab"> <div class="row row-cols-2 row-cols-md-4 g-4"> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=a%20is%20for%20alien%20gould%20chou&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=20" title="A Is for Alien"> <img alt="A Is for Alien: An ABC Book by Charles Gould" src="/file/250/1124KidAIsforAlien.jpg" class="img-fluid"> </a> </div> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=Dalmartian&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=21" title="Dalmartian"> <img alt="Dalmartian: A Mars Rover Story by Lucy Ruth Cummins" src="/file/250/1124KidDalmartian.jpg" class="img-fluid"> </a> </div> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=superteacher%20project&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=22" title="The Superteacher Project"> <img alt="The Superteacher Project by Gordon Korman" src="/file/250/1124KidSuperTeacherProject.jpg" class="img-fluid"> </a> </div> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=what%20happened%20to%20you%20catchpole&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=24" title="What Happened to You?"> <img alt="What Happened to You? by James Catchpole" src="/file/250/1124KidWhatHappenedtoYou.jpg" class="img-fluid"> </a> </div> </div><!--end image row--> <p> </p> <p class="text-center"><a href="/we-recommend/books-for-kids-category" class="btn btn-outline-primary-light">More like this</a></p> </div> <div class="tab-pane fade" id="for-teens" role="tabpanel" aria-labelledby="for-teens-tab"> <div class="row row-cols-2 row-cols-md-4 g-4"> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=brownstone%20teer&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=26" title="Brownstone"> <img alt="Brownstone by Samuel Teer" src="/file/250/1124TeenBrownstone.jpg" class="img-fluid"> </a> </div> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=How%20It%20Feels%20to%20Float%20fox&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=30" title="How It Feels to Float"> <img alt="How It Feels to Float by Helena Fox" src="/file/250/1124TeenHowItFeelstoFloat.jpg" class="img-fluid"> </a> </div> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=Huda%20F%20Are%20You?&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=31" title="Huda F Are You?"> <img alt="Huda F Are You? by Huda Fahmy" src="/file/250/1124TeenHudaFAreYou.jpg" class="img-fluid"> </a> </div> <div class=""> <a href="https://catalog.slcolibrary.org/polaris/search/searchresults.aspx?ctx=1.1033.0.0.1&type=Keyword&term=The%20Cursed%20Rose%20vedder&by=KW&sort=RELEVANCE&limit=TOM=*&query=&page=0&searchid=28" title="The Cursed Rose"> <img alt="The Cursed Rose by Leslie Vedder" src="/file/250/1124TeenCursedRose.jpg" class="img-fluid"> </a> </div> </div><!--end image row--> <p> </p> <p class="text-center"><a href="/we-recommend/books-for-teens" class="btn btn-outline-primary-light">More like this</a></p> </div> </div> </div></div> </div> <!--footer --> <div class="dynamicDiv" id="dd.0.6"><style>.tab_overlay{display:none!important;}</style> <div id="libchat_e5b244364a038a28b85b0953bba7020a"> </div> <!--script src="https://slcolibrary.libanswers.com/load_chat.php?hash=e5b244364a038a28b85b0953bba7020a"></script--> <script type="module" src="https://slcolibrary.libanswers.com/widgets/combo/27200283-aa88-11ee-97ab-0a92197fae5f"></script></div> <div class="dynamicDiv" id="dd.0.7"><!--footer--> <footer class="footer" id="footer"> <div class="container p-4 p-lg-5"> <div class="row g-4 gx-lg-6"> <div class="col-12 col-sm-4 col-lg-2"> <a aria-label="The County Library Home page" data-newwindow="false" data-showtoolbar="no" href="/index"> <img class="mx-auto d-block img-fluid" alt="SL Salt Lake County Library logo" src="/core/fileparse.php/246/urlt/SiteLogoWhite.png"> </a> <div class="mt-2 d-flex justify-content-center align-items-center"> <a class="p-1" href="https://www.facebook.com/TheCountyLibrary/"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16"> <title>Facebook logo</title> <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/> </svg> </a> <a class="p-1" href="https://twitter.com/_CountyLibrary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16"> <title>X logo</title> <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/> </svg> </a> <a class="p-1" href="https://www.instagram.com/thecountylibrary/"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16"> <title>Instagram logo</title> <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/> </svg> </a> </div> </div> <div class="col-12 col-sm-8 col-lg-4 order-lg-last"> <div class="footer-contact"> <h4>Customer Service</h4> <p class="lead"><i alt="" class="bi bi-telephone-fill"></i> 801.943.4636</p> <h4>Library Hours</h4> <p class="mb-0">Monday–Thursday, 10 am–9 pm</p> <p class="mb-0">Friday & Saturday, 10 am–6 pm</p> <p>Sunday–closed</p> </div> </div> <div class="col-12 col-sm-4 col-lg-2"> <ul class="list-unstyled"> <li><a href="/information/faqs" title="Frequently Asked Questions">FAQs</a></li> <li><a href="/locations" title="Locations">Locations</a></li> <li><a href="/information" title="Library Information">Info & Contact</a></li> <li><a href="/policies" title="Policies and Guidelines">Policies & Guidelines</a></li> </ul> </div> <div class="col-12 col-sm-4 col-lg-2"> <ul class="list-unstyled"> <li><a href="/policies#internetPolicy" title="Internet Use and Privacy">Internet & Privacy</a></li> <li><a href="/information#libraryHistory" title="Library History">History</a></li> <li><a href="/policies/annual-reports" title="Annual Reports">Annual Reports</a></li> <li><a href="/information/library-employment" title="Library Employment">Employment</a></li> <li><a href="https://www.surveymonkey.com/r/QWBQBTP" title="In-Branch experience survey">Survey <i class="bi bi-box-arrow-up-right"></i></a></li> </ul> </div> <div class="col-12 col-sm-4 col-lg-2"> <ul class="list-unstyled"> <li><a href="/information/volunteer-opportunities" title="Volunteer Opportunities">Volunteer</a></li> <li><a href="/locations/viridian" title="Viridian Event Center">Viridian Event Center</a></li> <li><a target="_blank" href="https://www.slco.org" class="text-nowrap" title="Welcome to Salt Lake County">Salt Lake <wbr>County <i class="bi bi-box-arrow-up-right"></i></a></li> </ul> </div> </div> </div> </footer> </div> </div> <!-- Monsido script start --> <script type="text/javascript"> window._monsido = window._monsido || { token: "ELXOAAg166JLWSI95ASQLQ", statistics: { enabled: true, cookieLessTracking: true, documentTracking: { enabled: true, documentCls: "monsido_download", documentIgnoreCls: "monsido_ignore_download", documentExt: [], }, }, heatmap: { enabled: true, }, pageCorrect: { enabled: true, }, pageAssistV2: { enabled: true, theme: "light", mainColor: "#00A8D5", textColor: "#ffffff", linkColor: "#00A8D5", buttonHoverColor: "#00A8D5", mainDarkColor: "#052942", textDarkColor: "#ffffff", linkColorDark: "#FFCF4B", buttonHoverDarkColor: "#FFCF4B", greeting: "Discover your personalization options", direction: "leftbottom", coordinates: "undefined undefined 55px 5px", iconShape: "circle", title: "Personalization Options", titleText: "Welcome to PageAssist™ toolbar! Adjust the options below to cater the website to your accessibility needs.", iconPictureUrl: "logo", logoPictureUrl: "", logoPictureBase64: "", languages: [""], defaultLanguage: "", skipTo: false, alwaysOnTop: false, }, }; </script> <script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script> <!-- Monsido script end --> </div> </body> </html>