Unite for Literacy

<!DOCTYPE html>  <html lang="en-US" translate="no"> <head id="Head">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-PGF3ZZMQLJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PGF3ZZMQLJ'); </script> <title>Unite for Literacy</title> <link rel="dns-prefetch" href="//reader-cloud.uniteforliteracy.com"> <link rel="dns-prefetch" href="//files-cloud.uniteforliteracy.com"> <link rel="dns-prefetch" href="//static-cloud.uniteforliteracy.com"> <link rel="dns-prefetch" href="//books-cloud.uniteforliteracy.com"> <link rel="dns-prefetch" href="//prod-cloud.uniteforliteracy.com"> <link rel="preload" href="//prod-cloud.uniteforliteracy.com/eng/javascripts/combined_library_vvv_51397202t3.js" as="script" > <link rel="preload" href="//prod-cloud.uniteforliteracy.com/fonts/font-awesome-4.3.0/fontawesome-webfont.woff2?v=4.3.01" as="font" type="font/woff2" crossorigin> <link rel="preload" href="//prod-cloud.uniteforliteracy.com/images/wood.jpg?v=51397202t3" as="image" type="image/jpeg" > <link rel="preload" href="//prod-cloud.uniteforliteracy.com/images/loading480.gif?v=51397202t3" as="image" type="image/gif" > <link rel="preload" href="//prod-cloud.uniteforliteracy.com/images/uflsprite.png?v=51397202t3" as="image" type="image/png" > <link rel="preload" href="//prod-cloud.uniteforliteracy.com/images/morepages-13.png?v=51397202t3" as="image" type="image/png" > <link rel="preload" href="//reader-cloud.uniteforliteracy.com/lib/r7/libInfoCombo.json?v=stg5128007202" as="fetch" crossorigin> <link rel="preload" href="//static-cloud.uniteforliteracy.com/localize/production/languages.json?v=stg51397202t3" as="fetch" crossorigin> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">        <link href="//prod-cloud.uniteforliteracy.com/stylesheets/combined_reader_vvv_51397202t3.css" rel="stylesheet">    <meta name="description" content="Unite for Literacy provides free digital access to picture books, narrated in many languages. Literacy is at the core of a healthy community, so we unite with partners to enable all families to read with their young children."> <meta name="author" content="Unite for Literacy"> <meta name="keywords" content="book, books, picture book, picture books, library, read, reading, free, literacy, language, languages, narration, narrations, narrated"> <meta name="resource-type" content="document"> <meta name="revisit-after" content="7 days"> <meta name="rating" content="safe for kids"> <meta property="og:title" content="Unite for Literacy library"/> <meta property="og:site_name" content="Unite for Literacy"/> <meta property="og:url" content="http://www.uniteforliteracy.com"/> <meta property="og:description" content="Unite for Literacy provides free digital access to picture books, narrated in many languages. Literacy is at the core of a healthy community, so we unite with partners to enable all families to read with their young children."/> <meta property="og:image" content="http://static.uniteforliteracy.com/img/homeimage.jpg?v=51397202t3" /> <meta property="fb:app_id" content="550922321638589"/> <link rel='shortcut icon' href='//prod-cloud.uniteforliteracy.com/images/Unite_Icon_64.ico?v=51397202t3' type='image/x-icon' /> <link rel="apple-touch-icon" sizes="57x57" href="//static-cloud.uniteforliteracy.com/img/apple/unite-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="//static-cloud.uniteforliteracy.com/img/apple/unite-72x72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="//static-cloud.uniteforliteracy.com/img/apple/unite-114x114.png" /> <link rel="apple-touch-icon" sizes="144x144" href="//static-cloud.uniteforliteracy.com/img/apple/unite-144x144.png" />  <noscript> <meta http-equiv="refresh" content="1; URL=/corp/nojs" /> </noscript>  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0"> <meta name="theme-color" content="#00aed8"> <meta name="apple-mobile-web-app-capable" content="yes"> <style> /* Define CSS variables to access safe area inset values */ body { --safe-area-top: env(safe-area-inset-top, 0px); --safe-area-right: env(safe-area-inset-right, 0px); --safe-area-bottom: env(safe-area-inset-bottom, 0px); --safe-area-left: env(safe-area-inset-left, 0px); } </style> </head> <body class="wood-background" id="Body"> <div class="innerBody uflMenuNoScroll" style="visibility: hidden; margin-left: env(safe-area-inset-left); margin-right: env(safe-area-inset-right);"> <div class="uflWholePageReader uflFooterResize" > <div id="uflMainWrapper">  <style> .alert-ufl-new { background-color: #28ccf3; color: #003b69; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0px; text-align: center; border-radius: 0px; border: 1px #0fa1c4; border-style: none none solid none; } .alert-ufl-new > a { color: white; font-size: 14px; text-decoration: underline !important; font-weight: 400; font-family: Arial, Helvetica, sans-serif; } .alert-ufl-new > a:visited { color: white; font-size: 14px; text-decoration: underline !important; font-weight: 400; font-family: Arial, Helvetica, sans-serif; } .alert-ufl-new .alert-ufl-new-close { text-decoration: none !important; color: #003b69; line-height: unset; font-size: 18px; position: absolute; top: 0px; right: 0px; padding: .4rem 1rem; } .alert-ufl-new .alert-ufl-new-close:visited { color: #003b69; } @media ( min-width: 380px ) { .alert-ufl-new > a { font-size: 15px; } .alert-ufl-new > a:visited { font-size: 15px; } } </style> <div class="alert alert-ufl-new alert-dismissible english-only hide"> <a href="#" class="close alert-ufl-new-close" data-dismiss="alert" aria-label="close" title="close">脳</a> <a href="https://www.unitebooks.com">Learn About Our Solutions for Libraries, Schools and Nonprofits</a>  </div>  <style> .ufl-share-btn:after { content:"Copied"; transition: all 0.5s; position: absolute; left:0px; bottom:-15px; opacity: 0; pointer-events: none; color: yellow; font-size:12px; } .ufl-share-btn.copied:after { opacity: 1; } .navbar-tab-background { position:absolute; background-color: white; width: 100%; height: 48px; z-index:-20; } .navbar-tab-div-left { position:absolute; background-color: #cccccc; width: 100px; height: 48px; border-radius: 0 20px 0 0; border-width: 0; z-index: -2; } .navbar-tab-div-right { position:absolute; background-color: #cccccc; left:95px; width: calc(100% - 95px); height: 48px; border-radius: 20px 0 0 0; border-width: 0; z-index: -2; } .navbar-tab-div-left.navbar-tab-selected { box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6), 2px 6px 20px 0 rgba(0, 0, 0, 0.19); } .navbar-tab-div-right.navbar-tab-selected { box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, 0.6), 2px 6px 20px 0 rgba(0, 0, 0, 0.19); } .navbar-tab-selected { background-color: #00aed8; z-index: -1; } .navbar-tab-div { position:absolute; /* background-color: #cccccc; */ background-color: #00aed8; height: 48px; border-radius: 20px 20px 0 0; border-width: 0; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6), 2px 6px 20px 0 rgba(0, 0, 0, 0.19), -2px 2px 8px 0 rgba(0, 0, 0, 0.6), -2px 6px 20px 0 rgba(0, 0, 0, 0.19); clip-path: inset(-100px -100px 0px -100px); /* box-shadow: 2px 0px 0px 0 rgba(0, 0, 0, 0.6), 2px 0px 0px 0 rgba(0, 0, 0, 0.19); */ cursor:pointer; } .navbar-tab-div-background { position:absolute; background-color: #cccccc; width: 100%; height: 48px; z-index:-20; } .navbar-tab-div.navbar-tab-selected { /* background-color: #00aed8; */ background-color: #003B69; z-index: -1; } .ZZnavbar-tab-div.navbar-tab-selected:before { content: ''; position: absolute; border-width: 0; top: -10px; /* Control how far the shadow extends upwards */ left: -10px; /* Control the shadow extension to the left */ right: -10px; /* Control the shadow extension to the right */ bottom: 0; /* No shadow below the element */ background-color: transparent; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6), /* Top shdow */ 2px 6px 20px 0 rgba(0, 0, 0, 0.19), /* Left shadow */ -2px 2px 8px 0 rgba(0, 0, 0, 0.6); /* Right sahdow */ /* 2px 6px 20px 0 rgba(0, 0, 0, 0.19); */ z-index: -2; /* Place the pseudo-element behind the content */ } .navbar-tab-div .h3 { margin-left: 20px; margin-top: 10px; } .navbar-tab-div.navbar-tab-leftmost { border-radius: 0 20px 0 0; /* box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6), 2px 6px 20px 0 rgba(0, 0, 0, 0.19); */ box-shadow: 2px 0px 8px 0 rgba(0, 0, 0, 0.6), 2px 0px 20px 0 rgba(0, 0, 0, 0.19); } .navbar-tab-div.navbar-tab-rightmost { border-radius: 20px 0 0 0; width: calc(100% - 545px); box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, 0.6), 2px 6px 20px 0 rgba(0, 0, 0, 0.19); } .navbar-tab-0 { left: 0px; width: 120px; z-index: -2; } .navbar-tab-1 { left: 115px; width: 140px; z-index: -3; } .navbar-tab-2 { left: 255px; width: 170px; z-index: -4; } .navbar-tab-3 { left: 425px; width: 130px; z-index: -5; } .navbar-tab-4 { left: 545px; width: 150px; z-index: -6; } .h3.ufl-custom-hdr-short { font-size: 20px; margin-top: 3px; } .h3.ufl-custom-hdr-short.ufl-custom-hdr-long { font-size: 14px; margin-top: 8px; } #uflIconReaderNav { width: 55px; margin-left: 6px; } </style> <nav class="navbar navbar-default navbar-static-top f100-navbar hide"> <div class="navbar-f100-tabs"> <div class="navbar-tab-div-background"></div> <div data-tab-url="/first100/home" class="navbar-tab-div navbar-tab-0 ZZnavbar-tab-leftmost navbar-tab-selected"> <h1 class="h3 ufl-white-text">Main</h1>  </div> <div data-tab-url="/fohnav/dgr" class="navbar-tab-div navbar-tab-1"> <h1 class="h3 ufl-white-text">Navajo</h1> </div> <div data-tab-url="/fohche/tgr" class="navbar-tab-div navbar-tab-2"> <h1 class="h3 ufl-white-text">Cherokee</h1> </div> <div data-tab-url="/fohoji/ogr" class="navbar-tab-div navbar-tab-3"> <h1 class="h3 ufl-white-text">Ojibwe</h1> </div>  </div> </nav> <nav class="navbar navbar-default navbar-static-top std-icon-navbar"> <div class="navbar-tabs hide"> <div class="navbar-tab-background"></div> <div class="navbar-tab-div-left navbar-tab-selected"></div> <div class="navbar-tab-div-right"></div>  </div> <div class="container-fluid navbar-normal-top hide">  <div class="navbar-header navbar-right"> <div class="btn-group share-btn-dropdown hide"> <button type="button" class="ufl-share-btn btn btn-info navbar-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-share-alt"></i> </button>  <ul class="dropdown-menu"> <li><a id="uflLinkSocialFB" href="#"><i class="fa fa-facebook-official" aria-hidden="true"></i> Facebook</a></li> <li><a id="uflLinkSocialTW" href="#"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a></li> <li><a id="uflLinkSocialPN" href="#"><i class="fa fa-pinterest" aria-hidden="true"></i> Pinterest</a></li> <li><a id="uflLinkSocialEM" href="#"><i class="fa fa-envelope" aria-hidden="true"></i> Email</a></li> <li><a id="uflLinkSocialLink" href="#"><i class="fa fa-link" aria-hidden="true"></i> Copy Link</a></li> </ul> <button type="button" class="ufl-about-btn btn btn-info navbar-btn hide" aria-expanded="false"> <i class="fa fa-book"></i> </button> </div> </div> <div class="navbar-header"> <a id="uflIconReaderNav" class="navbar-brand uflbrandpad ufl-mrg-top-2 uflHeaderIcon" aria-label="Go to Unite for Literacy homepage" href="/"> <div style="width:100%; height:100%">   <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 496.5 394.2" style="enable-background:new 0 0 496.5 394.2;display: block; height: 100%; width: 100%;" xml:space="preserve"> <style type="text/css"> .st0-svg{fill:#FFFFFF;} </style> <path class="st0-svg" d="M8.5,357.4v-317c0,0,218.5-70.5,257.1,44.8c0,0,101-85.8,222.9-76.1v315.5c0,0-195.5-3.1-247.7,58.5 C240.8,383.1,106.8,323.2,8.5,357.4 M96.9,203.9c0,12.1,1.2,20.7,3.5,25.8c2.4,5.1,6.3,9.3,11.7,12.7c5.5,3.4,11.9,5.1,19.2,5.1 c5.6,0,10.5-0.9,14.8-2.7c4.2-1.8,8-4.5,11.2-8.2c3.3-3.7,5.4-7.5,6.6-11.5c1.2-4,1.7-11.1,1.7-21.3v-60.6h-19.4v63.3 c0,6.8-0.5,11.4-1.4,13.8c-0.9,2.4-2.6,4.4-5.1,6c-2.5,1.6-5.4,2.4-8.8,2.4c-3.2,0-6-0.7-8.3-2.1c-2.3-1.4-3.9-3.3-4.9-5.6 c-1-2.3-1.5-6.3-1.5-12v-65.7H96.9V203.9z M176.3,246.1h18.9v-30.2c0-7.8,0.3-12.9,0.8-15.3c1-4.5,3-8,5.7-10.6 c2.7-2.6,6-3.8,9.8-3.8c2.9,0,5.4,0.8,7.4,2.3c2,1.5,3.4,3.8,4.2,6.7c0.8,2.9,1.2,8.9,1.2,17.9v32.9H243v-49.7 c0-8.7-2.2-15.2-6.6-19.6c-5.2-5.2-11.5-7.8-19-7.8c-3.6,0-7.2,0.7-10.7,2.1c-3.5,1.4-7.3,3.9-11.6,7.5v-7.7h-18.9V246.1z M262.5,140c-3.3,0-6.1,1.2-8.5,3.5c-2.3,2.4-3.5,5.2-3.5,8.5c0,3.4,1.2,6.4,3.5,8.8c2.4,2.4,5.2,3.6,8.6,3.6c3.3,0,6.1-1.2,8.4-3.6 c2.3-2.4,3.5-5.2,3.5-8.6c0-3.4-1.2-6.3-3.5-8.7C268.6,141.2,265.8,140,262.5,140 M253,246.1h18.9v-75.2H253V246.1z M291.5,170.9 h-9.7v16.2h9.7v58.9h18.9v-58.9h11.2v-16.2h-11.2v-27.7h-18.9V170.9z M402.7,210.4c0-12.4-3.7-22.4-11.1-30 c-7.4-7.6-17-11.4-28.9-11.4c-11.1,0-20.4,3.8-27.8,11.4c-7.4,7.6-11.1,17.1-11.1,28.6c0,11.2,3.7,20.5,11.1,27.9 c7.4,7.4,17,11.2,28.8,11.2c7.6,0,14.2-1.3,19.7-4c5.5-2.7,10.3-6.9,14.2-12.5l-15.9-7.5c-5.1,4.9-11.1,7.4-18.2,7.4 c-5.9,0-10.7-1.6-14.5-4.7c-3.8-3.2-6.1-7.4-7-12.8h60.6L402.7,210.4z M342.8,199.1c2.1-4.6,4.4-7.9,6.9-9.7c4-2.9,8.6-4.4,13.9-4.4 c4.8,0,9.1,1.3,12.8,3.9c3.6,2.6,6.1,6,7.4,10.2H342.8z"></path> </svg> </div> </a> </div> <div class="navbar-header ufl-header-logo-text hide">  <h1 class="h3 ufl-no-margin ufl-white-text ufl-custom-hdr hidden-xs"></h1> <h1 class="h3 ufl-no-margin ufl-white-text ufl-custom-hdr-short hidden-sm hidden-md hidden-lg"></h1> </div> </div> </nav> <style> @media screen and ( min-width: 747px ) { .uflMenuShareScroll { display: none; } .uflMenuShareStandalone .uflMenuShareShortName { display: none; } } @media screen and ( max-width: 747px ) { #uflMenuShare2 { display: none; } .uflMenuShareStandalone .uflMenuShareLongName { display: none; } } @media screen and ( max-width: 385px ) { #uflMenuShare3 { display: none; } } .share-svg-div { width: 25px; height: 36px; position: absolute; top: 8px; left: 4px; } #uflMenuShare { padding-left: 35px; } #uflMenuShare3 { top: 6px; } .uflMenuShareStandalone { padding-left: 35px; position: absolute; right: 20px; top: 7px; height: 44px; } .uflMenuShareStandalone p { position: relative; top: 12px; height: 19px; line-height: 20px; font-size: 16px; font-weight: bold; } .uflMenuShareClass:after { content:"Copied"; transition: all 0.5s; position: absolute; left:22px; bottom:0px; opacity: 0; pointer-events: none; color: yellow; font-size:12px; } .uflMenuShareClass.copied:after { opacity: 1; } </style> <nav id="uflReaderNav" class="navbar navbar-default navbar-static-top hide"> <div class="container-fluid"> <div class="row"> <div class="uflNavCarouselWrapper"> <div id="navbar-touchcarousel" class="touchcarousel ufl-skin tc-navbar hide"> <ul id="navBarContainer" class="touchcarousel-container"> <li id="uflMenuWritten" class="touchcarousel-item"> <div class="uflWrittenIcon" data-toggle="tooltip" data-placement="bottom" title="Written languages"></div> <p class="uflLabelMenuWritten"></p> </li> <li id="uflMenuNarration" class="touchcarousel-item"> <div class="uflNarrationIcon" data-toggle="tooltip" data-placement="bottom" title="Narration languages"> <div style="width: 36px;height: 36px;position: absolute;top: 4px;left: 4px;"> <svg aria-hidden="true" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="display: block; height: 100%; width: 100%; fill: currentcolor;"> <path d="M1.24 11.251h3.307c.323 1.698.898 3.14 1.656 4.032a7.515 7.515 0 0 1-4.964-4.032zm13.52 0a7.516 7.516 0 0 1-4.962 4.032c.757-.892 1.332-2.334 1.655-4.033zm-4.849 0C9.473 13.298 8.685 14.75 8 14.75s-1.473-1.452-1.911-3.5zm.242-5.001a15.91 15.91 0 0 1 0 3.501H5.847a15.91 15.91 0 0 1 0-3.501zm5.142 0a7.52 7.52 0 0 1 0 3.5h-3.629a18.251 18.251 0 0 0 0-3.5zm-14.59 0h3.628a18.252 18.252 0 0 0 0 3.5H.706a7.52 7.52 0 0 1 0-3.5zM9.798.717A7.516 7.516 0 0 1 14.76 4.75h-3.307c-.308-1.612-.841-2.993-1.542-3.892zm-3.596 0c-.757.893-1.332 2.334-1.656 4.034L1.24 4.75A7.517 7.517 0 0 1 6.119.738zM8 1.25c.685 0 1.473 1.452 1.911 3.5H6.09c.437-2.048 1.225-3.5 1.91-3.5z"></path> </svg> </div> </div> <p class="uflLabelMenuNarration"></p> </li> <li id="uflMenuSearch" class="touchcarousel-item hide no-ukr-lang"> <div class="uflSearchIcon"></div> <p>Search</p> </li> <li id="uflMenuCategory" class="touchcarousel-item hide"> <div class="uflCategoryIcon"></div> <p>Categories</p> </li> <li id="uflMenuShare" class="touchcarousel-item ufl-white-text-lb-hover uflMenuShareClass uflMenuShareScroll" data-toggle="dropdown"> <div class="share-svg-div" > <svg id="b2588268-e62e-47ad-94b4-79cbc2650fbc" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" style="display: block; height: 100%; width: 100%; fill: currentcolor;" viewBox="0 0 320 299"> <path d="M37.86,294.32s-73.11-124.9,3-201c28-28,61.09-26.41,84-27,29.71-.77,83-1,83-1v-61l107,107-107,106.5v-60.5l-80.39.85a87.6,87.6,0,0,0-57.24,21.65C49.36,198.32,30.36,232.32,37.86,294.32Z" /> </svg> </div> <p>Share</p> </li> </ul> </div> </div> <div id="uflMenuShare2" class="ufl-white-text-lb-hover uflMenuShareClass uflMenuShareStandalone" data-toggle="dropdown"> <div class="share-svg-div" > <svg id="b2588268-e62e-47ad-94b4-79cbc2650fbc" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" style="display: block; height: 100%; width: 100%; fill: currentcolor;" viewBox="0 0 320 299"> <path d="M37.86,294.32s-73.11-124.9,3-201c28-28,61.09-26.41,84-27,29.71-.77,83-1,83-1v-61l107,107-107,106.5v-60.5l-80.39.85a87.6,87.6,0,0,0-57.24,21.65C49.36,198.32,30.36,232.32,37.86,294.32Z" /> </svg> </div> <p>Share</p> </div> <ul id="shareDropDown" class="dropdown-menu" style="right:0;top:40px;left:initial"> <li><a class="uflLinkSocialFB" href="#"><i class="fa fa-facebook-official" aria-hidden="true"></i> Facebook</a></li> <li><a class="uflLinkSocialTW" href="#"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a></li> <li><a class="uflLinkSocialPN" href="#"><i class="fa fa-pinterest" aria-hidden="true"></i> Pinterest</a></li> <li><a class="uflLinkSocialEM" href="#"><i class="fa fa-envelope" aria-hidden="true"></i> Email</a></li> <li><a class="uflLinkSocialLink" href="#"><i class="fa fa-link" aria-hidden="true"></i> Copy Link</a></li> </ul> </div> <textarea id="uflLinkCopyText" class="hide" style="opacity:0; position:relative; left:0; top:0; pointer-events:none; width:0px;"></textarea> </div> </nav> <nav id="uflBookReaderNav" class="navbar navbar-default navbar-static-top hide"> <div class="container-fluid container-fluid-ufl-no-right-pad"> <div class="navbar-header nav-right-border"> <div id="uflMenuNarrationBook" tabindex="0" aria-label="Select Secondary Narration Language" role="button" class="uflMenuStdIcons ufl-white-text-lb-hover"> <div class="uflHeaderIcon uflNarrationIcon" data-toggle="tooltip" data-placement="bottom" title="Narration languages"> <div style="width: 36px;height: 36px;position: absolute;top: 4px;left: 4px;"> <svg aria-hidden="true" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="display: block; height: 100%; width: 100%; fill: currentcolor;"> <path d="M1.24 11.251h3.307c.323 1.698.898 3.14 1.656 4.032a7.515 7.515 0 0 1-4.964-4.032zm13.52 0a7.516 7.516 0 0 1-4.962 4.032c.757-.892 1.332-2.334 1.655-4.033zm-4.849 0C9.473 13.298 8.685 14.75 8 14.75s-1.473-1.452-1.911-3.5zm.242-5.001a15.91 15.91 0 0 1 0 3.501H5.847a15.91 15.91 0 0 1 0-3.501zm5.142 0a7.52 7.52 0 0 1 0 3.5h-3.629a18.251 18.251 0 0 0 0-3.5zm-14.59 0h3.628a18.252 18.252 0 0 0 0 3.5H.706a7.52 7.52 0 0 1 0-3.5zM9.798.717A7.516 7.516 0 0 1 14.76 4.75h-3.307c-.308-1.612-.841-2.993-1.542-3.892zm-3.596 0c-.757.893-1.332 2.334-1.656 4.034L1.24 4.75A7.517 7.517 0 0 1 6.119.738zM8 1.25c.685 0 1.473 1.452 1.911 3.5H6.09c.437-2.048 1.225-3.5 1.91-3.5z"></path> </svg> </div> </div> <div class="uflLabelMenuNarration uflLabelMenu"></div> </div> </div> <div class="navbar-header"> <a id="uflLibraryReturnArrow" aria-label="Return to Library" class="ReturnArrowLink urlReturnArrow embedLinkOK ufl-add-path-domain" href="/" >Return</a> </div> <div id="uflMenuShare3" tabindex="0" aria-hidden="true" class="ufl-white-text-lb-hover uflMenuShareClass uflMenuShareStandalone" data-toggle="dropdown"> <div class="share-svg-div" > <svg id="b2588268-e62e-47ad-94b4-79cbc2650fbc" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" style="display: block; height: 100%; width: 100%; fill: currentcolor;" viewBox="0 0 320 299"> <path d="M37.86,294.32s-73.11-124.9,3-201c28-28,61.09-26.41,84-27,29.71-.77,83-1,83-1v-61l107,107-107,106.5v-60.5l-80.39.85a87.6,87.6,0,0,0-57.24,21.65C49.36,198.32,30.36,232.32,37.86,294.32Z" /> </svg> </div> <p class="uflMenuShareLongName" aria-hidden="true">Share this book</p> <p class="uflMenuShareShortName" aria-hidden="true">Share</p> </div> <ul id="shareDropDown2" class="dropdown-menu" style="right:0;top:40px;left:initial"> <li><a class="uflLinkSocialFB" href="#"><i class="fa fa-facebook-official" aria-hidden="true"></i> Facebook</a></li> <li><a class="uflLinkSocialTW" href="#"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a></li> <li><a class="uflLinkSocialPN" href="#"><i class="fa fa-pinterest" aria-hidden="true"></i> Pinterest</a></li> <li><a class="uflLinkSocialEM" href="#"><i class="fa fa-envelope" aria-hidden="true"></i> Email</a></li> <li><a class="uflLinkSocialLink" href="#"><i class="fa fa-link" aria-hidden="true"></i> Copy Link</a></li> </ul> <div class="navbar-header"> <div id="uflCollectionName" class="uflLabelColName hide">Collection name</div> </div> <textarea id="uflLinkCopyTextBook" class="hide" style="opacity:0; position:relative; left:0; top:0; pointer-events:none; width:0px;"></textarea> </div> </nav> <nav id="uflCategoryNav" class="navbar navbar-default navbar-static-top hide"> <div class="container-fluid"> <div class="row"> <div id="uflHeaderCategories" class="uflNavCarouselWrapper"> <div id="category-touchcarousel" class="touchcarousel ufl-skin hide"> <ul id="categoryContainer" class="touchcarousel-container"> <li id='touchcarousel-item-master' class="touchcarousel-item hide" > <p></p> </li> </ul> </div> </div> </div> </div> </nav> <nav id="uflSearchNav" class="navbar navbar-default navbar-static-top hide"> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 col-sm-6 col-lg-4"> <div class="input-groupZZZ"> <input id="booksearch" autocomplete="off" type="text" class="form-control" placeholder="Enter search word" aria-label="..."> <div class="input-group-btn hide"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Words <span class="caret"></span></button> <ul id="searchresults" class="dropdown-menu dropdown-menu-right"></ul> </div> </div> </div> <div class="col-xs-6 col-lg-4 hide"> <p class="hasSearchResults hide"><span>Books found: </span> <span id="searchResult-count">0</span></p> </div> </div> <div class="row"> <div class="col-xs-6 col-lg-4"> <p><a class="h6 btn-search-options ufl-white-text-lb-hover hide" href="#">Search options</a></p> </div> <div class="col-xs-6 col-lg-4"> <p class="hasSearchResults hide"><a class="h6 btn-search-clear ufl-white-text-lb-hover" href="#">Clear search results</a></p> </div> </div> </div> </nav> <div class="ufl-mrg-top-10 ufl-mrg-bot-10"> <div id="LibraryContentPane" class="hide"> <div id="image-block-master" class="image-block hide">  <div class="image"> <a href="/" target="_top" class="embedLinkOK ufl-book-link"> <img src="//prod-cloud.uniteforliteracy.com/images/blank480.png?v=51397202t3" alt="book image" /> <div class="morepages"></div> </a> </div> <div class="reflection"> <img src="//prod-cloud.uniteforliteracy.com/images/blank480.png?v=51397202t3" alt="book image" /> <div class="overlay"></div> </div> </div> <div id="SingleLibrary" class="shelfContentPane hide">  <div id="libraryList" class="libRepeat"> </div> </div> </div>  <div id="image-block-master2" class="image2 hide">  <a href="/" target="_top" class="embedLinkOK ufl-book-link"> <img src="//prod-cloud.uniteforliteracy.com/images/blank480.png?v=51397202t3" alt="book image" /> <div class="morepages"></div> </a> </div> <div id="uflLibraryModal" class="modal fade" role="dialog" aria-labelledby="Lib_Modal_Title"> <div class="modal-dialog ufl-lib-modal"> <div class="modal-content ufl-lib-modal"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 id="Lib_Modal_Title" class="modal-title"></h4> </div> <div class="modal-body"> <div id="Lib_Modal_SingleLibrary">  <div id="Lib_Modal_libraryList" class="libRepeat"> </div> </div> </div> </div> </div> </div> <style> .touchcarousel.ufl-collection .touchcarousel-item { position: relative; width: 151px; height: 135px; margin-right: 10px; } .langBadgeName { vertical-align: center; font-family: Arial, Helvetica, sans-serif; letter-spacing: .05rem; font-size: 12px; font-weight: normal; color: #fff; line-height: 1; display: inline-block; padding-bottom: 0px; white-space: nowrap; min-width: 50px; max-width: 50px; overflow: hidden; text-overflow: ellipsis; } @media ( min-width: 480px ) { .touchcarousel.ufl-collection .touchcarousel-item { width: 246px; height: 207px; margin-right: 15px; } .langBadgeName { max-width: 125px; } } .langBadgeBox { position: absolute; bottom: 2px; left: 0px; margin: auto; right: 5px; text-align: center; border-top: 2px solid #00aed8; } .langBadge { display: inline-block; min-width: 10px; padding: 4px 10px; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #00aed8; border-radius: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; position: relative; bottom: 3px; } .langBadgeSVG { width: 12px; height: 12px; display: inline-block; } .search-book-div { position: relative; float: left; margin: 15px; width: 246px; height: 207px; } </style> <div id="SearchContentPane" class="hide" style="overflow: hidden"> </div> <div id="HomeContentPane" class="hide"> <div id="collection-master" class="hide collection-item">  <div class="ufl-mrg-left-20 ufl-bold-text"> <span class="collectionOwnerGroup"> <span class="collectionOwner"></span>:<br class="visible-xs"> </span> <span class="hidden-xs collectionNameSpace"> </span> <span class="collectionName"></span> </div> <div class="touchcarousel ufl-collection"> <ul class="touchcarousel-container"> </ul> </div> </div> <div id="HomeCollections" class="hide"> </div>  </div>  <div class="hide">  <ul> <li id="touchcarousel-book-item-master" > <div class="book-div"> <a href="/" target="_top" class="embedLinkOK ufl-book-link"> <img src="//prod-cloud.uniteforliteracy.com/images/loading480.gif?v=51397202t3" alt="book image" /> <div class="morepages"></div> </a> </div> </li> <li id="touchcarousel-book-item-lang-master" > <div class="book-div"> <a href="/" target="_top" class="embedLinkOK ufl-book-link"> <img src="//prod-cloud.uniteforliteracy.com/images/loading480.gif?v=51397202t3" alt="book image" /> <div class="morepages"></div> </a> <div class="langBadgeBox"> <span class="langBadge badge"> <div class="langBadgeSVG"> <svg aria-hidden="true" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="display: block; height: 100%; width: 100%; fill: currentcolor;"> <path d="M1.24 11.251h3.307c.323 1.698.898 3.14 1.656 4.032a7.515 7.515 0 0 1-4.964-4.032zm13.52 0a7.516 7.516 0 0 1-4.962 4.032c.757-.892 1.332-2.334 1.655-4.033zm-4.849 0C9.473 13.298 8.685 14.75 8 14.75s-1.473-1.452-1.911-3.5zm.242-5.001a15.91 15.91 0 0 1 0 3.501H5.847a15.91 15.91 0 0 1 0-3.501zm5.142 0a7.52 7.52 0 0 1 0 3.5h-3.629a18.251 18.251 0 0 0 0-3.5zm-14.59 0h3.628a18.252 18.252 0 0 0 0 3.5H.706a7.52 7.52 0 0 1 0-3.5zM9.798.717A7.516 7.516 0 0 1 14.76 4.75h-3.307c-.308-1.612-.841-2.993-1.542-3.892zm-3.596 0c-.757.893-1.332 2.334-1.656 4.034L1.24 4.75A7.517 7.517 0 0 1 6.119.738zM8 1.25c.685 0 1.473 1.452 1.911 3.5H6.09c.437-2.048 1.225-3.5 1.91-3.5z"></path> </svg> </div> <span class="langBadgeName">Spanish</span> </span> </div> </div> </li> </ul> </div> </div> <style> #collection-info-module .collection-info-showhide a.collapsed:after { content: '+ Show More'; } #collection-info-module .collection-info-showhide a:not(.collapsed):after { content: '- Show Less'; } </style> <main role="main" class="hide"> <div id="collection-info-module" class="container hide"> <div class="row"> <div class="col-xs-12"> <div class="collection-info-showhide"> <a class="collapsed" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample" style="text-decoration:none!important; color:#636363!important;"></a> </div> </div> </div> <div class="row"> <div class="col-xs-12"> <div class="collapse" id="collapseExample" aria-expanded="false"></div> </div> </div> </div> </main> <div class="uflPush uflFooterResize hide"></div> </div>  </div>  <nav class="navbar navbar-default uflFooter uflFooterResize libFooter hide"> <div class="container-fluid"> <div class="row ufl-mrg-top-15 no-ukr-lang"> <div class="col-xs-6 col-sm-4 col-sm-offset-2"> <ul> <li class="ufl-header-text">Pages</li> <li><a href="https://www.unitebooks.com">Growing Readers</a></li> <li><a href="/corp/about">About Us</a></li> <li><a href="/corp/esri">Book Desert Maps</a></li> <li><a href="/corp/faq">FAQ</a></li> <li class="english-only hide"><a href="/free-books-online/home">More Free Books Online</a></li> </ul> </div> <div class="col-xs-6 col-sm-4"> <ul> <li class="ufl-header-text">Follow Us</li> <li><a href="http://facebook.com/uniteforliteracy"><i class="fa fa-facebook-official" aria-hidden="true"></i> Facebook</a></li> <li><a href="https://www.instagram.com/uniteforliteracy_/"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></li> <li><a href="http://twitter.com/unite4literacy"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a></li> <li><a href="https://www.pinterest.com/unite4lit"><i class="fa fa-pinterest" aria-hidden="true"></i> Pinterest</a></li> <li class="hide"><a href="http://about.uniteforliteracy.com/blog"><i class="fa fa-rss-square" aria-hidden="true"></i> Blog</a></li> <li><a href="mailto:info@uniteforliteracy.com"><i class="fa fa-envelope" aria-hidden="true"></i> Contact us</a></li> </ul> </div> </div> <div class="row h6 ufl-mrg-top-20"> <div class="col-xs-12 text-center"> <span>(c) 2014 Unite for Literacy</span> <span>  </span> <a href="/corp/terms">Terms and Conditions</a> </div> </div> </div> </nav> <nav class="navbar navbar-default uflFooter uflFooterResize embedFooter hide"> <div class="container-fluid"> <div class="row ufl-cta-footer hide text-center ufl-mrg-bot-20"> <a class="btn btn-info navbar-btn cta-btn-custom" href="#"></a> </div> <div class="row uflFooterResize h5"> <div class="col-xs-12 text-center"> a Unite Book Collection from the <a href="/" class="underline embedLinkOK">Unite for Literacy library</a> </div> </div> <div class="row h6 ufl-mrg-top-20"> <div class="col-xs-12 text-center"> <span>(c) 2014 Unite for Literacy</span> <span>  </span> <a href="/corp/terms">Terms and Conditions</a> </div> </div> </div> </nav> <nav class="navbar navbar-default uflFooter smallFooter readerFooter hide"> <div class="container-fluid"> <div class="row h5"> <div class="col-xs-12 text-center"> <a href="#" class="uflAboutThisBook embedLinkOK ufl-add-path-domain">About This Book</a> </div> </div> </div> </nav> <div id="search-opt-dlg" class="modal fade"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">脳</button> <h5 class="modal-title">Search Options</h5> </div> <div class="modal-body"> <label><input id="searchOtherText" type="checkbox"> Include Book Information</input></label> <h6 class="modal-title"><p></p>Allows search to find matches in book information like photo credits. For example, search for books with photos from NASA.</h6> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> <div id="language-dlg" style="max-height:92%" class="modal fade" role="dialog"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div id="masterLangListItem" class="list-group-item ufl-dlg col-xs-12 col-sm-12 col-md-12 hide"></div> <div class="modal-header"> <h5 class="modal-title"> <div class="hasNoExtraNLangs hide"> <i class="fa fa-comment fa-flip-horizontal" aria-hidden="true"></i> Narration languages </div> <a href="#" id="moreLangToggleHeader" class="collectionLink hasExtraNLangs embedLinkOK hide"> <div style="width: 16px;height: 16px; display:inline-block"> <svg aria-hidden="true" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="display: block; height: 100%; width: 100%; fill: currentcolor;"> <path d="M1.24 11.251h3.307c.323 1.698.898 3.14 1.656 4.032a7.515 7.515 0 0 1-4.964-4.032zm13.52 0a7.516 7.516 0 0 1-4.962 4.032c.757-.892 1.332-2.334 1.655-4.033zm-4.849 0C9.473 13.298 8.685 14.75 8 14.75s-1.473-1.452-1.911-3.5zm.242-5.001a15.91 15.91 0 0 1 0 3.501H5.847a15.91 15.91 0 0 1 0-3.501zm5.142 0a7.52 7.52 0 0 1 0 3.5h-3.629a18.251 18.251 0 0 0 0-3.5zm-14.59 0h3.628a18.252 18.252 0 0 0 0 3.5H.706a7.52 7.52 0 0 1 0-3.5zM9.798.717A7.516 7.516 0 0 1 14.76 4.75h-3.307c-.308-1.612-.841-2.993-1.542-3.892zm-3.596 0c-.757.893-1.332 2.334-1.656 4.034L1.24 4.75A7.517 7.517 0 0 1 6.119.738zM8 1.25c.685 0 1.473 1.452 1.911 3.5H6.09c.437-2.048 1.225-3.5 1.91-3.5z"></path> </svg> </div>  Narration languages <span class="h6 ufl-h6plus moreLangToggle hide"> (view recent)</span> <span class="h6 ufl-h6plus moreLangToggle moreLangDefault"> (view all <span class="nlangcount"></span>)</span> </a> </h5> <label id="sortEngNameLabel" class="hide" style="display:inline-block; white-space:nowrap; margin-left:40px; margin-top:7px"> <input id="sortEngName" type="checkbox" value="sortEng" style="vertical-algin:middle"> <span style="vertical-align:middle" class="h6">Sort by English Names</span> </label> </div> <div class="modal-body"> <div class="row"> <div id="nLangList" class="col-xs-12 fingerOffset list-group nLangListClass"> </div> </div> </div> </div> </div> </div> <div id="language-wl-dlg" style="max-height:92%" class="modal fade"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div class="modal-header lang-dlg-section-wl"> <h5 class="modal-title"><i class="fa fa-pencil" aria-hidden="true"></i> Written languages</h5> </div> <div class="modal-body lang-dlg-section-wl"> <div id="masterWLangListItem" class="list-group-item ufl-dlg col-xs-12 col-sm-12 col-md-12 hide"></div> <div class="row"> <div id="wLangList" class="col-xs-12 fingerOffset list-group"> </div> </div> </div> </div> </div> </div> </div>  <div id='debugLog' style="display:none" > <p>0 HTML version: 51397202t3</p> </div> <script type="text/javascript"> var HTML_version = '51397202t3'; var DataFromServerJSONstr = '{"pdObj":{"isRootHome":true,"ShowCategories":true,"ShowNarrations":true,"fixedShelfOrder":true,"isRootLibs":true,"cmdPath":"","HomeOrder":[{"wLangId":1,"wLangAbbv":"eng","PubOrder":[762,373,134,379,20,21,17,13,385,14,384,382,15,374,19,381,53,376,758,378,335,388,387,375,386,759,383,380,377]},{"wLangId":2,"wLangAbbv":"spa","PubOrder":[131,516,520,523,121,122,123,124,526,125,530,531,126,517,534,525,527,519,761,522,528,542,532,518,529,760,533,524,521,76]},{"wLangId":1079,"wLangAbbv":"ukr","PubOrder":[764,676,807,677,683,678,948,679,680,681,682,684]}],"WLangs":["eng","spa","ukr"],"NLangs":{"eng":["afr","amh","arb","arm","asl","bla","bur","chr","cic","cmn","dan","deu","dut","ell","esu","fas","fre","hat","heb","hin","hmn","ind","ipk","isl","ita","jpn","kar","kek","kin","kjb","kni","kor","kri","mls","mon","mop","nav","nep","oji","omq","pol","por","prs","run","rus","slk","smo","som","spa","swa","swe","tel","tgl","tsn","tur","ukr","urd","vie","xsl","ymm","ypk"],"spa":["eng","omq"],"ukr":["eng"]}},"versions":{"staticVersion":"51397202t3","libVersion":"5128007202","booksVersion":"5104827202","sponsorsVersion":"54307202","filesVersion":"500","localVersion":"51397202","prefix":"p","libRversion":7},"ABTestConfig":{"Tests":[{"TestName":"July2018Next4Test","Scenarios":[{"Name":"NewNext4","Existing_Pct":50,"NewUser_Pct":50},{"Name":"OldNext4","default":true}],"UseCookie":false}]}}'; var DataFromServer = {}; if (DataFromServerJSONstr.indexOf("[[") != 0) { DataFromServer = JSON.parse(DataFromServerJSONstr.replace(/____APOS____/g, "'")); } function setCookie(name, value, days) { var expires; if (days > 0) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toGMTString(); } else { expires = ""; } document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; secure; path=/"; } function setCookieObj(name, obj, days) { var cookieStr = JSON.stringify(obj); setCookie(name, cookieStr, days); } function eraseCookie(name) { setCookie(name, "", -1); } function setSessionCookie(cname,cvalue) { setCookie(cname,cvalue,-1); } function setForeverCookie(cname,cvalue) { //In our world forever is 1000 years setCookie(cname,cvalue,365*1000); } function setSessionCookieObj(cname,cobj) { setCookieObj(cname,cobj,-1); } function setForeverCookieObj(cname,cobj) { //In our world forever is 1000 years setCookieObj(cname,cobj,365*1000); } function getCookie(name) { var nameEQ = encodeURIComponent(name) + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) === ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length)); } return ""; } function getCookieObj(name, defaultObj) { if (!defaultObj) defaultObj = null; var cookieStr = getCookie(name); if (!cookieStr) return defaultObj; if (cookieStr.length == 0) return defaultObj; try{ var obj = JSON.parse(cookieStr); return obj; } catch(e) { return defaultObj; } return defaultObj; } window.onload = function () { // Check to see if the critial javascript files that we need loaded // If not, set a cookie and reload the page var failedJS = ''; var failedJSCookieName = 'FailedJS'; if (typeof jsVersion === 'undefined') failedJS += 'readerJS:'; if (typeof jQuery === 'undefined') failedJS += 'jQuery:'; if (failedJS != '') { if (getCookie(failedJSCookieName) == '') { setCookie(failedJSCookieName, failedJS,7); location.reload(true); return; } var failureMsg = "Some critical files failed to load ( " + failedJS + ").\n"; failureMsg += "If possible, please clear your browser cache and reload the page.\n"; failureMsg += "For additional help, please contact us at support@uniteforlitercacy.com."; alert(failureMsg); } }; </script> <script type="text/javascript" src="//prod-cloud.uniteforliteracy.com/eng/javascripts/combined_library_vvv_51397202t3.js"></script> </body> </html>

CINXE.COM

Unite for Literacy