<!doctype html><html lang="en" class="scroll-smooth"><head>
    <meta charset="utf-8">
    <title>Hatch Early Learning</title>
    
      <link rel="shortcut icon" href="https://www.hatchearlylearning.com/hubfs/1_Hatch%20%20Brand%20Graphics/HATCH%20Favicon.png">
    
    <meta name="description" content="Hatch provides early childhood teachers innovative early learning solutions for pre-k, preschool, kindergarten, and head start classrooms.">
    <style>
    @font-face {font-family:'Avenir';src:url(https://www.hatchearlylearning.com/hubfs/raw_assets/public/hatch/fonts/avenir.woff2)format('woff2'),url(https://www.hatchearlylearning.com/hubfs/raw_assets/public/hatch/fonts/avenir.woff)format('woff');font-weight:normal;font-style:normal}
    @font-face {font-family:'Avenir';src:url(https://www.hatchearlylearning.com/hubfs/raw_assets/public/hatch/fonts/avenir-black.woff2)format('woff2'),url(https://www.hatchearlylearning.com/hubfs/raw_assets/public/hatch/fonts/avenir-black.woff)format('woff');font-weight:900;font-style:normal}
    </style>
    
    <meta name="viewport" content="width=device-width, initial-scale=1">

    
    <meta property="og:description" content="Hatch provides early childhood teachers innovative early learning solutions for pre-k, preschool, kindergarten, and head start classrooms.">
    <meta property="og:title" content="Hatch Early Learning">
    <meta name="twitter:description" content="Hatch provides early childhood teachers innovative early learning solutions for pre-k, preschool, kindergarten, and head start classrooms.">
    <meta name="twitter:title" content="Hatch Early Learning">

    

    
    <style>
a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
</style>

<link rel="stylesheet" href="https://www.hatchearlylearning.com/hs-fs/hub/7803303/hub_generated/template_assets/106799328372/1710811893235/hatch/css/main.min.css">
    

    
<!--  Added by GoogleAnalytics integration -->
<script>
var _hsp = window._hsp = window._hsp || [];
_hsp.push(['addPrivacyConsentListener', function(consent) { if (consent.allowed || (consent.categories && consent.categories.analytics)) {
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create','UA-2435701-1','auto');
  ga('send','pageview');
}}]);
</script>

<!-- /Added by GoogleAnalytics integration -->

<!--  Added by GoogleAnalytics4 integration -->
<script>
var _hsp = window._hsp = window._hsp || [];
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}

var useGoogleConsentModeV2 = true;
var waitForUpdateMillis = false ? 1000 : 0;


if (!window._hsGoogleConsentRunOnce) {
  window._hsGoogleConsentRunOnce = true;

  gtag('consent', 'default', {
    'ad_storage': 'denied',
    'analytics_storage': 'denied',
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'wait_for_update': waitForUpdateMillis
  });

  if (useGoogleConsentModeV2) {
    _hsp.push(['useGoogleConsentModeV2'])
  } else {
    _hsp.push(['addPrivacyConsentListener', function(consent){
      var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics));
      var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement));

      gtag('consent', 'update', {
        'ad_storage': hasAdsConsent ? 'granted' : 'denied',
        'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied',
        'ad_user_data': hasAdsConsent ? 'granted' : 'denied',
        'ad_personalization': hasAdsConsent ? 'granted' : 'denied'
      });
    }]);
  }
}

gtag('js', new Date());
gtag('set', 'developer_id.dZTQ1Zm', true);
gtag('config', 'G-WBXDMFB7J3');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WBXDMFB7J3"></script>

<!-- /Added by GoogleAnalytics4 integration -->

<!--  Added by GoogleTagManager integration -->
<script>
var _hsp = window._hsp = window._hsp || [];
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}

var useGoogleConsentModeV2 = true;
var waitForUpdateMillis = false ? 1000 : 0;



var hsLoadGtm = function loadGtm() {
    if(window._hsGtmLoadOnce) {
      return;
    }

    if (useGoogleConsentModeV2) {

      gtag('set','developer_id.dZTQ1Zm',true);

      gtag('consent', 'default', {
      'ad_storage': 'denied',
      'analytics_storage': 'denied',
      'ad_user_data': 'denied',
      'ad_personalization': 'denied',
      'wait_for_update': waitForUpdateMillis
      });

      _hsp.push(['useGoogleConsentModeV2'])
    }

    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-KQBPRR');

    window._hsGtmLoadOnce = true;
};

_hsp.push(['addPrivacyConsentListener', function(consent){
  if(consent.allowed || (consent.categories && consent.categories.analytics)){
    hsLoadGtm();
  }
}]);

</script>

<!-- /Added by GoogleTagManager integration -->

    <link rel="canonical" href="https://www.hatchearlylearning.com">


<meta property="og:image" content="https://www.hatchearlylearning.com/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Girl-Using-IgniteTablet2.jpg#keepProtocol">
<meta property="og:image:width" content="7930">
<meta property="og:image:height" content="2681">
<meta property="og:image:alt" content="ignite by hatch">
<meta name="twitter:image" content="https://www.hatchearlylearning.com/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Girl-Using-IgniteTablet2.jpg#keepProtocol">
<meta name="twitter:image:alt" content="ignite by hatch">

<meta property="og:url" content="https://www.hatchearlylearning.com">
<meta name="twitter:card" content="summary_large_image">
<meta http-equiv="content-language" content="en">






  <meta name="generator" content="HubSpot"></head>
  <body class="flex flex-col min-h-screen bg-white text-base   hs-content-id-106805286207 hs-site-page page " x-data="{ mobileNavIsOpen: false }">
<!--  Added by GoogleTagManager integration -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KQBPRR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!-- /Added by GoogleTagManager integration -->

    
    <svg style="visibility:hidden;position:absolute" width="0" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1">
      <defs>
        <filter id="goo">
          <fegaussianblur in="SourceGraphic" stdDeviation="8" result="blur" />
          <fecolormatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 25 -15" result="goo" />
          <fecomposite in="SourceGraphic" in2="goo" operator="atop" />
        </filter>
        <filter id="small-goo">
          <fegaussianblur in="SourceGraphic" stdDeviation="8" result="blur" />
          <fecolormatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 35 -5" result="small-goo" />
          <fecomposite in="SourceGraphic" in2="small-goo" operator="atop" />
        </filter>
      </defs>
    </svg>

    <header class="relative z-50">
      
        <div data-global-resource-path="hatch/templates/partials/header.html"><nav class="hidden md:block relative max-w-screen-xl mx-auto md:px-4 z-20">
  <div id="hs_cos_wrapper_header_bar" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">

<ul class="flex flex-wrap justify-end bg-white text-xs font-bold whitespace-nowrap">
  
    <li class="hs-skip-lang-url-rewrite uppercase group
      
      ">
      <a class="relative z-10 block p-2 group-hover:bg-candy-blue group-hover:text-white
        cursor-pointer" href="https://www.hatchearlylearning.com/contact-sales">
        Request a Demo
      </a>

      
    </li>
  
    <li class="hs-skip-lang-url-rewrite uppercase group
      relative
      ">
      <a class="relative z-10 block p-2 group-hover:bg-candy-blue group-hover:text-white
        cursor-default" href="javascript:;">
        Login
      </a>

      
        <ul class="hidden group-hover:block absolute right-0 text-right bg-white drop-shadow">
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block p-3 hover:bg-candy-blue hover:text-white
                " href="https://rms.hatchearlychildhood.com/" target="_blank" rel="noopener">
                Hatch Insights
              </a>
            </li>
          
        </ul>
      
    </li>
  
</ul></div>
</nav>
<div class="grid grid-cols-nav gap-2 max-w-screen-xl mx-auto md:px-4">
  <div class="flex items-center py-4 px-2 w-48">
    <div id="hs_cos_wrapper_header_logo" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module hs-skip-lang-url-rewrite widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
  





  <span id="hs_cos_wrapper_header_logo_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="//www.hatchearlylearning.com/" id="hs-link-header_logo_hs_logo_widget" style="border-width:0px;border:0px;"><img src="https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=1168&amp;height=517&amp;name=HATCH%20Logo%202023.png" class="hs-image-widget " height="517" style="height: auto;width:1168px;border-width:0px;border:0px;" width="1168" alt="hatch-logo-tagline" title="hatch-logo-tagline" srcset="https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=584&amp;height=259&amp;name=HATCH%20Logo%202023.png 584w, https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=1168&amp;height=517&amp;name=HATCH%20Logo%202023.png 1168w, https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=1752&amp;height=776&amp;name=HATCH%20Logo%202023.png 1752w, https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=2336&amp;height=1034&amp;name=HATCH%20Logo%202023.png 2336w, https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=2920&amp;height=1293&amp;name=HATCH%20Logo%202023.png 2920w, https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=3504&amp;height=1551&amp;name=HATCH%20Logo%202023.png 3504w" sizes="(max-width: 1168px) 100vw, 1168px"></a></span>
</div>
  </div>
  <nav class="hidden md:block flex-grow h-full">
    <div id="hs_cos_wrapper_desktop_nav" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module h-full" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">

<ul class="table w-full h-full bg-white text-xs lg:text-base font-semibold whitespace-nowrap">
  
    <li class="hs-skip-lang-url-rewrite group relative table-cell h-full
      
      ">
      <a class="relative z-10 flex w-full h-full justify-center items-center
        group-hover:bg-candy-blue group-hover:text-white transition-colors
        cursor-default" href="javascript:;">
        <span class="flex items-center gap-1 uppercase
          after:relative after:top-2px after:w-0 after:h-0 after:border-4 after:border-transparent after:border-t-neutral-700
          after:group-hover:-top-2px after:group-hover:border-t-transparent after:group-hover:border-b-white">
          Solutions
        </span>
      </a>

      
        <ul class="hidden group-hover:block absolute min-w-full bg-white drop-shadow
          left-0 text-left">
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/technology/ignite-by-hatch">
                Ignite by Hatch™
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/technology/ignitetable">
                IgniteTable by Hatch™
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/technology/ignitepanel-by-hatch">
                IgnitePanel by Hatch™
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/technology/hatch-insights">
                Insights by Hatch™
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="javascript:;">
                Print-Based Literacy Solutions
              </a>
              
                <ul class="text-left indent-4">
                  
                    <li class="hs-skip-lang-url-rewrite">
                      <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                        " href="https://www.hatchearlylearning.com/technology/unlockliteracy">
                        Key Foundations by Hatch™
                      </a>
                    </li>
                  
                    <li class="hs-skip-lang-url-rewrite">
                      <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                        " href="javascript:;">
                        Code is the Key by Hatch™ (coming soon)
                      </a>
                    </li>
                  
                </ul>
              
            </li>
          
        </ul>
      
    </li>
  
    <li class="hs-skip-lang-url-rewrite group relative table-cell h-full
      ml-4
      ">
      <a class="relative z-10 flex w-full h-full justify-center items-center
        group-hover:bg-candy-blue group-hover:text-white transition-colors
        cursor-pointer" href="https://www.hatchearlylearning.com/funding">
        <span class="flex items-center gap-1 uppercase
          ">
          Funding
        </span>
      </a>

      
    </li>
  
    <li class="hs-skip-lang-url-rewrite group relative table-cell h-full
      ml-4
      ">
      <a class="relative z-10 flex w-full h-full justify-center items-center
        group-hover:bg-candy-blue group-hover:text-white transition-colors
        cursor-default" href="javascript:;">
        <span class="flex items-center gap-1 uppercase
          after:relative after:top-2px after:w-0 after:h-0 after:border-4 after:border-transparent after:border-t-neutral-700
          after:group-hover:-top-2px after:group-hover:border-t-transparent after:group-hover:border-b-white">
          Resources
        </span>
      </a>

      
        <ul class="hidden group-hover:block absolute min-w-full bg-white drop-shadow
          text-left">
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/back-to-school-2023">
                2023 Back to School
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/resources/hatch-research">
                Research
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/resources/success-data-stories">
                Success Stories
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/resources/alignments">
                Alignments
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/resources/webinars">
                Webinars
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/blog">
                Blog
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/resources/video">
                Videos
              </a>
              
            </li>
          
        </ul>
      
    </li>
  
    <li class="hs-skip-lang-url-rewrite group relative table-cell h-full
      ml-4
      ">
      <a class="relative z-10 flex w-full h-full justify-center items-center
        group-hover:bg-candy-blue group-hover:text-white transition-colors
        cursor-default" href="javascript:;">
        <span class="flex items-center gap-1 uppercase
          after:relative after:top-2px after:w-0 after:h-0 after:border-4 after:border-transparent after:border-t-neutral-700
          after:group-hover:-top-2px after:group-hover:border-t-transparent after:group-hover:border-b-white">
          Support
        </span>
      </a>

      
        <ul class="hidden group-hover:block absolute min-w-full bg-white drop-shadow
          text-left">
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://support.hatchearlylearning.com/hc/en-us" target="_blank" rel="noopener">
                Technical Support
              </a>
              
            </li>
          
        </ul>
      
    </li>
  
    <li class="hs-skip-lang-url-rewrite group relative table-cell h-full
      ml-4
      ">
      <a class="relative z-10 flex w-full h-full justify-center items-center
        group-hover:bg-candy-blue group-hover:text-white transition-colors
        cursor-default" href="javascript:;">
        <span class="flex items-center gap-1 uppercase
          after:relative after:top-2px after:w-0 after:h-0 after:border-4 after:border-transparent after:border-t-neutral-700
          after:group-hover:-top-2px after:group-hover:border-t-transparent after:group-hover:border-b-white">
          About
        </span>
      </a>

      
        <ul class="hidden group-hover:block absolute min-w-full bg-white drop-shadow
          text-left">
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/conferences">
                Conferences &amp; Events
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/about/press-releases">
                Press
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/about/careers">
                Careers
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 px-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/about/policies">
                Our Policies
              </a>
              
            </li>
          
        </ul>
      
    </li>
  
    <li class="hs-skip-lang-url-rewrite group relative table-cell h-full
      ml-4
      ">
      <a class="relative z-10 flex w-full h-full justify-center items-center
        group-hover:bg-candy-blue group-hover:text-white transition-colors
        cursor-pointer" href="https://www.hatchearlylearning.com/contact-us/lets-talk">
        <span class="flex items-center gap-1 uppercase
          ">
          Contact
        </span>
      </a>

      
    </li>
  
</ul></div>
  </nav>
  <!-- Hamburger-to-X Icon -->
  <div class="md:hidden flex px-2 justify-end items-center">
    <button class="flex flex-col justify-between h-14 p-4
      before:block before:w-full before:h-1 before:rounded-sm before:bg-neutral-600 before:transition-transform
      after:block after:w-full after:h-1 after:rounded-sm after:bg-neutral-600 after:transition-transform" @click="mobileNavIsOpen = !mobileNavIsOpen" :class="{ 'before:rotate-45 before:translate-y-2.5 after:-rotate-45 after:-translate-y-2.5': mobileNavIsOpen }">
      <span class="block w-6 h-1 rounded-sm bg-neutral-600 transition-all" :class="{ 'h-0 opacity-0': mobileNavIsOpen, 'h-1': !mobileNavIsOpen }"></span>
    </button>
  </div>
</div>
<nav class="md:!hidden" x-cloak x-show="mobileNavIsOpen" x-transition>
  <div id="hs_cos_wrapper_mobile_nav" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module h-full" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">

<ul class="bg-white font-semibold whitespace-nowrap text-left drop-shadow" x-data="{ mobileNavStates: new Array(8).fill(false) }">
  
    <li class="hs-skip-lang-url-rewrite relative
      ">
      <a class="relative z-10 flex py-2 px-4 w-full justify-between items-center
        hover:bg-candy-blue hover:text-white transition-colors cursor-pointer
        after:relative after:w-0 after:h-0 after:border-8 after:border-transparent after:top-1 after:border-t-neutral-700 after:hover:border-t-white" href="javascript:;" @click.prevent="mobileNavStates[0] = !mobileNavStates[0]" :class="{
            'after:-top-1 after:border-b-neutral-700 after:hover:border-b-white': mobileNavStates[0],
            'after:top-1 after:border-t-neutral-700 after:hover:border-t-white' : !mobileNavStates[0]
          }">
        <span class="uppercase">
          Hatch Solutions
        </span>
      </a>

      
        <ul class="min-w-full bg-white" x-cloak x-show="mobileNavStates[0]">
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/technology/ignite-by-hatch">
                Ignite by Hatch™
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/technology/ignitetable">
                IgniteTable by Hatch™
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/technology/ignitepanel-by-hatch">
                IgnitePanel by Hatch™
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/technology/hatch-insights">
                Hatch Insights™
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="javascript:;">
                Print-Based Literacy Solutions
              </a>
              
                <ul class="text-left">
                  
                    <li class="hs-skip-lang-url-rewrite">
                      <a class="block py-2 pl-12 pr-4 hover:bg-candy-blue hover:text-white
                        " href="https://www.hatchearlylearning.com/technology/unlockliteracy">
                        Key Foundations by Hatch™
                      </a>
                    </li>
                  
                    <li class="hs-skip-lang-url-rewrite">
                      <a class="block py-2 pl-12 pr-4 hover:bg-candy-blue hover:text-white
                        " href="javascript:;">
                        Code is the Key by Hatch™ (coming soon)
                      </a>
                    </li>
                  
                </ul>
              
            </li>
          
        </ul>
      
    </li>
  
    <li class="hs-skip-lang-url-rewrite relative
      ">
      <a class="relative z-10 flex py-2 px-4 w-full justify-between items-center
        hover:bg-candy-blue hover:text-white transition-colors cursor-pointer
        " href="https://www.hatchearlylearning.com/funding">
        <span class="uppercase">
          Funding
        </span>
      </a>

      
    </li>
  
    <li class="hs-skip-lang-url-rewrite relative
      ">
      <a class="relative z-10 flex py-2 px-4 w-full justify-between items-center
        hover:bg-candy-blue hover:text-white transition-colors cursor-pointer
        after:relative after:w-0 after:h-0 after:border-8 after:border-transparent after:top-1 after:border-t-neutral-700 after:hover:border-t-white" href="javascript:;" @click.prevent="mobileNavStates[2] = !mobileNavStates[2]" :class="{
            'after:-top-1 after:border-b-neutral-700 after:hover:border-b-white': mobileNavStates[2],
            'after:top-1 after:border-t-neutral-700 after:hover:border-t-white' : !mobileNavStates[2]
          }">
        <span class="uppercase">
          Hatch Resources
        </span>
      </a>

      
        <ul class="min-w-full bg-white" x-cloak x-show="mobileNavStates[2]">
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/back-to-school-2023">
                2023 Back to School
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/resources/hatch-research">
                Research
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/resources/success-data-stories">
                Success Stories
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/resources/alignments">
                Alignments
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/resources/webinars">
                Webinars
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/resources/video">
                Videos
              </a>
              
            </li>
          
        </ul>
      
    </li>
  
    <li class="hs-skip-lang-url-rewrite relative
      ">
      <a class="relative z-10 flex py-2 px-4 w-full justify-between items-center
        hover:bg-candy-blue hover:text-white transition-colors cursor-pointer
        after:relative after:w-0 after:h-0 after:border-8 after:border-transparent after:top-1 after:border-t-neutral-700 after:hover:border-t-white" href="javascript:;" @click.prevent="mobileNavStates[3] = !mobileNavStates[3]" :class="{
            'after:-top-1 after:border-b-neutral-700 after:hover:border-b-white': mobileNavStates[3],
            'after:top-1 after:border-t-neutral-700 after:hover:border-t-white' : !mobileNavStates[3]
          }">
        <span class="uppercase">
          Support
        </span>
      </a>

      
        <ul class="min-w-full bg-white" x-cloak x-show="mobileNavStates[3]">
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://support.hatchearlylearning.com/hc/en-us" target="_blank" rel="noopener">
                Technical Support
              </a>
              
            </li>
          
        </ul>
      
    </li>
  
    <li class="hs-skip-lang-url-rewrite relative
      ">
      <a class="relative z-10 flex py-2 px-4 w-full justify-between items-center
        hover:bg-candy-blue hover:text-white transition-colors cursor-pointer
        after:relative after:w-0 after:h-0 after:border-8 after:border-transparent after:top-1 after:border-t-neutral-700 after:hover:border-t-white" href="javascript:;" @click.prevent="mobileNavStates[4] = !mobileNavStates[4]" :class="{
            'after:-top-1 after:border-b-neutral-700 after:hover:border-b-white': mobileNavStates[4],
            'after:top-1 after:border-t-neutral-700 after:hover:border-t-white' : !mobileNavStates[4]
          }">
        <span class="uppercase">
          About Hatch
        </span>
      </a>

      
        <ul class="min-w-full bg-white" x-cloak x-show="mobileNavStates[4]">
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/conferences">
                Conferences &amp; Events
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/about/press-releases">
                Press
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/about/careers">
                Careers
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://www.hatchearlylearning.com/about/policies">
                Our Policies
              </a>
              
            </li>
          
        </ul>
      
    </li>
  
    <li class="hs-skip-lang-url-rewrite relative
      ">
      <a class="relative z-10 flex py-2 px-4 w-full justify-between items-center
        hover:bg-candy-blue hover:text-white transition-colors cursor-pointer
        " href="https://www.hatchearlylearning.com/contact-us/lets-talk">
        <span class="uppercase">
          Contact
        </span>
      </a>

      
    </li>
  
    <li class="hs-skip-lang-url-rewrite relative
      ">
      <a class="relative z-10 flex py-2 px-4 w-full justify-between items-center
        hover:bg-candy-blue hover:text-white transition-colors cursor-pointer
        " href="https://www.hatchearlylearning.com/blog">
        <span class="uppercase">
          Blog
        </span>
      </a>

      
    </li>
  
    <li class="hs-skip-lang-url-rewrite relative
      ">
      <a class="relative z-10 flex py-2 px-4 w-full justify-between items-center
        hover:bg-candy-blue hover:text-white transition-colors cursor-pointer
        after:relative after:w-0 after:h-0 after:border-8 after:border-transparent after:top-1 after:border-t-neutral-700 after:hover:border-t-white" href="javascript:;" @click.prevent="mobileNavStates[7] = !mobileNavStates[7]" :class="{
            'after:-top-1 after:border-b-neutral-700 after:hover:border-b-white': mobileNavStates[7],
            'after:top-1 after:border-t-neutral-700 after:hover:border-t-white' : !mobileNavStates[7]
          }">
        <span class="uppercase">
          Login
        </span>
      </a>

      
        <ul class="min-w-full bg-white" x-cloak x-show="mobileNavStates[7]">
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://rms.hatchearlychildhood.com/">
                Hatch Insights
              </a>
              
            </li>
          
            <li class="hs-skip-lang-url-rewrite">
              <a class="block py-2 pl-8 pr-4 hover:bg-candy-blue hover:text-white
                " href="https://hub.hatchearlylearning.com/">
                Hatch HUB
              </a>
              
            </li>
          
        </ul>
      
    </li>
  
</ul></div>
</nav></div>
      
    </header>

    <main id="main-content">
      
  <div class="container-fluid">
<div class="row-fluid-wrapper">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1680122077219" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">















<section class="relative flex flex-row w-full justify-around
  text-neutral-900
  ">
  
  <div class="flex flex-col w-full
    md:max-w-screen-xl
    
    md:flex-row
    ">
    
      
      
      
        <div class="relative flex
          
          
          md:w-1/2
          justify-end">
          <div class="w-full py-4 md:py-12">
            
              <div class="relative px-4 md:px-8 z-20">
                <h1 class="text-4xl font-black
                  md:text-4xl lg:text-6xl
                  leading-tight md:leading-relaxed lg:leading-heading
                  text-candy-purple">
                  <span class="relative drop-shadow-sm">Interactive Early Learning Solutions Backed by Research</span>
                </h1>
              </div>
            
          </div>
        </div>
      
    
      
      
      
        <div class="relative flex
          
          
          md:w-1/2
          justify-start">
          <div class="w-full py-4 md:py-12">
            
              
              <div class="padded-section relative p-4 md:py-0 md:px-8 z-20">
                
                <div class="hs-richtext  ">
                  <p style="line-height: 1.5; font-size: 18px;">Since 1984, Hatch has partnered with educators to extend their impact and address learning loss through purposeful practice and data stories.</p>
                </div>
                
                  <a href="#products" class="inline-block rounded-full cursor-pointer hover:no-underline
                    mt-4 px-6 py-4 drop-shadow hover:ring-4 hover:drop-shadow-lg
                    bg-candy-purple hover:ring-candy-purple/40 text-white
                    ">
                    LEARN MORE
                  </a>
                
              </div>
            
          </div>
        </div>
      
    
  </div>
  
</section></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1680125036305" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">



<section class="relative w-full py-4 md:py-12 overflow-hidden
  max-w-screen-xl mx-auto">
  
    
    <div class="w-full relative p-4 md:py-0 md:px-8">
      <div x-ref="container" x-data="{ isPlaying: false }" x-init="
        $watch('isPlaying', (value) => {
          const videos = $refs.mobile_video ? [$refs.mobile_video, $refs.desktop_video] : [$refs.desktop_video]

          if (value) {
            $store.scroll.disable()

            videos.forEach((video) => {
              $refs.modal.appendChild(video)
              video.muted = false
              video.play()
            })
          } else {
            $store.scroll.enable()

            videos.forEach((video) => {
              $refs.container.appendChild(video)
              video.muted = true
              
            })
          }
        })" @click="isPlaying = !isPlaying" class="relative w-full h-full group cursor-pointer overflow-hidden
        aspect-3
        rounded-3xl shadow-md">
        
        

        
        <template x-teleport="body">
          <div x-cloak x-show="isPlaying" class="fixed inset-0 p-4 sm:p-8 md:p-16 flex items-center justify-center bg-black/70 text-white z-50" @click.stop="$event.target == $el &amp;&amp; (isPlaying = false)">
            <span class="block absolute top-0 right-0 w-20 h-20 cursor-pointer z-20
              after:block after:absolute after:top-7 after:left-7 after:w-6 after:h-6
              after:bg-close-icon after:bg-bigger-icon after:bg-no-repeat" @click.stop="isPlaying = false"></span>
            <div class="flex items-center justify-center relative w-full h-full" x-ref="modal"></div>
          </div>
        </template>

        
        
          <video x-ref="mobile_video" style="aspect-ratio: 2 / 1" class="sm:hidden absolute object-cover
            w-full left-0 top-1/2 -translate-y-1/2" :class="{
              
              'w-full': isPlaying,
            }" :controls="isPlaying" preload="yes" muted="true" loop="loop" width="100%" height="auto" autoplay>
            
            
          </video>
          
            <video class="sm:hidden absolute object-cover inset-0 z-10
              w-full left-0 top-1/2 -translate-y-1/2" :class="{
                
                'hidden': isPlaying,
              }" :controls="false" preload="yes" muted="true" loop="loop" width="100%" height="auto" autoplay>
              
              
            </video>
          
        
        <video x-ref="desktop_video" style="aspect-ratio: 2 / 1" class="absolute object-cover
          hidden sm:block
          w-full left-0 top-1/2 -translate-y-1/2" :class="{
            
              'hidden': !isPlaying,
            
            
            'w-full': isPlaying,
          }" :controls="isPlaying" preload="yes" muted="true" loop="loop" width="100%" height="auto" autoplay>
          
            <source src="https://7803303.fs1.hubspotusercontent-na1.net/hubfs/7803303/Videos/workshopmedia_hatch_brand_wmhe-100_final_21x9%20(1080p).mp4" type="video/mp4">
          
          
        </video>
        
          <video class="absolute object-cover inset-0 z-10
            hidden sm:block
            w-full left-0 top-1/2 -translate-y-1/2" :class="{
              
                'hidden': !isPlaying,
              
              
              'hidden': isPlaying,
            }" :controls="false" preload="yes" muted="true" loop="loop" width="100%" height="auto" autoplay>
            
              <source src="https://7803303.fs1.hubspotusercontent-na1.net/hubfs/7803303/2_Assets%20for%20Website%20Pages/Homepage/Hatch%20-%20Workshop%20Hero.mp4" type="video/mp4">
            
            
          </video>
        
      </div>
    </div>
  
</section></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1680206562860" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">















<section class="relative flex flex-row w-full justify-around
  text-neutral-900
  ">
  
  <div class="flex flex-col w-full
    md:max-w-screen-xl
    
    md:flex-row
    ">
    
      
      
      
        <div class="relative flex
          
          
          md:w-1/2
          justify-end">
          <div class="w-full py-4 md:py-12">
            
              <ul class="py-4 md:py-0 px-4 md:px-8">
                
                  <li class="bg-white shadow-centered rounded-2xl overflow-hidden ">
                    <a href="https://www.hatchearlylearning.com/technology/ignite-by-hatch?hsLang=en" class="relative pr-4 flex gap-2 items-center w-full h-full drop-shadow-none transition-colors
                      after:absolute after:right-0 after:top-0 after:h-full after:w-4 after:hover:w-6 after:transition-all
                      py-4 px-6
                      after:bg-candy-blue hover:text-candy-blue">
                      
                        <img class="aspect-1 w-16 md:w-10 lg:w-14" src="https://www.hatchearlylearning.com/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Icons/Bullseye%20Icon-v2.svg" alt="Bullseye Icon-v2" loading="lazy">
                      
                      <span class="block w-full font-bold">Ignite Learning Through Purposeful Practice</span>
                    </a>
                  </li>
                
                  <li class="bg-white shadow-centered rounded-2xl overflow-hidden mt-4">
                    <a href="https://www.hatchearlylearning.com/technology/ignitetable?hsLang=en" class="relative pr-4 flex gap-2 items-center w-full h-full drop-shadow-none transition-colors
                      after:absolute after:right-0 after:top-0 after:h-full after:w-4 after:hover:w-6 after:transition-all
                      py-4 px-6
                      after:bg-candy-purple hover:text-candy-purple">
                      
                        <img class="aspect-1 w-16 md:w-10 lg:w-14" src="https://www.hatchearlylearning.com/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Icons/Collab%20Icon-v3.svg" alt="Collab Icon-v3" loading="lazy">
                      
                      <span class="block w-full font-bold">Ignite Learning Through Collaboration</span>
                    </a>
                  </li>
                
                  <li class="bg-white shadow-centered rounded-2xl overflow-hidden mt-4">
                    <a href="https://www.hatchearlylearning.com/technology/teachsmart?hsLang=en" class="relative pr-4 flex gap-2 items-center w-full h-full drop-shadow-none transition-colors
                      after:absolute after:right-0 after:top-0 after:h-full after:w-4 after:hover:w-6 after:transition-all
                      py-4 px-6
                      after:bg-candy-red hover:text-candy-red">
                      
                        <img class="aspect-1 w-16 md:w-10 lg:w-14" src="https://www.hatchearlylearning.com/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Icons/Compass%20Icon-v3.svg" alt="Compass Icon-v3" loading="lazy">
                      
                      <span class="block w-full font-bold">Ignite Learning Through Whole-Group Instruction</span>
                    </a>
                  </li>
                
              </ul>
            
          </div>
        </div>
      
    
      
      
      
        <div class="relative flex
          
          
          md:w-1/2
          justify-start">
          <div class="w-full py-4 md:py-12">
            
              
              <div class="padded-section relative p-4 md:py-0 md:px-8 z-20">
                
                  <h2 class="text-4xl mb-8 font-semibold
                    md:text-3xl lg:text-5xl
                    leading-tight md:leading-relaxed lg:leading-heading
                    text-neutral-900">
                    <span class="relative drop-shadow-sm">Extend teachers' reach with engaging digital learning tools</span>
                  </h2>
                
                <div class="hs-richtext  ">
                  <p><span><span dir="ltr">When unified, the Hatch suite creates a complete classroom solution for accelerating student learning across seven domains of learning with a focus in math, literacy, and social-emotional development.&nbsp;</span></span></p>
                </div>
                
              </div>
            
          </div>
        </div>
      
    
  </div>
  
</section></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1680708380605" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">









<section id="products" class="relative">
  
  <div class="absolute w-full inset-0 bottom-48 bg-gradient-to-br z-10
    from-candy-blue
    to-candy-purple"></div>
  <div class="relative max-w-screen-xl mx-auto z-10 w-full py-6 md:py-12 mt-4 md:mt-8 lg:mt-32 md:grid md:grid-cols-2 md:grid-flow-dense
    text-neutral-900">
    <h2 class="relative mx-4 my-8 md:mx-8 md:mb-16 text-4xl font-semibold z-20
      md:text-3xl lg:text-5xl
      leading-tight md:leading-relaxed lg:leading-tight
      text-white">
      <span class="relative drop-shadow-sm">Transform Early Learning with Hatch’s Interactive Suite of Solutions</span>
    </h2>
    
      
      
      
      
      <div class="relative md:max-w-screen-xl/2 mx-4 my-8 md:mx-8 md:row-span-2 z-20 md:mt-8">
        
          <img class="hidden md:block absolute bottom-full right-0 w-1/2 translate-y-16 pointer-events-none" src="https://www.hatchearlylearning.com/hubfs/raw_assets/public/hatch/images/characters/henry-flying.png" alt="Henry">
        
        <div class="relative bg-white rounded-3xl drop-shadow-xl z-10
          h-full
          pb-4 md:pb-8">
          
            
            <img class="w-full mx-auto mb-4 md:mb-8
              max-h-[370px] md:max-h-[min(25vw,370px)] object-contain
              rounded-t-3xl" srcset="https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/kid%20tablet%20ignite.png?width=320&amp;name=kid%20tablet%20ignite.png 320w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/kid%20tablet%20ignite.png?width=360&amp;name=kid%20tablet%20ignite.png 360w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/kid%20tablet%20ignite.png?width=480&amp;name=kid%20tablet%20ignite.png 480w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/kid%20tablet%20ignite.png?width=768&amp;name=kid%20tablet%20ignite.png 768w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/kid%20tablet%20ignite.png?width=512&amp;name=kid%20tablet%20ignite.png 1024w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/kid%20tablet%20ignite.png?width=640&amp;name=kid%20tablet%20ignite.png 1280w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/kid%20tablet%20ignite.png?width=1350&amp;name=kid%20tablet%20ignite.png 1350w" sizes="(max-width: 320px) 320px,(max-width: 360px) 360px,(max-width: 480px) 480px,(max-width: 768px) 768px,(max-width: 1024px) 512px,(max-width: 1280px) 640px,100vw" src="https://www.hatchearlylearning.com/hubfs/kid%20tablet%20ignite.png" alt="ignite by hatch tablet" loading="lazy">
          
          
            <h2 class="text-2xl md:text-2xl lg:text-3xl mb-4 font-semibold leading-tight
              text-candy-blue
              px-4 md:px-8">
              <span class="relative drop-shadow-sm">Ignite by Hatch™</span>
            </h2>
          
          <div class="hs-richtext px-4 md:px-8">
            <p>Ignite by Hatch™ is our dynamic digital learning platform that captivates and engages early learners while seamlessly providing critical academic and child development data to teachers and administrators. Aligned with standards and backed by research, Ignite promotes growth in multiple domains of learning.&nbsp;</p>
          </div>
          
            
            
            <a href="https://www.hatchearlylearning.com/technology/ignite-by-hatch?hsLang=en" class="inline-block rounded-full cursor-pointer hover:no-underline
              mx-auto md:mx-8
              mt-1 py-1 underline text-lg font-semibold
              
              text-candy-blue">
              Explore Ignite by Hatch
            </a>
          
        </div>
        
      </div>
    
      
      
      
      
      <div class="relative md:max-w-screen-xl/2 mx-4 my-8 md:mx-8 md:row-span-2 z-20 ">
        
        <div class="relative bg-white rounded-3xl drop-shadow-xl z-10
          h-full
          p-4 md:p-8">
          
            
            <img class="w-full mx-auto mb-4 md:mb-8
              max-h-[370px] md:max-h-[min(25vw,370px)] object-contain
              " srcset="https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png?width=320&amp;name=IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png 320w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png?width=360&amp;name=IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png 360w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png?width=480&amp;name=IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png 480w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png?width=768&amp;name=IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png 768w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png?width=512&amp;name=IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png 1024w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png?width=640&amp;name=IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png 1280w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png?width=1350&amp;name=IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png 1350w" sizes="(max-width: 320px) 320px,(max-width: 360px) 360px,(max-width: 480px) 480px,(max-width: 768px) 768px,(max-width: 1024px) 512px,(max-width: 1280px) 640px,100vw" src="https://www.hatchearlylearning.com/hubfs/IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px.png" alt="IgniteTablebyHatch_3Kids-BasicNeeds-Astronaut-2048px" loading="lazy">
          
          
            <h2 class="text-2xl md:text-2xl lg:text-3xl mb-4 font-semibold leading-tight
              text-candy-purple
              ">
              <span class="relative drop-shadow-sm">IgniteTable by Hatch™</span>
            </h2>
          
          <div class="hs-richtext ">
            <p>IgniteTable by Hatch <span data-contrast="auto" xml:lang="EN-US" lang="EN-US"><span>provides a collaborative learning experience for children to engage with peers while building social-emotional learning, communication, and prosocial skills. As young learners play, IgniteTable automatically captures authentic work samples and data so teachers can spend less time administering SEL assessments and more time focusing on the specific SEL skill areas that are crucial for each child’s success in school and beyond.</span></span><span data-ccp-props="{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}"><br></span></p>
          </div>
          
            
            
            <a href="https://www.hatchearlylearning.com/technology/ignitetable?hsLang=en" class="inline-block rounded-full cursor-pointer hover:no-underline
              
              mt-1 py-1 underline text-lg font-semibold
              
              text-candy-purple">
              Explore IgniteTable
            </a>
          
        </div>
        
      </div>
    
      
      
      
      
      <div class="relative md:max-w-screen-xl/2 mx-4 my-8 md:mx-8 md:row-span-2 z-20 ">
        
        <div class="relative bg-white rounded-3xl drop-shadow-xl z-10
          h-full
          p-4 md:p-8">
          
            
            <img class="w-full mx-auto mb-4 md:mb-8
              max-h-[370px] md:max-h-[min(25vw,370px)] object-contain
              " srcset="https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgnitePanel/BlueBezel-noBG.png?width=320&amp;name=BlueBezel-noBG.png 320w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgnitePanel/BlueBezel-noBG.png?width=360&amp;name=BlueBezel-noBG.png 360w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgnitePanel/BlueBezel-noBG.png?width=480&amp;name=BlueBezel-noBG.png 480w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgnitePanel/BlueBezel-noBG.png?width=768&amp;name=BlueBezel-noBG.png 768w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgnitePanel/BlueBezel-noBG.png?width=512&amp;name=BlueBezel-noBG.png 1024w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgnitePanel/BlueBezel-noBG.png?width=640&amp;name=BlueBezel-noBG.png 1280w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/IgnitePanel/BlueBezel-noBG.png?width=1350&amp;name=BlueBezel-noBG.png 1350w" sizes="(max-width: 320px) 320px,(max-width: 360px) 360px,(max-width: 480px) 480px,(max-width: 768px) 768px,(max-width: 1024px) 512px,(max-width: 1280px) 640px,100vw" src="https://www.hatchearlylearning.com/hubfs/IgnitePanel/BlueBezel-noBG.png" alt="BlueBezel-noBG" loading="lazy">
          
          
            <h2 class="text-2xl md:text-2xl lg:text-3xl mb-4 font-semibold leading-tight
              text-candy-blue
              ">
              <span class="relative drop-shadow-sm">IgnitePanel by Hatch™</span>
            </h2>
          
          <div class="hs-richtext ">
            <p><span>IgnitePanel by Hatch™ is a game-changing interactive panel software solution that revolutionizes early childhood classroom instruction thanks to its inclusion of standards-aligned early learning lessons and activities. Educators can effortlessly plan and implement research-based activities tailored to individual learners. Hatch’s software is loaded with hands-on, engaging, and developmentally appropriate content that enables teachers to foster truly collaborative learning experiences. IgnitePanel is the ultimate whole-class solution.</span></p>
          </div>
          
            
            
            <a href="https://www.hatchearlylearning.com/technology/ignitepanel-by-hatch?hsLang=en" class="inline-block rounded-full cursor-pointer hover:no-underline
              
              mt-1 py-1 underline text-lg font-semibold
              
              text-candy-blue">
              Explore IgnitePanel
            </a>
          
        </div>
        
          <img class="hidden md:block w-2/3 lg:w-1/2 max-w-xs absolute top-full pointer-events-none
            left-1/2 -translate-y-12 -translate-x-1/2
            " src="https://www.hatchearlylearning.com/hubfs/raw_assets/public/hatch/images/characters/leela-vine.png" alt="Leela">
        
      </div>
    
      
      
      
      
      <div class="relative md:max-w-screen-xl/2 mx-4 my-8 md:mx-8 md:row-span-2 z-20 ">
        
        <div class="relative bg-white rounded-3xl drop-shadow-xl z-10
          h-full
          p-4 md:p-8">
          
            
            <img class="w-full mx-auto mb-4 md:mb-8
              max-h-[370px] md:max-h-[min(25vw,370px)] object-contain
              " srcset="https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Hatch%20Insights.png?width=320&amp;name=Hatch%20Insights.png 320w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Hatch%20Insights.png?width=360&amp;name=Hatch%20Insights.png 360w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Hatch%20Insights.png?width=480&amp;name=Hatch%20Insights.png 480w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Hatch%20Insights.png?width=768&amp;name=Hatch%20Insights.png 768w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Hatch%20Insights.png?width=512&amp;name=Hatch%20Insights.png 1024w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Hatch%20Insights.png?width=640&amp;name=Hatch%20Insights.png 1280w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Hatch%20Insights.png?width=1350&amp;name=Hatch%20Insights.png 1350w" sizes="(max-width: 320px) 320px,(max-width: 360px) 360px,(max-width: 480px) 480px,(max-width: 768px) 768px,(max-width: 1024px) 512px,(max-width: 1280px) 640px,100vw" src="https://www.hatchearlylearning.com/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Hatch%20Insights.png" alt="Hatch Insights" loading="lazy">
          
          
            <h2 class="text-2xl md:text-2xl lg:text-3xl mb-4 font-semibold leading-tight
              text-candy-pink
              ">
              <span class="relative drop-shadow-sm">Insights by Hatch™</span>
            </h2>
          
          <div class="hs-richtext ">
            <p><span>Through the robust Insights by Hatch™ administrator and teacher dashboards, powerful data stories are readily available to inform classroom instruction and assess student growth.</span><span> Real-time data and reports from both Ignite by Hatch™ and IgniteTable™ extend teachers' ability to collect objective evidence for assessment and support children through personalized instruction. Hatch Insights also includes many supplemental resources for learning outside of the classroom, as well as snapshots of both school-wide and class activity.<br></span><span></span></p>
          </div>
          
            
            
            <a href="https://www.hatchearlylearning.com/technology/hatch-insights?hsLang=en" class="inline-block rounded-full cursor-pointer hover:no-underline
              
              mt-1 py-1 underline text-lg font-semibold
              
              text-candy-pink">
              Explore Hatch Insights
            </a>
          
        </div>
        
      </div>
    
  </div>
</section></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1680717794051" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">















<section class="relative flex flex-row w-full justify-around
  text-neutral-900
  ">
  
  <div class="flex flex-col w-full
    md:max-w-screen-xl
    
    md:flex-row
    justify-center text-center">
    
      
      
      
        <div class="relative flex
          
          
          md:w-1/2
          text-center justify-center">
          <div class="w-full py-4 md:py-12">
            
              
              <div class="padded-section relative p-4 md:py-0 md:px-8 z-20">
                
                  <h2 class="text-4xl mb-8 font-semibold
                    md:text-3xl lg:text-5xl
                    leading-tight md:leading-relaxed lg:leading-heading
                    text-neutral-900">
                    <span class="relative drop-shadow-sm">Schedule a Demo with the Hatch Team!</span>
                  </h2>
                
                <div class="hs-richtext text-center ">
                  
                </div>
                
                  <a href="https://www.hatchearlylearning.com/demo?hsLang=en" class="inline-block rounded-full cursor-pointer hover:no-underline
                    mt-4 px-6 py-4 drop-shadow hover:ring-4 hover:drop-shadow-lg
                    bg-candy-blue hover:ring-candy-blue/40 text-white
                    ">
                    REQUEST A DEMO
                  </a>
                
              </div>
            
          </div>
        </div>
      
    
      
      
      
    
  </div>
  
</section></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1680742894781" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">



<section class="relative max-w-screen-xl mx-auto z-10 w-full py-6 md:py-12">
  <ul class="flex flex-col md:flex-row gap-2 md:gap-8 justify-around items-center">
    
      <li class="flex justify-center items-center w-full md:w-1/3">
        
          <img class="w-2/3 max-w-xs " srcset="https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Digital%20Promise%20Award%20-%20BW.jpg?width=320&amp;name=Digital%20Promise%20Award%20-%20BW.jpg 320w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Digital%20Promise%20Award%20-%20BW.jpg?width=360&amp;name=Digital%20Promise%20Award%20-%20BW.jpg 360w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Digital%20Promise%20Award%20-%20BW.jpg?width=420&amp;name=Digital%20Promise%20Award%20-%20BW.jpg 420w" sizes="(max-width: 320px) 320px,(max-width: 360px) 360px,100vw" src="https://www.hatchearlylearning.com/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/Digital%20Promise%20Award%20-%20BW.jpg" alt="Digital Promise Award - BW" loading="lazy">
        
      </li>
    
      <li class="flex justify-center items-center w-full md:w-1/3">
        
          <img class="w-2/3 max-w-xs " srcset="https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/CODiE%20Award%20BW.jpg?width=320&amp;name=CODiE%20Award%20BW.jpg 320w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/CODiE%20Award%20BW.jpg?width=360&amp;name=CODiE%20Award%20BW.jpg 360w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/CODiE%20Award%20BW.jpg?width=420&amp;name=CODiE%20Award%20BW.jpg 420w" sizes="(max-width: 320px) 320px,(max-width: 360px) 360px,100vw" src="https://www.hatchearlylearning.com/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/CODiE%20Award%20BW.jpg" alt="CODiE Award BW" loading="lazy">
        
      </li>
    
      <li class="flex justify-center items-center w-full md:w-1/3">
        
          <img class="w-2/3 max-w-xs " srcset="https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/EDTECH-Award-W.jpg?width=320&amp;name=EDTECH-Award-W.jpg 320w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/EDTECH-Award-W.jpg?width=360&amp;name=EDTECH-Award-W.jpg 360w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/EDTECH-Award-W.jpg?width=420&amp;name=EDTECH-Award-W.jpg 420w" sizes="(max-width: 320px) 320px,(max-width: 360px) 360px,100vw" src="https://www.hatchearlylearning.com/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/EDTECH-Award-W.jpg" alt="EDTECH-Award-W" loading="lazy">
        
      </li>
    
      <li class="flex justify-center items-center w-full md:w-1/3">
        
          <img class="w-2/3 max-w-xs " srcset="https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/EDTECH23-Award-BW.jpg?width=320&amp;name=EDTECH23-Award-BW.jpg 320w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/EDTECH23-Award-BW.jpg?width=360&amp;name=EDTECH23-Award-BW.jpg 360w, https://7803303.fs1.hubspotusercontent-na1.net/hub/7803303/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/EDTECH23-Award-BW.jpg?width=420&amp;name=EDTECH23-Award-BW.jpg 420w" sizes="(max-width: 320px) 320px,(max-width: 360px) 360px,100vw" src="https://www.hatchearlylearning.com/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Images/EDTECH23-Award-BW.jpg" alt="EDTECH23-Award-BW" loading="lazy">
        
      </li>
    
  </ul>
</section></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div>
</div>
</div>

    </main>

    <footer>
      
        <div data-global-resource-path="hatch/templates/partials/footer.html"><footer class="pt-5 md:pt-12 text-white bg-gradient-to-r from-candy-purple to-candy-blue overflow-hidden">
  <div class="mx-auto max-w-screen-xl flex flex-col md:flex-row gap-4 lg:gap-16 justify-between px-4 md:px-8 z-20">
    <div class="flex flex-col items-center py-4 px-2 mx-auto md:mx-0 max-w-xs">
      <div id="hs_cos_wrapper_header_logo" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module hs-skip-lang-url-rewrite brightness-0 invert pb-8 pb-16 border-b border-white widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
  





  <span id="hs_cos_wrapper_header_logo_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="//www.hatchearlylearning.com/" id="hs-link-header_logo_hs_logo_widget" style="border-width:0px;border:0px;"><img src="https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=1168&amp;height=517&amp;name=HATCH%20Logo%202023.png" class="hs-image-widget " height="517" style="height: auto;width:1168px;border-width:0px;border:0px;" width="1168" alt="hatch-logo-tagline" title="hatch-logo-tagline" srcset="https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=584&amp;height=259&amp;name=HATCH%20Logo%202023.png 584w, https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=1168&amp;height=517&amp;name=HATCH%20Logo%202023.png 1168w, https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=1752&amp;height=776&amp;name=HATCH%20Logo%202023.png 1752w, https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=2336&amp;height=1034&amp;name=HATCH%20Logo%202023.png 2336w, https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=2920&amp;height=1293&amp;name=HATCH%20Logo%202023.png 2920w, https://www.hatchearlylearning.com/hs-fs/hubfs/2_Assets%20for%20Website%20Pages/Homepage/Branding/HATCH%20Logo%202023.png?width=3504&amp;height=1551&amp;name=HATCH%20Logo%202023.png 3504w" sizes="(max-width: 1168px) 100vw, 1168px"></a></span>
</div>
      <div id="hs_cos_wrapper_social_links" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module w-full pt-8 fill-candy-blue md:fill-candy-purple" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><ul class="flex gap-1 justify-between w-full">
  
  <li>
    
    
      <a href="https://www.facebook.com/218991305407" class="w-12 md:w-8 lg:w-10 h-12 md:h-8 lg:h-10 p-4 md:p-2 lg:p-3 flex items-center justify-center rounded-full bg-white">
        <span id="hs_cos_wrapper_social_links_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon icon w-full h-full" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 264 512" aria-labelledby="facebook-f1" role="img"><title id="facebook-f1">Follow us on Facebook</title><g id="facebook-f1_layer"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229" /></g></svg></span>
      </a>
  </li>
  
  <li>
    
    
      <a href="https://www.linkedin.com/company/269758" class="w-12 md:w-8 lg:w-10 h-12 md:h-8 lg:h-10 p-4 md:p-2 lg:p-3 flex items-center justify-center rounded-full bg-white">
        <span id="hs_cos_wrapper_social_links_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon icon w-full h-full" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="linkedin-in2" role="img"><title id="linkedin-in2">Follow us on LinkedIn</title><g id="linkedin-in2_layer"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z" /></g></svg></span>
      </a>
  </li>
  
  <li>
    
    
      <a href="https://twitter.com/hatchearlylearn" class="w-12 md:w-8 lg:w-10 h-12 md:h-8 lg:h-10 p-4 md:p-2 lg:p-3 flex items-center justify-center rounded-full bg-white">
        <span id="hs_cos_wrapper_social_links_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon icon w-full h-full" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-labelledby="twitter3" role="img"><title id="twitter3">Follow us on Twitter</title><g id="twitter3_layer"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></g></svg></span>
      </a>
  </li>
  
  <li>
    
    
      <a href="https://www.instagram.com/hatchearlylearning/" class="w-12 md:w-8 lg:w-10 h-12 md:h-8 lg:h-10 p-4 md:p-2 lg:p-3 flex items-center justify-center rounded-full bg-white">
        <span id="hs_cos_wrapper_social_links_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon icon w-full h-full" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="instagram4" role="img"><title id="instagram4">Follow us on Instagram</title><g id="instagram4_layer"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></g></svg></span>
      </a>
  </li>
  
</ul></div>
    </div>
    <div class="flex flex-col items-center py-4 px-2 lg:w-full">
      <div id="hs_cos_wrapper_footer_nav" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module w-full" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">

<ul class="grid grid-cols-2 md:flex gap-2 md:gap-8 leading-none md:leading-normal justify-start">
  
    <li class="hs-skip-lang-url-rewrite flex-1">
      <a class="block w-full py-4 uppercase text-lg md:text-base lg:text-xl font-black
        cursor-default" href="javascript:;">
        Solutions
      </a>

      <ul class="text-sm md:text-xs lg:text-base">
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/technology/ignite-by-hatch">
              Ignite by Hatch™
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/technology/ignitetable">
              IgniteTable by Hatch™
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/technology/ignitepanel-by-hatch">
              IgnitePanel by Hatch™
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/technology/hatch-insights">
              Insights by Hatch™
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="javascript:;">
              Print-Based Literacy Solutions
            </a>
            
              <ul class="text-xs ps-4">
                
                  <li class="hs-skip-lang-url-rewrite">
                    <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/technology/unlockliteracy">
                      Key Foundations by Hatch™
                    </a>
                  </li>
                
                  <li class="hs-skip-lang-url-rewrite">
                    <a class="block w-full py-2 hover:underline" href="javascript:;">
                      Code is the Key by Hatch™ (coming soon)
                    </a>
                  </li>
                
              </ul>
            
          </li>
        
      </ul>
    </li>
  
    <li class="hs-skip-lang-url-rewrite flex-1">
      <a class="block w-full py-4 uppercase text-lg md:text-base lg:text-xl font-black
        cursor-default" href="javascript:;">
        Resources
      </a>

      <ul class="text-sm md:text-xs lg:text-base">
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/back-to-school-2023">
              2023 Back to School
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/resources/hatch-research">
              Research
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/resources/success-data-stories">
              Success Stories
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/resources/alignments">
              Alignments
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/resources/webinars">
              Webinars
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/resources/video">
              Videos
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/blog">
              Blog
            </a>
            
          </li>
        
      </ul>
    </li>
  
    <li class="hs-skip-lang-url-rewrite flex-1">
      <a class="block w-full py-4 uppercase text-lg md:text-base lg:text-xl font-black
        cursor-default" href="javascript:;">
        Support
      </a>

      <ul class="text-sm md:text-xs lg:text-base">
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://support.hatchearlylearning.com/hc/en-us" target="_blank" rel="noopener">
              Technical Support
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/customer-support/product-training">
              Training
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/customer-support/professional-development">
              Professional Development
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/accessibility">
              Accessibility
            </a>
            
          </li>
        
      </ul>
    </li>
  
    <li class="hs-skip-lang-url-rewrite flex-1">
      <a class="block w-full py-4 uppercase text-lg md:text-base lg:text-xl font-black
        cursor-default" href="javascript:;">
        Company
      </a>

      <ul class="text-sm md:text-xs lg:text-base">
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/conferences">
              Conferences &amp; Events
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/about/press-releases">
              Press
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/about/careers">
              Careers
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/funding">
              Funding Opportunities
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://www.hatchearlylearning.com/about/policies">
              Our Policies
            </a>
            
          </li>
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://7803303.fs1.hubspotusercontent-na1.net/hubfs/7803303/Hatch%20Resources/Hatch%20EULA%20sept%202022.pdf">
              EULA
            </a>
            
          </li>
        
      </ul>
    </li>
  
    <li class="hs-skip-lang-url-rewrite flex-1">
      <a class="block w-full py-4 uppercase text-lg md:text-base lg:text-xl font-black
        cursor-default" href="javascript:;">
        Login
      </a>

      <ul class="text-sm md:text-xs lg:text-base">
        
          <li class="hs-skip-lang-url-rewrite">
            <a class="block w-full py-2 hover:underline" href="https://rms.hatchearlychildhood.com/">
              Hatch Insights
            </a>
            
          </li>
        
      </ul>
    </li>
  
</ul></div>
    </div>
  </div>
  <div class="relative flex flex-col lg:flex-row mx-auto max-w-screen-xl z-10">
    <div class="flex flex-col md:flex-row p-8 m-4 md:m-8 lg:my-16 gap-4 justify-between xl:min-w-[50%]
      font-bold text-center lg:text-left rounded-2xl md:whitespace-nowrap">
      <span>© 2024 Hatch Early Learning</span>
      <span>301 N. Main Suite 101, Winston-Salem, NC 27101</span>
    </div>
    <div class="flex w-full h-[50vw] lg:h-auto lg:pt-20 lg:-mt-20 pointer-events-none">
      <div class="relative w-1/2">
        <img class="absolute top-0 lg:-top-16 left-1/2 max-w-none w-[120%] -translate-x-1/2" src="https://www.hatchearlylearning.com/hubfs/raw_assets/public/hatch/images/characters/tob-e-standing.png" alt="Tob-E">
      </div>
      <div class="relative w-1/2">
        <img class="absolute top-0 lg:-top-16 left-1/2 max-w-none w-[120%] -translate-x-1/2" src="https://www.hatchearlylearning.com/hubfs/raw_assets/public/hatch/images/characters/pj-waving.png" alt="PJ">
      </div>
    </div>
  </div>
</footer></div>
      
    </footer>

    
    
    <script src="/hs/hsstatic/jquery-libs/static-1.1/jquery/jquery-1.7.1.js"></script>
<script>hsjQuery = window['jQuery'];</script>
<!-- HubSpot performance collection script -->
<script defer src="https://static.hsappstatic.net/content-cwv-embed/static-1.971/embed.js"></script>
<script defer src="https://www.hatchearlylearning.com/hs-fs/hub/7803303/hub_generated/template_assets/106799328378/1709677468600/hatch/js/main.min.js"></script>
<script defer src="//unpkg.com/alpinejs"></script>
<script>
var hsVars = hsVars || {}; hsVars['language'] = 'en';
</script>

<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>

<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(["setContentType", "standard-page"]);
_hsq.push(["setCanonicalUrl", "https:\/\/www.hatchearlylearning.com"]);
_hsq.push(["setPageId", "106805286207"]);
_hsq.push(["setContentMetadata", {
    "contentPageId": 106805286207,
    "legacyPageId": "106805286207",
    "contentFolderId": null,
    "contentGroupId": null,
    "abTestId": null,
    "languageVariantId": 106805286207,
    "languageCode": "en",
    
    
}]);
</script>

<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/7803303.js"></script>
<!-- End of HubSpot Analytics Code -->


<script type="text/javascript">
var hsVars = {
    render_id: "74f964d3-5e6a-4ea6-9518-931e4725cc0a",
    ticks: 1718559915654,
    page_id: 106805286207,
    
    content_group_id: 0,
    portal_id: 7803303,
    app_hs_base_url: "https://app.hubspot.com",
    cp_hs_base_url: "https://cp.hubspot.com",
    language: "en",
    analytics_page_type: "standard-page",
    scp_content_type: "",
    analytics_page_id: "106805286207",
    category_id: 1,
    folder_id: 0,
    is_hubspot_user: false
}
</script>


<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.321/js/index.js"></script>




  
</body></html>