<html itemscope="" itemtype="http://schema.org/Organization" class="js no-touch svg inlinesvg svgclippaths no-ie8compat system-notification" lang="en" style="height: 100%;">
   <!--<![endif]-->
   <head>
      <title>Add to 10 with Images | CK-12 Foundation</title>
      <meta property="og:site_name" itemprop="name" name="author" content="CK-12 Foundation">
      <meta property="fb:app_id" content="159884644067996">
      <meta itemprop="url" content="http://www.ck12.org">
      <meta itemprop="telephone" content="(650) 494-1302">
      <meta charset="utf-8">
      <!-- DNS Prefetching for domains -->
      <meta http-equiv="x-dns-prefetch-control" content="on">
      <link rel="dns-prefetch" href="//st1.ck12.org">
      <link rel="dns-prefetch" href="//st2.ck12.org">
      <link rel="dns-prefetch" href="//st3.ck12.org">
      <link rel="dns-prefetch" href="//img1.ck12.org">
      <link rel="dns-prefetch" href="//img2.ck12.org">
      <link rel="dns-prefetch" href="//img3.ck12.org">
      <link rel="dns-prefetch" href="//api-prod.ck12.org">
      <meta name="header-mobile-show-back" content="true">
      <meta name="google-play-app" content="app-id=org.ck12.app.practice">
      <meta name="apple-itunes-app-internal" content="app-id=909343639">
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
      <meta name="google-site-verification" content="wHx0f-Udlfd7ZNYNrIXpJVpjjO8nSH5RE0jIX8V-jIM">
      <meta name="google-translate-customization" content="">
      <meta name="application-name" content="CK-12 Foundation">
      <meta name="msapplication-TileColor" content="#003300">
      <meta name="msapplication-TileImage" content="//img1.ck12.org/media/build-20190102153035/images/ck12-logo-livetile.png">
      <link rel="apple-touch-icon" href="//img1.ck12.org/media/build-20190102153035/images/ck12-logo-livetile-57x57.png">
      <link rel="apple-touch-icon" sizes="72x72" href="//img1.ck12.org/media/build-20190102153035/images/ck12-logo-livetile-72x72.png">
      <link rel="apple-touch-icon" sizes="114x114" href="//img3.ck12.org/media/build-20190102153035/images/ck12-logo-livetile-114x114.png">
      <link rel="shortcut icon" href="//img2.ck12.org/media/build-20190102153035/images/favicon.ico" type="image/x-icon">
      <link rel="stylesheet" type="text/css" media="all" href="//st2.ck12.org/media/build-20190102153035/common/vendor/jquery-ui/css/ui-lightness/jquery-ui-1.10.2.custom.min.css">
      <link rel="stylesheet" type="text/css" media="all" href="//st2.ck12.org/media/build-20190102153035/modality-react/dist/lib.css">
      <link rel="stylesheet" type="text/css" media="all" href="//st3.ck12.org/media/build-20190102153035/modality-react/dist/globals.css">
      <link rel="stylesheet" type="text/css" media="all" href="//st2.ck12.org/media/build-20190102153035/modality-react/dist/ck12-master.min.css">
      <link rel="stylesheet" type="text/css" media="all" href="//st1.ck12.org/media/build-20190102153035/modality-react/dist/modality.css">
      <link rel="stylesheet" type="text/css" media="all" href="//st3.ck12.org/media/build-20190102153035/common/css/lms.integrations.css">
      <script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/plugins/ua/linkid.js"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/gtm/js?id=GTM-MJHJWG9&amp;t=gtm1&amp;cid=1283734826.1534153746"></script><script type="text/javascript" async="" src="//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"></script><script async="" src="//rum-static.pingdom.net/prum.min.js"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="//www.googletagmanager.com/gtm.js?id=GTM-NFJ3V2"></script><script type="text/javascript" async="" src="https://d31qbv1cthcecs.cloudfront.net/atrk.js"></script><script type="text/javascript">
         var pageType = "Concept";
         var pageSubType = "/c/elementary-math-grade-1/add-to-10-with-images/";
      </script>
      <script type="text/javascript" src="/media/buildnumber.js"></script>
      <!-- Start Alexa Certify Javascript -->
      <script type="text/javascript">
         _atrk_opts = { atrk_acct:"iA1Pi1a8Dy00ym", domain:"ck12.org",dynamic: true};
         (function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
      </script>
      <noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=iA1Pi1a8Dy00ym" style="display:none" height="1" width="1" alt="" /></noscript>
      <!-- End Alexa Certify Javascript -->
      <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="main" src="//st3.ck12.org/media/build-20190102153035/main.js"></script>
      <link id="canonicalURLID" rel="canonical" href="https://www.ck12.org/Arithmetic/add-to-10-with-images/">
      <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="flxweb.settings" src="//st3.ck12.org/media/build-20190102153035/js/flxweb.settings.js"></script><script id="googleClassroomScript" type="text/javascript" src="https://apis.google.com/js/platform.js" gapi_processed="true"></script>
      <link type="text/css" rel="stylesheet" charset="UTF-8" href="https://translate.googleapis.com/translate_static/css/translateelement.css">
      <script type="text/javascript" charset="UTF-8" src="https://translate.googleapis.com/translate_static/js/element/main.js"></script><script type="text/javascript" charset="UTF-8" src="https://translate.googleapis.com/element/TE_20181015_01/e/js/element/element_main.js"></script>
      <link rel="stylesheet" type="text/css" href="/media/common/css/shareplane.css">
   </head>
   <body class="" style="position: relative; min-height: 100%; top: 0px;">
      <div id="maintenanceWrapper">
         <div id="system_notification_container" class="container_12 clearfix system-notification-container">
            <div class="small-12 large-12 hide-for-small">
               <div class="row">
                  <div style="height:272px; width:100%;">
                     <div class="snowflakes" aria-hidden="true">
                        <div class="snowflake">❄</div>
                        <div class="snowflake">❄</div>
                        <div class="snowflake">❄</div>
                        <div class="snowflake">❄</div>
                        <div class="snowflake">❄</div>
                        <div class="snowflake">❄</div>
                        <div class="snowflake">❄</div>
                        <div class="snowflake">❄</div>
                        <div class="snowflake">❄</div>
                        <div class="snowflake">❄</div>
                     </div>
                     <div id="xmas-banner-main">
                        <div id="xmas-donate-msg">
                           <div class="msg_main">                          Join Our Movement                        </div>
                           <div class="msg_sub">                            Your donation can help us achieve our mission and reach even more educators and children.                        </div>
                        </div>
                        <div id="xmas-btn-cta">                       <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=TYEZQLLQPNZA8&amp;source=url" rel="noopener" target="_blank" class="button tangerine dxtrack-user-action" data-dx-desc="donate_cta_click">                           <img src="https://static.ck12.org/holiday-banner-2018/flake.png" width="25">                           Donate                       </a>                    </div>
                        <div id="system_notification_dismiss" title="Close">X</div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <script type="text/javascript">
         // GA global object
         var _gaq = _gaq || [];
         // GTM dataLayer for global data push
         dataLayer = [];


         var pageType = pageType || "";
         var pageSubType = pageSubType || "";
         var gtm_pageType = pageType;
         var gtm_pageSubType = pageSubType;
      </script>
      <!-- Google Tag Manager -->
      <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NFJ3V2"
         height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
      <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=
         '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
         })(window,document,'script','dataLayer','GTM-NFJ3V2');
      </script>
      <!-- End Google Tag Manager -->
      <script type="text/javascript">
         /* Check for app-context:
          * -- set the <html> data-app-context = {app-context}
          */
         var _context = sessionStorage.getItem('app-context');
         if (_context && _context === 'lti-app' && window.name !=="lms-context-override"){
             try {
         	// Set data-app-context for css
                 document.getElementsByTagName('html')[0].setAttribute('data-app-context','lti_app');
         	// Set window lmsContext for js
         	window.lmsContext='lti-app';
             } catch(e){
                 console.log("Error setting lms app context:"+ String(e));
             }
         }

         function closeLTIHelpBanner(){
             try {
                 document.getElementById('lti_help_banner').remove();
             } catch(e){
         	console.log("Could not close banner:"+ String(e));
             }
         }

         /*
          *  Need to show a loading icon on some pages.
          *  - browse, library
          */
         function loadingCheck(){
         try {
             var pathname = window.location.pathname;
             if (/library|browse/.test(pathname)){
         	// Create loading icon and append to body
         	var loading_div = document.createElement("div");
         	loading_div.setAttribute('id','lti-loading-icon');
         	loading_div.setAttribute('class','loading-icon js-loading-icon');
         	var img_el = document.createElement("img");
         	img_el.setAttribute('alt','loading');
         	img_el.setAttribute('src','/media/common/images/icon_loading.gif');

         	loading_div.appendChild(img_el);
         	document.body.appendChild(loading_div);

         	if (document.readyState === 'complete'){
         	    removeLoadingIcon();
         	}

         	document.addEventListener('readystatechange', function(evnt){
         	    if (evnt.target.readyState ==='complete'){
         		removeLoadingIcon();
         	    }
         	}, false);
             }

         } catch(e){
             console.log("Error in loadingCheck: "+ String(e));
         }
         }

         // Remove the loading icon after 2 seconds
         function removeLoadingIcon(){
         try {
             window.setTimeout(function(){
                 $('#lti-loading-icon').remove();
         	console.log("removed loading icon");
             }, 1500);
         } catch(e){
             console.log("Error in removeLoadingIcon: "+ String(e));
         }
         }
      </script>
      <header class="ff4-compt original-nav " data-version="ff6" data-user="">
         <div id="browserDetect" class="text-center hide" style="background-color:#FFEFAE;">
            <span id="browserVersion"></span>
            <a>Dismiss</a>
         </div>
         <a id="skip-navigation" href="#anchor-content"><img src="//img2.ck12.org/media/build-20190102153035/common/images/1x1.gif" width="1" height="1" alt="Skip Navigation"></a>
         <nav class="hide-small top-bar-section top-nav row--fullWidth">
            <section class="top-bar row user-settings align-justify">
               <ul class="right user-info column shrink">
                  <!-- If not signed in -->
                  <li class="signin"><a id="top_nav_signin" title="Sign in with your Email, Facebook, Google, Twitter or Microsoft Live account" class="js-sign-in">Sign In</a></li>
                  <li class="join"><a id="top_nav_join" href="https://www.ck12.org/auth/signup/student?requestor=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/%3Fby%3Dck12%26difficulty%3Dall%26filterReferrer%3Dsource&amp;returnTo=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/%3Fby%3Dck12%26difficulty%3Dall%26filterReferrer%3Dsource" title="Create an Account with CK-12" rel="nofollow">Join</a></li>
                  <li class="menu-help"><a id="top_nav_help" href="http://help.ck12.org" title="Help" target="new">Help</a></li>
                  <li class="menu-donate">
                     <a id="top_nav_donate" href="https://www.ck12info.org/about//donate/?source=ck12_top_nav" title="Donate" class="ga-track">
                     <span>Donate</span>
                     <i class="icon-heart"></i>
                     </a>
                  </li>
               </ul>
            </section>
         </nav>
         <nav class="top-bar row side-bar-expanded row">
            <ul class="title-area text-center column shrink">
               <li class="name left hide-small">
                  <a id="nav_logo" href="/" title="CK-12 Foundation Home" class="logo-img">
                  <img src="//img2.ck12.org/media/build-20190102153035/common/images/logo_ck12.svg" alt="CK-12" itemprop="logo">
                  </a>
               </li>
               <li class="pointer back-icon left show-small"><i class="icon-arrow"></i></li>
               <li class="left ph-back hide"><i class="icon-arrow"></i></li>
               <li class="ellipsis page-title show-small"></li>
               <li id="side-reveal-icon" class="pointer side-reveal menu-icon"><i class="icon-more"></i></li>
            </ul>
            <section class="relative top-bar-section column">
               <ul id="top-bar-left-section" class="left top-navigation-list" data-magellan-expedition="relative" data-magellan-top-offset="1000000000000">
                  <li class="show-small search-field-parent small">
                     <div id="side_nav_search" class="left search-field-container-small">
                        <input type="text" value="" placeholder="Search for free resources" class="search-small search-input ui-autocomplete-input" data-autocompleteclass="search" autocomplete="off"><span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
                        <span id="loading-search-small" class="custom-loading-search-small right hide js-loading-icon">
                        <img alt="loading" src="//img3.ck12.org/media/build-20190102153035/common/images/loading.gif">
                        </span>
                        <div class="left pointer search-button-small js-search-content">
                           <i class="icon-search"></i>
                        </div>
                     </div>
                  </li>
                  <li class="original-nav-container">
                     <ul>
                        <li data-magellan-arrival="header_dashboard">
                           <a id="nav_features_dashboard" data-href="/features#dashboard" title="Dashboard" class="js-link js-feature-link" href="/features#dashboard">
                           <span class="menu-item-img icon-dashboard2"></span>
                           <span class="menu-item-title">Dashboard</span>
                           </a>
                        </li>
                        <li data-magellan-arrival="header_groups">
                           <a id="nav_features_groups" data-href="/features#group" title="Classes" class="js-link js-feature-link" href="/features#group">
                           <span class="menu-item-img icon-groups"></span>
                           <span class="menu-item-title">Classes</span>
                           </a>
                        </li>
                        <li data-magellan-arrival="header_library">
                           <a id="nav_features_library" data-href="/features#library" title="Library" class="js-link js-feature-link" href="/features#library">
                           <span class="menu-item-img icon-backpack"></span>
                           <span class="menu-item-title">Library</span>
                           </a>
                        </li>
                        <li class="forum-header-link" data-magellan-arrival="header_forums">
                           <a id="nav_forums" href="/forums/" title="Cafe">
                           <span class="menu-item-img icon-comments"></span>
                           <span class="menu-item-title">Cafe</span>
                           </a>
                        </li>
                     </ul>
                  </li>
                  <li class="browse-header-link hide-for-lti-context" data-magellan-arrival="header_browse">
                     <a id="nav_browse" href="/browse/" title="Browse" class="js-link">
                     <span class="menu-item-img icon-lightbulb2"></span>
                     <span class="menu-item-title">Browse</span>
                     </a>
                  </li>
                  <li id="search" class="show-for-medium-only hide-for-lti-context">
                     <a id="nav_search_icon" title="Search">
                     <span class="menu-item-img icon-search"></span>
                     <span class="menu-item-title">Search</span>
                     </a>
                  </li>
                  <li class="show-small">
                     <a id="side_nav_help" href="http://help.ck12.org" title="Help">
                     <span class="menu-item-img icon-help2"></span>
                     <span class="menu-item-title">Help</span>
                     </a>
                  </li>
                  <li class="show-small">
                     <a id="side_nav_donate" href="https://www.ck12info.org/about//donate/?source=ck12_sidemenu" title="Donate">
                     <span class="menu-item-img icon-heart"></span>
                     <span class="menu-item-title">Donate</span>
                     </a>
                  </li>
                  <li id="user-status" class="user link-container show-small">
                     <ul>
                        <li class="join-link-small">
                           <a id="side_nav_join" href="https://www.ck12.org/auth/signup/student?requestor=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/%3Fby%3Dck12%26difficulty%3Dall%26filterReferrer%3Dsource&amp;returnTo=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/%3Fby%3Dck12%26difficulty%3Dall%26filterReferrer%3Dsource" title="Create an Account with CK-12">
                           <span class="menu-item-img icon-user_join"></span>
                           <span class="menu-item-title">Join</span>
                           </a>
                        </li>
                        <li>
                           <a id="side_nav_signin" title="Sign in with your Email, Facebook, Google, Twitter or Microsoft Live account" class="js-sign-in">
                           <span class="menu-item-img icon-signin"></span>
                           <span class="menu-item-title">Sign In</span>
                           </a>
                        </li>
                     </ul>
                  </li>
               </ul>
               <ul class="right top-bar-right-section hide-small-important search-for-large hide-for-medium-only hide-for-small-only">
                  <li class="search-field-parent large">
                     <div id="nav_search" class="right search-field-container-large">
                        <input type="text" value="" placeholder="What do you want to learn today?" class="search-large header-search search-input js-search-large ui-autocomplete-input" data-autocompleteclass="search" autocomplete="off"><span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
                        <span id="loading-search" class="custom-loading-search right hide js-loading-icon">
                        <img alt="loading" src="//img3.ck12.org/media/build-20190102153035/common/images/loading.gif">
                        </span>
                        <div class="left pointer search-button-large js-search-content">
                           <i class="icon-search"></i>
                        </div>
                     </div>
                  </li>
               </ul>
            </section>
         </nav>
         <div id="searchBrowseContainer" class="container_12 relative">
            <ul id="searchContainer" class="row hide-for-large-up hide-for-small-only search-field-parent hide-important">
               <li class="search-wrapper left">
                  <div id="searchComponent" class="large-10 small-12 columns">
                     <div id="nav_search_medium" class="left search-field-container">
                        <input type="text" class="search-field search-input js-search-large ui-autocomplete-input" value="" placeholder="What do you want to learn today?" data-autocompleteclass="search" autocomplete="off"><span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
                        <span id="loading-search-medium" class="custom-loading-search-medium right hide js-loading-icon">
                        <img alt="loading" src="//img3.ck12.org/media/build-20190102153035/common/images/loading.gif">
                        </span>
                        <div class="left pointer search-button js-search-content">
                           <i class="icon-search"></i>
                        </div>
                     </div>
                     <div id="searchClose" class="right pointer">
                        <span class="close-icon"></span>
                     </div>
                  </div>
               </li>
            </ul>
         </div>
      </header>
      <div class="header-space hide-small-important"></div>
      <div id="maintenanceWrapper"></div>
      <div id="softRegWrapper" class="grey-back"></div>
      <div id="content-container">
         <a name="anchor-content"></a>
         <div id="breadcrumbWrapper" class="row collapse breadcrumb-container hide"></div>
         <div id="content-area" class="content-wrap row expanded" itemscope="" itemtype="http://schema.org/CollectionPage">
            <div id="concept_meta_container">
               <!-- Schema.org properties -->
               <meta itemprop="interactivityType" content="mixed">
               <meta itemprop="provider" content="CK-12 Foundation">
               <meta itemprop="url" content="https://www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/">
               <meta name="description" content="">
            </div>
            <!-- individual page contents go here -->
            <div id="newspaper">
               <main data-reactroot="" class="row collapse expanded">
                  <div class="small-12">
                     <div>
                        <div>
                           <div>
                              <div class="js-components-newspaper-Header-Header__cardsheader___1C1q2 row expanded collapse">
                                 <div class="columns small-12">
                                    <div class="row centered align-justify medium-down-1">
                                       <div class="left text-center js-components-newspaper-Header-Header__concept_top_icon___3dFtE hide-for-small"><span title="elementary-math-grade-1" class="icon-elementary-math-grade-1"></span></div>
                                       <div class="left relative js-components-newspaper-Header-Header__concept_info_label___ztOTM">
                                          <h1 id="artifact_title" class="js-components-newspaper-Header-Header__artifact_title___1QReL">
                                             <div class="js-components-newspaper-Header-Header__navigation_header___2c-XW">
                                                <a class="js-components-newspaper-Header-NavigationButton__navigation_disabled___1fyzt">
                                                   <svg width="26" height="26">
                                                      <circle cx="13" cy="13" r="13" fill="#cccccc"></circle>
                                                      <path d="M16 6 L8 14" stroke="white" stroke-width="3"></path>
                                                      <path d="M16 20 L8 12" stroke="white" stroke-width="3"></path>
                                                   </svg>
                                                </a>
                                                <a title="Next: Subtracting by Crossing Out with Pictures" href="/c/elementary-math-grade-1/subtracting-by-crossing-out-with-pictures">
                                                   <svg width="26" height="26">
                                                      <circle cx="13" cy="13" r="13" fill="#00aba4"></circle>
                                                      <path d="M10 6 L18 14" stroke="white" stroke-width="3"></path>
                                                      <path d="M10 20 L18 12" stroke="white" stroke-width="3"></path>
                                                   </svg>
                                                </a>
                                                <span itemprop="name" class="js-components-newspaper-Header-Header__navigation_header_title___pXMK9">Add to 10 with Images</span>
                                             </div>
                                          </h1>
                                          <h2 class="js-components-newspaper-Header-Header__artifact_description___3UaPg">Count images to get the total quantity. (Sum up to 10)</h2>
                                       </div>
                                       <div class="column shrink text-right js-components-newspaper-Header-Header__noPaddingSmall___NhNC4">
                                          <a href="/conceptmap?eid=MAT.ARI.103.0101&amp;collection_handle=elementary-math-grade-1" class="js-components-newspaper-Header-Header__conceptmapbutton___2fRlT">Concept Map</a>
                                          <div class="tooltip-bottom js-components-newspaper-Header-Header__conceptmapbutton_tooltip___10yX5">Discover related concepts in Math and Science.</div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div>
                                 <div class="row expanded collapse js-components-newspaper-Header-Header__headerTabs___2MRiN">
                                    <div class="columns">
                                       <div class="row centered">
                                          <a class="column shrink js-components-newspaper-Header-Header__tab___2syKR js-components-newspaper-Header-Header__active___1QTCx js-components-newspaper-Header-Header__active___1QTCx" href="/c/elementary-math-grade-1/add-to-10-with-images/">CK-12 Content</a>
                                          <a class="column shrink js-components-newspaper-Header-Header__tab___2syKR " href="/c/elementary-math-grade-1/add-to-10-with-images/?by=community">
                                             <!-- react-text: 38 -->Community<!-- /react-text --><!-- react-text: 39 --> <!-- /react-text --><span class="js-components-newspaper-Header-Header__hideForSmall___2U3Gu">Content</span>
                                          </a>
                                          <div class="js-components-newspaper-Header-Header__contentFilter___fuGDf">
                                             <div class="js-components-newspaper-Header-Header__verticalAlignMiddle___3CU0B">
                                                <div class="js-components-newspaper-Header-Header__displayInline___3siVd js-components-newspaper-Header-Header__hideForMedium___3axdq">
                                                   <div class="js-components-newspaper-SelectButton__container___3Fvjs">
                                                      <div><button class="js-components-newspaper-SelectButton__button___23nyx js-components-newspaper-SelectButton__transparent___1gUZk button" disabled=""><span class="left">All Levels</span><span class="icon-arrow-up rotate"></span></button></div>
                                                   </div>
                                                </div>
                                                <div class="button js-components-newspaper-Header-Header__expandOrContract___1RGPY"><i class="icon-expand"></i><span>VIEW ALL</span></div>
                                                <div class="button js-components-newspaper-Header-Header__createNewContent___3e874 js-components-newspaper-Header-Header__showInMediumAndAbove___1KW-M
                                                   js-components-newspaper-Header-Header__hideForLarge___1zcvr"><span class="js-components-newspaper-Header-Header__plusIcon___5F9zU"><i class="icon-plus"></i></span><span class="js-components-newspaper-Header-Header__buttonText___3SQuT">CREATE</span></div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="row js-components-newspaper-Header-Header__showInMedium___2j7_6">
                                    <div class="columns text-center">
                                       <div class="">
                                          <div class="js-components-newspaper-SelectButton__container___3Fvjs">
                                             <div><button class="js-components-newspaper-SelectButton__button___23nyx js-components-newspaper-SelectButton__transparent___1gUZk button" disabled=""><span class="left">All Levels</span><span class="icon-arrow-up rotate"></span></button></div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="js-components-newspaper-Header-Submenu-SubmenuBase__submenu___17tBd row expanded collapse">
                                 <div class="columns">
                                    <div class="row centered">
                                       <div class="column">
                                          <div class="row js-components-newspaper-Header-Submenu-SubmenuTooltip__tooltip___10bXK">
                                             <div class="shrink js-components-newspaper-Header-Submenu-SubmenuTooltip__text___1oEk_">
                                                <span>
                                                   <!-- react-text: 708 --> <!-- /react-text --><!-- react-text: 709 -->We have provided many ways for you to learn about this topic.<!-- /react-text --><!-- react-text: 710 --> <!-- /react-text -->
                                                </span>
                                             </div>
                                             <div class="button js-components-newspaper-Header-Submenu-SubmenuTooltip__createContentButton___3msy8"><span class="js-components-newspaper-Header-Submenu-SubmenuTooltip__plusIcon___r1aw6"><i class="icon-plus"></i></span><span class="js-components-newspaper-Header-Submenu-SubmenuTooltip__buttonText___1Vhoi">Create your own content</span></div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div style="transform: translateY(0px); transition: transform 500ms ease 0s;">
                              <div class="row centered collapse">
                                 <div class="js-components-newspaper-Cards-Cards__columns___3jEmO row relative">
                                    <div class="columns small-12 medium-4 js-components-newspaper-Cards-Cards__cardsRow___1PCp2">
                                       <div class="js-components-newspaper-Card-Card__interactive_practice___1zZUH js-components-newspaper-Card-Card__card___3UgqP  js-components-newspaper-Card-Card__card___3UgqP">
                                          <div class="row align-middle js-components-newspaper-Card-Card__header___3Rky9">
                                             <div class="js-components-newspaper-Card-Card__artifactBg___sGppY"><span class="js-components-newspaper-Card-Card__headerSpan___3thqd"></span><i class="icon-interactive_practice js-components-newspaper-Card-Card__headerIcon___1MZyy"></i></div>
                                             <div class="column large-5 medium-4 small-5 js-components-newspaper-Card-Card__groupType___1KS5N"><span>PLIX</span></div>
                                             <div class="column small-4 js-components-newspaper-Card-Card__creator___2pwJI">
                                                <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 400 143">
                                                   <g>
                                                      <path fill="#848774" d="M80,135.8c-4.6,2.1-14.9,5.7-27.7,5.7c-29.2,0-48.2-19.9-48.2-49.6C4.1,62,24.5,40.3,56,40.3 c10.4,0,19.6,2.6,24.3,5.2l-4,13.3c-4.1-2.1-10.9-4.6-20.4-4.6c-22.2,0-34.1,16.5-34.1,36.7c0,22.4,14.4,36.1,33.5,36.1 c10,0,16.5-2.4,21.6-4.6L80,135.8z"></path>
                                                      <path fill="#848774" d="M239.4,78.9v12.9h-49.3V78.9H239.4z"></path>
                                                      <path fill="#848774" d="M270.5,25.7H270L247.4,38L244,24.7l28.3-15.2h15v130h-17V25.7H270.5z"></path>
                                                      <path fill="#848774" d="M313.4,139.2v-10.7l13.8-13.3c33.2-31.7,48.4-48.5,48.4-68.1c0-13.2-6.1-25.4-25.6-25.4 c-11.8,0-21.6,6-27.6,11l-5.7-12.4c8.7-7.3,21.7-13.2,36.7-13.2c27.7,0,39.5,19.1,39.5,37.8c0,24-17.5,43.3-44.7,69.8l-10.3,9.6 v0.5h58.2v14.5h-82.8V139.2z"></path>
                                                      <path fill="#848774" d="M189,125.9c1.2-2,2-4.1,2.3-6.1c0,0-34.3-47.3-70.4-51.9c0.5-0.2,1.5-0.6,1.5-0.6 c28.3-7,53.6-31.2,58.9-41.8c0.2-0.5-0.9-2.9-0.9-3.4c-9.2,12.2-19.8,27.1-51.3,42.1c30.3-15.2,50.5-45.9,50.5-45.9 s-0.5-1.5-1.7-3.8c-3.8,5.8-12.7,17.6-30.6,32.6c15.8-15.8,26-29.9,29.4-34.8c-2-3.1-5.2-6.9-10.3-10.3 c-9.6,15.6-34,43.3-50.5,55.6v21.3c16.2,11.5,34,28.9,53.7,62.6c4.6-1.8,11.2-6.1,15.8-11.2c-4.6-11.9-21.4-33.5-36.6-47.3 C167.3,93.9,179.1,109.9,189,125.9z"></path>
                                                      <polygon fill="#848774" points="112.7,69.5 112.7,4.4 95.2,4.4 95.2,139.2 112.7,139.2 112.7,87.9"></polygon>
                                                   </g>
                                                </svg>
                                             </div>
                                          </div>

                                          <div class="row js-components-newspaper-Card-Card__footer___2LILS">
                                             <div class="js-components-newspaper-Card-Card__iconLike___1RCB0 column"><i class="icon-like"></i><span>0</span></div>
                                             <div class="js-components-newspaper-Card-Card__more___2vmjr">
                                                <div class="row align-middle">
                                                   <div class="js-components-newspaper-Card-Card__moreCountDiv___2b7fk js-components-newspaper-Card-Card__noMore___pJ68e column shrink">
                                                      <!-- react-text: 755 -->0<!-- /react-text --><!-- react-text: 756 --> More <!-- /react-text --><!-- react-text: 757 -->PLIX<!-- /react-text -->
                                                   </div>
                                                </div>
                                             </div>
                                             <div class="column shrink js-components-newspaper-Card-Card__share___213II">
                                                <div class="js-components-newspaper-SelectButton__container___3Fvjs">
                                                   <div>
                                                      <div class="js-components-newspaper-SelectButton__icon___3m2KZ"><span class="icon-share"></span></div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="columns small-12 medium-4 js-components-newspaper-Cards-Cards__cardsRow___1PCp2">
                                       <div class="js-components-newspaper-Card-Card__video___3UHev js-components-newspaper-Card-Card__card___3UgqP  js-components-newspaper-Card-Card__card___3UgqP">
                                          <div class="row align-middle js-components-newspaper-Card-Card__header___3Rky9">
                                             <div class="js-components-newspaper-Card-Card__artifactBg___sGppY"><span class="js-components-newspaper-Card-Card__headerSpan___3thqd"></span><i class="icon-video js-components-newspaper-Card-Card__headerIcon___1MZyy"></i></div>
                                             <div class="column large-5 medium-4 small-5 js-components-newspaper-Card-Card__groupType___1KS5N"><span>Video</span></div>
                                             <div class="column small-4 js-components-newspaper-Card-Card__creator___2pwJI">
                                                <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 400 143">
                                                   <g>
                                                      <path fill="#848774" d="M80,135.8c-4.6,2.1-14.9,5.7-27.7,5.7c-29.2,0-48.2-19.9-48.2-49.6C4.1,62,24.5,40.3,56,40.3 c10.4,0,19.6,2.6,24.3,5.2l-4,13.3c-4.1-2.1-10.9-4.6-20.4-4.6c-22.2,0-34.1,16.5-34.1,36.7c0,22.4,14.4,36.1,33.5,36.1 c10,0,16.5-2.4,21.6-4.6L80,135.8z"></path>
                                                      <path fill="#848774" d="M239.4,78.9v12.9h-49.3V78.9H239.4z"></path>
                                                      <path fill="#848774" d="M270.5,25.7H270L247.4,38L244,24.7l28.3-15.2h15v130h-17V25.7H270.5z"></path>
                                                      <path fill="#848774" d="M313.4,139.2v-10.7l13.8-13.3c33.2-31.7,48.4-48.5,48.4-68.1c0-13.2-6.1-25.4-25.6-25.4 c-11.8,0-21.6,6-27.6,11l-5.7-12.4c8.7-7.3,21.7-13.2,36.7-13.2c27.7,0,39.5,19.1,39.5,37.8c0,24-17.5,43.3-44.7,69.8l-10.3,9.6 v0.5h58.2v14.5h-82.8V139.2z"></path>
                                                      <path fill="#848774" d="M189,125.9c1.2-2,2-4.1,2.3-6.1c0,0-34.3-47.3-70.4-51.9c0.5-0.2,1.5-0.6,1.5-0.6 c28.3-7,53.6-31.2,58.9-41.8c0.2-0.5-0.9-2.9-0.9-3.4c-9.2,12.2-19.8,27.1-51.3,42.1c30.3-15.2,50.5-45.9,50.5-45.9 s-0.5-1.5-1.7-3.8c-3.8,5.8-12.7,17.6-30.6,32.6c15.8-15.8,26-29.9,29.4-34.8c-2-3.1-5.2-6.9-10.3-10.3 c-9.6,15.6-34,43.3-50.5,55.6v21.3c16.2,11.5,34,28.9,53.7,62.6c4.6-1.8,11.2-6.1,15.8-11.2c-4.6-11.9-21.4-33.5-36.6-47.3 C167.3,93.9,179.1,109.9,189,125.9z"></path>
                                                      <polygon fill="#848774" points="112.7,69.5 112.7,4.4 95.2,4.4 95.2,139.2 112.7,139.2 112.7,87.9"></polygon>
                                                   </g>
                                                </svg>
                                             </div>
                                          </div>
                                          <div class="js-components-newspaper-Card-Card__body___2490w js-components-newspaper-Card-Card__cardBody___3C9ri">
                                             <div class="column small-12 js-components-newspaper-Card-Card__row___2k_dH">
                                                <div class="row js-components-newspaper-Card-Card__imageContainer___2_fGA">
                                                   <a href="/c/elementary-math-grade-1/add-to-10-with-images/enrichment/Overview-of-Addition-Sums-to-10?referrer=concept_details" class="column js-components-newspaper-Card-Card__link___3xJAM">
                                                      <span class="js-components-newspaper-Card-Card__image_present___21ngx"><img src="https://s3.amazonaws.com/ck12bg.ck12.org/curriculum/107522/thumb_540_50.jpg" alt="Overview of Addition (Sums to 10)" class=""></span><!-- react-empty: 786 -->
                                                   </a>
                                                </div>
                                                <div class="row">
                                                   <div class="column small-12">
                                                      <h2 class="js-components-newspaper-Card-Card__title___1JOpa" style="-webkit-box-orient: vertical; min-height: 0px;"><a href="/c//com/ustadmobile/lib/contentscrapers/ck12/ck12-video-genie.txt" title="Overview of Addition (Sums to 10)">Overview of Addition (Sums to 10)</a></h2>
                                                   </div>
                                                   <div class="column small-12">
                                                      <div class="js-components-newspaper-Card-Card__authorContainer___2SaFO" style="-webkit-font-smoothing: auto; color: rgb(142, 135, 116);">
                                                         <div style="font-size: 12px; text-transform: capitalize; height: 16px;"><span style="float: left;">at grade</span><span style="float: right; font-weight: 700;"></span></div>
                                                      </div>
                                                      <div class="js-components-newspaper-Card-Card__summary___2Z1Tt" style="-webkit-box-orient: vertical;">Overview</div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="row js-components-newspaper-Card-Card__footer___2LILS">
                                             <div class="js-components-newspaper-Card-Card__iconLike___1RCB0 column"><i class="icon-like"></i><span>111</span></div>
                                             <div class="js-components-newspaper-Card-Card__more___2vmjr">
                                                <div class="row align-middle">
                                                   <div class="js-components-newspaper-Card-Card__moreCountDiv___2b7fk js-components-newspaper-Card-Card__count___2HS2y column shrink">
                                                      <!-- react-text: 804 -->3<!-- /react-text --><!-- react-text: 805 --> More <!-- /react-text --><!-- react-text: 806 -->Videos<!-- /react-text -->
                                                   </div>
                                                </div>
                                             </div>
                                             <div class="column shrink js-components-newspaper-Card-Card__share___213II">
                                                <div class="js-components-newspaper-SelectButton__container___3Fvjs">
                                                   <div>
                                                      <div class="js-components-newspaper-SelectButton__icon___3m2KZ"><span class="icon-share"></span></div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="columns small-12 medium-4 js-components-newspaper-Cards-Cards__cardsRow___1PCp2">
                                       <div class="js-components-newspaper-Card-Card__exercise___iK-HF js-components-newspaper-Card-Card__card___3UgqP  js-components-newspaper-Card-Card__card___3UgqP">
                                          <div class="row align-middle js-components-newspaper-Card-Card__header___3Rky9">
                                             <div class="js-components-newspaper-Card-Card__artifactBg___sGppY"><span class="js-components-newspaper-Card-Card__headerSpan___3thqd"></span><i class="icon-exercise js-components-newspaper-Card-Card__headerIcon___1MZyy"></i></div>
                                             <div class="column large-5 medium-4 small-5 js-components-newspaper-Card-Card__groupType___1KS5N"><span>Practice</span></div>
                                             <div class="column small-4 js-components-newspaper-Card-Card__creator___2pwJI">
                                                <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 400 143">
                                                   <g>
                                                      <path fill="#848774" d="M80,135.8c-4.6,2.1-14.9,5.7-27.7,5.7c-29.2,0-48.2-19.9-48.2-49.6C4.1,62,24.5,40.3,56,40.3 c10.4,0,19.6,2.6,24.3,5.2l-4,13.3c-4.1-2.1-10.9-4.6-20.4-4.6c-22.2,0-34.1,16.5-34.1,36.7c0,22.4,14.4,36.1,33.5,36.1 c10,0,16.5-2.4,21.6-4.6L80,135.8z"></path>
                                                      <path fill="#848774" d="M239.4,78.9v12.9h-49.3V78.9H239.4z"></path>
                                                      <path fill="#848774" d="M270.5,25.7H270L247.4,38L244,24.7l28.3-15.2h15v130h-17V25.7H270.5z"></path>
                                                      <path fill="#848774" d="M313.4,139.2v-10.7l13.8-13.3c33.2-31.7,48.4-48.5,48.4-68.1c0-13.2-6.1-25.4-25.6-25.4 c-11.8,0-21.6,6-27.6,11l-5.7-12.4c8.7-7.3,21.7-13.2,36.7-13.2c27.7,0,39.5,19.1,39.5,37.8c0,24-17.5,43.3-44.7,69.8l-10.3,9.6 v0.5h58.2v14.5h-82.8V139.2z"></path>
                                                      <path fill="#848774" d="M189,125.9c1.2-2,2-4.1,2.3-6.1c0,0-34.3-47.3-70.4-51.9c0.5-0.2,1.5-0.6,1.5-0.6 c28.3-7,53.6-31.2,58.9-41.8c0.2-0.5-0.9-2.9-0.9-3.4c-9.2,12.2-19.8,27.1-51.3,42.1c30.3-15.2,50.5-45.9,50.5-45.9 s-0.5-1.5-1.7-3.8c-3.8,5.8-12.7,17.6-30.6,32.6c15.8-15.8,26-29.9,29.4-34.8c-2-3.1-5.2-6.9-10.3-10.3 c-9.6,15.6-34,43.3-50.5,55.6v21.3c16.2,11.5,34,28.9,53.7,62.6c4.6-1.8,11.2-6.1,15.8-11.2c-4.6-11.9-21.4-33.5-36.6-47.3 C167.3,93.9,179.1,109.9,189,125.9z"></path>
                                                      <polygon fill="#848774" points="112.7,69.5 112.7,4.4 95.2,4.4 95.2,139.2 112.7,139.2 112.7,87.9"></polygon>
                                                   </g>
                                                </svg>
                                             </div>
                                          </div>


                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </main>
            </div>
         </div>
         <div id="sharePlaneWrapper" class="row relative share-plane-container">
            <div class="share-plane-div js-share-plane absolute" style="right: 10px;">
               <div class="plane_image"></div>
            </div>
         </div>
         <!-- own contents go here -->
         <div class="row collapse" id="profilebuilder-content"></div>
         <div class="row collapse" id="ck12-license-container"></div>
         <div class="row collapse hide" id="notification_popup"></div>
         <button onclick="loadZendeskScript(); " class="supportButton">Support</button>
      </div>
      <div class="footer-space"></div>
      <footer id="footer" class="ff4-compt">
         <div class="footer-wrapper">
            <div class="row collapse footer-links-row align-center">
               <div class="medium-8 small-12 columns">
                  <div class="row footer-links-container" style="-webkit-font-smoothing:auto">
                     <div class="small-6 columns large-4 medium-4" style="padding-left:0; padding-right:0">
                        <div class="footer-titles row">
                           <span class="column" style="padding-left:0; padding-right:0">ABOUT</span>
                        </div>
                        <div class="row footer-link-wrapper">
                           <div class="large-6 small-12 medium-12 columns" style="padding-left:0; padding-right:0">
                              <ul>
                                 <li><a id="footer_mission" href="https://www.ck12info.org/about//mission/">Our Mission</a></li>
                                 <li><a id="footer_team" href="https://www.ck12info.org/about//team/">Meet the Team</a></li>
                                 <li><a id="footer_partners" href="https://www.ck12info.org/about//partners/">Partners</a></li>
                                 <li><a id="footer_pres" href="https://www.ck12info.org/about//press/">Press</a></li>
                                 <li><a id="footer_careers" href="https://www.ck12info.org/about//careers/">Careers</a></li>
                              </ul>
                           </div>
                           <div class="large-6 small-12 medium-12 columns" style="padding-left:0; padding-right:0">
                              <ul>
                                 <li><a id="footer_community" href="https://www.ck12info.org/about//ck12-community/">Community</a></li>
                                 <li><a id="footer_success" href="https://www.ck12info.org/about//success-stories/">Success Stories</a></li>
                                 <li><a id="footer_blog" href="http://www.ck12.org/blog/">Blog</a></li>
                                 <li><a id="footer_overview" data-reveal-id="myModal">Overview</a></li>
                                 <li><a id="footer_usage_map" href="http://www.ck12.org/map/?_ga=1.44500772.1884761676.1477069161">CK-12 Usage Map</a></li>
                                 <li><a id="footer_testimonials" href="https://www.ck12.org/testimonials">Testimonials</a></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                     <div class="small-6 columns large-8 medium-8">
                        <div class="row collapse">
                           <div class="medium-5 small-12 columns medium-offset-1" style="padding-left:0; padding-right:0">
                              <div class="footer-titles row collapse">
                                 <span class="column" style="padding-left:0; padding-right:0">SUPPORT</span>
                              </div>
                              <div class="row collapse footer-link-wrapper">
                                 <ul>
                                    <li><a id="footer_jumpstart" href="https://www.ck12.org/certified">Certified Educator Program</a></li>
                                    <li><a href="https://www.ck12info.org/about//ck12-webinars/">Webinars</a></li>
                                    <li><a id="footer_implementation" href="https://www.ck12info.org/about//implementation-guide/">Implementation Guide</a></li>
                                    <li><a id="footer_pilot" href="https://www.ck12info.org/about//pilot-program/">Pilot Program</a></li>
                                    <li><a id="footer_help" href="https://ck12support.zendesk.com/hc/en-us">Help</a></li>
                                    <li><a id="footer_contact" href="https://www.ck12info.org/about//contact-us/">Contact Us</a></li>
                                 </ul>
                              </div>
                           </div>
                           <div class="medium-5 small-12 columns medium-offset-1 by-ck12-wrapper" style="padding-left:0; padding-right:0">
                              <div class="footer-titles row collapse">
                                 <span class="column" style="padding-left:0; padding-right:0">BY CK-12</span>
                              </div>
                              <div class="row collapse footer-link-wrapper">
                                 <ul>
                                    <li><a id="footer_ccss" href="/flexbooks/browse/#math">Common Core Math</a></li>
                                    <li><a id="footer_flexbooks" href="https://www.ck12info.org/about//fbbrowse/">K-12 FlexBooks®</a></li>
                                    <li><a id="footer_colege_flexbooks" href="/college/">College FlexBooks®</a></li>
                                    <li><a id="footer_tools" href="https://www.ck12info.org/about//tools-and-apps/">Tools and Apps</a></li>
                                    <li><a id="footer_braingenie" href="https://braingenie.ck12.org/" class="notranslate">BRAINGENIE™</a></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="medium-4 small-12 columns">
                  <div class="footer-social-links-wrapper row collapse align-center">
                     <div class="small-12 columns translate-social-wrapper">
                        <div id="google_translate_element" class="" title="Select language">
                           <div class="skiptranslate goog-te-gadget" dir="ltr" style="">
                              <div id=":0.targetLanguage" class="goog-te-gadget-simple" style="white-space: nowrap;"><img src="https://www.google.com/images/cleardot.gif" class="goog-te-gadget-icon" alt="" style="background-image: url(&quot;https://translate.googleapis.com/translate_static/img/te_ctrl3.gif&quot;); background-position: -65px 0px;"><span style="vertical-align: middle;"><a aria-haspopup="true" class="goog-te-menu-value" href="javascript:void(0)"><span>Select Language</span><img src="https://www.google.com/images/cleardot.gif" alt="" width="1" height="1"><span style="border-left: 1px solid rgb(187, 187, 187);">​</span><img src="https://www.google.com/images/cleardot.gif" alt="" width="1" height="1"><span aria-hidden="true" style="color: rgb(118, 118, 118);">▼</span></a></span></div>
                           </div>
                        </div>
                        <div class="social_links right" style="width:max-content">
                           <span itemscope="" itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_googleplus" href="https://plus.google.com/+Ck12Org/" target="_blank" rel="noopener" class="icon-googleplus"></a></span>
                           <span itemscope="" itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_facebook" href="https://www.facebook.com/CK12Foundation" target="_blank" rel="noopener" class="icon-facebook"></a></span>
                           <span itemscope="" itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_twitter" href="https://twitter.com/CK12Foundation" target="_blank" rel="noopener" class="icon-twitter"></a></span>
                           <span itemscope="" itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_linkedin" href="https://www.linkedin.com/company/75810" target="_blank" rel="noopener" class="icon-linkedin"></a></span>
                           <span itemscope="" itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_pinterest" href="http://www.pinterest.com/ck12foundation/" target="_blank" rel="noopener" class="icon-pinterest-3"></a></span>
                           <span itemscope="" itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_email" class="footer-share-email-link icon-email"></a></span>
                        </div>
                        <div class="app-store-icons ">
                           <a id="apple-store-link" target="_blank" rel="noopener" href="https://itunes.apple.com/us/app/ck-12/id909343639?ls=1&amp;mt=8">
                           <img class="apple-store-image" alt="Download on the app store" src="//img2.ck12.org/media/build-20190102153035/common/images/apple-app-store.svg">
                           </a>
                           <a id="google-store-link" target="_blank" rel="noopener" href="https://play.google.com/store/apps/details?id=org.ck12.app.practice">
                           <img class="google-store-image" alt="Get it on Google Play" src="//img1.ck12.org/media/build-20190102153035/common/images/google-play-badge.png">
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="row collapse footer-info-row">
               <div class="medium-5 columns footer-version-info hide-for-small-only">
                  <span>v2.8.5.20190102104305</span>
                  <span class="year_version_separator">|</span>
                  <span class="copy-right-year">© CK-12 Foundation 2019</span>
                  <div><span>FlexBook® Platform </span></div>
               </div>
               <div class="medium-7 small-12 columns footer-usage">
                  <span><a id="footer_tou" href="https://www.ck12info.org/about//terms-of-use/" title="Terms of Use">Terms of Use</a></span>
                  <span class="footer-separator">|</span>
                  <span><a id="footer_privacy" href="https://www.ck12info.org/about//technology-2/privacy-policy/" title="Privacy">Privacy</a></span>
                  <span class="footer-separator">|</span>
                  <span><a id="footer_guidelines" href="https://www.ck12info.org/about//attribution-guidelines/" title="CK-12 Attribution Requirements">Attribution Guide</a></span>
                  <span class="footer-separator">|</span>
                  <span><a id="footer_license" href="http://creativecommons.org/licenses/by-nc/3.0/" title="CK-12 Foundation is licensed under Creative Commons Attribution-NonCommercial 3.0 Unported (CC BY-NC 3.0)." target="new"><img class="footer_image" src="//img1.ck12.org/media/build-20190102153035/images/icon_licence.png" alt="Attribution-NonCommercial 3.0 Unported"></a></span>
               </div>
               <div class="medium-5 small-12 columns footer-version-info-small show-for-small-only">
                  <span>v2.8.5.20190102104305</span>
                  <span class="year_version_separator">|</span>
                  <span class="copy-right-year">© CK-12 Foundation 2019</span>
                  <div><span>FlexBook® Platform</span></div>
               </div>
            </div>
         </div>
      </footer>
      <!-- Tutorial Video -->
      <div id="myModal" class="modal-uikit reveal-modal small">
         <div class="close close-reveal-modal button-close">+</div>
         <h4>CK-12 Overview</h4>
         <div class="flex-video"></div>
      </div>
      <div class="hide">
         <!-- All the divs inside this div will be hidden and are used for showing dialogs and messages -->
         <div id="loading_div">
            Please wait... <img src="//img1.ck12.org/media/build-20190102153035/images/icon_loading.gif" width="43" height="11">
         </div>
         <div id="js_signindialog" data-url="https://www.ck12.org/auth/signin?popup=true&amp;requestor=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/%3Fby%3Dck12%26difficulty%3Dall%26filterReferrer%3Dsource&amp;returnTo=https%3A//www.ck12.org/account/federated/authorized/popup/" data-auth-no-popup-url="https://www.ck12.org/auth/signin?&amp;requestor=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/%3Fby%3Dck12%26difficulty%3Dall%26filterReferrer%3Dsource&amp;returnTo=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/%3Fby%3Dck12%26difficulty%3Dall%26filterReferrer%3Dsource">
            <div class="action"><a id="signin_close" href="#" alt="Close Sign In " title="Close Sign In"></a></div>
         </div>
         <div id="js_dialog_basic">
            <!-- used for simple OK/Cancel or Alert type dialogs. -->
            <div class="dialog_msg"></div>
            <div class="dialog_loading hide">Please wait...<img src="//img1.ck12.org/media/build-20190102153035/images/icon_loading.gif" width="43" height="11"></div>
         </div>
      </div>
      <script src="//st2.ck12.org/media/build-20190102153035/dexterjs/dexterjs.min.js"></script>
      <script src="//st1.ck12.org/media/build-20190102153035/common/js/utils/globals.js"></script>
      <script data-main="//st3.ck12.org/media/build-20190102153035/main" src="//st3.ck12.org/media/build-20190102153035/common/vendor/requirejs/require.js"></script>
      <script language="javascript" type="text/javascript">
         function getCookie(c_name){
             var i,x,y,ARRcookies=document.cookie.split(";");
             for (i=0;i<ARRcookies.length;i++){
               x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
               y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
               x=x.replace(/^\s+|\s+$/g,"");
               if (x==c_name) {
                 return unescape(y);
               }
             }
         }

         function getRandomString(length) {
             var chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', value = '';
             for (var i = length; i > 0; --i) {
                 value += chars[Math.round(Math.random() * (chars.length - 1))];
             }
             return value;
         }

         // login user role is c.user.role for guest role is in cookies.
         var flxweb_role;
         var flxweb_roles = [];
         var isEditAllowed = false;
         var webroot_url = 'https://www.ck12.org/';
         var editprofile_url = 'https://www.ck12.org/auth/profile?appHome=https%3A%2F%2Fwww.ck12.org%2F&returnTo=https%3A%2F%2Fwww.ck12.org%2Faccount%2Fsettings%2F';
         var adaptive_practice_launch_date = '';


             flxweb_role = getCookie('flxweb_role');
             flxweb_roles.push(flxweb_role);
             window.ck12_signed_in = false;


         dexterjs.set("config", {
             clientID: 24839961,
             trackPageTime: false
         });

         if (window.lmsContext === 'lti-app'){
             // Add in appID and provider for ADS
             // when in lti context
             try {
                 appInfo = JSON.parse(sessionStorage.getItem('ltiAppInfo'));
          var mixins = { appID: appInfo.appID,
                lmsProvider: appInfo.provider,
         appContext: appInfo.lms_name
          }
                 dexterjs.set('config', {mixins:mixins});
            } catch(e) {
                 console.error("Error adding ADS mixins for lti: "+ String(e));
            }
         }
         _ck12 = dexterjs;

         function startPageTimer() {
             window.adsPageStartTime = new Date().getTime();
         }

         function adsLogPageTime() {
             var endTime = new Date().getTime();
             var timeOnPage = Math.round((endTime - window.adsPageStartTime)/1000);
             //pageType, URL, duration (in seconds)
             var payload = {
                 'URL' : document.location.href,
                 'duration': timeOnPage
             };
             if(window.adsPage) {
                 payload['pageType'] = window.adsPage;
             } else if (window.pageType) {
                 payload['pageType'] = window.pageType;
             }

             if (window.adsSubject) {
                 payload['subject'] = window.adsSubject;
             }
             if (window.adsBranch) {
                 payload['branch'] = window.adsBranch;
             }
             if (window.adsContextEid) {
                 payload['context_eid'] = window.adsContextEid;
             }
             if (window.artifactID) {
                 payload['artifactID'] = window.artifactID;
             }

             _ck12.logEvent('FBS_TIMESPENT', payload);
          }

         function adsOnload() {
             if (window.ck12_signed_in) {
                 createCookieActiveUser();
             }
             startPageTimer();
         }

         function adsOnBeforeUnload() {
             adsLogPageTime();
         }

         function createCookieActiveUser(){
             var value;
             var now = new Date();
             var time = now.getTime();
             var expireTime = time + 1000*3600;
             now.setTime(expireTime);
             var activeCookie = getCookie('flxweb_user_active');
             if(activeCookie){
                 value = activeCookie;
             }else{
                 value = getRandomString(25);
                 payload = {
                     'sessionID': value
                 };
                 _ck12.logEvent('FBS_ACTIVE_USER', payload);
             }
             document.cookie =
                 'flxweb_user_active=' + value +
                 '; expires=' + now.toUTCString() +
                 '; path=/';
         }

         function addEvent(obj, evt,fn,useCapture){
             if(obj.addEventListener){
                 obj.addEventListener(evt,fn,useCapture);
                 return true;
             }else if(obj.attachEvent){
                 var r=obj.attachEvent('on'+evt,fn);
                 return r;
             }else this['on'+evt]=fn;
         }

         addEvent(window, "load", adsOnload);
         var existingOnBeforeUnloadHandler = window.onbeforeunload;

         function handleExistingBeforeUnload() {
             var returnValue;
             if (existingOnBeforeUnloadHandler){
                 returnValue = existingOnBeforeUnloadHandler(event);
             }
             adsOnBeforeUnload();
             if (returnValue) {
               return returnValue;
             }
         }
         addEvent(window, "beforeunload", handleExistingBeforeUnload);

         <!--Browser Cookie detection start -->
         var cookieEnabled = (navigator.cookieEnabled) ? true : false;
         if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled)
         {
         var cookieName = "CK12-Cookie-Test";
         document.cookie= cookieName;
         cookieEnabled = (document.cookie.indexOf(cookieName) != -1) ? true : false;
         if (cookieEnabled){
             document.cookie = cookieName + "=; expires=Thu, 01 Jan 1970 00:00:01 GMT;";
         }
         }
         if (!cookieEnabled){
         cookieBar('block');
         }

         function cookieBar(displayValue){
         var cookies_msg_container = document.getElementById("nocookies");
         if (cookies_msg_container != null){
             cookies_msg_container.style.display = displayValue;
         }
         }

      </script>
      <!--Browser Cookie detection end -->
      <script type="text/javascript">
         function triggerProfileBuilder(){
         	require(['main'], function(){
         			require(['profilebuilder/controllers/profile.builder', 'profilebuilder/views/profile.builder.view', 'profilebuilder/services/ck12.locationService'],function(profileBuilder, profileBuilderView, locationService){
         				profileBuilder.load('profilebuilder-content', profileBuilderView, locationService);
         			});
         	});
         }
         var isProfileUpdated = true;
      </script>
      <script type="text/javascript">
         if (location.href.split("&").indexOf('noback=true') === -1) {
         	if ('classList' in document.createElement('a')) {
         		document.getElementsByClassName('back-icon')[0].classList.remove('hide-one', 'hidden');
         		document.getElementsByClassName('name')[0].classList.add('hide-small');
         	} else { // IE-9 :(
         		var temp = document.getElementsByClassName('back-icon')[0];
         		temp.className = temp.className.replace(/\bhide-one\b/, '');
         		temp.className = temp.className.replace(/\bhidden\b/, '');
         		document.getElementsByClassName('name')[0].className += 'hide-small';
         	}
         } else {
                if ('classList' in document.createElement('a')) {
                    document.getElementsByClassName('back-icon')[0].classList.add('hide-small');
                } else {
                    document.getElementsByClassName('back-icon')[0].className += ' hide-small';
                }
            }
            require(['main'], function () {
                require(['common/utils/user', 'common/views/share.via.email.view'], function(User, ShareEmailView){
                    window.ck12Bridge = {
                        User: User,
                        ShareEmailView: ShareEmailView
                    };
                });
            });
      </script>
      <script src="//st1.ck12.org/media/build-20190102153035/modality-react/dist/vendor.js"></script>
      <script src="//st3.ck12.org/media/build-20190102153035/modality-react/dist/modality.js"></script>
      <noscript>
         <div style="position:fixed; top:0;left:0;right:0;margin:auto; z-index:9999;">
            <div class="row collapsed" style="text-align:center;background-color:#FFFF99;padding:5px 5px 5px 5px; border:2px solid #999;font-size:16px;text-shadow:none;color:#000000;">
               <div>To use this website, please enable javascript in your browser. <a style="text-shadow: none;color:#0000FF;text-decoration:underline;" href="/nojavascript/">Learn more</a></div>
            </div>
         </div>
      </noscript>
      <!-- START cookie disabled message -->
      <div id="nocookies" style="text-align:center; top: 0px; width:100%; position:absolute;	z-index:9999; display:none;">
         <div id="nocookies_inner" style="margin:0 auto; height:16px;	width:800px; background-color: #FFFF99;	padding:4px 10px 10px 10px; border:3px solid #999; font-size: 16px; text-shadow: none; color: #000000;">
            <div class="cookiemsg" style="float:left;">Oops, looks like cookies are disabled on your browser. Click <a style=" text-shadow: none;color: #0000FF;" href="/nocookies/">here</a> to see how to enable them.</div>
            <div class="cookies_close" style="float:right;"><a style="text-decoration:none;color: #000000;" href="javascript:void(0);" onclick="cookieBar('none');">X</a></div>
         </div>
      </div>
      <!-- END cookie disabled message -->
      <!--
         ###############################
         #  FLXWEB DEBUG INFORMATION
         ###############################
         flxweb_node_name = flxweb4-285
         processing_time  = 0.3684
         -->
      <script type="text/javascript" id="">var _prum=[["id","55f09a4cabe53d977c9b8715"],["mark","firstbyte",(new Date).getTime()]];(function(){var b=document.getElementsByTagName("script")[0],a=document.createElement("script");a.async="async";a.src="//rum-static.pingdom.net/prum.min.js";b.parentNode.insertBefore(a,b)})();</script><script type="text/javascript" id="">var MAX_TIME=18E5,existingBeforeUnload=window.onBeforeUnload;function logTimeSpent(){var a=(new Date).getTime()-google_tag_manager["GTM-NFJ3V2"].macro(2);a>MAX_TIME&&(a=MAX_TIME);window.dataLayer.push({event:"unloadEvent",timeonpage:a})}window.addEventListener("beforeunload",function(a){var b;existingBeforeUnload&&"function"===typeof existingBeforeUnload&&(b=existingBeforeUnload())&&(a.preventDefault(),a.returnValue=b);logTimeSpent()});</script><script type="text/javascript" id="">(function(){"slim-show-parent"===window.sessionStorage.ERVariation&&(window._softRegConfig={showParentRole:!0,hideMessageProps:!0})})();</script>
      <script type="text/javascript" id="">(function(a,b){if(!b.__SV){var c=window;try{var n,k,l=c.location,g=l.hash;var d=function(a,b){return(n=a.match(RegExp(b+"\x3d([^\x26]*)")))?n[1]:null};g&&d(g,"state")&&(k=JSON.parse(decodeURIComponent(d(g,"state"))),"mpeditor"===k.action&&(c.sessionStorage.setItem("_mpcehash",g),history.replaceState(k.desiredHash||"",a.title,l.pathname+l.search)))}catch(p){}var m,h;window.mixpanel=b;b._i=[];b.init=function(a,c,f){function d(a,b){var c=b.split(".");2==c.length&&(a=a[c[0]],b=c[1]);a[b]=function(){a.push([b].concat(Array.prototype.slice.call(arguments,
         0)))}}var e=b;"undefined"!==typeof f?e=b[f]=[]:f="mixpanel";e.people=e.people||[];e.toString=function(a){var b="mixpanel";"mixpanel"!==f&&(b+="."+f);a||(b+=" (stub)");return b};e.people.toString=function(){return e.toString(1)+".people (stub)"};m="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
         for(h=0;h<m.length;h++)d(e,m[h]);b._i.push([a,c,f])};b.__SV=1.2;c=a.createElement("script");c.type="text/javascript";c.async=!0;c.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===a.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";d=a.getElementsByTagName("script")[0];d.parentNode.insertBefore(c,d)}})(document,window.mixpanel||[]);
         mixpanel.init("b119ac0518c6006607b1105730218729",{persistence:"localStorage"});function getCookieValue(a){return(a=document.cookie.match("(^|;)\\s*"+a+"\\s*\x3d\\s*([^;]+)"))?a.pop():""}window.setTimeout(function(){var a=getCookieValue("dexterjsVisitorID");a?window.mixpanel&&window.mixpanel.identify&&window.mixpanel.identify(a):console.warn("GTM::Mixpanel: dexterjsVisitorID cookie not found")},10);
         window.setTimeout(function(){window.mixpanel.hasOwnProperty("track")&&window.dexterjs.logEvent("FBS_ERROR",{error_type:"analytics",error_code:"MIXPANEL_NOT_INITIALIZED",error_exception:"not_applicable"})},1E3);
      </script><script type="text/javascript" id="">console.log("Setting configuration to disable Soft Registration");window._softRegConfig={rule:{1:{status:"CLOSE"}},shouldTriggerSRFromSEO:!1,shouldCountForAddressBarAccess:!1};</script><script type="text/javascript" id="">(function(a){(a=document.getElementById("footer_colege_flexbooks"))&&(a.innerHTML="College FlexBooks\x26reg;")})();</script>
      <style>
         /***** Soft Registration Overides ******/
         html.system-notification #softRegWrapper:not(:empty) {
         position: static !important; /* IE 11, does not support sticky, so we will use static header*/
         position: -webkit-sticky !important; /* Safari supports sticky via -webkit- prefix */
         position: sticky !important; /* all other browsers that support sticky */
         top:35px !important;
         }
         html.system-notification #softRegWrapper:not(:empty) ~ #content-container {
         padding-top: 0px !important;
         }
         /***** Google ClassRoom Overides ******/
         html.system-notification #google-classroom-banner.active {
         position: static !important; /* IE 11, does not support sticky, so we will use static header*/
         position: -webkit-sticky !important; /* Safari supports sticky via -webkit- prefix */
         position: sticky !important; /* all other browsers that support sticky */
         }
         html.system-notification .google-classroom-banner-space {
         padding-top: 0px !important;
         }
         /***** LMSPractice Overrides *****/
         html.system-notification[data-app-context="lti_app"] body .header-space{
         padding-top:0px
         }
         /***** PeerHelp aka Forums/Groups discussion overrides ******* */
         /* Don't show the System Notification on screens that have no-scroll body.
         Usually this is the case with forums "ask a question" screens on mobile
         See bug 59685 for details
         */
         @media only screen and (max-width: 767px) {
         body.no-Scroll #maintenanceWrapper {
         display: none;
         }
         }
         /***** System Notification Overides ******/
         @media only screen and (min-width: 48em) {
         html.system-notification {
         overflow-x: hidden;
         }
         html.system-notification .header-space {
         padding-top: 0px;
         }
         html.system-notification > body > header {
         position: static !important; /* IE 11, does not support sticky, so we will use static header*/
         position: -webkit-sticky !important; /* Safari supports sticky via -webkit- prefix */
         position: sticky !important; /* all other browsers that support sticky */
         }
         }
         @media only screen and (max-width: 767px) {
         html.system-notification body.side-bar-active #maintenanceWrapper {
         margin-left: 80%;
         width:100%;
         }
         }
         .system-notification-container{
         background:none repeat scroll 0 0 #91C0F3;
         text-shadow: none;
         color: #FFFFFF;
         max-width:100%;
         min-width: initial;
         -webkit-font-smoothing: auto;
         }
         #system_notification_dismiss {
         position: absolute;
         color: #FFF;
         margin: 5px 0px 0px 0px;
         top: 20px;
         right: 20px;
         cursor: pointer;
         }
         /* customizable snowflake styling */
         .snowflake {
         color: #fff;
         font-size: 1em;
         font-family: Arial;
         text-shadow: 0 0 1px #fff;
         }
         @-webkit-keyframes snowflakes-fall{
         0%{top:-10%}
         100%{top:150px}
         }
         @-webkit-keyframes snowflakes-shake{
         0%{-webkit-transform:translateX(0px);transform:translateX(0px)}
         50%{-webkit-transform:translateX(80px);transform:translateX(80px)}
         100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
         }
         @keyframes snowflakes-fall{
         0%{top:-10%; opacity:1}
         80%{top:200px; opacity:1}
         100%{top:300px; opacity:0}
         }
         @keyframes snowflakes-shake{
         0%{transform:translateX(0px)}
         50%{transform:translateX(80px)}
         100%{transform:translateX(0px)}
         }
         .snowflake{
         position:absolute;
         top:-10%;
         z-index:1;
         -webkit-user-select:none;
         -moz-user-select:none;
         -ms-user-select:none;
         user-select:none;
         cursor:default;
         -webkit-animation-name:snowflakes-fall,snowflakes-shake;
         -webkit-animation-duration:10s,3s;
         -webkit-animation-timing-function:linear,ease-in-out;
         -webkit-animation-iteration-count:infinite,infinite;
         -webkit-animation-play-state:running,running;
         animation-name:snowflakes-fall,snowflakes-shake;
         animation-duration:10s,3s;
         animation-timing-function:linear,ease-in-out;
         animation-iteration-count:infinite,infinite;
         animation-play-state:running,running
         }
         .snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}
         .snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}
         .snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}
         .snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}
         .snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}
         .snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}
         .snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}
         .snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}
         .snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}
         .snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
         #xmas-banner-main{
         background-image:url(https://static.ck12.org/holiday-banner-2018/snowman-nobg.png);
         height: 272px;
         position: relative;
         }
         #xmas-donate-msg{
         margin-left: 280px;
         padding-top: 80px;
         text-shadow: 1px 1px #888
         }
         #xmas-donate-msg .msg_main{
         color:#FFF;
         font-weight: bold;
         font-size: 28px;
         }
         #xmas-donate-msg .msg_sub{
         color: #FFF;
         width: 250px;
         font-size: 16px;
         font-weight: bold;
         }
         #xmas-btn-cta{
         position: absolute;
         top: 125px;
         right: 10%;
         }
         #xmas-btn-cta .button.tangerine{
         background-color: #F1224D;
         border-bottom: 3px solid #b7193a;
         border-top: 3px solid #F1224D;
         text-transform: uppercase;
         font-weight: bold;
         }
         #top_nav_donate.xmas {
         background: #f1334D;
         line-height: 30px;
         border-top: 5px solid #56544d;
         }
      </style>
      <script type="text/javascript" id="">(function systemNotificationDeferred(){function h(){window.$?k().done(function(a){if(a){a="Join Our Movement";var d="Your donation can help us achieve our mission and reach even more educators and children.",b="https://www.paypal.com/cgi-bin/webscr?cmd\x3d_s-xclick\x26hosted_button_id\x3dTYEZQLLQPNZA8\x26source\x3durl",c='\x3cdiv id\x3d"maintenanceWrapper"\x3e\x3cdiv id\x3d"system_notification_container" class\x3d"container_12 clearfix system-notification-container"\x3e    \x3cdiv class\x3d"small-12 large-12 hide-for-small"\x3e        \x3cdiv class\x3d"row"\x3e            \x3cdiv style\x3d"height:272px; width:100%;"\x3e                \x3cdiv class\x3d"snowflakes" aria-hidden\x3d"true"\x3e                    \x3cdiv class\x3d"snowflake"\x3e\u2744\x3c/div\x3e                    \x3cdiv class\x3d"snowflake"\x3e\u2744\x3c/div\x3e                    \x3cdiv class\x3d"snowflake"\x3e\u2744\x3c/div\x3e                    \x3cdiv class\x3d"snowflake"\x3e\u2744\x3c/div\x3e                    \x3cdiv class\x3d"snowflake"\x3e\u2744\x3c/div\x3e                    \x3cdiv class\x3d"snowflake"\x3e\u2744\x3c/div\x3e                    \x3cdiv class\x3d"snowflake"\x3e\u2744\x3c/div\x3e                    \x3cdiv class\x3d"snowflake"\x3e\u2744\x3c/div\x3e                    \x3cdiv class\x3d"snowflake"\x3e\u2744\x3c/div\x3e                    \x3cdiv class\x3d"snowflake"\x3e\u2744\x3c/div\x3e                \x3c/div\x3e                \x3cdiv id\x3d"xmas-banner-main"\x3e                    \x3cdiv id\x3d"xmas-donate-msg"\x3e                        \x3cdiv class\x3d"msg_main"\x3e                          __MSG__                        \x3c/div\x3e                        \x3cdiv class\x3d"msg_sub"\x3e                            __MSG_SUB__                        \x3c/div\x3e                    \x3c/div\x3e                    \x3cdiv id\x3d"xmas-btn-cta"\x3e                       \x3ca href\x3d"__DONATE_URL__" rel\x3d"noopener" target\x3d"_blank" class\x3d"button tangerine dxtrack-user-action" data-dx-desc\x3d"donate_cta_click" \x3e                           \x3cimg src\x3d"https://static.ck12.org/holiday-banner-2018/flake.png" width\x3d"25"\x3e                           Donate                       \x3c/a\x3e                    \x3c/div\x3e                    \x3cdiv id\x3d"system_notification_dismiss" title\x3d"Close"\x3eX\x3c/div\x3e                \x3c/div\x3e            \x3c/div\x3e        \x3c/div\x3e    \x3c/div\x3e\x3c/div\x3e',
         e=document.createElement("div");e.innerHTML=c.replace(/__MSG__/,a).replace(/__MSG_SUB__/,d).replace(/__DONATE_URL__/,b);g.classList.add("system-notification");f.insertBefore(e.firstChild,f.firstChild);l()}}):setTimeout(systemNotificationDeferred,500)}function l(){document.getElementById("xmas-btn-cta").addEventListener("click",function(){window.mixpanel&&window.mixpanel.track("donate_cta_click")});document.getElementById("system_notification_dismiss").addEventListener("click",function(){var a=document.getElementById("system_notification_container");
         localStorage.setItem(e,c);window.dexterjs&&window.dexterjs.logEvent("FBS_USER_ACTION",{desc:"system-notification-dismissed",notificationID:c});window.mixpanel&&window.mixpanel.track("holiday-banner-dismissed",{notificationID:c});"remove"in Element.prototype?a.remove():a.parentNode.removeChild(a);g.classList.remove("system-notification");try{var d=new Event("content:removed");document.getElementById("maintenanceWrapper").dispatchEvent(d)}catch(b){console.error(b)}})}function k(){var a=$.Deferred();
         f&&c!==localStorage.getItem(e)&&(m?a.resolve(!0):(console.debug("jQuery loaded in systemNotification via GTM, checking visitedAPI"),hasUserVisited().done(function(d){a.resolve(d)}).fail(function(){a.reject()})));return a.promise()}var m=!0,c="donate-banner-dec-2018",e="SystemNotificationID",f=document.querySelector("body"),g=document.querySelector("html");(function(){function a(a,b){b=b||{bubbles:!1,cancelable:!1,detail:void 0};var c=document.createEvent("CustomEvent");c.initCustomEvent(a,b.bubbles,
         b.cancelable,b.detail);return c}if("function"===typeof window.CustomEvent)return!1;a.prototype=window.Event.prototype;window.CustomEvent=a;window.Event=a})();h()})();
      </script>
      <link rel="stylesheet" type="text/css" media="all" href="//dvninqhj78q4x.cloudfront.net/media/common/css/gtranslate.overrides.css">
      <style>
         .goog-te-spinner, .goog-te-spinner-path {
         animation:none !important; /* disable the animation see bug 48485*/
         }
      </style>
      <script type="text/javascript" id="">function googleTranslateElementInit(){new google.translate.TranslateElement({pageLanguage:"en",layout:google.translate.TranslateElement.InlineLayout.SIMPLE,autoDisplay:!1,gaTrack:!0,gaId:"UA-5330854-2"},"google_translate_element");var a=document.getElementById("goog-gt-tt");a.parentNode.removeChild(a)};</script>
      <script type="text/javascript" id="" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
      <style>
         .supportButton{
         background: #99CC66;
         color: #ffffff;
         display: block;
         border: 0px;
         position: fixed;
         top:calc(50% - 44px) !important;
         right:0px;
         transform: rotate(-90deg);
         /*transform-origin: right center;
         margin-right: 15px;*/
         transform-origin: bottom right;
         font-size: 14px;
         font-weight: bold;
         padding: 10px;
         z-index: 9999;
         -webkit-font-smoothing: antialiased;
         }
         .remZDLink{
         display: none;
         }
      </style>
      <script type="text/javascript" id="">var minWindowSize=768;
         if(window.innerWidth>minWindowSize){var zendeskLoaded=!1,supportButton=document.createElement("button");supportButton.setAttribute("onclick","loadZendeskScript(); ");supportButton.setAttribute("class","supportButton");supportButton.innerHTML="Support";var page_context="",container=document.getElementById("content-container");-1!==window.location.pathname.indexOf("/my/dashboard-new/")&&(container=document.getElementById("dashboard"));-1!==window.location.hostname.indexOf("ck12info.org")&&(container=
         document.getElementsByTagName("body")[0]);-1!==window.location.pathname.search("/lmspractice/edmPractice(Science|Math)/")&&(console.log("This is an edmodo page"),page_context="edmodo",container=document.getElementById("practiceapp_container"));if(container&&"edmodo"===page_context){console.log("Inserting support button before contianer");try{container.parentNode.insertBefore(supportButton,container)}catch(c){console.log("Failed to insert support button: "+c)}}else container&&container.appendChild(supportButton)}
         function remZDLink(){var c=document.getElementsByClassName("u-isHiddenVisually");c&&(c.innerHTML="")}
         function loadZendeskScript(){zendeskLoaded?(zE.activate({hideOnClose:!0}),remZDLink()):(window.zESettings={webWidget:{position:{horizontal:"right",vertical:"top"},offset:{horizontal:"50px",vertical:"160px"},zIndex:9999999}},window.zEmbed||function(c,g){var f=[],b=document.createElement("iframe");window.zEmbed=function(){f.push(arguments)};window.zE=window.zE||window.zEmbed;b.src="javascript:false";b.title="";b.role="presentation";(b.frameElement||b).style.cssText="display: none";var a=document.getElementsByTagName("script");
         a=a[a.length-1];a.parentNode.insertBefore(b,a);a=b.contentWindow;a=a.document;try{var d=a}catch(h){var e=document.domain;b.src='javascript:var d\x3ddocument.open();d.domain\x3d"'+e+'";void(0);';d=a}d.open()._l=function(){var a=this.createElement("script");e&&(this.domain=e);a.id="js-iframe-async";a.src=c;this.t=+new Date;this.zendeskHost=g;this.zEQueue=f;this.body.appendChild(a)};d.write('\x3cbody onload\x3d"document._l();"\x3e');d.close()}("https://assets.zendesk.com/embeddable_framework/main.js",
         "ck12support.zendesk.com"),zE(function(){zE.hide();zE.activate({hideOnClose:!0});remZDLink()}),zendeskLoaded=!0)};
      </script>
      <div class="goog-te-spinner-pos">
         <div class="goog-te-spinner-animation">
            <svg xmlns="http://www.w3.org/2000/svg" class="goog-te-spinner" width="96px" height="96px" viewBox="0 0 66 66">
               <circle class="goog-te-spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
            </svg>
         </div>
      </div>
      <iframe frameborder="0" class="goog-te-menu-frame skiptranslate" title="Language Translate Widget" style="visibility: visible; box-sizing: content-box; width: 1030px; height: 263px; display: none;"></iframe>
      <ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="display: none;"></ul>
      <ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-2" tabindex="0" style="display: none;"></ul>
      <ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-3" tabindex="0" style="display: none;"></ul>
   </body>
</html>