Showing source for: https://www.wonderschool.com/ca/pleasanton/
Duration: 0.404318s
Server: cloudflare

<!DOCTYPE html>

<html lang="en" class="[scrollbar-gutter:stable]">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="Ll1PADlXPjQAWXEuBjcPBzBTHjsmEw1NVd6VCaaUJn9khAEOZ8rPafGz">
    <meta name="google" content="notranslate">
    <meta name="robots" content="index,follow">
    <meta name="theme-color" content="#ffffff">
    <meta http-equiv="Content-Language" content="en">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Discover the top daycares in Pleasanton, CA. Compare trusted providers, schedule tours, and apply online with Wonderschool.">


      <meta property="og:title" content="Top Childcare Providers in Pleasanton, CA – Compare, Tour &amp; Apply">

      <meta property="og:description" content="Discover the top daycares in Pleasanton, CA. Compare trusted providers, schedule tours, and apply online with Wonderschool.">

      <meta property="og:image" content="https://ucarecdn.com/2ebf7e06-dd17-444b-bb18-09adf1ed3870/schoolprofiletop.png">

    
  <!-- Build information -->
  <meta name="git-sha" content="96ab8aa525cb27941b5a7c2b922e75f40b3a2c53">

    <meta name="echo-origin" content="http://localhost:4040">

    <meta name="finder-analytics-bundle-url" content="/nova/assets/react/libs/finder-analytics/src/mount-8587e902f003d72c050fe57bc5ea0431.js?vsn=d">
    <meta name="licensing-bundle-url" content="/nova/assets/react/libs/licensing/src/licensing-cbbdcd4f5c3821788f6392290c5854b0.js?vsn=d">
    <meta name="marketplace-listing-bundle-url" content="/nova/assets/react/libs/marketplace-listing/src/mount-708b5cd02bfa7d7bbdc6801d6358a82d.js?vsn=d">
    <meta name="marketplace-homepage-bundle-url" content="/nova/assets/react/libs/marketplace-homepage/src/mount-bea3356d4174605f0082ea53e97925c7.js?vsn=d">
    <meta name="new-mexico-licensing-bundle-url" content="/nova/assets/react/libs/new-mexico-licensing/src/mount-fced2158f83e2e440280f54bda042769.js?vsn=d">
    <meta name="subsidies-bundle-url" content="/nova/assets/react/libs/subsidies/src/subsidies-8a552fb25799bbc3d4d203e2aa67375e.js?vsn=d">

    <title>
      Top Childcare Providers in Pleasanton, CA – Compare, Tour &amp; Apply
    </title>

    <base target="_blank">

    <link rel="icon" href="https://www.wonderschool.com/favicon-b9585ca47425468967ff966e2195477c.ico?vsn=d">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <link phx-track-static rel="stylesheet" href="/nova/assets/app-4debd74106c08447c89790ce2538e7b5.css?vsn=d">

    

    

    

    <link rel="canonical" href="https://www.wonderschool.com/ca/pleasanton/">

    <script defer phx-track-static type="text/javascript" src="/nova/assets/marketplace-39946a554e73d425b8a5ff1de3b11aa7.js?vsn=d">
    </script>

    <script type="text/javascript">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
</script>
    
  <script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:2699125,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  </script>

    
    
  <script>
    var _rollbarConfig = {
        rollbarJsUrl: "/vendor/rollbar-2.3.7.min-8c71ecb6c762c680cf0eb2055589b5f1.js?vsn=d",
        accessToken: "e92aaf995ab3484bb3d26fbf559980a2",
        captureUncaught: true,
        captureUnhandledRejections: true,
        // Whitelabeling serves the same assets from many domains, but
        // Rollbar matches uploaded source maps by exact minified_url.
        // Rewrite every frame's host to the "dynamichost" placeholder the
        // CI upload registers maps under.
        transform: function(payload) {
            var traces = payload.body.trace_chain || (payload.body.trace ? [payload.body.trace] : []);
            for (var t = 0; t < traces.length; t++) {
                var frames = traces[t].frames || [];
                for (var i = 0; i < frames.length; i++) {
                    var filename = frames[i].filename;
                    if (filename) {
                        var m = filename.match(/^https?:\/\/[^\/]+(\/.*)/);
                        if (m) { frames[i].filename = "https://dynamichost" + m[1]; }
                    }
                }
            }
        },
        payload: {
            environment: "production",
            client: {
                javascript: {
                    code_version: "96ab8aa525cb27941b5a7c2b922e75f40b3a2c53",
                    guess_uncaught_frames: true,
                    source_map_enabled: true,
                },
            },
            server: {
                root: 'webpack:///./',
            },
        },
    };

    !function(r){function o(n){if(e[n])return e[n].exports;var t=e[n]={exports:{},id:n,loaded:!1};return r[n].call(t.exports,t,t.exports,o),t.loaded=!0,t.exports}var e={};return o.m=r,o.c=e,o.p="",o(0)}([function(r,o,e){"use strict";var n=e(1),t=e(4);_rollbarConfig=_rollbarConfig||{},_rollbarConfig.rollbarJsUrl=_rollbarConfig.rollbarJsUrl||"https://cdnjs.cloudflare.com/ajax/libs/rollbar.js/2.3.7/rollbar.min.js",_rollbarConfig.async=void 0===_rollbarConfig.async||_rollbarConfig.async;var a=n.setupShim(window,_rollbarConfig),l=t(_rollbarConfig);window.rollbar=n.Rollbar,a.loadFull(window,document,!_rollbarConfig.async,_rollbarConfig,l)},function(r,o,e){"use strict";function n(r){return function(){try{return r.apply(this,arguments)}catch(r){try{console.error("[Rollbar]: Internal error",r)}catch(r){}}}}function t(r,o){this.options=r,this._rollbarOldOnError=null;var e=s++;this.shimId=function(){return e},window&&window._rollbarShims&&(window._rollbarShims[e]={handler:o,messages:[]})}function a(r,o){var e=o.globalAlias||"Rollbar";if("object"==typeof r[e])return r[e];r._rollbarShims={},r._rollbarWrappedError=null;var t=new p(o);return n(function(){o.captureUncaught&&(t._rollbarOldOnError=r.onerror,i.captureUncaughtExceptions(r,t,!0),i.wrapGlobals(r,t,!0)),o.captureUnhandledRejections&&i.captureUnhandledRejections(r,t,!0);var n=o.autoInstrument;return o.enabled!==!1&&(void 0===n||n===!0||"object"==typeof n&&n.network)&&r.addEventListener&&(r.addEventListener("load",t.captureLoad.bind(t)),r.addEventListener("DOMContentLoaded",t.captureDomContentLoaded.bind(t))),r[e]=t,t})()}function l(r){return n(function(){var o=this,e=Array.prototype.slice.call(arguments,0),n={shim:o,method:r,args:e,ts:new Date};window._rollbarShims[this.shimId()].messages.push(n)})}var i=e(2),s=0,d=e(3),c=function(r,o){return new t(r,o)},p=d.bind(null,c);t.prototype.loadFull=function(r,o,e,t,a){var l=function(){var o;if(void 0===r._rollbarDidLoad){o=new Error("rollbar.js did not load");for(var e,n,t,l,i=0;e=r._rollbarShims[i++];)for(e=e.messages||[];n=e.shift();)for(t=n.args||[],i=0;i<t.length;++i)if(l=t[i],"function"==typeof l){l(o);break}}"function"==typeof a&&a(o)},i=!1,s=o.createElement("script"),d=o.getElementsByTagName("script")[0],c=d.parentNode;s.crossOrigin="",s.src=t.rollbarJsUrl,e||(s.async=!0),s.onload=s.onreadystatechange=n(function(){if(!(i||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState)){s.onload=s.onreadystatechange=null;try{c.removeChild(s)}catch(r){}i=!0,l()}}),c.insertBefore(s,d)},t.prototype.wrap=function(r,o,e){try{var n;if(n="function"==typeof o?o:function(){return o||{}},"function"!=typeof r)return r;if(r._isWrap)return r;if(!r._rollbar_wrapped&&(r._rollbar_wrapped=function(){e&&"function"==typeof e&&e.apply(this,arguments);try{return r.apply(this,arguments)}catch(e){var o=e;throw"string"==typeof o&&(o=new String(o)),o._rollbarContext=n()||{},o._rollbarContext._wrappedSource=r.toString(),window._rollbarWrappedError=o,o}},r._rollbar_wrapped._isWrap=!0,r.hasOwnProperty))for(var t in r)r.hasOwnProperty(t)&&(r._rollbar_wrapped[t]=r[t]);return r._rollbar_wrapped}catch(o){return r}};for(var u="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleUnhandledRejection,captureEvent,captureDomContentLoaded,captureLoad".split(","),f=0;f<u.length;++f)t.prototype[u[f]]=l(u[f]);r.exports={setupShim:a,Rollbar:p}},function(r,o){"use strict";function e(r,o,e){if(r){var t;"function"==typeof o._rollbarOldOnError?t=o._rollbarOldOnError:r.onerror&&!r.onerror.belongsToShim&&(t=r.onerror,o._rollbarOldOnError=t);var a=function(){var e=Array.prototype.slice.call(arguments,0);n(r,o,t,e)};a.belongsToShim=e,r.onerror=a}}function n(r,o,e,n){r._rollbarWrappedError&&(n[4]||(n[4]=r._rollbarWrappedError),n[5]||(n[5]=r._rollbarWrappedError._rollbarContext),r._rollbarWrappedError=null),o.handleUncaughtException.apply(o,n),e&&e.apply(r,n)}function t(r,o,e){if(r){"function"==typeof r._rollbarURH&&r._rollbarURH.belongsToShim&&r.removeEventListener("unhandledrejection",r._rollbarURH);var n=function(r){var e,n,t;try{e=r.reason}catch(r){e=void 0}try{n=r.promise}catch(r){n="[unhandledrejection] error getting `promise` from event"}try{t=r.detail,!e&&t&&(e=t.reason,n=t.promise)}catch(r){t="[unhandledrejection] error getting `detail` from event"}e||(e="[unhandledrejection] error getting `reason` from event"),o&&o.handleUnhandledRejection&&o.handleUnhandledRejection(e,n)};n.belongsToShim=e,r._rollbarURH=n,r.addEventListener("unhandledrejection",n)}}function a(r,o,e){if(r){var n,t,a="EventTarget,Window,Node,ApplicationCache,AudioTrackList,ChannelMergerNode,CryptoOperation,EventSource,FileReader,HTMLUnknownElement,IDBDatabase,IDBRequest,IDBTransaction,KeyOperation,MediaController,MessagePort,ModalWindow,Notification,SVGElementInstance,Screen,TextTrack,TextTrackCue,TextTrackList,WebSocket,WebSocketWorker,Worker,XMLHttpRequest,XMLHttpRequestEventTarget,XMLHttpRequestUpload".split(",");for(n=0;n<a.length;++n)t=a[n],r[t]&&r[t].prototype&&l(o,r[t].prototype,e)}}function l(r,o,e){if(o.hasOwnProperty&&o.hasOwnProperty("addEventListener")){for(var n=o.addEventListener;n._rollbarOldAdd&&n.belongsToShim;)n=n._rollbarOldAdd;var t=function(o,e,t){n.call(this,o,r.wrap(e),t)};t._rollbarOldAdd=n,t.belongsToShim=e,o.addEventListener=t;for(var a=o.removeEventListener;a._rollbarOldRemove&&a.belongsToShim;)a=a._rollbarOldRemove;var l=function(r,o,e){a.call(this,r,o&&o._rollbar_wrapped||o,e)};l._rollbarOldRemove=a,l.belongsToShim=e,o.removeEventListener=l}}r.exports={captureUncaughtExceptions:e,captureUnhandledRejections:t,wrapGlobals:a}},function(r,o){"use strict";function e(r,o){this.impl=r(o,this),this.options=o,n(e.prototype)}function n(r){for(var o=function(r){return function(){var o=Array.prototype.slice.call(arguments,0);if(this.impl[r])return this.impl[r].apply(this.impl,o)}},e="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleUnhandledRejection,_createItem,wrap,loadFull,shimId,captureEvent,captureDomContentLoaded,captureLoad".split(","),n=0;n<e.length;n++)r[e[n]]=o(e[n])}e.prototype._swapAndProcessMessages=function(r,o){this.impl=r(this.options);for(var e,n,t;e=o.shift();)n=e.method,t=e.args,this[n]&&"function"==typeof this[n]&&("captureDomContentLoaded"===n||"captureLoad"===n?this[n].apply(this,[t[0],e.ts]):this[n].apply(this,t));return this},r.exports=e},function(r,o){"use strict";r.exports=function(r){return function(o){if(!o&&!window._rollbarInitialized){r=r||{};for(var e,n,t=r.globalAlias||"Rollbar",a=window.rollbar,l=function(r){return new a(r)},i=0;e=window._rollbarShims[i++];)n||(n=e.handler),e.handler._swapAndProcessMessages(l,e.messages);window[t]=n,window._rollbarInitialized=!0}}}}]);
  </script>

    <script>
  window.SENDBIRD_APP_ID = "2B6DB702-71D0-4648-BE12-F8C0071F5B38";
</script>
    <script>
  window.UPLOADCARE_MANUAL_START = true
  window.UPLOADCARE_PUBLIC_KEY = "f459d53312c7fd3d2cf5";
</script>
    

    <div id="app-config" data-auth-env="prod" data-guardian-token-enabled="true" data-nexus-browser-base-url="https://api.wonderschool.com"></div>
  </head>

  <body class="bg-white antialiased nova">
    



    <div id="phx-GN8UW-a299u1g4SD" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBnQAAAAIdwJpZG0AAAAUcGh4LUdOOFVXLWEyOTl1MWc0U0R3B3Nlc3Npb250AAAAAHcEdmlld3cfRWxpeGlyLkxlZ29XZWIuU2VhcmNoTGl2ZS5JbmRleHcKcGFyZW50X3BpZHcDbmlsdwZyb3V0ZXJ3FUVsaXhpci5Ob3ZhV2ViLlJvdXRlcncIcm9vdF9waWR3A25pbHcRbGl2ZV9zZXNzaW9uX25hbWV3C21hcmtldHBsYWNldwlyb290X3ZpZXd3H0VsaXhpci5MZWdvV2ViLlNlYXJjaExpdmUuSW5kZXhuBgAdWN5FoQFiAAFRgA.LN_t-8btINuVv5Pl4GvR6QBnVLaW_baKRVgDLuZ--gM" data-phx-static="SFMyNTY.g2gDaAJhBnQAAAADdwJpZG0AAAAUcGh4LUdOOFVXLWEyOTl1MWc0U0R3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAAA3cQYXV0aF9yZWRpcmVjdF90b3cYc2F2ZV9mYXZvcml0ZV9yZXR1cm5fdXJpdxRsZWFkX2RlbWFuZF9hc19vZl9tc2puBgAdWN5FoQFiAAFRgA.WJgCOEL73olqQgP_WuknRsMDJ1wngoSw6GVqZOiV_ZY"><div id="flash-group">
  
  

  
  

  
  
</div>
<div class="h-[100vh] flex flex-col items-center overflow-hidden">
  <div role="navigation">
  <div class="hidden w-[0rem] h-[100vh] fixed top-0 left-0 rtl:left-auto rtl:right-0 overflow-x-hidden overflow-y-auto bg-gray-100 border-r rtl:border-r-0 rtl:border-l border-gray-300">
    <div class="flex flex-col h-20 justify-center p-6">
      <div class="flex shrink-0 items-center">
        <a href="/parents" data-phx-link="redirect" data-phx-link-state="push" class="h-12 flex items-center shrink-0">
  <img class="h-5 object-contain hidden md:block" src="https://ucarecdn.com/c1303c54-e765-4c61-bdc0-3922e768c490/-/format/auto/" alt="Wonderschool Logo">
  <img class="h-8 object-contain block md:hidden" src="https://ucarecdn.com/2f563cc2-ca9d-4668-b693-f8aed0159112/-/preview/83x100/" alt="Wonderschool Logo">
</a>
      </div>
    </div>
    <div class="mt-4 p-6 flex flex-col gap-y-6">
  
    
      <div>
  <a href="/parents" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Home
      
  </a>
</div>
    
  
    
      <div>
  <a href="/search" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Search
      
  </a>
</div>
    
  
    
      <div>
  <a href="/parents/child-profiles" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Child Profiles
      
  </a>
</div>
    
  
    
      <div>
  <a href="/parents/documents" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Documents
      
  </a>
</div>
    
  
    
  
    
  
    
  
    
      <div>
  <a href="/parents/messages" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Messages
      
  </a>
</div>
    
  
    
      <div>
  <a href="/parents/billing" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Billing
      
  </a>
</div>
    
  
    
  
    
      <div>
  <a href="https://www.wonderschool.com/parenthoods/" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500" rel="noopener noreferrer" target="_blank">
    
        Community
      
  </a>
</div>
    
  
  <div>
    <a href="https://wonderschool.zendesk.com/hc/en-us/requests/new" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500" rel="noopener noreferrer" target="_blank">
      Support
    </a>
  </div>
</div>
  </div>
  <div id="left-nav-mobile" class="hidden lg:hidden w-[16rem] w-screen h-screen fixed top-0 left-0 rtl:left-auto rtl:right-0 z-50 overflow-x-hidden overflow-y-auto bg-gray-100 border-r rtl:border-r-0 rtl:border-l border-gray-300">
    <div class="flex flex-col h-20 justify-center p-6">
      <div class="flex shrink-0 items-center justify-between">
        <a href="/parents" data-phx-link="redirect" data-phx-link-state="push" class="h-12 flex items-center shrink-0">
  <img class="h-5 object-contain hidden md:block" src="https://ucarecdn.com/c1303c54-e765-4c61-bdc0-3922e768c490/-/format/auto/" alt="Wonderschool Logo">
  <img class="h-8 object-contain block md:hidden" src="https://ucarecdn.com/2f563cc2-ca9d-4668-b693-f8aed0159112/-/preview/83x100/" alt="Wonderschool Logo">
</a>
        <a href="#" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#left-nav-mobile&quot;}]]">
          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-wonder-gray">
  <path d="M6 6L18 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M18 6L6 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
        </a>
      </div>
    </div>
    <div class="mt-4 p-6 flex flex-col gap-y-6">
  
    
      <div>
  <a href="/parents" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Home
      
  </a>
</div>
    
  
    
      <div>
  <a href="/search" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Search
      
  </a>
</div>
    
  
    
      <div>
  <a href="/parents/child-profiles" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Child Profiles
      
  </a>
</div>
    
  
    
      <div>
  <a href="/parents/documents" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Documents
      
  </a>
</div>
    
  
    
  
    
  
    
  
    
      <div>
  <a href="/parents/messages" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Messages
      
  </a>
</div>
    
  
    
      <div>
  <a href="/parents/billing" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500">
    
        Billing
      
  </a>
</div>
    
  
    
  
    
      <div>
  <a href="https://www.wonderschool.com/parenthoods/" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500" rel="noopener noreferrer" target="_blank">
    
        Community
      
  </a>
</div>
    
  
  <div>
    <a href="https://wonderschool.zendesk.com/hc/en-us/requests/new" class="inline-flex gap-x-1 text-base text-wonder-gray-800 hover:text-sky-500" rel="noopener noreferrer" target="_blank">
      Support
    </a>
  </div>
</div>
    <div class="mb-8 flex">
      <div class="mt-1 mx-6 pt-6 flex flex-col gap-y-6 border-t border-gray-300 text-sm max-w-[10rem]">
        <a href="/parents/profile" data-phx-link="redirect" data-phx-link-state="push" class="text-wonder-gray-800 hover:text-sky-500">
  Your profile
</a>
        <a href="/logout" data-phx-link="redirect" data-phx-link-state="push" class="text-gray-800 hover:text-sky-500">
          Sign out
        </a>
      </div>
    </div>
    <div class="mt-3 m-6">
      <div id="locale-switcher-d8ee6777-e324-4d5f-b4d3-0f277a058a73" class="w-full flex items-center relative" phx-hook="LocaleSwitcher">
  <button type="button" aria-haspopup="listbox" aria-expanded="false" aria-controls="locale-switcher-listbox-d8ee6777-e324-4d5f-b4d3-0f277a058a73" aria-label="Change language" data-locale-trigger class="px-3 py-1 relative w-full text-sm border border-gray-300 rounded-full text-left rtl:text-right flex gap-x-1 items-center focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500">
    <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"></path>
</svg>

    
      <span>English</span>
    

    <svg class="h-4 w-4 text-gray-500" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path>
</svg>
  </button>

  <div id="locale-switcher-listbox-d8ee6777-e324-4d5f-b4d3-0f277a058a73" role="listbox" aria-label="Language options" data-locale-listbox class="hidden w-32 flex-col items-center absolute left-0 rtl:left-auto rtl:right-0 z-50 bottom-full pb-1">
    <div id="locale-switcher-options-d8ee6777-e324-4d5f-b4d3-0f277a058a73" phx-hook="LegacyReactLocaleLocalStorage" role="presentation" class="my-0.5 p-2 bg-white rounded-lg w-full flex flex-col gap-y-1 border border-gray-300 text-sm">
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=en" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="true">
          English
        </a>
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=es" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="false">
          Español
        </a>
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=ht" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="false">
          Kreyòl Ayisyen
        </a>
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=vi" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="false">
          Tiếng Việt
        </a>
      
    </div>
  </div>
</div>
    </div>
  </div>
</div>

  <div class="lg:ml-[0rem] w-full lg:w-[calc(100%-0rem)] h-[100vh] flex flex-col items-center overflow-hidden">
    <header class="lg:ml-[0rem] w-full lg:w-[calc(100%-0rem)] fixed z-30 top-0 right-0">
  <div class="w-full shadow bg-white">
    <div class="py-1.5 px-6 h-20 flex justify-between gap-x-4">
      <div id="logo-and-next-to-logo-content-container" class="flex items-center gap-x-6">
        <div id="logo-container" class="flex ">
          <a href="/search" class="h-12 flex items-center shrink-0">
  <img class="h-5 object-contain hidden md:block" src="https://ucarecdn.com/c1303c54-e765-4c61-bdc0-3922e768c490/-/format/auto/" alt="Wonderschool Logo">
  <img class="h-8 object-contain block md:hidden" src="https://ucarecdn.com/2f563cc2-ca9d-4668-b693-f8aed0159112/-/preview/83x100/" alt="Wonderschool Logo">
</a>
        </div>

          
        <div class="hidden lg:flex flex-row gap-x-4 items-center">
          <div class="flex">
            <div>
  
</div>
            <div class="relative w-fit" phx-click-away="unfocus-recommendation-dropdown" id="location-name-and-saved-searches-dropdown">
              <div>
  <form method="post" id="search-filters-form-location-name-and-license" phx-change="validate" phx-submit="save" phx-target="6" onsubmit="setAnalyticsEvent(&#39;filterUpdated&#39;, &#39;listing-results&#39;, id)">
  
  
  
    <div class="flex flex-col gap-y-8 ">

        <div class="flex items-center ">
  <div class="flex items-center justify-between h-14 w-full lg:w-full border-gray-300 bg-white placeholder:text-gray-300 focus-within:border-brand border rounded">
    <div class="flex items-center">
      
    <div class="flex flex-col-reverse w-full sm:w-72 xl:w-60 lg:1/2" phx-value-field="location" id="location-field-large" phx-click="focus-recommendation-dropdown">
  <input autocomplete="off" class="peer m-0 w-full border-0 focus:ring-0 text-gray-900 px-4 pb-1.5 placeholder:text-main focus:placeholder:text-muted pt-0" id="search-filters-form-location-name-and-license_location" name="search-filters[location]" onblur="this.placeholder=&#39;Current map area&#39;" onfocus="this.placeholder=&#39;Enter a city, address, or zip code&#39;" phx-debounce="300" placeholder="Current map area" type="text" value="Pleasanton, California">
  <div class="-mb-0.5 pt-1 pl-4 text-sm text-brand whitespace-nowrap w-full ">
    Search by location
  </div>
</div>
  

      <div class="hidden sm:flex">
        <div class="border-l h-10 border-gray-300 peer-focus:border-blue-300"></div>
      </div>

      <div class="hidden sm:flex">
        
    <div class="flex flex-col-reverse w-full sm:w-72 xl:w-60 lg:w-full lg:max-w-4xl" phx-value-field="name_or_license" id="name_or_license-field-large" phx-click="focus-recommendation-dropdown">
  <input autocomplete="off" class="peer m-0 w-full border-0 focus:ring-0 text-gray-900 px-4 pb-1.5 focus:placeholder:text-muted pt-1.5 focus:pt-0" id="search-filters-form-location-name-and-license_name_or_license" name="search-filters[name_or_license]" onblur="this.placeholder=&#39;Filter by program name&#39;" onfocus="this.placeholder=&#39;Enter a program name&#39;" phx-debounce="300" placeholder="Filter by program name" type="text">
  <div class="-mb-0.5 pt-1 pl-4 text-sm text-brand whitespace-nowrap w-full hidden peer-focus:flex">
    Search by name
  </div>
</div>
  
      </div>
    </div>

    <div class="flex gap-x-2 items-center">
      
    
  

      <button aria-label="Search" class="w-14 h-14 flex shrink-0 items-center justify-center bg-gray-0 bg-brand text-white hover:bg-brand rounded-r focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" type="submit">
        <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path>
</svg>
      </button>
    </div>
  </div>
</div>

    </div>

  
</form>
</div>

              

              <div class="flex w-full">
  
</div>
            </div>
          </div>

          <div>
  
    
      <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" target="_self" class="flex items-center leading-none whitespace-nowrap lg:whitespace-normal w-fit max-h-11 lg:max-h-16 py-2.5 font-bold text-sm text-wonder-blue-900 text-center rounded-lg hover:text-wonder-blue-button-bg-hover">
        Save this search
      </a>
    
  

  

  
</div>

          
        </div>
      

      </div>

      <div class="flex items-center gap-x-2 sm:gap-x-4 xl:gap-x-6">
        
        <div class="block">
          <div class="flex xl:hidden">
            <div id="locale-switcher-091af322-de00-4e13-bb1e-685fecce215c" class="w-full flex items-center relative" phx-hook="LocaleSwitcher">
  <button type="button" aria-haspopup="listbox" aria-expanded="false" aria-controls="locale-switcher-listbox-091af322-de00-4e13-bb1e-685fecce215c" aria-label="Change language" data-locale-trigger class="px-3 py-1 relative w-full text-sm border border-gray-300 rounded-full text-left rtl:text-right flex gap-x-1 items-center focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500">
    <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"></path>
</svg>

    

    <svg class="h-4 w-4 text-gray-500" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>
  </button>

  <div id="locale-switcher-listbox-091af322-de00-4e13-bb1e-685fecce215c" role="listbox" aria-label="Language options" data-locale-listbox class="hidden w-32 flex-col items-center absolute left-0 rtl:left-auto rtl:right-0 z-50 top-full pt-1">
    <div id="locale-switcher-options-091af322-de00-4e13-bb1e-685fecce215c" phx-hook="LegacyReactLocaleLocalStorage" role="presentation" class="my-0.5 p-2 bg-white rounded-lg w-full flex flex-col gap-y-1 border border-gray-300 text-sm">
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=en" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="true">
          English
        </a>
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=es" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="false">
          Español
        </a>
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=ht" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="false">
          Kreyòl Ayisyen
        </a>
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=vi" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="false">
          Tiếng Việt
        </a>
      
    </div>
  </div>
</div>
          </div>

          <div class="hidden xl:flex">
            <div id="locale-switcher-0ae5ce87-35b5-46a7-9fc5-14903111c518" class="w-full flex items-center relative" phx-hook="LocaleSwitcher">
  <button type="button" aria-haspopup="listbox" aria-expanded="false" aria-controls="locale-switcher-listbox-0ae5ce87-35b5-46a7-9fc5-14903111c518" aria-label="Change language" data-locale-trigger class="px-3 py-1 relative w-full text-sm border border-gray-300 rounded-full text-left rtl:text-right flex gap-x-1 items-center focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500">
    <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"></path>
</svg>

    
      <span>English</span>
    

    <svg class="h-4 w-4 text-gray-500" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>
  </button>

  <div id="locale-switcher-listbox-0ae5ce87-35b5-46a7-9fc5-14903111c518" role="listbox" aria-label="Language options" data-locale-listbox class="hidden w-32 flex-col items-center absolute left-0 rtl:left-auto rtl:right-0 z-50 top-full pt-1">
    <div id="locale-switcher-options-0ae5ce87-35b5-46a7-9fc5-14903111c518" phx-hook="LegacyReactLocaleLocalStorage" role="presentation" class="my-0.5 p-2 bg-white rounded-lg w-full flex flex-col gap-y-1 border border-gray-300 text-sm">
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=en" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="true">
          English
        </a>
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=es" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="false">
          Español
        </a>
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=ht" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="false">
          Kreyòl Ayisyen
        </a>
      
        <a href="https://www.wonderschool.com/ca/pleasanton/?locale=vi" class="locale-option ml-3 rtl:ml-0 rtl:mr-3 hover:text-wonder-blue-900 focus:text-wonder-blue-900 focus:outline-none" target="_self" role="option" tabindex="-1" aria-selected="false">
          Tiếng Việt
        </a>
      
    </div>
  </div>
</div>
          </div>
        </div>

            <a href="#" rel="nofollow" target="_self" class="block py-2 sm:py-4 text-sm text-gray-500 whitespace-nowrap hover:text-wonder-blue-900" phx-click="auth-cta-clicked" phx-value-source="top_nav" phx-value-action="log_in" phx-target="1">
              Log In
            </a>
            <button type="button" phx-click="show-sign-up-modal" phx-target="1" class="block text-sm px-3 py-2 sm:px-6 sm:py-4 border border-gray-300 rounded text-wonder-blue-900 bg-white whitespace-nowrap hover:bg-gray-100">
              Sign Up
            </button>

      </div>
    </div>

      <div class="px-6">
        
        <div class="flex lg:hidden align-center">
          <div class="-mt-1px relative z-10" style="margin-right: -3px;">
            <div>
  
</div>
          </div>
          <div class="pb-2 relative w-full gap-x-2" phx-click="focus-recommendation-dropdown" phx-click-away="unfocus-recommendation-dropdown" id="location-and-saved-searches-dropdown-small">
            <div>
  <form method="post" id="search-filters-form-location-name-and-license-small" phx-change="validate" phx-submit="save" phx-target="10" onsubmit="setAnalyticsEvent(&#39;filterUpdated&#39;, &#39;listing-results&#39;, id)">
  
  
  
    <div class="flex flex-col gap-y-8 ">

        <div class="flex items-center ">
  <div class="flex items-center justify-between h-14 w-full lg:w-full border-gray-300 bg-white placeholder:text-gray-300 focus-within:border-brand border rounded">
    <div class="flex items-center">
      
    <div class="flex flex-col-reverse w-full sm:w-72 xl:w-60 lg:1/2" phx-value-field="location" id="location-field-small" phx-click="focus-recommendation-dropdown">
  <input autocomplete="off" class="peer m-0 w-full border-0 focus:ring-0 text-gray-900 px-4 pb-1.5 placeholder:text-main focus:placeholder:text-muted pt-0" id="search-filters-form-location-name-and-license-small_location" name="search-filters[location]" onblur="this.placeholder=&#39;Current map area&#39;" onfocus="this.placeholder=&#39;Enter a city, address, or zip code&#39;" phx-debounce="300" placeholder="Current map area" type="text" value="Pleasanton, California">
  <div class="-mb-0.5 pt-1 pl-4 text-sm text-brand whitespace-nowrap w-full ">
    Search by location
  </div>
</div>
  

      <div class="hidden sm:flex">
        <div class="border-l h-10 border-gray-300 peer-focus:border-blue-300"></div>
      </div>

      <div class="hidden sm:flex">
        
    <div class="flex flex-col-reverse w-full sm:w-72 xl:w-60 lg:w-full lg:max-w-4xl" phx-value-field="name_or_license" id="name_or_license-field-small" phx-click="focus-recommendation-dropdown">
  <input autocomplete="off" class="peer m-0 w-full border-0 focus:ring-0 text-gray-900 px-4 pb-1.5 focus:placeholder:text-muted pt-1.5 focus:pt-0" id="search-filters-form-location-name-and-license-small_name_or_license" name="search-filters[name_or_license]" onblur="this.placeholder=&#39;Filter by program name&#39;" onfocus="this.placeholder=&#39;Enter a program name&#39;" phx-debounce="300" placeholder="Filter by program name" type="text">
  <div class="-mb-0.5 pt-1 pl-4 text-sm text-brand whitespace-nowrap w-full hidden peer-focus:flex">
    Search by name
  </div>
</div>
  
      </div>
    </div>

    <div class="flex gap-x-2 items-center">
      
    
  

      <button aria-label="Search" class="w-14 h-14 flex shrink-0 items-center justify-center bg-gray-0 bg-brand text-white hover:bg-brand rounded-r focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" type="submit">
        <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path>
</svg>
      </button>
    </div>
  </div>
</div>

    </div>

  
</form>
</div>

            <div class="flex w-full">
  
</div>
          </div>
        </div>
      
      </div>

  </div>

    
        <div class="search-filters px-6 py-2.5 h-16 w-full bg-white border-t border-gray-200 flex justify-between items-center gap-x-4 shadow">
          <div class="lg:hidden flex gap-x-2 items-center">
            <button type="button" aria-label="Filter" class="py-1.5 px-3 block lg:hidden border border-gray-300 rounded text-ds-gray-700" phx-click="toggle-all-filters-popout">
              Filters
            </button>

            <div>
  
    
      <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" target="_self" class="flex items-center leading-none whitespace-nowrap lg:whitespace-normal w-fit max-h-11 lg:max-h-16 py-2.5 font-bold text-sm text-wonder-blue-900 text-center rounded-lg hover:text-wonder-blue-button-bg-hover">
        Save this search
      </a>
    
  

  

  
</div>

            
          </div>

          <div class="hidden lg:flex items-center gap-x-2">
            
<div>
  <div class="relative">
  <button id="age-range-button" type="button" aria-expanded="false" aria-controls="age-range-popup" phx-click="toggle-active-search-filter" phx-value-id="age-range" class="search-label py-2 px-3 h-9 flex items-center bg-gray-200 text-main font-bold rounded leading-none text-center hover:bg-wonder-blue-900 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" style="font-size: 13px;">
    <div class="inline-flex items-center" style="min-height: 1rem; overflow: hidden; -webkit-line-clamp: 2;">
      Age Range
    </div>
  </button>

  
</div>
</div><div>
  <div class="relative">
  <button id="has-availability-button" type="button" aria-expanded="false" aria-controls="has-availability-popup" phx-click="toggle-active-search-filter" phx-value-id="has-availability" class="search-label py-2 px-3 h-9 flex items-center bg-gray-200 text-main font-bold rounded leading-none text-center hover:bg-wonder-blue-900 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" style="font-size: 13px;">
    <div class="inline-flex items-center" style="min-height: 1rem; overflow: hidden; -webkit-line-clamp: 2;">
      Availability
    </div>
  </button>

  
</div>
</div><div>
  <div class="relative">
  <button id="days-per-week-button" type="button" aria-expanded="false" aria-controls="days-per-week-popup" phx-click="toggle-active-search-filter" phx-value-id="days-per-week" class="search-label py-2 px-3 h-9 flex items-center bg-gray-200 text-main font-bold rounded leading-none text-center hover:bg-wonder-blue-900 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" style="font-size: 13px;">
    <div class="inline-flex items-center" style="min-height: 1rem; overflow: hidden; -webkit-line-clamp: 2;">
      Number of days/week
    </div>
  </button>

  
</div>
</div><div>
  <div class="relative">
  <button id="drop-off-button" type="button" aria-expanded="false" aria-controls="drop-off-popup" phx-click="toggle-active-search-filter" phx-value-id="drop-off" class="search-label py-2 px-3 h-9 flex items-center bg-gray-200 text-main font-bold rounded leading-none text-center hover:bg-wonder-blue-900 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" style="font-size: 13px;">
    <div class="inline-flex items-center" style="min-height: 1rem; overflow: hidden; -webkit-line-clamp: 2;">
      Drop-off Time
    </div>
  </button>

  
</div>
</div><div>
  <div class="relative">
  <button id="pick-up-button" type="button" aria-expanded="false" aria-controls="pick-up-popup" phx-click="toggle-active-search-filter" phx-value-id="pick-up" class="search-label py-2 px-3 h-9 flex items-center bg-gray-200 text-main font-bold rounded leading-none text-center hover:bg-wonder-blue-900 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" style="font-size: 13px;">
    <div class="inline-flex items-center" style="min-height: 1rem; overflow: hidden; -webkit-line-clamp: 2;">
      Pick-up Time
    </div>
  </button>

  
</div>
</div><div>
  <div class="relative">
  <button id="program-type-button" type="button" aria-expanded="false" aria-controls="program-type-popup" phx-click="toggle-active-search-filter" phx-value-id="program-type" class="search-label py-2 px-3 h-9 flex items-center bg-gray-200 text-main font-bold rounded leading-none text-center hover:bg-wonder-blue-900 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" style="font-size: 13px;">
    <div class="inline-flex items-center" style="min-height: 1rem; overflow: hidden; -webkit-line-clamp: 2;">
      Program Type
    </div>
  </button>

  
</div>
</div><div>
  <div class="relative">
  <button id="budget-and-subsidy-button" type="button" aria-expanded="false" aria-controls="budget-and-subsidy-popup" phx-click="toggle-active-search-filter" phx-value-id="budget-and-subsidy" class="search-label py-2 px-3 h-9 flex items-center bg-gray-200 text-main font-bold rounded leading-none text-center hover:bg-wonder-blue-900 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" style="font-size: 13px;">
    <div class="inline-flex items-center" style="min-height: 1rem; overflow: hidden; -webkit-line-clamp: 2;">
      Budget &amp; Subsidy
    </div>
  </button>

  
</div>
</div><div>
  <div class="relative">
  <button id="tours-and-events-button" type="button" aria-expanded="false" aria-controls="tours-and-events-popup" phx-click="toggle-active-search-filter" phx-value-id="tours-and-events" class="search-label py-2 px-3 h-9 flex items-center bg-gray-200 text-main font-bold rounded leading-none text-center hover:bg-wonder-blue-900 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" style="font-size: 13px;">
    <div class="inline-flex items-center" style="min-height: 1rem; overflow: hidden; -webkit-line-clamp: 2;">
      Tours &amp; Events
    </div>
  </button>

  
</div>
</div><div>
  <div class="relative">
  <button id="spoken-languages-button" type="button" aria-expanded="false" aria-controls="spoken-languages-popup" phx-click="toggle-active-search-filter" phx-value-id="spoken-languages" class="search-label py-2 px-3 h-9 flex items-center bg-gray-200 text-main font-bold rounded leading-none text-center hover:bg-wonder-blue-900 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wonder-blue-900" style="font-size: 13px;">
    <div class="inline-flex items-center" style="min-height: 1rem; overflow: hidden; -webkit-line-clamp: 2;">
      Language(s) Supported
    </div>
  </button>

  
</div>
</div>

          </div>
        </div>
      

  <div class="nav-popout">

</div>
</header>

    <main class="flex flex-1 h-full w-full">
      <div class="pt-52 lg:pt-36 flex flex-col lg:flex-row h-full w-full relative">
        <div class="overflow-y-auto h-full w-full block lg:w-8/12 flex flex-col justify-between">
          <div class="w-full flex flex-col justify-between">
            
            <header id="city-page-header" class="bg-gray-100 px-4 py-6">
  <h1 class="font-bold mb-2 text-3xl text-gray-800">
    Top Child Care, Preschool &amp; Daycare in Pleasanton
  </h1>
  <p class="text-gray-800">
    Parents in Pleasanton use Wonderschool to find local in-home daycare, child care, and preschool options in their neighborhood. Wonderschool-affiliated child care programs — designated by our logo and verification badge on the listing — meet our
    <a href="/corp/safety" class="text-blue-600 hover:text-blue-800 underline" target="_blank">Quality &amp; Safety Promise</a>
    — a set of standards that go above and beyond state licensing requirements for in-home programs.
  </p>
</header>
            
            <h1 class="mt-6 mb-3 px-4 font-bold text-gray-500" data-cy="showing-listings-count">

                  <div class="flex gap-x-3 items-center">
                    <div>
                      Showing
                      20
                      of
                      303
                      programs
                    </div>

                  </div>

            </h1>

              

            <div id="listing-results" phx-hook="AnalyticsLiveSearch" data-search-status="loaded" data-search-listings="[{&quot;id&quot;:&quot;f5dd43ad-b16c-4cf2-a14c-6d24546f2d54&quot;,&quot;school_id&quot;:null,&quot;external_school_id&quot;:3665504,&quot;schoolType&quot;:&quot;partnerNetworkSchool&quot;},{&quot;id&quot;:&quot;2e165d11-b5f0-41d8-a8c2-5a06566d055c&quot;,&quot;school_id&quot;:null,&quot;external_school_id&quot;:3665612,&quot;schoolType&quot;:&quot;partnerNetworkSchool&quot;},{&quot;id&quot;:&quot;e89c4b70-8ca9-4545-bde9-7ec038dc72b2&quot;,&quot;school_id&quot;:null,&quot;external_school_id&quot;:3665495,&quot;schoolType&quot;:&quot;partnerNetworkSchool&quot;},{&quot;id&quot;:&quot;5505510b-896d-41e4-b5f2-ef71b614d57b&quot;,&quot;school_id&quot;:null,&quot;external_school_id&quot;:3665479,&quot;schoolType&quot;:&quot;partnerNetworkSchool&quot;},{&quot;id&quot;:&quot;f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d&quot;,&quot;school_id&quot;:3474,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;08a94320-3241-4bcb-acde-8212e16f38fc&quot;,&quot;school_id&quot;:24220,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;18226d42-4e54-4800-a7bf-bdc76342ce4b&quot;,&quot;school_id&quot;:28064,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;e6e083fb-1208-4612-a706-fc40b9e6c8a4&quot;,&quot;school_id&quot;:5244,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;bc24f360-1176-42b9-9588-6cb262c8a584&quot;,&quot;school_id&quot;:27905,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;5be3950d-35d5-4707-acf8-e376f3da30a6&quot;,&quot;school_id&quot;:374,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;e580a271-fef3-4e7d-9327-ae226f7e1e61&quot;,&quot;school_id&quot;:23779,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;a6b5f086-fbff-4533-a5c2-76c2267f5631&quot;,&quot;school_id&quot;:25671,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;6fec155e-d4a3-4734-b6c6-ccf148906c92&quot;,&quot;school_id&quot;:27042,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;e07c9413-7f02-4e67-9d75-8f94804dc9e0&quot;,&quot;school_id&quot;:72,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;23728def-781a-4ac9-b85f-2151ee4c62a2&quot;,&quot;school_id&quot;:26820,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;cb71b8db-8d1f-40b3-96f1-a18453b43e24&quot;,&quot;school_id&quot;:3721,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;0787f804-cf59-475e-8a43-be21e17f2c7b&quot;,&quot;school_id&quot;:3869,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;4b0a00f9-9494-4658-94a0-cbe24e235c82&quot;,&quot;school_id&quot;:3720,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;2f971f02-0eda-4838-afc4-1a12861dd8fa&quot;,&quot;school_id&quot;:23777,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;},{&quot;id&quot;:&quot;646add55-8e02-46ab-bb3f-69d8c44a1464&quot;,&quot;school_id&quot;:19387,&quot;external_school_id&quot;:null,&quot;schoolType&quot;:&quot;internalAndExternal&quot;}]" data-query-params="{&quot;network_rating&quot;:null,&quot;transportation&quot;:null,&quot;extended_day_programs&quot;:null,&quot;school_types_secular&quot;:null,&quot;religious_affiliation_seventh_day_adventist&quot;:null,&quot;career_clusters_manufacturing&quot;:null,&quot;is_touring&quot;:null,&quot;school_network_ratings_b&quot;:null,&quot;religious_affiliation&quot;:null,&quot;religious_affiliation_multi_inter_trans_denominational&quot;:null,&quot;origin&quot;:null,&quot;scholarships_accepted_fes_eo&quot;:null,&quot;religious_affiliation_lutheran&quot;:null,&quot;religious_affiliation_episcopalian&quot;:null,&quot;budget_max&quot;:null,&quot;school_network_ratings_a&quot;:null,&quot;religious_affiliation_church_of_god&quot;:null,&quot;student_body&quot;:null,&quot;technology&quot;:null,&quot;location&quot;:&quot;Pleasanton, California&quot;,&quot;school_types_military&quot;:null,&quot;voluntary_prekindergarten_score_min&quot;:null,&quot;religious_affiliation_jewish&quot;:null,&quot;spoken_languages&quot;:null,&quot;school_network_ratings_c&quot;:null,&quot;career_clusters_business&quot;:null,&quot;offers_part_time_enrollment&quot;:null,&quot;religious_affiliation_assemblies_of_god&quot;:null,&quot;school_types_day_school&quot;:null,&quot;has_availability&quot;:null,&quot;religious_affiliation_presbyterian&quot;:null,&quot;radius&quot;:null,&quot;subsidized_care_accepted&quot;:null,&quot;has_upcoming_gatherings&quot;:null,&quot;no_preference_school_types&quot;:null,&quot;extracurricular_programs&quot;:null,&quot;religious_affiliation_baptist&quot;:null,&quot;subsidies_accepted&quot;:null,&quot;career_clusters_agriculture&quot;:null,&quot;religious_affiliation_islamic_muslim&quot;:null,&quot;drop_off_start&quot;:null,&quot;religious_affiliation_pentecostal&quot;:null,&quot;scholarships_accepted&quot;:null,&quot;days_per_week&quot;:null,&quot;career_clusters_engineering&quot;:null,&quot;scholarships_accepted_hope&quot;:null,&quot;name&quot;:null,&quot;scholarships_accepted_fes_ua&quot;:null,&quot;name_or_license&quot;:null,&quot;participates_in_voluntary_prekindergarten&quot;:null,&quot;destination&quot;:null,&quot;school_network_ratings_d&quot;:null,&quot;academic_philosophies&quot;:null,&quot;age_months_min&quot;:null,&quot;religious_affiliation_non_denominational&quot;:null,&quot;school_classifications_ese_center&quot;:null,&quot;school_types&quot;:null,&quot;scholarships_accepted_ftc&quot;:null,&quot;school_enrollment_type_zoned&quot;:null,&quot;school_enrollment_type_choice&quot;:null,&quot;age_months_max&quot;:null,&quot;pick_up_start&quot;:null,&quot;school_types_public_traditional&quot;:null,&quot;school_classifications_magnet_school&quot;:null,&quot;career_clusters_it&quot;:null,&quot;career_clusters_health_science&quot;:null,&quot;religious_affiliation_other&quot;:null,&quot;career_clusters_finance&quot;:null,&quot;school_readiness_score_max&quot;:null,&quot;career_clusters_hospitality&quot;:null,&quot;career_clusters_arts_av&quot;:null,&quot;religious_affiliation_methodist&quot;:null,&quot;participates_in_school_readiness&quot;:null,&quot;career_clusters_education&quot;:null,&quot;care_schedules&quot;:null,&quot;voluntary_prekindergarten_score_max&quot;:null,&quot;special_ed_services&quot;:null,&quot;school_category&quot;:null,&quot;school_classifications_alternative_education_center&quot;:null,&quot;school_classifications_cte&quot;:null,&quot;career_clusters_government&quot;:null,&quot;religious_affiliation_nazarene&quot;:null,&quot;career_clusters_transportation&quot;:null,&quot;school_enrollment_type_open&quot;:null,&quot;career_clusters_architecture&quot;:null,&quot;career_clusters_marketing&quot;:null,&quot;pick_up_end&quot;:null,&quot;instructional_delivery&quot;:null,&quot;career_clusters_law_public_safety&quot;:null,&quot;school_types_religious&quot;:null,&quot;school_network_ratings&quot;:null,&quot;drop_off_end&quot;:null,&quot;career_clusters_energy&quot;:null,&quot;career_clusters_human_services&quot;:null,&quot;school_types_public_charter&quot;:null,&quot;pay_schedules&quot;:null,&quot;school_classifications&quot;:null,&quot;religious_affiliation_catholic&quot;:null,&quot;school_types_public_virtual&quot;:null,&quot;school_enrollment_type&quot;:null,&quot;program_type&quot;:null,&quot;grades_served&quot;:null,&quot;budget_min&quot;:null,&quot;school_classifications_k12_general_education&quot;:null,&quot;academic_programs&quot;:null,&quot;program_offerings&quot;:null,&quot;school_readiness_score_min&quot;:null,&quot;career_clusters&quot;:null,&quot;school_network_ratings_f&quot;:null}" data-map-center="37.6604484,-121.8757968"></div>

              
              <ul id="listings" class="listings px-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 gap-y-5 lg:grid-cols-3 gap-x-3">

                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="f5dd43ad-b16c-4cf2-a14c-6d24546f2d54" phx-value-listing_type="ece_partner">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;f5dd43ad-b16c-4cf2-a14c-6d24546f2d54&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/pleasanton/pleasanton-kinder-care-3665504u" rel="nofollow" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/e1b140dc-ca6c-42f7-a053-8bd58f9a8210//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Pleasanton KinderCare">
        
        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;f5dd43ad-b16c-4cf2-a14c-6d24546f2d54&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/pleasanton/pleasanton-kinder-care-3665504u" rel="nofollow" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-f5dd43ad-b16c-4cf2-a14c-6d24546f2d54">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Pleasanton KinderCare
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
      
  <div class="listing-hours " id="listing-hours-for-f5dd43ad-b16c-4cf2-a14c-6d24546f2d54">
    6:30am - 6:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-f5dd43ad-b16c-4cf2-a14c-6d24546f2d54">
  Center
</div>
      <div class="">
  
</div>
      

<div id="listing-availability-unknown-f5dd43ad-b16c-4cf2-a14c-6d24546f2d54">
  <div class="font-normal text-muted">
    Contact to confirm availability
  </div>
</div>
      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="2e165d11-b5f0-41d8-a8c2-5a06566d055c" phx-value-listing_type="ece_partner">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;2e165d11-b5f0-41d8-a8c2-5a06566d055c&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/dublin/dublin-kinder-care-3665612u" rel="nofollow" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/8f19428a-bf46-469a-82bf-fccd00c71186//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Dublin KinderCare">
        
        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;2e165d11-b5f0-41d8-a8c2-5a06566d055c&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/dublin/dublin-kinder-care-3665612u" rel="nofollow" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-2e165d11-b5f0-41d8-a8c2-5a06566d055c">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Dublin KinderCare
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
      
  <div class="listing-hours " id="listing-hours-for-2e165d11-b5f0-41d8-a8c2-5a06566d055c">
    7:00am - 6:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-2e165d11-b5f0-41d8-a8c2-5a06566d055c">
  Center
</div>
      <div class="">
  
</div>
      

<div id="listing-availability-unknown-2e165d11-b5f0-41d8-a8c2-5a06566d055c">
  <div class="font-normal text-muted">
    Contact to confirm availability
  </div>
</div>
      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="e89c4b70-8ca9-4545-bde9-7ec038dc72b2" phx-value-listing_type="ece_partner">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;e89c4b70-8ca9-4545-bde9-7ec038dc72b2&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/livermore/livermore-kinder-care-3665495u" rel="nofollow" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/f6150f35-a27c-4937-879d-ef5d94571340//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Livermore KinderCare">
        
        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;e89c4b70-8ca9-4545-bde9-7ec038dc72b2&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/livermore/livermore-kinder-care-3665495u" rel="nofollow" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-e89c4b70-8ca9-4545-bde9-7ec038dc72b2">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Livermore KinderCare
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
      
  <div class="listing-hours " id="listing-hours-for-e89c4b70-8ca9-4545-bde9-7ec038dc72b2">
    6:30am - 6:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-e89c4b70-8ca9-4545-bde9-7ec038dc72b2">
  Center
</div>
      <div class="">
  
</div>
      

<div id="listing-availability-unknown-e89c4b70-8ca9-4545-bde9-7ec038dc72b2">
  <div class="font-normal text-muted">
    Contact to confirm availability
  </div>
</div>
      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="5505510b-896d-41e4-b5f2-ef71b614d57b" phx-value-listing_type="ece_partner">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;5505510b-896d-41e4-b5f2-ef71b614d57b&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/fremont/fremont-paseo-padre-kinder-care-3665479u" rel="nofollow" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/e0f4ff00-3bb3-489c-beae-329a050bbfbf//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Fremont Paseo Padre KinderCare">
        
        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;5505510b-896d-41e4-b5f2-ef71b614d57b&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/fremont/fremont-paseo-padre-kinder-care-3665479u" rel="nofollow" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-5505510b-896d-41e4-b5f2-ef71b614d57b">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Fremont Paseo Padre KinderCare
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
      
  <div class="listing-hours " id="listing-hours-for-5505510b-896d-41e4-b5f2-ef71b614d57b">
    6:30am - 6:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-5505510b-896d-41e4-b5f2-ef71b614d57b">
  Center
</div>
      <div class="">
  
</div>
      

<div id="listing-availability-unknown-5505510b-896d-41e4-b5f2-ef71b614d57b">
  <div class="font-normal text-muted">
    Contact to confirm availability
  </div>
</div>
      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Hortensia&#39;s Way Wonderschool to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/hayward/hortensias-way-wonderschool-3474" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/7776e573-ac7d-4f0f-b40e-d34c42355a8e//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Hortensia&#39;s Way Wonderschool">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-purple-950">
        Montessori Inspired
      </div>
    
  </div>

        <div id="listing-available-spots-f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d" class="absolute top-1.5 left-1.5">
  <div class="flex items-center gap-1.5 px-3 py-1.5 drop-shadow-md rounded-full font-semibold text-sm text-white bg-ds-blue-950">
    <svg class="h-3.5 w-2.5 mt-0.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 14" fill="none">
  <circle cx="4.86744" cy="2.48463" r="2.48463"></circle>
  <path d="M0 9.94595C0 8.18951 1.42388 6.76562 3.18033 6.76562H6.36066C8.1171 6.76562 9.54098 8.18951 9.54098 9.94595V12.3312C9.54098 12.7703 9.18501 13.1263 8.7459 13.1263H0.795082C0.35597 13.1263 0 12.7703 0 12.3312V9.94595Z"></path>
</svg>
    <div>
      
          Spots left
      
    </div>
  </div>
</div>
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/hayward/hortensias-way-wonderschool-3474" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Hortensia&#39;s Way Wonderschool
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d">
    $1,130 - $1,850/mo
  </div>

      
  <div class="listing-hours " id="listing-hours-for-f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d">
    7:30am - 5:30pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d">
  Family Child Care
</div>
      <div class="">
  <div class="flex items-center gap-x-1">
  <div class="flex gap-x-0" title="5.0">
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
  </div>
  <div class="text-muted text-xs">(23)</div>
</div>
</div>
      <div id="listing-availability-range-f2cff9c7-bf5c-4d8b-bdc4-e92967b4ad4d">
  <div class="font-semibold text-ds-blue-950">
    Now enrolling 6 months to 6 years
  </div>
</div>


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="08a94320-3241-4bcb-acde-8212e16f38fc" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add O Sole Mío childcare  to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;08a94320-3241-4bcb-acde-8212e16f38fc&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/fremont/o-sole-mo-childcare-24220" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/b49cc3fb-7d6f-4e57-ad3f-af47fb290159//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="O Sole Mío childcare ">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-08a94320-3241-4bcb-acde-8212e16f38fc" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-blue-950">
        Play Based
      </div>
    
  </div>

        <div id="listing-available-spots-08a94320-3241-4bcb-acde-8212e16f38fc" class="absolute top-1.5 left-1.5">
  <div class="flex items-center gap-1.5 px-3 py-1.5 drop-shadow-md rounded-full font-semibold text-sm text-white bg-ds-blue-950">
    <svg class="h-3.5 w-2.5 mt-0.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 14" fill="none">
  <circle cx="4.86744" cy="2.48463" r="2.48463"></circle>
  <path d="M0 9.94595C0 8.18951 1.42388 6.76562 3.18033 6.76562H6.36066C8.1171 6.76562 9.54098 8.18951 9.54098 9.94595V12.3312C9.54098 12.7703 9.18501 13.1263 8.7459 13.1263H0.795082C0.35597 13.1263 0 12.7703 0 12.3312V9.94595Z"></path>
</svg>
    <div>
      
          Spots left
      
    </div>
  </div>
</div>
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;08a94320-3241-4bcb-acde-8212e16f38fc&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/fremont/o-sole-mo-childcare-24220" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-08a94320-3241-4bcb-acde-8212e16f38fc">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      O Sole Mío childcare 
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-08a94320-3241-4bcb-acde-8212e16f38fc">
    $480 /wk
  </div>

      
  <div class="listing-hours " id="listing-hours-for-08a94320-3241-4bcb-acde-8212e16f38fc">
    7:30am - 5:30pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-08a94320-3241-4bcb-acde-8212e16f38fc">
  Family Child Care
</div>
      <div class="">
  
</div>
      <div id="listing-availability-range-08a94320-3241-4bcb-acde-8212e16f38fc">
  <div class="font-semibold text-ds-blue-950">
    Now enrolling 4 months to 5 years
  </div>
</div>


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>

                    <li id="signup-banner-inline" class="col-span-full">
  <div class="my-5 mx-4 p-6 rounded-lg bg-ds-gray-50 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
    <div>
      <div class="text-normal sm:text-lg font-bold text-gray-800">
        Take the next step in your search
      </div>
      <div class="mt-1 text-sm sm:text-base font-light text-muted">
        Sign up for Wonderschool to save programs, request tours, and track your applications.
        Already have an account?
        <a href="#" class="link-default" phx-click="auth-cta-clicked" phx-value-source="search_banner" phx-value-action="log_in">Log In</a>.
      </div>
    </div>
    <a href="#" class="shrink-0 px-6 py-3 bg-ds-blue-900 text-white font-semibold rounded-lg hover:bg-ds-blue-950 transition-colors text-center" phx-click="auth-cta-clicked" phx-value-source="search_banner" phx-value-action="sign_up">
      Sign up
    </a>
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="18226d42-4e54-4800-a7bf-bdc76342ce4b" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Code Ninjas Coding &amp; LEGO Robotics to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;18226d42-4e54-4800-a7bf-bdc76342ce4b&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/union-city/code-ninjas-coding-lego-robotics-28064" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/2a1adb24-ca58-4261-a9ab-0c8900bfb898//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Code Ninjas Coding &amp; LEGO Robotics">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-18226d42-4e54-4800-a7bf-bdc76342ce4b" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-yellow-950">
        STEM
      </div>
    
  </div>

        <div id="listing-available-spots-18226d42-4e54-4800-a7bf-bdc76342ce4b" class="absolute top-1.5 left-1.5">
  <div class="flex items-center gap-1.5 px-3 py-1.5 drop-shadow-md rounded-full font-semibold text-sm text-white bg-ds-blue-950">
    <svg class="h-3.5 w-2.5 mt-0.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 14" fill="none">
  <circle cx="4.86744" cy="2.48463" r="2.48463"></circle>
  <path d="M0 9.94595C0 8.18951 1.42388 6.76562 3.18033 6.76562H6.36066C8.1171 6.76562 9.54098 8.18951 9.54098 9.94595V12.3312C9.54098 12.7703 9.18501 13.1263 8.7459 13.1263H0.795082C0.35597 13.1263 0 12.7703 0 12.3312V9.94595Z"></path>
</svg>
    <div>
      
          Spots left
      
    </div>
  </div>
</div>
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;18226d42-4e54-4800-a7bf-bdc76342ce4b&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/union-city/code-ninjas-coding-lego-robotics-28064" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-18226d42-4e54-4800-a7bf-bdc76342ce4b">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Code Ninjas Coding &amp; LEGO Robotics
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-18226d42-4e54-4800-a7bf-bdc76342ce4b">
    $299 - $699/mo
  </div>

      
  <div class="listing-hours " id="listing-hours-for-18226d42-4e54-4800-a7bf-bdc76342ce4b">
    2:00pm - 6:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-18226d42-4e54-4800-a7bf-bdc76342ce4b">
  Center
</div>
      <div class="">
  
</div>
      <div id="listing-availability-range-18226d42-4e54-4800-a7bf-bdc76342ce4b">
  <div class="font-semibold text-ds-blue-950">
    Now enrolling 5 years to 13 years
  </div>
</div>


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="e6e083fb-1208-4612-a706-fc40b9e6c8a4" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Jay’s  Wonder school to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;e6e083fb-1208-4612-a706-fc40b9e6c8a4&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/hayward/jays-wonder-school-5244" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/5a7f5eb3-2bf9-46ea-906a-53aa7d390f7d//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Jay’s  Wonder school">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-e6e083fb-1208-4612-a706-fc40b9e6c8a4" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-blue-950">
        Play Based
      </div>
    
  </div>

        <div id="listing-available-spots-e6e083fb-1208-4612-a706-fc40b9e6c8a4" class="absolute top-1.5 left-1.5">
  <div class="flex items-center gap-1.5 px-3 py-1.5 drop-shadow-md rounded-full font-semibold text-sm text-white bg-ds-blue-950">
    <svg class="h-3.5 w-2.5 mt-0.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 14" fill="none">
  <circle cx="4.86744" cy="2.48463" r="2.48463"></circle>
  <path d="M0 9.94595C0 8.18951 1.42388 6.76562 3.18033 6.76562H6.36066C8.1171 6.76562 9.54098 8.18951 9.54098 9.94595V12.3312C9.54098 12.7703 9.18501 13.1263 8.7459 13.1263H0.795082C0.35597 13.1263 0 12.7703 0 12.3312V9.94595Z"></path>
</svg>
    <div>
      
          Spots left
      
    </div>
  </div>
</div>
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;e6e083fb-1208-4612-a706-fc40b9e6c8a4&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/hayward/jays-wonder-school-5244" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-e6e083fb-1208-4612-a706-fc40b9e6c8a4">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Jay’s  Wonder school
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-e6e083fb-1208-4612-a706-fc40b9e6c8a4">
    $350 - $400/wk
  </div>

      
  <div class="listing-hours " id="listing-hours-for-e6e083fb-1208-4612-a706-fc40b9e6c8a4">
    6:00am - 6:30pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-e6e083fb-1208-4612-a706-fc40b9e6c8a4">
  Family Child Care
</div>
      <div class="">
  
</div>
      <div id="listing-availability-range-e6e083fb-1208-4612-a706-fc40b9e6c8a4">
  <div class="font-semibold text-ds-blue-950">
    Now enrolling 6 months to 2.5 years
  </div>
</div>


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="bc24f360-1176-42b9-9588-6cb262c8a584" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Crayoland daycare  to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;bc24f360-1176-42b9-9588-6cb262c8a584&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/san-ramon/crayoland-daycare-27905" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/f0d6d768-d81d-46b0-b7d9-6db8ffeed624//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Crayoland daycare ">
        
        <div id="listing-available-spots-bc24f360-1176-42b9-9588-6cb262c8a584" class="absolute top-1.5 left-1.5">
  <div class="flex items-center gap-1.5 px-3 py-1.5 drop-shadow-md rounded-full font-semibold text-sm text-white bg-ds-blue-950">
    <svg class="h-3.5 w-2.5 mt-0.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 14" fill="none">
  <circle cx="4.86744" cy="2.48463" r="2.48463"></circle>
  <path d="M0 9.94595C0 8.18951 1.42388 6.76562 3.18033 6.76562H6.36066C8.1171 6.76562 9.54098 8.18951 9.54098 9.94595V12.3312C9.54098 12.7703 9.18501 13.1263 8.7459 13.1263H0.795082C0.35597 13.1263 0 12.7703 0 12.3312V9.94595Z"></path>
</svg>
    <div>
      
          Spots left
      
    </div>
  </div>
</div>
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;bc24f360-1176-42b9-9588-6cb262c8a584&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/san-ramon/crayoland-daycare-27905" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-bc24f360-1176-42b9-9588-6cb262c8a584">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Crayoland daycare 
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-bc24f360-1176-42b9-9588-6cb262c8a584">
    $450 /wk
  </div>

      
  <div class="listing-hours " id="listing-hours-for-bc24f360-1176-42b9-9588-6cb262c8a584">
    7:00am - 5:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-bc24f360-1176-42b9-9588-6cb262c8a584">
  Family Child Care
</div>
      <div class="">
  
</div>
      <div id="listing-availability-range-bc24f360-1176-42b9-9588-6cb262c8a584">
  <div class="font-semibold text-ds-blue-950">
    Now enrolling 0 months to 5 years
  </div>
</div>


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="5be3950d-35d5-4707-acf8-e376f3da30a6" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Little Explorers Child Care and Preschool to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;5be3950d-35d5-4707-acf8-e376f3da30a6&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/hayward/little-explorers-child-care-and-preschool-374" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/2ce8616b-bf70-4af6-8ccb-9b7b085fcd5c//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Little Explorers Child Care and Preschool">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-5be3950d-35d5-4707-acf8-e376f3da30a6" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-yellow-950">
        Reggio Emilia Inspired
      </div>
    
  </div>

        <div id="listing-available-spots-5be3950d-35d5-4707-acf8-e376f3da30a6" class="absolute top-1.5 left-1.5">
  <div class="flex items-center gap-1.5 px-3 py-1.5 drop-shadow-md rounded-full font-semibold text-sm text-white bg-ds-blue-950">
    <svg class="h-3.5 w-2.5 mt-0.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 14" fill="none">
  <circle cx="4.86744" cy="2.48463" r="2.48463"></circle>
  <path d="M0 9.94595C0 8.18951 1.42388 6.76562 3.18033 6.76562H6.36066C8.1171 6.76562 9.54098 8.18951 9.54098 9.94595V12.3312C9.54098 12.7703 9.18501 13.1263 8.7459 13.1263H0.795082C0.35597 13.1263 0 12.7703 0 12.3312V9.94595Z"></path>
</svg>
    <div>
      
          3 spots left
        
    </div>
  </div>
</div>
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;5be3950d-35d5-4707-acf8-e376f3da30a6&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/hayward/little-explorers-child-care-and-preschool-374" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-5be3950d-35d5-4707-acf8-e376f3da30a6">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Little Explorers Child Care and Preschool
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-5be3950d-35d5-4707-acf8-e376f3da30a6">
    $750 - $1,800/mo
  </div>

      
  <div class="listing-hours " id="listing-hours-for-5be3950d-35d5-4707-acf8-e376f3da30a6">
    8:30am - 4:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-5be3950d-35d5-4707-acf8-e376f3da30a6">
  Family Child Care
</div>
      <div class="">
  <div class="flex items-center gap-x-1">
  <div class="flex gap-x-0" title="5.0">
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
  </div>
  <div class="text-muted text-xs">(61)</div>
</div>
</div>
      <div id="listing-availability-range-5be3950d-35d5-4707-acf8-e376f3da30a6">
  <div class="font-semibold text-ds-blue-950">
    Now enrolling 6 months to 5 years
  </div>
</div>


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="e580a271-fef3-4e7d-9327-ae226f7e1e61" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Mullins Daycare and Childcare to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;e580a271-fef3-4e7d-9327-ae226f7e1e61&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/pleasanton/mullins-daycare-and-childcare-23779" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/1a442d0e-1579-458f-94f9-9a7a5337c38e//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Mullins Daycare and Childcare">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-e580a271-fef3-4e7d-9327-ae226f7e1e61" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-blue-950">
        Play Based
      </div>
    
  </div>

        <div id="listing-available-spots-e580a271-fef3-4e7d-9327-ae226f7e1e61" class="absolute top-1.5 left-1.5">
  <div class="flex items-center gap-1.5 px-3 py-1.5 drop-shadow-md rounded-full font-semibold text-sm text-white bg-ds-blue-950">
    <svg class="h-3.5 w-2.5 mt-0.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 14" fill="none">
  <circle cx="4.86744" cy="2.48463" r="2.48463"></circle>
  <path d="M0 9.94595C0 8.18951 1.42388 6.76562 3.18033 6.76562H6.36066C8.1171 6.76562 9.54098 8.18951 9.54098 9.94595V12.3312C9.54098 12.7703 9.18501 13.1263 8.7459 13.1263H0.795082C0.35597 13.1263 0 12.7703 0 12.3312V9.94595Z"></path>
</svg>
    <div>
      
          2 spots left
        
    </div>
  </div>
</div>
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;e580a271-fef3-4e7d-9327-ae226f7e1e61&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/pleasanton/mullins-daycare-and-childcare-23779" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-e580a271-fef3-4e7d-9327-ae226f7e1e61">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Mullins Daycare and Childcare
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-e580a271-fef3-4e7d-9327-ae226f7e1e61">
    $375 /wk
  </div>

      
  <div class="listing-hours " id="listing-hours-for-e580a271-fef3-4e7d-9327-ae226f7e1e61">
    6:00am - 6:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-e580a271-fef3-4e7d-9327-ae226f7e1e61">
  Family Child Care
</div>
      <div class="">
  
</div>
      <div id="listing-availability-range-e580a271-fef3-4e7d-9327-ae226f7e1e61">
  <div class="font-semibold text-ds-blue-950">
    Now enrolling 0 months to 4 years
  </div>
</div>


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="a6b5f086-fbff-4533-a5c2-76c2267f5631" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Magnolia Daycare to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;a6b5f086-fbff-4533-a5c2-76c2267f5631&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/san-ramon/magnolia-daycare-25671" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/cfbfc90d-a17b-44f4-be9a-53d0001695e9//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Magnolia Daycare">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-a6b5f086-fbff-4533-a5c2-76c2267f5631" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-blue-950">
        Play Based
      </div>
    
  </div>

        <div id="listing-available-spots-a6b5f086-fbff-4533-a5c2-76c2267f5631" class="absolute top-1.5 left-1.5">
  <div class="flex items-center gap-1.5 px-3 py-1.5 drop-shadow-md rounded-full font-semibold text-sm text-white bg-ds-blue-950">
    <svg class="h-3.5 w-2.5 mt-0.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 14" fill="none">
  <circle cx="4.86744" cy="2.48463" r="2.48463"></circle>
  <path d="M0 9.94595C0 8.18951 1.42388 6.76562 3.18033 6.76562H6.36066C8.1171 6.76562 9.54098 8.18951 9.54098 9.94595V12.3312C9.54098 12.7703 9.18501 13.1263 8.7459 13.1263H0.795082C0.35597 13.1263 0 12.7703 0 12.3312V9.94595Z"></path>
</svg>
    <div>
      
          2 spots left
        
    </div>
  </div>
</div>
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;a6b5f086-fbff-4533-a5c2-76c2267f5631&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/san-ramon/magnolia-daycare-25671" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-a6b5f086-fbff-4533-a5c2-76c2267f5631">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Magnolia Daycare
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-a6b5f086-fbff-4533-a5c2-76c2267f5631">
    $350 - $425/wk
  </div>

      
  <div class="listing-hours " id="listing-hours-for-a6b5f086-fbff-4533-a5c2-76c2267f5631">
    8:00am - 5:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-a6b5f086-fbff-4533-a5c2-76c2267f5631">
  Family Child Care
</div>
      <div class="">
  
</div>
      <div id="listing-availability-range-a6b5f086-fbff-4533-a5c2-76c2267f5631">
  <div class="font-semibold text-ds-blue-950">
    Now enrolling 5 months to 5 years
  </div>
</div>


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="6fec155e-d4a3-4734-b6c6-ccf148906c92" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Ms. Ekta’s Playhouse to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;6fec155e-d4a3-4734-b6c6-ccf148906c92&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/dublin/ms-ektas-playhouse-27042" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/25cfcd79-f953-4242-86e4-e742e553e4ef//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Ms. Ekta’s Playhouse">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-6fec155e-d4a3-4734-b6c6-ccf148906c92" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-blue-950">
        Play Based
      </div>
    
  </div>

        <div id="listing-available-spots-6fec155e-d4a3-4734-b6c6-ccf148906c92" class="absolute top-1.5 left-1.5">
  <div class="flex items-center gap-1.5 px-3 py-1.5 drop-shadow-md rounded-full font-semibold text-sm text-white bg-ds-blue-950">
    <svg class="h-3.5 w-2.5 mt-0.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 14" fill="none">
  <circle cx="4.86744" cy="2.48463" r="2.48463"></circle>
  <path d="M0 9.94595C0 8.18951 1.42388 6.76562 3.18033 6.76562H6.36066C8.1171 6.76562 9.54098 8.18951 9.54098 9.94595V12.3312C9.54098 12.7703 9.18501 13.1263 8.7459 13.1263H0.795082C0.35597 13.1263 0 12.7703 0 12.3312V9.94595Z"></path>
</svg>
    <div>
      
          1 spot left
        
    </div>
  </div>
</div>
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;6fec155e-d4a3-4734-b6c6-ccf148906c92&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/dublin/ms-ektas-playhouse-27042" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-6fec155e-d4a3-4734-b6c6-ccf148906c92">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Ms. Ekta’s Playhouse
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-6fec155e-d4a3-4734-b6c6-ccf148906c92">
    $1,600 - $1,650/mo
  </div>

      
  <div class="listing-hours " id="listing-hours-for-6fec155e-d4a3-4734-b6c6-ccf148906c92">
    8:00am - 5:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-6fec155e-d4a3-4734-b6c6-ccf148906c92">
  Family Child Care
</div>
      <div class="">
  
</div>
      <div id="listing-availability-range-6fec155e-d4a3-4734-b6c6-ccf148906c92">
  <div class="font-semibold text-ds-blue-950">
    Now enrolling 4 months to 8 years
  </div>
</div>


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="e07c9413-7f02-4e67-9d75-8f94804dc9e0" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Little Scholars Preschool to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;e07c9413-7f02-4e67-9d75-8f94804dc9e0&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/pleasanton/little-scholars-preschool-72" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/3a5c3935-6750-4078-b8be-1a5d89bc758b//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Little Scholars Preschool">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-e07c9413-7f02-4e67-9d75-8f94804dc9e0" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-yellow-950">
        STEM
      </div>
    
  </div>

        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;e07c9413-7f02-4e67-9d75-8f94804dc9e0&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/pleasanton/little-scholars-preschool-72" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-e07c9413-7f02-4e67-9d75-8f94804dc9e0">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Little Scholars Preschool
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-e07c9413-7f02-4e67-9d75-8f94804dc9e0">
    $470 - $1,795/mo
  </div>

      
  <div class="listing-hours " id="listing-hours-for-e07c9413-7f02-4e67-9d75-8f94804dc9e0">
    7:00am - 5:30pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-e07c9413-7f02-4e67-9d75-8f94804dc9e0">
  Family Child Care
</div>
      <div class="">
  <div class="flex items-center gap-x-1">
  <div class="flex gap-x-0" title="5.0">
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
  </div>
  <div class="text-muted text-xs">(102)</div>
</div>
</div>
      


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="23728def-781a-4ac9-b85f-2151ee4c62a2" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Bear Cub Early Learning to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;23728def-781a-4ac9-b85f-2151ee4c62a2&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/livermore/bear-cub-early-learning-26820" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/5a7f5eb3-2bf9-46ea-906a-53aa7d390f7d//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Bear Cub Early Learning">
        
        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;23728def-781a-4ac9-b85f-2151ee4c62a2&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/livermore/bear-cub-early-learning-26820" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-23728def-781a-4ac9-b85f-2151ee4c62a2">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Bear Cub Early Learning
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-23728def-781a-4ac9-b85f-2151ee4c62a2">
    $1,150 - $2,200/mo
  </div>

      
  <div class="listing-hours " id="listing-hours-for-23728def-781a-4ac9-b85f-2151ee4c62a2">
    8:00am - 6:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-23728def-781a-4ac9-b85f-2151ee4c62a2">
  Family Child Care
</div>
      <div class="">
  
</div>
      


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="cb71b8db-8d1f-40b3-96f1-a18453b43e24" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add First 5 Care &amp; Wonderschool to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;cb71b8db-8d1f-40b3-96f1-a18453b43e24&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/hayward/first-5-care-wonderschool-3721" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/a9221cec-4953-4770-9e4a-d31702bbcd4f//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="First 5 Care &amp; Wonderschool">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-cb71b8db-8d1f-40b3-96f1-a18453b43e24" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-pink-950">
        Bilingual
      </div>
    
  </div>

        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;cb71b8db-8d1f-40b3-96f1-a18453b43e24&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/hayward/first-5-care-wonderschool-3721" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-cb71b8db-8d1f-40b3-96f1-a18453b43e24">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      First 5 Care &amp; Wonderschool
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-cb71b8db-8d1f-40b3-96f1-a18453b43e24">
    $600 - $1,900/mo
  </div>

      
  <div class="listing-hours " id="listing-hours-for-cb71b8db-8d1f-40b3-96f1-a18453b43e24">
    7:00am - 5:30pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-cb71b8db-8d1f-40b3-96f1-a18453b43e24">
  Family Child Care
</div>
      <div class="">
  <div class="flex items-center gap-x-1">
  <div class="flex gap-x-0" title="4.0">
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M287.9 0C297.1 0 305.5 5.25 309.5 13.52L378.1 154.8L531.4 177.5C540.4 178.8 547.8 185.1 550.7 193.7C553.5 202.4 551.2 211.9 544.8 218.2L433.6 328.4L459.9 483.9C461.4 492.9 457.7 502.1 450.2 507.4C442.8 512.7 432.1 513.4 424.9 509.1L287.9 435.9L150.1 509.1C142.9 513.4 133.1 512.7 125.6 507.4C118.2 502.1 114.5 492.9 115.1 483.9L142.2 328.4L31.11 218.2C24.65 211.9 22.36 202.4 25.2 193.7C28.03 185.1 35.5 178.8 44.49 177.5L197.7 154.8L266.3 13.52C270.4 5.249 278.7 0 287.9 0L287.9 0zM287.9 78.95L235.4 187.2C231.9 194.3 225.1 199.3 217.3 200.5L98.98 217.9L184.9 303C190.4 308.5 192.9 316.4 191.6 324.1L171.4 443.7L276.6 387.5C283.7 383.7 292.2 383.7 299.2 387.5L404.4 443.7L384.2 324.1C382.9 316.4 385.5 308.5 391 303L476.9 217.9L358.6 200.5C350.7 199.3 343.9 194.3 340.5 187.2L287.9 78.95z"></path>
</svg>
      
    
  </div>
  <div class="text-muted text-xs">(3)</div>
</div>
</div>
      


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="0787f804-cf59-475e-8a43-be21e17f2c7b" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Miss. Ericka&#39;s Family Wonderschool to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;0787f804-cf59-475e-8a43-be21e17f2c7b&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/union-city/miss-erickas-family-wonderschool-3869" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/9429b973-836a-445e-9682-abf48cdec392//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Miss. Ericka&#39;s Family Wonderschool">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-0787f804-cf59-475e-8a43-be21e17f2c7b" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-blue-950">
        STEAM
      </div>
    
  </div>

        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;0787f804-cf59-475e-8a43-be21e17f2c7b&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/union-city/miss-erickas-family-wonderschool-3869" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-0787f804-cf59-475e-8a43-be21e17f2c7b">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Miss. Ericka&#39;s Family Wonderschool
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-0787f804-cf59-475e-8a43-be21e17f2c7b">
    $1,300 - $1,400/mo
  </div>

      
  <div class="listing-hours " id="listing-hours-for-0787f804-cf59-475e-8a43-be21e17f2c7b">
    7:00am - 6:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-0787f804-cf59-475e-8a43-be21e17f2c7b">
  Family Child Care
</div>
      <div class="">
  
</div>
      


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="4b0a00f9-9494-4658-94a0-cbe24e235c82" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Little Mandarins Daycare to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;4b0a00f9-9494-4658-94a0-cbe24e235c82&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/union-city/little-mandarins-daycare-3720" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/3efff46f-89b7-44ec-8e6c-c3feadac5fe5//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Little Mandarins Daycare">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
  </div>

        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;4b0a00f9-9494-4658-94a0-cbe24e235c82&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/union-city/little-mandarins-daycare-3720" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-4b0a00f9-9494-4658-94a0-cbe24e235c82">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Little Mandarins Daycare
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-4b0a00f9-9494-4658-94a0-cbe24e235c82">
    $1,600 /mo
  </div>

      
  <div class="listing-hours " id="listing-hours-for-4b0a00f9-9494-4658-94a0-cbe24e235c82">
    7:30am - 6:30pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-4b0a00f9-9494-4658-94a0-cbe24e235c82">
  Family Child Care
</div>
      <div class="">
  <div class="flex items-center gap-x-1">
  <div class="flex gap-x-0" title="5.0">
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
      
          <svg class="h-3 w-3 text-amber-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="currentColor" viewBox="0 0 576 512">
  <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path>
</svg>
        
    
  </div>
  <div class="text-muted text-xs">(11)</div>
</div>
</div>
      


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="2f971f02-0eda-4838-afc4-1a12861dd8fa" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add Little Scholars to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;2f971f02-0eda-4838-afc4-1a12861dd8fa&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/pleasanton/little-scholars-23777" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/9b574252-d978-4c6d-aec3-6dee563259dc//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="Little Scholars">
        
        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;2f971f02-0eda-4838-afc4-1a12861dd8fa&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/pleasanton/little-scholars-23777" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-2f971f02-0eda-4838-afc4-1a12861dd8fa">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      Little Scholars
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
      
  <div class="listing-hours " id="listing-hours-for-2f971f02-0eda-4838-afc4-1a12861dd8fa">
    7:00am - 5:00pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-2f971f02-0eda-4838-afc4-1a12861dd8fa">
  Family Child Care
</div>
      <div class="">
  
</div>
      


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


                  <li class="listing-card" phx-click="listing-card-clicked" phx-value-listing_id="646add55-8e02-46ab-bb3f-69d8c44a1464" phx-value-listing_type="ece_claimed">
  <div class="block hover:text-black h-full">
    
        <div class="h-full">
          <div class="group">
  <div class="relative">
    
      <div class="absolute top-1.5 right-1.5 z-10">
        
  
    
    <a href="/signup#eyJsYW5nIjoiZW4iLCJyZXQiOiJodHRwczovL3d3dy53b25kZXJzY2hvb2wuY29tL2F1dGgtcmV0dXJuIiwicnRzIjp7Im1vZGUiOiJzaWdudXAiLCJuYXYiOnsicm91dGUiOiIvY2EvcGxlYXNhbnRvbi8ifSwibmV0d29ya0lkIjpudWxsLCJzZWdtZW50RGF0YSI6eyJhY3Rpb24iOiJjb21wbGV0ZWRfbG9naW4iLCJkYXRhIjp7InNlc3Npb25JZCI6IjMxZTNkYjZhLTMyNmItNDY0Mi1hNTE5LWQ0ZWYyNzE5ZDI5ZiJ9fSwidHlwZSI6InBhcmVudCJ9fQ==" class="group" target="_self" aria-label="Add The wild sprouts to favorites">
      <svg class="h-6 w-6 flex stroke-white hover:fill-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
    </a>
  

      </div>
    

    <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;646add55-8e02-46ab-bb3f-69d8c44a1464&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/pleasanton/the-wild-sprouts-19387" rel="" target="_blank" class="size-full overflow-hidden ">
  
      <div class="relative bg-gray-200 min-h-20 rounded w-full">
        <img class="rounded " src="https://ucarecdn.com/7fc4f999-0bd5-4872-8d2d-c9548dd2f604//-/format/auto/-/quality/lightest/-/scale_crop/960x540/center/-/format/auto/-/scale_crop/480x270/center/" alt="The wild sprouts">
        
  <div class="pr-1 py-0.5 absolute left-0 bottom-0 bg-white">
    
      <div id="listing-primary-philosophy-tag-for-646add55-8e02-46ab-bb3f-69d8c44a1464" class="listing-primary-philosophy-tag uppercase text-xs font-bold text-ds-blue-950">
        Play Based
      </div>
    
  </div>

        
      </div>
    
</a>
  </div>
  <a onMouseOver="window.highlightMapMarker &amp;&amp; window.highlightMapMarker(&#39;646add55-8e02-46ab-bb3f-69d8c44a1464&#39;);" onMouseOut="window.unhighlightMapMarkers && window.unhighlightMapMarkers();" href="/ca/pleasanton/the-wild-sprouts-19387" rel="" target="_blank" class="size-full overflow-hidden ">
  
    <div id="listing-name-for-646add55-8e02-46ab-bb3f-69d8c44a1464">
  <div class="flex gap-x-1.5 ">
    
      <svg class="mt-1 h-4.5 w-4" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg">
        <path fill="#28325A" d="M3 9h13v13H3z"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 22H3V9l13 13z" fill="#FFBD33"></path>
        <path d="M9.5 0L19 9H0l9.5-9z" fill="#5196CB"></path>
      </svg>
    
    <div class="font-bold text-gray-800 group-hover:text-black ">
      The wild sprouts
    </div>
  </div>
</div>
    <div class="mt-1 flex flex-col gap-y-1 text-muted text-sm">
      
  <div class="listing-cost " id="listing-cost-for-646add55-8e02-46ab-bb3f-69d8c44a1464">
    $375 /wk
  </div>

      
  <div class="listing-hours " id="listing-hours-for-646add55-8e02-46ab-bb3f-69d8c44a1464">
    8:00am - 4:30pm
  </div>

      <div class="listing-program-type" id="listing-program-type-for-646add55-8e02-46ab-bb3f-69d8c44a1464">
  Family Child Care
</div>
      <div class="">
  
</div>
      


      
    </div>
  
</a>
</div>
        </div>
    
  </div>
</li>


              </ul>
              
  <div class="justify-center flex">
    <a href="#" phx-click="show-more-listings" class="justify-center items-center flex w-48 h-14 mt-8 mb-16 border border-1 border-slate-300 rounded-sm text-blue-600/75 text-base hover:bg-gray-100">
      Show More Results
    </a>
  </div>


                <div class="my-5">
  <div class="pl-8 pr-4 flex">
  <div class="shrink-0">
    <img style="width: 100px;" src="https://ucarecdn.com/c15f8ab9-0ab2-46d5-9c6b-89b0fed67377/" alt="">
    <!-- empty alt used intentionally because this is a decorative image -->
  </div>
  <div>
    <div class="mt-4 border-t border-gray-300" style="margin-left: -40px; width: calc(100% + 40px);"></div>
    <div class="ml-4 mt-3 text-normal leading-snug sm:leading-normal sm:text-lg font-bold text-gray-800">
      Wonderschool helps families find high-quality child care that meets their unique needs.
    </div>
    <div class="ml-4 mt-1.5 sm:mt-3 text-sm leading-snug sm:leading-normal sm:text-base font-light">
      Read more:
      <a href="https://www.wonderschool.com/p/child-care-provider-resources/what-is-family-child-care" target="_blank" class="link-default">
        The benefits of family child care
      </a>
      <span class="ml-1 mr-2 border-l border-gray-300 "></span>
      <a href="https://www.wonderschool.com/corp/safety" target="_blank" class="link-default">
        Our safety vision
      </a>
    </div>
  </div>
</div>
</div>



            <div class="mb-8"></div>
          </div>
          <footer id="city-page-footer" class="pl-4 pr-8 pt-6 pb-12 space-y-4 text-gray-700">
  <p>
    Finding quality childcare in Pleasanton has always been a challenge, and it is especially challenging right now. Wonderschool is a network of curated licensed family child care homes, forest schools, microschools and center-based childcare programs near you.
  </p>
  <p>
    There are many different types of daycares in Pleasanton and you should pick child care that suit both yours and your child&#39;s needs. Some providers may provide full-time care, while others provide part-time care. Not all childcare in Pleasanton takes infants (12 months), some may take only toddlers (1-3 years) and preschoolers (3-5 years), so make sure you find a daycare that accommodates the age of your child.
  </p>
  <p>
    Pleasanton has many family daycares, also known as in-home daycares, are usually run from the personal home of a child care provider, and focus on caring for a smaller number of children from the surrounding neighborhood. In-home daycares in Pleasanton tend to have a low student-to-caregiver ratio, meaning more personal attention for your child. The home setting also provides a “home away from home” environment that some children may find more comfortable in.
  </p>
  <p>
    In addition to family daycares, Pleasanton also has family child care centers. These are usually larger child care providers that serve a greater number of children, and may contain more shared amenities.
  </p>
  <p>
    Each state has its own definition of when a child care program needs to attain a child care license versus when a program can operate as license-exempt, and running a child care program in Pleasanton is no different. A licensed daycare program will have to meet particular requirements and pass an inspection process to be sure their home is safe for children.
  </p>
</footer>
          
          <div class="px-4 py-4 border-b-8 border-wonder-blue-link text-sm bg-gray-100 text-muted">
  <a href="/corp" class="mt-6 mb-8 flex" aria-label="Wonderschool corporation">
    <img class="-mt-1 h-5" src="https://ucarecdn.com/c1303c54-e765-4c61-bdc0-3922e768c490/-/format/auto/" alt="Wonderschool logo">
  </a>
  <div class="flex flex-row flex-nowrap gap-4 mb-8 justify-between">
    <div>
      <div class="mb-5 text-sm font-bold whitespace-nowrap">
        Find your local Wonderschool
      </div>
      <div class="flex flex-col sm:flex-row gap-4">
        <ul class=" flex flex-col gap-y-2 col-span-1">
          <li>
            <a href="/ca/berkeley" class="underline hover:text-wonder-blue-link">
              Berkeley, CA
            </a>
          </li>
          <li>
            <a href="/ca/irvine" class="underline hover:text-wonder-blue-link">Irvine, CA</a>
          </li>
          <li>
            <a href="/ca/la-canada-flintridge" class="underline hover:text-wonder-blue-link">
              La Canada Flintridge, CA
            </a>
          </li>
          <li>
            <a href="/ca/los-angeles" class="underline hover:text-wonder-blue-link">
              Los Angeles, CA
            </a>
          </li>
          <li>
            <a href="/ca/oakland" class="underline hover:text-wonder-blue-link">Oakland, CA</a>
          </li>
          <li>
            <a href="/ca/richmond" class="underline hover:text-wonder-blue-link">
              Richmond, CA
            </a>
          </li>
          <li>
            <a href="/ca/san-francisco" class="underline hover:text-wonder-blue-link">
              San Francisco, CA
            </a>
          </li>
          <li>
            <a href="/ca/san-jose" class="underline hover:text-wonder-blue-link">
              San Jose, CA
            </a>
          </li>
          <li>
            <a href="/ca/san-mateo" class="underline hover:text-wonder-blue-link">
              San Mateo, CA
            </a>
          </li>
        </ul>
        <ul class="flex flex-col gap-y-2 col-span-1">
          <li>
            <a href="/co/denver" class="underline hover:text-wonder-blue-link">Denver, CO</a>
          </li>
          <li>
            <a href="/nc/charlotte" class="underline hover:text-wonder-blue-link">
              Charlotte, NC
            </a>
          </li>
          <li>
            <a href="/ny/new-york" class="underline hover:text-wonder-blue-link">
              New York, NY
            </a>
          </li>
          <li>
            <a href="/ny/bronx" class="underline hover:text-wonder-blue-link">Bronx, NY</a>
          </li>
          <li>
            <a href="/ny/brooklyn" class="underline hover:text-wonder-blue-link">
              Brooklyn, NY
            </a>
          </li>
          <li>
            <a href="/tx/dallas" class="underline hover:text-wonder-blue-link">Dallas, TX</a>
          </li>
          <li>
            <a href="/tx/houston" class="underline hover:text-wonder-blue-link">Houston, TX</a>
          </li>
          <li>
            <a href="/va/richmond" class="underline hover:text-wonder-blue-link">
              Richmond, VA
            </a>
          </li>
          <li>
            <a href="/locations" class="underline hover:text-wonder-blue-link">
              All locations
            </a>
          </li>
        </ul>
      </div>
    </div>

    <div class="flex flex-row flex-wrap grow justify-between md:justify-around gap-4">
      <div class="order-2 sm:order-1">
        <div class="mb-5 text-sm font-bold">Wonderschool</div>
        <ul class="flex flex-col gap-y-2">
          <li>
            <a href="/corp/quality-and-safety" class="whitespace-nowrap underline hover:text-wonder-blue-link">
              Safety and quality
            </a>
          </li>
          <li>
            <a href="/company" class="whitespace-nowrap underline hover:text-wonder-blue-link">
              About us
            </a>
          </li>
          <li>
            <a href="/careers" target="_blank" class="underline hover:text-wonder-blue-link">
              Careers
            </a>
          </li>
          <li>
            <a href="/corp/media-press" class="underline hover:text-wonder-blue-link">
              Press
            </a>
          </li>
          <li>
            <a href="/contact" class="whitespace-nowrap underline hover:text-wonder-blue-link">
              For business
            </a>
          </li>
          <li>
            <a href="/cdn-cgi/l/email-protection#0a626f6666654a7d65646e6f7879696265656624696567" class="whitespace-nowrap underline hover:text-wonder-blue-link">
              Email us
            </a>
          </li>
        </ul>
      </div>

      <div class="order-1 sm:order-2">
        <div class="mb-5 text-sm font-bold whitespace-nowrap">
          Child care resources
        </div>
        <ul class="flex flex-col gap-y-2">
          <li>
            <a href="/p/parent-resources/preschool-vs-daycare/" class="whitespace-nowrap underline hover:text-wonder-blue-link">
              Preschool vs. daycare
            </a>
          </li>
          <li>
            <a href="/p/parent-resources/what-age-is-preschool/" class="whitespace-nowrap underline hover:text-wonder-blue-link">
              What age is preschool
            </a>
          </li>
          <li>
            <a href="/p/parent-resources/compare-childcare-options-pros-cons/" target="_blank" class="underline hover:text-wonder-blue-link">
              Compare child care options
            </a>
          </li>
          <li>
            <a href="/p/parent-resources/what-is-play-based-learning/" class="underline hover:text-wonder-blue-link">
              Play based learning
            </a>
          </li>
        </ul>
      </div>
      <div class="order-3 mb-5">
        <div class="mb-5 whitespace-nowrap text-sm font-bold xs:mt-5">
          Follow us
        </div>
        <ul class="flex flex-col gap-y-2">
          <li>
            <a href="https://blog.wonderschool.com/articles/meet-parenthoods-wonderschools-online-community-of-parents" target="_blank" class="whitespace-nowrap underline hover:text-wonder-blue-link">
              Parent community
            </a>
          </li>
          <li>
            <a href="https://blog.wonderschool.com/categories/parents" target="_blank" class="whitespace-nowrap underline hover:text-wonder-blue-link">
              Parent resources
            </a>
          </li>
          <li>
            <a href="https://blog.wonderschool.com/categories/directors" target="_blank" class="whitespace-nowrap underline hover:text-wonder-blue-link">
              Director resources
            </a>
          </li>
          <li>
            <a href="https://blog.wonderschool.com" target="_blank" class="whitespace-nowrap underline hover:text-wonder-blue-link">
              Company blog
            </a>
          </li>
          <li>
            <a href="https://www.facebook.com/joinwonderschool" target="_blank" class="underline hover:text-wonder-blue-link">
              Facebook
            </a>
          </li>
          <li>
            <a href="https://instagram.com/wonderschools" target="_blank" class="underline hover:text-wonder-blue-link">
              Instagram
            </a>
          </li>
          <li>
            <a href="https://twitter.com/wonderschools" target="_blank" class="underline hover:text-wonder-blue-link">
              Twitter
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <div class="mb-20 lg:mb-6 flex items-center justify-center gap-x-1 text-netural-500 whitespace-nowrap">
    <a href="/terms-of-use" class="underline hover:text-wonder-blue-link">
      Terms
    </a>
    <span>·</span>
    <a href="/privacy-policy" class="underline hover:text-wonder-blue-link">
      Privacy
    </a>
    <span>·</span>
    <span>©2026 Wonderschool</span>
    <span>·</span>
    <span>
      All rights reserved.
    </span>
  </div>
</div>
        </div>

        <div class="h-full w-full hidden lg:w-4/12 lg:block relative bg-blue-100" id="google-map-container" phx-hook="GoogleMap" data-search-status="loaded" data-map-points="[]" data-map-point-icons="{&quot;origin&quot;:&quot;https://ucarecdn.com/e56fc732-8125-4931-a6d7-d25fbd7a06e6/&quot;,&quot;destination&quot;:&quot;https://ucarecdn.com/348b68b3-2d8f-413a-91aa-ca081e8ffa4b/&quot;,&quot;school&quot;:&quot;https://ucarecdn.com/0de88c6d-435b-48ed-b8c2-f4e8c9590c5a/&quot;,&quot;external_school&quot;:&quot;https://ucarecdn.com/eeadf7fb-664c-4cde-bb8d-dd1982384dc6/-/grayscale/&quot;,&quot;available_spots_1&quot;:&quot;https://ucarecdn.com/a4482498-3fc9-4468-8996-396d05730c7d/&quot;,&quot;available_spots_2&quot;:&quot;https://ucarecdn.com/87479617-8474-4601-8d16-8cf3d1ac0ecd/&quot;,&quot;available_spots_3&quot;:&quot;https://ucarecdn.com/3596ad95-888f-4070-9ba0-c54a46d80cd8/&quot;,&quot;available_spots_3_plus&quot;:&quot;https://ucarecdn.com/14ae8cb5-ad59-46d5-9781-08b41df0b1b1/&quot;,&quot;external_school_hover&quot;:&quot;https://ucarecdn.com/f83f27f5-a6fd-4b5d-9bd0-ee2512683611/-/grayscale/&quot;,&quot;external_school_selected&quot;:&quot;https://ucarecdn.com/f83f27f5-a6fd-4b5d-9bd0-ee2512683611/-/grayscale/&quot;,&quot;school_hover&quot;:&quot;https://ucarecdn.com/0de88c6d-435b-48ed-b8c2-f4e8c9590c5a/&quot;,&quot;school_selected&quot;:&quot;https://ucarecdn.com/0de88c6d-435b-48ed-b8c2-f4e8c9590c5a/&quot;}" data-map-infowindow-name-classes="{&quot;external&quot;:&quot;text-black&quot;,&quot;school&quot;:&quot;text-black&quot;}" data-map-origin-point="{}" data-map-destination-point="{}">
          <div id="map" class="h-full w-full bg-blue-100" phx-update="ignore"></div>

          <div class="absolute mx-auto left-0 right-0 top-0 flex justify-end">
            <a href="#" id="search-this-area" class="hidden mt-3 mr-3 px-3.5 h-10 flex gap-x-2 justify-center items-center rounded-sm bg-wonder-blue-fg shadow text-sm font-bold text-white" onclick="window.searchThisAreaButton.handleClick()" phx-update="ignore">
              Search this area
            </a>

            <form method="#" class="mt-3 mr-3 px-3 h-10 flex justify-center items-center rounded-sm bg-white shadow text-xs text-gray-600 hover:text-black" onsubmit="window.searchAsMapMoves.handleChange()" id="search-as-map-moves-form" phx-update="ignore">
              <input id="search-as-map-moves" name="search-as-map-moves" type="checkbox" autocomplete="off" class="w-4 h-4 border-gray-300 rounded checked:focus:bg-sky-600/90 checked:bg-sky-600/90 focus:ring-transparent checked:active:bg-sky-600/90 checked:hover:bg-sky-600/90 disabled:bg-gray-100 disabled:checked:bg-gray-100" onchange="window.searchAsMapMoves.handleChange()">
              <label for="search-as-map-moves" class="pl-2 py-3">
                Search as map moves
              </label>
            </form>

            <button type="button" aria-label="toggle map expansion" class="mt-3 mr-3 w-10 h-10 flex justify-center items-center rounded-sm bg-white shadow text-gray-600 hover:text-black" phx-click="toggle-search-view">

                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"></path>
</svg>

            </button>
          </div>

            <style>
              .gm-style-iw-c {
                padding: 0 !important;
              }
            </style>

            <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
              var map;
              var mapMarkers = [];
              var mapMarkersLookup = {};
              var mapCurrentInfoWindow = null;
              var mapCurrentBounds = null;
              var mapCurrentBoundsAutofit = true;
              var mapLastWatchedEvent = null;
              var mapLastMarkerData = null;
              var mapFitBoundsZoomLimit = 13;
              var mapInitialZoom = true;

              function initMap() {
                map = new google.maps.Map(document.getElementById("map"), {
                  center: {lat: 37.6604484, lng: -121.8757968},
                  zoom: 12,
                  streetViewControl: false,
                  fullscreenControl: false,
                  mapTypeControl: false
                });

                map.addListener("dragend", function () {
                  mapLastWatchedEvent = "dragend"
                  mapCurrentBoundsAutofit = false
                })

                map.addListener("click", function () {
                  mapLastWatchedEvent = null
                  mapCurrentBoundsAutofit = false
                })

                map.addListener("dbclick", function () {
                  mapLastWatchedEvent = null
                  mapCurrentBoundsAutofit = false
                })

                map.addListener("rightclick", function () {
                  mapLastWatchedEvent = null
                  mapCurrentBoundsAutofit = false
                })

                map.addListener("idle", function () {
                  if (!mapCurrentBoundsAutofit) {
                    if (mapLastWatchedEvent === "dragend") {
                      if (window.searchAsMapMoves.enabled()) {
                        setAnalyticsEvent('mapUpdated', 'listing-results', null)
                        searchMapView()
                      } else {
                        saveMapView()
                        window.searchThisAreaButton.show()
                      }
                    }
                  }

                  mapLastWatchedEvent = null
                })

                map.addListener("zoom_changed", function () {
                  if(mapInitialZoom) {
                    mapInitialZoom = false
                    return true;
                  }
                  if (!mapCurrentBoundsAutofit) {
                    if (window.searchAsMapMoves.enabled()) {
                      setAnalyticsEvent('mapUpdated', 'listing-results', null)
                      searchMapView()
                    } else {
                      saveMapView()
                      window.searchThisAreaButton.show()
                    }
                  }

                  mapCurrentBoundsAutofit = false
                  mapLastWatchedEvent = null
                })

                saveMapView()
              }

              function showSearchThisAreaButton () {
                var button = document.getElementById("search-this-area")
                var toggle = document.getElementById("search-as-map-moves-form")

                button.style.display = "flex"
                toggle.style.display = "none"
              }

              function handleSearchThisAreaButtonClick () {
                var button = document.getElementById("search-this-area")
                var toggle = document.getElementById("search-as-map-moves-form")

                button.style.display = "none"
                toggle.style.display = "flex"

                setAnalyticsEvent('mapUpdated', 'listing-results', null)
                searchMapView()
              }

              function saveMapView () {
                if (window.liveView && map) {
                  window.liveView.pushEvent("save-map-view", {bounds: map.getBounds(), zoom: map.getZoom()})
                }
              }

              function searchMapView () {
                if (window.liveView) {
                  window.liveView.pushEvent("search-map-view", {bounds: map.getBounds(), zoom: map.getZoom()})
                }
              }

              function mapClearPreviouslySelectedMarkers() {
                mapMarkers.map(function (marker) {
                  marker.setIcon(marker.iconDefault)
                  marker.isOpen = false
                })
              }

              function updateMapMarkers() {
                var encodedData = document.getElementById("google-map-container").dataset.mapPoints
                var searchStatus = document.getElementById("google-map-container").dataset.searchStatus
                var mapPointIcons = JSON.parse(document.getElementById("google-map-container").dataset.mapPointIcons)
                var mapInfowindowNameClasses = JSON.parse(document.getElementById("google-map-container").dataset.mapInfowindowNameClasses)
                var originPoint = JSON.parse(document.getElementById("google-map-container").dataset.mapOriginPoint)
                var destinationPoint = JSON.parse(document.getElementById("google-map-container").dataset.mapDestinationPoint)

                if (encodedData === mapLastMarkerData) {
                  return 'No update needed - data has not changed'
                }

                if (searchStatus === 'loading') {
                  return 'No update needed yet - data is still loading'
                }

                var markersToAdd = encodedData ? JSON.parse(encodedData) : []
                var routePoints = []

                if (originPoint && originPoint.latitude && originPoint.longitude) {
                  routePoints.push(originPoint)
                }
                if (destinationPoint && destinationPoint.latitude && destinationPoint.longitude) {
                  routePoints.push(destinationPoint)
                }
                var markersToAdd = markersToAdd.concat(routePoints)
                var markerBounds = new google.maps.LatLngBounds()

                var icons = {
                  school: {
                    url: mapPointIcons.school,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(17.5, 40),
                    scaledSize: new google.maps.Size(46, 50),
                  },
                  schoolHover: {
                    url: mapPointIcons.school_hover,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(23, 50),
                    scaledSize: new google.maps.Size(55, 60),
                  },
                  schoolSelected: {
                    url: mapPointIcons.school_selected,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(27.5, 60),
                    scaledSize: new google.maps.Size(55, 60),
                  },
                  externalSchool: {
                    url: mapPointIcons.external_school,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(12.5, 30),
                    scaledSize: new google.maps.Size(25, 30),
                  },
                  externalSchoolHover: {
                    url: mapPointIcons.external_school_hover,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(18, 40),
                    scaledSize: new google.maps.Size(45, 50),
                  },
                  externalSchoolSelected: {
                    url: mapPointIcons.external_school_selected,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(22.5, 50),
                    scaledSize: new google.maps.Size(45, 50),
                  },
                  origin: {
                    url: mapPointIcons.origin,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(17.5, 40),
                    scaledSize: new google.maps.Size(35, 40),
                  },
                  originHover: {
                    url: mapPointIcons.origin,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(23, 50),
                    scaledSize: new google.maps.Size(46, 50),
                  },
                  originSelected: {
                    url: mapPointIcons.origin,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(27.5, 60),
                    scaledSize: new google.maps.Size(55, 60),
                  },
                  destination: {
                    url: mapPointIcons.destination,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(17.5, 40),
                    scaledSize: new google.maps.Size(35, 40),
                  },
                  destinationHover: {
                    url: mapPointIcons.destination,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(23, 50),
                    scaledSize: new google.maps.Size(46, 50),
                  },
                     destinationSelected: {
                    url: mapPointIcons.destination,
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(27.5, 60),
                    scaledSize: new google.maps.Size(55, 60),
                  },
                }

                var markersToKeep = mapMarkers.reduce(function (acc, existingMarker) {
                  var index = markersToAdd.findIndex(function (newMarker) {
                    return existingMarker.listingUrl === newMarker.listing_url
                  })

                  if (index === -1) {
                    // Remove existing marker, not found in new data

                    existingMarker.setMap(null)
                    delete existingMarker

                    return acc
                  } else {
                    // Remove existing marker from markersToAdd
                    // and add existingMarker to markersToKeep

                    markersToAdd.splice(index, 1)
                    acc.push(existingMarker)

                    return acc
                  }
                }, [])

                // Seed the new list of mapMarkers with any existing ones. New
                // ones will be added below in the next section.
                mapMarkers = markersToKeep

                // Add new markers to map
                markersToAdd.map(function (item) {
                  var claimed_types = ["ece_claimed", "ece_internal", "ece_partner", "k12_claimed"]
                  var iconDefault

                  if (claimed_types.includes(item.type)) {iconDefault = icons.school }
                  else if (item.id == "origin") {iconDefault = icons.origin}
                  else if (item.id == "destination") {iconDefault = icons.destination}
                  else {iconDefault = icons.externalSchool}

                  var iconHover

                  if (claimed_types.includes(item.type)) {iconHover = icons.schoolHover }
                  else if (item.id == "origin") {iconHover = icons.originHover}
                  else if (item.id == "destination") {iconHover = icons.destinationHover}
                  else {iconHover = icons.externalSchoolHover}

                  var iconSelected

                  if (claimed_types.includes(item.type)) {iconSelected = icons.schoolSelected }
                  else if (item.id == "origin") {iconSelected = icons.originSelected }
                  else if (item.id == "destination") {iconSelected = icons.destinationSelected }
                  else {iconSelected = icons.externalSchoolSelected }

                  var zIndex

                  if (claimed_types.includes(item.type)) {zIndex = 500 }
                  else if (item.id == "origin") {zIndex = 600 }
                  else if (item.id == "destination") {zIndex = 600 }
                  else {zIndex = 0 }

                  var hasAvailabilityIcons = [
                    mapPointIcons.available_spots_1,
                    mapPointIcons.available_spots_2,
                    mapPointIcons.available_spots_3,
                    mapPointIcons.available_spots_3_plus
                  ].some((value) => value != null)

                  if (item.available_spots > 0 && hasAvailabilityIcons && claimed_types.includes(item.type)) {
                    iconDefault = schoolIconWithAvailability(item.available_spots, mapPointIcons, "default")
                    iconHover = schoolIconWithAvailability(item.available_spots, mapPointIcons, "hover")
                    iconSelected = schoolIconWithAvailability(item.available_spots, mapPointIcons, "selected")
                    zIndex = 1000
                  }

                  var marker = new google.maps.Marker({
                    icon: iconDefault,
                    position: {
                      lat: item.latitude,
                      lng: item.longitude
                    },
                    map: map,
                    zIndex: zIndex,
                    title: item.name
                  })

                  // Save data to custom field names
                  marker.id = item.id
                  marker.iconDefault = iconDefault
                  marker.iconSelected = iconSelected
                  marker.iconHover = iconHover
                  marker.listingUrl = item.listing_url
                  marker.isOpen = false

                  marker.addListener("click", function () {
                    mapClearPreviouslySelectedMarkers()

                    if (mapCurrentInfoWindow) {
                      mapCurrentInfoWindow.close()
                    }

                    // Avoid loading all the images on page load and instead load them
                    // on-demand by dynamically creating the InfoWindow on click
                    // instead of when the marker is initially created.

                        if (item.id == "origin" || item.id == "destination") {
                          var mapCurrentInfoWindowContent = displayMapRoutePoint(item, mapInfowindowNameClasses)
                        } else {
                          var mapCurrentInfoWindowContent = displayDefaultMapListing(item, claimed_types, mapInfowindowNameClasses)
                        }

                    mapCurrentInfoWindow = new google.maps.InfoWindow({
                      content: mapCurrentInfoWindowContent,
                      minWidth: 350,
                    })

                    mapCurrentInfoWindow.addListener("closeclick", function () {
                      marker.setIcon(marker.iconDefault)
                    })

                    mapCurrentInfoWindow.open({
                      anchor: marker,
                      map,
                      shouldFocus: false,
                    })

                    marker.setIcon(marker.iconSelected)
                    marker.isOpen = true
                  })

                  markerBounds.extend(marker.position)

                  // Add new marker to global list of mapMarkers
                  mapMarkers.push(marker)
                })

                maybeRecenterMapOnFirstLoad(markerBounds)

                updateMapMarkersLookup(mapMarkers)

                mapCurrentBounds = markerBounds
                mapLastMarkerData = encodedData
              }

              function schoolIconWithAvailability(available_spots, mapPointIcons, type) {
                var url = availabilityIconUrl(available_spots, mapPointIcons)
                var origin = new google.maps.Point(0, 0)
                var anchor = availabilityIconAnchor(available_spots, type)
                var scaledSize = availabilityIconScaledSize(available_spots, type)

                var icon = {url: url, origin: origin, anchor: anchor, scaledSize: scaledSize}

                return icon
              }

              function availabilityIconUrl(available_spots, mapPointIcons) {
                if (available_spots === 0) return mapPointIcons.school
                if (available_spots === 1) return mapPointIcons.available_spots_1
                if (available_spots === 2) return mapPointIcons.available_spots_2
                if (available_spots === 3) return mapPointIcons.available_spots_3
                if (available_spots > 3) return mapPointIcons.available_spots_3_plus

                return mapPointIcons.school
              }

              function availabilityIconAnchor(available_spots, type) {
                if (type === "default") return new google.maps.Point(18, 32)
                if (type === "hover") return new google.maps.Point(26, 44)
                if (type === "selected") return new google.maps.Point(26, 44)

                return new google.maps.Point(18, 32)
              }

              function availabilityIconScaledSize(available_spots, type) {
                if (available_spots > 3 && type === "default") return new google.maps.Size(68, 50)
                if (available_spots > 3 && type === "hover") return new google.maps.Size(88, 60)
                if (available_spots > 3 && type === "selected") return new google.maps.Size(88, 60)

                if (type === "default") return new google.maps.Size(68, 50)
                if (type === "hover") return new google.maps.Size(82, 60)
                if (type === "selected") return new google.maps.Size(82, 60)

                return new google.maps.Size(54, 38)
              }

              function displayMapRoutePoint(item, mapInfowindowNameClasses) {
                return (
                  '<div class="google-map-info-window m-0 p-0 w-90 flex gap-x-4 font-normal text-gray-800 text-sm">' +
                    '<div class="my-4 px-4 flex flex-col gap-y-1">' +
                      '<h1 id="firstHeading" class="firstHeading flex flex-wrap gap-x-1 items-center font-bold">' +
                        '<span class=mr-2' + (mapInfowindowNameClasses.school) + '>' + (item.id = "origin" ? "Home: " : "Destination: ") + item.name + '</span>' +
                      '</h1>' +
                    '</div>' +
                  '</div>'
                )
              }

              function displayDefaultMapListing(item, claimed_types, mapInfowindowNameClasses) {
                var isBranded = claimed_types.includes(item.type);
                return (
                  '<a href="' + item.listing_url + '" class="google-map-info-window m-0 p-0 w-90 flex gap-x-4 font-normal text-gray-800 text-sm" target="_blank">' +
                    '<div style="max-height: 130px; min-width: 100px; position: relative; width: 100px;">' +
                      '<img src="' + item.image_url + '" style="height: 130px; object-fit: cover; width: 100px;" />' +
                    '</div>' +
                    '<div class="my-2 flex flex-col gap-y-1">' +
                      '<h1 id="firstHeading" class="firstHeading flex flex-wrap gap-x-1 items-center font-bold">' +
                        (isBranded ? '<img class="h-4 md:block" src="https://ucarecdn.com/45cc3195-1036-429f-a6dd-68105da2620b/">' : '') +
                        '<span class=' + (isBranded ? mapInfowindowNameClasses.school : mapInfowindowNameClasses.external) + '>' + item.name + '</span>' +
                      '</h1>' +
                      displayIfExists(item.philosophy_tags_html) +
                      displayIfExists(item.cost_html) +
                      displayIfExists(item.hours) +
                      displayIfExists(item.aggregate_rating_html) +
                      displayIfExists(item.availability_age_range) +
                    '</div>' +
                  '</a>'
                )
              }

              function displayIDECMapListing(item, claimed_types, mapInfowindowNameClasses) {
                var isClaimed = claimed_types.includes(item.type);
                var imageHtml = item.school_id
                  ? '<div style="max-height: 130px; min-width: 100px; position: relative; width: 100px;">' +
                      '<img src="' + item.image_url + '" style="height: 130px; object-fit: cover; width: 100px;" />' +
                    '</div>'
                  : '';

                return (
                  '<a href="' + item.listing_url + '" class="google-map-info-window m-0 p-0 w-90 flex gap-x-4 font-normal text-gray-800 text-sm" target="_blank">' +
                    imageHtml +
                    '<div class="my-2 flex flex-col gap-y-1">' +
                      '<h1 id="firstHeading" class="firstHeading flex flex-wrap gap-x-1 items-center font-bold">' +
                        (isClaimed ? '<img class="h-4 md:block" src="https://ucarecdn.com/45cc3195-1036-429f-a6dd-68105da2620b/">' : '') +
                        '<span class=' + (isClaimed ? mapInfowindowNameClasses.school : mapInfowindowNameClasses.external) + '>' + item.name + '</span>' +
                      '</h1>' +
                      '<div class="flex gap-x-2 text-xs">' +
                        displayIfExists(item.cost_html) +
                        displaySeparator(item.cost_html, item.hours) +
                        displayIfExists(item.hours) +
                      '</div>' +
                      '<div class="flex gap-x-2 text-xs">' +
                        displayIfExists(item.program_type_html) +
                        displaySeparator(item.program_type_html, item.network_rating_html) +
                        displayIfExists(item.network_rating_html) +
                      '</div>' +
                      displayIfExists(item.aggregate_rating_html) +
                      displayIfExists(item.availability_age_range) +
                    '</div>' +
                  '</a>'
                )
              }

              function displayFloridaECEMapListing(item, claimed_types, mapInfowindowNameClasses) {
                return (
                  '<a href="' + item.listing_url + '" class="google-map-info-window m-0 p-0 w-90 flex gap-x-4 font-normal text-gray-800 text-sm" target="_blank">' +
                    '<div class="my-2 flex flex-col gap-y-1 pl-2">' +
                      '<div class="flex gap-x-2 items-center">' +
                        displayIfExists(item.program_type_html) +
                        displayIfExists(item.location_html) +
                      '</div>' +
                      '<h1 id="firstHeading" class="firstHeading flex flex-wrap gap-x-1 items-center font-bold text-base">' +
                        (claimed_types.includes(item.type) ? '<img class="h-4 md:block" src="https://ucarecdn.com/45cc3195-1036-429f-a6dd-68105da2620b/">' : '') +
                        '<span class=' + (claimed_types.includes(item.type) ? mapInfowindowNameClasses.school : mapInfowindowNameClasses.external) + '>' + item.name + '</span>' +
                      '</h1>' +
                      '<div class="flex gap-x-2 text-xs">' +
                        displayIfExists(item.sr_provider) +
                        displayIfExists(item.vpk_provider) +
                      '</div>' +
                      '<div class="flex gap-x-2 text-xs">' +
                        displayIfExists(item.age_range) +
                        displayIfExists(item.hours) +
                      '</div>' +
                    '</div>' +
                  '</a>'
                )
              }

              function displayFloridaK12MapListing(item, claimed_types, mapInfowindowNameClasses) {
                return (
                  '<a href="' + item.listing_url + '" class="google-map-info-window m-0 p-0 w-90 flex gap-x-4 font-normal text-gray-800 text-sm" target="_blank">' +
                    '<div class="my-2 flex flex-col gap-y-1 pl-2">' +
                      '<div class="flex gap-x-1 items-center overflow-hidden">' +
                        displayIfExists(item.category_html) +
                        displaySeparator(item.category_html, item.network_rating_html || item.location_html) +
                        displayIfExists(item.network_rating_html) +
                        displaySeparator(item.network_rating_html, item.location_html) +
                        displayIfExists(item.location_html) +
                      '</div>' +
                      '<h1 id="firstHeading" class="firstHeading flex flex-wrap gap-x-1 items-center font-bold text-base">' +
                        (claimed_types.includes(item.type) ? '<img class="h-4 md:block" src="https://ucarecdn.com/45cc3195-1036-429f-a6dd-68105da2620b/">' : '') +
                        '<span class=' + (claimed_types.includes(item.type) ? mapInfowindowNameClasses.school : mapInfowindowNameClasses.external) + '>' + item.name + '</span>' +
                      '</h1>' +
                      '<div class="flex gap-x-2 text-xs overflow-hidden">' +
                        displayIfExists(item.school_types_html) +
                        displaySeparator(item.school_types_html, item.school_classifications_html) +
                        displayIfExists(item.school_classifications_html) +
                      '</div>' +
                      '<div class="flex gap-x-2 text-xs">' +
                        displayIfExists(item.grades_html) +
                        displaySeparator(item.grades_html, item.instructional_delivery) +
                        displayIfExists(item.instructional_delivery) +
                      '</div>' +
                    '</div>' +
                  '</a>'
                )
              }

              function displayIfExists(value) {
                if (!value) {
                  return ''
                }

                return '<div>' + value + '</div>'
              }

              function displaySeparator(left, right) {
                if (!left || !right) {
                  return ''
                }

                return ' • '
              }

              function maybeRecenterMapOnFirstLoad (markerBounds) {
                // Only recenter map the first time the map with markers is drawn.
                if (mapCurrentBounds === null && !emptyMarkerBounds(markerBounds)) {

                    // Limit how closely the map zooms on the `fitBounds` call. Otherwise
                    // if there is only one point on the map, it will zoom all the way and show
                    // a single building. A limit ensures the closest they see is
                    // an average town wide view.
                    google.maps.event.addListenerOnce(map, "bounds_changed", function () {
                      this.setZoom(Math.min(this.getZoom(), mapFitBoundsZoomLimit))
                    })

                    map.fitBounds(markerBounds)
                    mapCurrentBoundsAutofit = true

                }
              }

              function emptyMarkerBounds (markerBounds) {
                if (!markerBounds) {
                  return true
                }

                var limits =
                  Object.values(markerBounds).flatMap(function(x){
                    return [x.hi, x.lo]
                  }).sort()

                return (
                  limits[0] === -1 &&
                  limits[1] === -180 &&
                  limits[2] === 1 &&
                  limits[3] === 180
                )
              }

              function updateMapMarkersLookup (mapMarkers) {
                mapMarkersLookup = mapMarkers.reduce(function(acc, mapMarker) {
                  acc[mapMarker.id] = mapMarker

                  return acc
                }, {})

                window.mapMarkersLookup = mapMarkersLookup
              }

              function unhighlightMapMarkers () {
                mapMarkers.map(function(mapMarker) {
                  if (!mapMarker.isOpen) {
                    mapMarker.setIcon(mapMarker.iconDefault)
                  }
                })
              }

              function highlightMapMarker (id) {
                unhighlightMapMarkers()

                if(mapMarkersLookup) {
                  var match = mapMarkersLookup[id]

                  match && !match.isOpen && match.setIcon(match.iconHover)
                }
              }

              window.initMap = initMap
              window.mapMarkers = mapMarkers
              window.mapMarkersLookup = updateMapMarkersLookup(mapMarkers)
              window.highlightMapMarker = highlightMapMarker
              window.unhighlightMapMarkers = unhighlightMapMarkers
              window.updateMapMarkers = updateMapMarkers
            </script>

            <script>
              var searchAsMapMoves = {}

              searchAsMapMoves.cookieName = 'search_as_map_moves'

              searchAsMapMoves.enabled = function () {
                var element = document.getElementById('search-as-map-moves')

                return element && element.checked === true
              }

              searchAsMapMoves.setValue = function () {
                var value = (searchAsMapMoves.getCookie() === 'false') ? false : true
                var checkbox = document.getElementById('search-as-map-moves')

                checkbox.checked = value
                checkbox.defaultChecked = value
              }

              searchAsMapMoves.handleChange = function () {
                searchAsMapMoves.updateCookie()

                // Immediately search the map current view boundaries when checked
                if (searchAsMapMoves.enabled()) {
                  setAnalyticsEvent('mapUpdated', 'listing-results', null)
                  searchMapView()
                }
              }

              searchAsMapMoves.getCookie = function () {
                var cookieValue = document.cookie
                  .split('; ')
                  .find(row => row.startsWith('search_as_map_moves='))
                  ?.split('=')[1]

                return cookieValue
              }

              searchAsMapMoves.updateCookie = function () {
                var value = searchAsMapMoves.enabled()
                var weekInSeconds = 60 * 60 * 24 * 7

                document.cookie = `search_as_map_moves=${value}; max-age=${weekInSeconds}`
              }

              searchAsMapMoves.setValue()

              window.searchAsMapMoves = searchAsMapMoves
            </script>

            <script>
              var searchThisAreaButton = {}

              searchThisAreaButton.show = function () {
                var button = document.getElementById("search-this-area")

                button.style.display = "flex"
              }

              searchThisAreaButton.handleClick = function () {
                var button = document.getElementById("search-this-area")

                button.style.display = "none"
                setAnalyticsEvent('mapUpdated', 'listing-results', null)
                searchMapView()
              }

              window.searchThisAreaButton = searchThisAreaButton
            </script>

            <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD-k_w3hkG-NLjMdoDn1HqG0ge2CPFngOM&amp;callback=initMap&amp;v=weekly" defer>
            </script>



              <div class="absolute mx-auto left-0 bottom-0 w-full flex justify-start" style="width: calc(100% - 9rem);">
                <div class="mb-6 ml-3 px-2 py-2 h-10 flex items-center bg-white text-xs text-gray-600 rounded-sm shadow">
                  Showing
                  0
                  of
                  303
                  programs
                </div>
              </div>


        </div>

        <div class="pb-8 flex justify-center fixed z-30 bottom-0 lg:hidden" style="left: 50%; transform: translateX(-50%);">
          <div class="flex flex-row justify-center items-center rounded-full shadow bg-gray-100">

              <div class="py-3 px-4 w-32 flex justify-center rounded-tl-full rounded-bl-full bg-gray-100 border-r border-gray-300">
                <span class="font-bold">
                  List
                </span>
              </div>


              <button type="button" aria-label="toggle map expansion" class="py-3 px-4 w-32 flex justify-center rounded-tr-full rounded-br-full bg-white" phx-click="toggle-search-view">
                <span>
                  Map
                </span>
              </button>

          </div>
        </div>
      </div>
    </main>
  </div>
</div>







<div id="experiments-panel-container">

</div>

<div>
  <!-- Larger screen size -->
  
</div>



<script>
  var setAnalyticsEvent = function (analyticsEventName, analyticsWriterId, analyticsFilterChangedId) {

    var filterId = analyticsFilterChangedId
    if (filterId && filterId.includes("search-filters-form-")) {
      filterId = filterId.replace('search-filters-form-', '')
    }

    if (filterId && filterId.includes("clear-")) {
      filterId = filterId.replace('clear-', '')
    }

    localStorage.setItem("analyticsEvent", analyticsEventName)
    localStorage.setItem("analyticsWriterId", analyticsWriterId)
    localStorage.setItem("analyticsFilterChanged", filterId)
  }

  window.addEventListener('phx:page-loading-start', () => {
    analyticsEvent = localStorage.getItem('analyticsEvent')

    if (!analyticsEvent) {
      setAnalyticsEvent('pageLoad', 'listing-results', null)
    }
  })
</script>

<script>
  window.addEventListener('phx:toggle-bookmark-lead', (e) => {
    let eventAction = ''
    if (e.detail.is_toggled) {eventAction = 'Added To'} else {eventAction = 'Removed From'}

    const payload = {
      school_id: e.detail.school_id,
      k12_school_id: e.detail.k12_school_id,
      listing_id: e.detail.listing_id,
      search_page: "live-search"
    }

    window.analytics.track(`[BEHAVIOR] Program ${eventAction} Favorites`, payload)
  })
</script>

<script>
  window.addEventListener('phx:toggle-edit-name', (e) => {
    const el = document.getElementById(e.detail.id)
    if(el) {el.focus()}
  })
</script>

<script>
  function getLocation() {
    return new Promise((resolve, reject) => {
      navigator.geolocation.getCurrentPosition(resolve, reject);
    });
  }

  async function getLatLong() {
    try {
      const position = await getLocation();

      return { latitude: position.coords.latitude, longitude: position.coords.longitude, accuracy_radius: position.coords.accuracy };
    } catch (error) {

      return null;
    }
  }

  window.addEventListener('phx:toggle-wc3-geolocation', async (e) => {
    const coords = await getLatLong();

    if (coords) {
      window.liveView.pushEvent("update-wc3-geolocation", coords);
    }
  });
</script></div>
    <script>
  !function(){var i="analytics",analytics=window[i]=window[i]||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","screen","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware","register"];analytics.factory=function(e){return function(){if(window[i].initialized)return window[i][e].apply(window[i],arguments);var n=Array.prototype.slice.call(arguments);if(["track","screen","alias","group","page","identify"].indexOf(e)>-1){var c=document.querySelector("link[rel='canonical']");n.push({__t:"bpc",c:c&&c.getAttribute("href")||void 0,p:location.pathname,u:location.href,s:location.search,t:document.title,r:document.referrer})}n.unshift(e);analytics.push(n);return analytics}};for(var n=0;n<analytics.methods.length;n++){var key=analytics.methods[n];analytics[key]=analytics.factory(key)}analytics.load=function(key,n){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.setAttribute("data-global-segment-analytics-key",i);t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r);analytics._loadOptions=n};analytics._writeKey="YOUR_WRITE_KEY";;analytics.SNIPPET_VERSION="5.2.1";
      if(true && !true) {
        analytics.load("LR85rO8hXsFHVd77hGAzcXZAkciTIBD6");
        analytics.page();

        
        window.analytics.ready(function () {
          window.analytics.user().anonymousId();

          
          var segmentEvents = [];

          if (segmentEvents && segmentEvents.length > 0) {
            for (var i = 0; i < segmentEvents.length; i++) {
              window.analytics.track("[BEHAVIOR] " + segmentEvents[i].name, segmentEvents[i].params);
            }
          }
        });
      }
  }}();
</script>
    <div id="client-analytics-writer" phx-hook="AnalyticsClientEvent"></div>
  </body>
</html>

Latest requests

# Url Url Source Date
1 https://www.wonderschool.com/ca/pl… 2026-10-16 17:59:22
2 https://www.texarkanatwins.com/%25… 2026-10-16 17:59:22
3 https://www.hzolayfurniture.com/ 2026-10-16 17:59:21
4 https://auth.acog.org/OAuth/SignIn… 2026-10-16 17:59:19
5 https://www.texarkanatwins.com/%25… 2026-10-16 17:59:18
6 https://www.fileviewpro.com/en/fil… 2026-10-16 17:59:17
7 https://auth.mediacorp.sg/u/login?… 2026-10-16 17:59:17
8 https://auth.mediacorp.sg/u/login?… 2026-10-16 17:59:16
9 https://auth.mediacorp.sg/u/login?… 2026-10-16 17:59:15
10 https://www.texarkanatwins.com/%25… 2026-10-16 17:59:15
11 https://www.thebolditalic.com/?gi=… 2026-10-16 17:59:14
12 https://www.thebolditalic.com/?gi=… 2026-10-16 17:59:12
13 https://www.texarkanatwins.com/%25… 2026-10-16 17:59:12
14 https://www.texarkanatwins.com/%25… 2026-10-16 17:59:11
15 https://lili-app.com/ 2026-10-16 17:59:09
16 https://www.texarkanatwins.com/%25… 2026-10-16 17:59:07
17 https://www.thebolditalic.com/?gi=… 2026-10-16 17:59:07
18 https://www.texarkanatwins.com/%25… 2026-10-16 17:59:06
19 https://www.texarkanatwins.com/%25… 2026-10-16 17:59:05
20 http://sekken-life.com/life/cgi-bi… 2026-10-16 17:59:05