

<!DOCTYPE html>
<html ng-app="sdnApp">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>404</title>
    <meta name="description" content="">

    <meta property="og:site_name" content="">
    <meta property="og:title" content="">
    <meta property="og:description" content="">
    <meta property="og:image" content="https://www.sdn.org.au/media/1302/1-annazhu_sdn_5424.jpg">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.sdn.org.au/404/">

    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="">


    <meta name="application-name" content="Ooops">
    <meta name="msapplication-config" content="/assets/images/favicons/browserconfig.xml">
    <meta name="msapplication-tooltip" content="Launch the '' website">
    <meta name="msapplication-starturl" content="/">
    <meta name="msapplication-navbutton-color" content="#fcb813">
    <meta name="msapplication-task" content="name=;action-uri=;icon-uri=;">

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="Ooops">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#fcb813">

    <meta property="fb:app_id" content="1901056666810891" />
    
    <meta name="facebook-domain-verification" content="ehv22r34h2cl4mnfohlgyp8n1g5lwk" />

    <link rel="apple-touch-icon" href="/assets/images/favicons/apple-touch-icon-192x192.png">
    <link rel="icon" type="image/png" href="/assets/images/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/assets/images/favicons/favicon-16x16.png" sizes="16x16">
    <!--[if IE]> <link rel="shortcut icon" href="favicon.ico"> <![endif]-->
    
    <link rel="canonical" href="https://www.sdn.org.au/404/" />
    <link rel="icon" type="image/png" href="/assets/images/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/assets/images/favicons/favicon-16x16.png" sizes="16x16">

    
    <link href="/assets/css/styles.css?v=1.26" type="text/css" rel="stylesheet" media="screen, projection, print" />

    
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/mvc/5.1/jquery.validate.unobtrusive.min.js"></script>
    
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDZLMQVVQxzFINBv0Bnx9P5nCMX-4dzFps&libraries=places&region=AU"></script>
    <script src="/assets/js/masonry.pkgd.min.js"></script>


    <!-- Google Tag Manager -->
    <script>
        (function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-W7ZSNL');</script>
    <!-- End Google Tag Manager -->
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
                m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-11156210-1', 'sdn.org.au');
        ga('require', 'displayfeatures');
        ga('require', 'linkid', 'linkid.js');
        ga('send', 'pageview');
    </script>


    <script type='text/javascript'>
        $(function () {
            var filetypes = /\.(zip|exe|dmg|pdf|doc.*|xls.*|ppt.*|mp3|txt|rar|wma|mov|avi|wmv|flv|wav)$/i;
            var baseHref = '';
            if (jQuery('base').attr('href') != undefined) baseHref = jQuery('base').attr('href');
            var hrefRedirect = '';

            jQuery('body').on('click', 'a', function (event) {
                var el = jQuery(this);
                var track = true;
                var href = (typeof (el.attr('href')) != 'undefined') ? el.attr('href') : '';
                var isThisDomain = href.match(document.domain);
                if (!href.match(/^javascript:/i)) {
                    var elEv = []; elEv.value = 0, elEv.non_i = false;
                    if (href.match(/^mailto\:/i)) {
                        elEv.category = 'email';
                        elEv.action = 'click';
                        elEv.label = href.replace(/^mailto\:/i, '');
                        elEv.loc = href;
                    }
                    else if (href.match(filetypes)) {
                        var extension = (/[.]/.exec(href)) ? /[^.]+$/.exec(href) : undefined;
                        elEv.category = 'download';
                        elEv.action = 'click-' + extension[0];
                        elEv.label = href.replace(/ /g, '-');
                        elEv.loc = baseHref + href;
                    }
                    else if (href.match(/^https?\:/i) && !isThisDomain) {
                        elEv.category = 'external';
                        elEv.action = 'click';
                        elEv.label = href.replace(/^https?\:\/\//i, '');
                        elEv.non_i = true;
                        elEv.loc = href;
                    }
                    else if (href.match(/^tel\:/i)) {
                        elEv.category = 'telephone';
                        elEv.action = 'click';
                        elEv.label = href.replace(/^tel\:/i, '');
                        elEv.loc = href;
                    }
                    else track = false;

                    if (track) {
                        var ret = true;

                        if ((elEv.category == 'external' || elEv.category == 'download') && (el.attr('target') == undefined || el.attr('target').toLowerCase() != '_blank')) {
                            hrefRedirect = elEv.loc;

                            ga('send', 'event', elEv.category.toLowerCase(), elEv.action.toLowerCase(), elEv.label.toLowerCase(), elEv.value, {
                                'nonInteraction': elEv.non_i,
                                'hitCallback': gaHitCallbackHandler
                            });

                            ret = false;
                        }
                        else {
                            ga('send', 'event', elEv.category.toLowerCase(), elEv.action.toLowerCase(), elEv.label.toLowerCase(), elEv.value, {
                                'nonInteraction': elEv.non_i
                            });
                        }

                        return ret;
                    }
                }
            });

            gaHitCallbackHandler = function () {
                window.location.href = hrefRedirect;
            }
        })



    </script>

    

 

<body ie class="  body-5246">

    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W7ZSNL"
                height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->

    <div class="overlay"></div>

    <svg style="display: none;">
    
    <symbol id="icon-search" viewBox="0 0 64 64">
        <path d="M63.5 60.6L47 44c4.2-4.8 6.6-11 6.6-17.4 0-7-2.8-13.8-8-19C40.8 2.8 34 0 26.6 0S13 2.8 8 8 0 19.6 0 26.7s2.8 13.8 8 19 11.6 8 19 8c6.4 0 12.6-2.4 17.5-6.7L61 63.4c.3.3 1 .6 1.2.6s1-.3 1.2-.6c.7-.6.7-1.8 0-2.8zM43.2 43.2C39 47.5 33.2 50 27 50S15 47.4 10.8 43c-4.6-4.3-7-10-7-16.5s2.4-12 6.7-16.2 10-6.7 16.2-6.7 12 2.4 16.2 6.7 6.6 10 6.6 16.2-2 12.2-6.4 16.5z"></path>
    </symbol>
    
    <symbol id="icon-close" viewBox="0 0 64 64">
        <path d="M64 61.4L34.4 32 64 2.6 61.3 0 32 29.4 2.4 0 0 2.6 29.3 32 0 61.4 2.4 64 32 34.6 61.3 64"></path>
    </symbol>
    
    <symbol id="icon-search-bold" viewBox="0 0 64 64">
        <path d="M62.5 56l-13-13C57 32.3 56 17.4 46.7 8 36-2.7 18.7-2.7 8 8S-2.7 36 8 46.7c5 5 12.6 8 19.6 8 5.6 0 11.2-2 15.8-5.2l13 13c1 1 2.3 1.4 3.3 1.4s2.3-.6 3.3-1.5c1.4-1.8 1.4-4.6-.5-6.5zM39.7 39.7c-7 7-18.6 7-25.6 0S7 21 14 14C18 11 22.6 9 27 9s9.4 2 13 5c7.2 7.5 7.2 18.7-.3 25.7z"></path>
    </symbol>
    
    <symbol id="icon-chevron-down" viewBox="0 0 64 64">
        <path d="M58.6 21.5L53 15.9 32 36.6 11 15.9l-5.6 5.6L32 48.1l5.6-5.6"></path>
    </symbol>
    
    <symbol id="icon-close-bold" viewBox="0 0 64 64">
        <path d="M58.6 11L53 5.4 32 26.1 11 5.4 5.4 11l21 21-21 21 5.6 5.6 21-20.7 21 20.7 5.6-5.6-21-21"></path>
    </symbol>
    
    <symbol id="icon-pin" viewBox="0 0 64 64">
        <path d="M32 0C18.2 0 7 11.2 7 25.1c0 6.1 2.2 11.9 6.2 16.5l17.3 21.8c.3.4.9.7 1.4.7.6 0 1.1-.3 1.4-.7l17.3-21.7c4-4.6 6.2-10.5 6.2-16.5C57 11.2 45.8 0 32 0zm15.9 39.2L32 59.2l-16-20c-3.4-3.9-5.3-8.9-5.3-14.1 0-11.8 9.6-21.4 21.3-21.4s21.3 9.6 21.3 21.4c0 5.1-1.9 10.1-5.4 14.1z"></path>
        <path d="M32 14.8c-5.6 0-10.2 4.6-10.2 10.2S26.4 35.2 32 35.2 42.2 30.6 42.2 25 37.6 14.8 32 14.8zm0 16.7c-3.6 0-6.5-2.9-6.5-6.5s2.9-6.5 6.5-6.5 6.5 2.9 6.5 6.5-2.9 6.5-6.5 6.5z"></path>
    </symbol>
    
    <symbol id="icon-envelope" viewBox="0 0 64 64">
        <path d="M.1 10.6c-.1.1-.1.4-.1.5v40.7c0 .1 0 .2.1.3 0 .1.1.2.2.3 0 .1.1.1.1.2h.1c.1.1.3.2.4.3l.1.1c.2.1.4.1.7.1h60.7c.2 0 .5-.1.7-.1l.1-.1c.2-.1.3-.2.4-.3h.1c0-.1.1-.1.1-.2.1-.1.1-.2.2-.3 0-.1.1-.2.1-.3V11.1v-.4-.1-.1c-.1-.3-.3-.4-.5-.6 0 0-.1-.1-.2-.1-.3-.2-.5-.3-.8-.3h-61c-.3 0-.6.1-.8.2-.1 0-.1.1-.2.1-.2.2-.4.3-.5.6m57.6 2.4L32 33.3 6.3 12.8h51.4zM3.3 14.5L23.8 31 3.3 48.1V14.5zm2.9 35.4L26.4 33l4.5 3.6c.3.2.7.4 1 .4.4 0 .7-.1 1-.4l4.5-3.6 20.3 16.9H6.2zm54.5-1.8L40.2 31l20.5-16.4v33.5z"></path>
    </symbol>
    
    <symbol id="icon-phone" viewBox="0 0 64 64">
        <path d="M55.8 39.7l-8.7-1c-2.2-.3-5 .3-6.6 2-1.3 1-2.3 2.3-3 4-8-3.7-14.3-10-18-18 3.7-1.7 6-5.7 5.7-10L24 8c-.2-2.3-1.6-4.3-3.6-6S16-.3 13.7 0H13C9 .3 5.3 2.7 3 5.7.3 9-.7 13 0 17v-.4c2.6 23.6 21.6 43.7 45 47h-.5l3.7.3c7.7 0 14-5.8 15-13.4V50c1-5-2.4-9.6-7.4-10.3zm4 9.7v.6c-.7 6-6.3 10.7-12.3 9.7l-1.3-.3C24.5 56.4 6.5 39 3.8 17v-.5c-.3-3 .8-5.7 2.4-8 2-2.3 4.7-4 7.3-4.3h1.3c1 0 2.3.3 3.3 1 1 1 1.8 2 2 3.3l1 8.7c.4 2.7-1.6 5.3-4.6 5.7-.7 0-1.3.2-1.7 1-.3.6-.3 1.2-.3 1.6C18.4 36.3 27 45 37.7 49c.7.2 1.3 0 1.7-.4.7-.3 1-1 1-1.7 0-1.4 1-2.8 2-3.4 1-1 2.3-1.3 3.7-1l8.8 1c3.3.4 5.3 3 5 5.8z"></path>
    </symbol>
    
    <symbol id="icon-linkedin" viewBox="0 0 64 64">
        <path d="M59.2 0H4.8C2 0 0 2 0 4.4v55C0 62 2 64 4.8 64H59c2.5 0 5-2 5-4.4V4.4C64 2 62 0 59 0zm-40 54H9.8V25h9.7v29zm-4.7-33c-3.2 0-5.2-2.5-5.2-5 0-2.7 2-4.7 5.6-4.7 3-.4 5 1.6 5 4.4 0 2.8-2 5.2-5.5 5.2zm39.8 33h-9.7V38c0-4-1.2-6.4-4.8-6.4-2.8 0-4.4 1.6-4.8 3.6-.4.8-.4 1.6-.4 2.4v16h-10V25h9.7v4c1.6-2 3.6-4.8 9-4.8 6.3 0 11.2 4 11.2 13.3V54z"></path>
    </symbol>
    
    <symbol id="icon-twitter" viewBox="0 0 64 64">
        <path d="M64 12c-2.4 1.2-4.8 1.6-7.6 2 2.8-1.6 4.8-4.4 5.6-7.2-2.4 1.6-5.2 2.8-8.4 3.2-2-2.4-5.6-4-9.2-4-7.2 0-13.2 6-13.2 13.2 0 1.2 0 2 .4 2.8-10.8-.4-20.8-5.6-27.2-13.6-1.2 2-1.6 4.4-1.6 6.8 0 4.4 2.4 8.4 6 10.8-2 0-4-.8-6-1.6 0 6.4 4.4 11.6 10.4 12.8-1.2.4-2.4.4-3.6.4-.8 0-1.6 0-2.4-.4 1.6 5.2 6.4 9.2 12.4 9.2C15.2 50 9.6 52 3.2 52H0c6 3.6 12.8 6 20 6 24 0 37.2-20 37.2-37.2v-1.6c2.8-2 5.2-4.4 6.8-7.2z"></path>
    </symbol>
    
    <symbol id="icon-facebook" viewBox="0 0 64 64">
        <path d="M36.8 20.8V14c0-2.4 1.6-3.2 2.8-3.2h7.2V0h-10C26 0 23.2 8 23.2 13.6v7.2h-6V32h6.4v32h13.2V32h8.8l1.2-11.2h-10z"></path>
    </symbol>
    
    <symbol id="icon-play" viewBox="0 0 13 23.2">
        <polygon points="0.5,22.1 12.2,11.6 0.5,1.1 "></polygon>
    </symbol>
    
    <symbol id="icon-arrow" viewBox="0 0 13 13">
        <polygon class="st0" points="6.5,0.3 5.8,1 10.8,6 0.3,6 0.3,7 10.8,7 5.8,12 6.5,12.7 12.7,6.5 "></polygon>
    </symbol>
    
    <symbol id="icon-arrow-back" viewBox="0 0 13 13">
        <polygon points="0.3,6.5 6.5,12.7 7.2,12 2.2,7 12.7,7 12.7,6 2.2,6 7.2,1 6.5,0.3 "></polygon>
    </symbol>

    <symbol id="icon-plus" viewBox="0 0 64 64">
        <path d="M64 29H34V0h-4v29H0v4h30v31h4V33h30"></path>
    </symbol>
    
    <symbol id="icon-chevron-left" viewBox="0 0 64 64">
        <path d="M42.5 58.6L48 53 27.5 32 48 11l-5.5-5.6L16 32l5.5 5.6"></path>
    </symbol>
    
    
    <symbol id="icon-share" viewBox="0 0 64 64">
        <path d="M43.4 38.6c-1.5 0-3 .6-4 1.5L25.3 32l.2-1.4-.2-1.4 14-8.2c1.2 1 2.6 1.6 4.2 1.6 3.3 0 6-2.7 6-6s-2.7-6-6-6-6 2.7-6 6c0 .5 0 1 .2 1.4l-14 8.2c-1.2-1-2.6-1.6-4.2-1.6-3.3 0-6 2.7-6 6s2.7 6 6 6c1.6 0 3-.6 4-1.6L37.8 43l-.2 1.4c0 3.2 2.6 5.8 5.8 5.8s5.8-2.6 5.8-5.8-2.4-5.8-5.6-5.8z"></path>
    </symbol>
    
    <symbol id="icon-speech" viewBox="0 0 28 28">
        <path d="M21.47,25.62A1.23,1.23,0,0,0,20.39,27v0c.1,1,.24,1.95.39,2.8a31,31,0,0,1-3.68-4.08,1.3,1.3,0,0,0-.69-.49c-5-1.26-8.3-4.79-8.3-8.78,0-5.13,5.41-9.28,12.05-9.28s12,4.14,12,9.25C32.19,21.14,27.58,25.1,21.47,25.62Zm1.39,1.88c6.51-1,11.28-5.62,11.28-11.08,0-6.23-6.26-11.3-14-11.3s-14,5.07-14,11.3c0,4.85,3.73,9.1,9.34,10.68a.68.68,0,0,1,.38.27,34.32,34.32,0,0,0,5.36,5.48,1.06,1.06,0,0,0,.69.26,1,1,0,0,0,.64-.19,1.28,1.28,0,0,0,.52-1.34c-.16-.73-.43-2.06-.63-3.53a.48.48,0,0,1,.38-.54h0Z" transform="translate(-6.14 -5.12)" />
    </symbol>

    <symbol id="icon-close-arrow" viewBox="0 0 16.5 9.84">
        <polyline points="0.75 0.9 8.18 8.75 15.75 0.75" />
    </symbol>
	
	<symbol id="icon-instagram" viewBox="0 0 64 64"><path d="M50.84,17.64a8,8,0,0,0-4.59-4.59,13.46,13.46,0,0,0-4.49-.83c-2.54-.11-3.31-.14-9.76-.14s-7.22,0-9.76.14a13.46,13.46,0,0,0-4.49.83,8,8,0,0,0-4.59,4.59,13.46,13.46,0,0,0-.83,4.49c-.11,2.54-.14,3.31-.14,9.76s0,7.22.14,9.76a13.46,13.46,0,0,0,.83,4.49,8,8,0,0,0,4.59,4.59,13.46,13.46,0,0,0,4.49.83c2.54.11,3.31.14,9.76.14s7.22,0,9.76-.14a13.46,13.46,0,0,0,4.49-.83,8,8,0,0,0,4.59-4.59,13.46,13.46,0,0,0,.83-4.49c.11-2.54.14-3.31.14-9.76s0-7.22-.14-9.76A13.46,13.46,0,0,0,50.84,17.64ZM32,44.3A12.41,12.41,0,1,1,44.41,31.89,12.41,12.41,0,0,1,32,44.3ZM44.9,21.89A2.9,2.9,0,1,1,47.8,19,2.9,2.9,0,0,1,44.9,21.89Z"/><circle cx="32" cy="31.89" r="8.05"/><path d="M49,0H15A15,15,0,0,0,0,15V49A15,15,0,0,0,15,64H49A15,15,0,0,0,64,49V15A15,15,0,0,0,49,0Zm7,41.85a17.77,17.77,0,0,1-1.13,5.87,12.28,12.28,0,0,1-7.06,7.06A17.77,17.77,0,0,1,42,55.91c-2.58.11-3.4.14-10,.14s-7.38,0-10-.14a17.77,17.77,0,0,1-5.87-1.13,12.28,12.28,0,0,1-7.06-7.06A17.77,17.77,0,0,1,8,41.85c-.11-2.57-.14-3.4-.14-10s0-7.38.14-10a17.77,17.77,0,0,1,1.13-5.87A12.28,12.28,0,0,1,16.17,9,17.77,17.77,0,0,1,22,7.87c2.58-.11,3.4-.14,10-.14s7.38,0,10,.14A17.77,17.77,0,0,1,47.83,9a12.28,12.28,0,0,1,7.06,7.06A17.77,17.77,0,0,1,56,21.93c.11,2.58.14,3.4.14,10S56.13,39.28,56,41.85Z"/></symbol>
	
</svg>

    <div class="body-wrap">
                <header class="header" sticky-header>
        <div class="header__wrap">


            <div class="container container--large reduce-padding">
	<div class="quick-contact">
        <div class="email headerphone">
            <svg class="footer_icon">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-phone"></use>
            </svg>
            <strong>Call</strong><a href="tel:1300831445"> 1300 831 445</a>
        </div>
        
        <div class="find-service open">
            <span class="footer_icon">
                <img src="/img/black_pin.svg" alt="">
            </span>
            <strong>Find a Service</strong>
        </div>
		        

	</div>
</div>

            <!--Replace with Brand-->
            <div class="brand">
                <div class="brand_colour brand_colour--orange"></div>
                <div class="brand_colour brand_colour--light-orange"></div>
                <div class="brand_colour brand_colour--green"></div>
                <div class="brand_colour brand_colour--blue"></div>
            </div>

            <div class="nav">
                


    <mobile-nav></mobile-nav>
    <ul class="nav_list" ng-cloak sdn-menu-structure data-menu="main-menu">
                <li sdn-menu-structure-section data-menu-background="/media/2488/background.jpg">
                    <a href="/services/"  tabindex="1" data-label="Our Services" sdn-menu-structure-link></a>
                    <ul sdn-menu-structure-columns>
                            <li sdn-menu-structure-column>
                              
                                    <ul sdn-menu-structure-items>
        
           
            <li sdn-menu-structure-item>
                <a href="/services/our-centres/" data-section-title data-label="Our Centres" sdn-menu-structure-link>
                    Our Centres
                </a>
                <ul sdn-menu-structure-items>
                            <li sdn-menu-structure-item>
                                <a  href="/services/our-centres/" data-label="Find an Early Education and Child Care Centre" sdn-menu-structure-link>
                                    Find an Early Education and Child Care Centre
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/book-a-tour/" data-label="Book a tour" sdn-menu-structure-link>
                                    Book a tour
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/vacancies/" data-label="Vacancies" sdn-menu-structure-link>
                                    Vacancies
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/child-care-subsidy-estimator/" data-label="Child Care Subsidy Estimator" sdn-menu-structure-link>
                                    Child Care Subsidy Estimator
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/early-childhood-education-and-child-care/our-educational-program-explained/" data-label="Our educational program explained" sdn-menu-structure-link>
                                    Our educational program explained
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/early-childhood-education-and-child-care/nutrition-and-mealtimes/" data-label="Nutrition and mealtimes" sdn-menu-structure-link>
                                    Nutrition and mealtimes
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/early-childhood-education-and-child-care/outdoor-spaces/" data-label="Outdoor spaces" sdn-menu-structure-link>
                                    Outdoor spaces
                                </a>
                            </li>
                </ul>
            </li>
      
    </ul>

                                
                            </li>
                            <li sdn-menu-structure-column>
                              
                                    <ul sdn-menu-structure-items>
        
           
            <li sdn-menu-structure-item>
                <a href="/services/our-preschools/" data-section-title data-label="Our Preschools" sdn-menu-structure-link>
                    Our Preschools
                </a>
                <ul sdn-menu-structure-items>
                            <li sdn-menu-structure-item>
                                <a  href="/services/our-preschools/" data-label="Find a Preschool" sdn-menu-structure-link>
                                    Find a Preschool
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/book-a-tour/" data-label="Book a tour" sdn-menu-structure-link>
                                    Book a tour
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/vacancies/" data-label="Vacancies" sdn-menu-structure-link>
                                    Vacancies
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/early-childhood-education-and-child-care/our-preschools/" data-label="Our Preschool program" sdn-menu-structure-link>
                                    Our Preschool program
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/early-childhood-education-and-child-care/transition-to-school/" data-label="Transition to school" sdn-menu-structure-link>
                                    Transition to school
                                </a>
                            </li>
                </ul>
            </li>
      
    </ul>

                                
                            </li>
                            <li sdn-menu-structure-column>
                              
                                    <ul sdn-menu-structure-items>
        
           
            <li sdn-menu-structure-item>
                <a href="/services/childrens-therapies/" data-section-title data-label="Children&#39;s Therapies" sdn-menu-structure-link>
                    Children&#39;s Therapies
                </a>
                <ul sdn-menu-structure-items>
                            <li sdn-menu-structure-item>
                                <a  href="/services/our-clinics/" data-label="Our clinics" sdn-menu-structure-link>
                                    Our clinics
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/childrens-therapies/first-signs/" data-label="Figuring out the first signs of autism" sdn-menu-structure-link>
                                    Figuring out the first signs of autism
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/sdn-story-hub/finding-therapies-and-support-for-your-child/" data-label="Finding therapies and support for your child" sdn-menu-structure-link>
                                    Finding therapies and support for your child
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/childrens-therapies/ndis-plan/" data-label="Helping you manage an NDIS plan" sdn-menu-structure-link>
                                    Helping you manage an NDIS plan
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/childrens-therapies/making-a-referral/" data-label="Make a referral" sdn-menu-structure-link>
                                    Make a referral
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/childrens-therapies/our-approach/" data-label="Our approach to children&#39;s therapies" sdn-menu-structure-link>
                                    Our approach to children&#39;s therapies
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/childrens-therapies/customised-therapies/" data-label="Therapies that meet your goals" sdn-menu-structure-link>
                                    Therapies that meet your goals
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/sdn-story-hub/our-therapies/" data-label="Our therapies" sdn-menu-structure-link>
                                    Our therapies
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/our-centres/sdn-beranga/" data-label="SDN Beranga Autism Specific Preschool" sdn-menu-structure-link>
                                    SDN Beranga Autism Specific Preschool
                                </a>
                            </li>
                </ul>
            </li>
      
    </ul>

                                
                            </li>
                            <li sdn-menu-structure-column>
                              
                                    <ul sdn-menu-structure-items>
        
           
            <li sdn-menu-structure-item>
                <a href="/services/family-support/" data-section-title data-label="Family Support" sdn-menu-structure-link>
                    Family Support
                </a>
                <ul sdn-menu-structure-items>
                            <li sdn-menu-structure-item>
                                <a  href="/services/family-support/family-preservation-and-support/" data-label="Family preservation and support" sdn-menu-structure-link>
                                    Family preservation and support
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/family-support/for-families/" data-label="For families" sdn-menu-structure-link>
                                    For families
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/family-support/safecare/" data-label="SafeCare" sdn-menu-structure-link>
                                    SafeCare
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/family-support/child-and-parenting-support-caps-program/" data-label="Child and Parenting Support (CAPS) Program" sdn-menu-structure-link>
                                    Child and Parenting Support (CAPS) Program
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/services/family-support/playgroups/" data-label="Playgroups" sdn-menu-structure-link>
                                    Playgroups
                                </a>
                            </li>
                </ul>
            </li>
      
    </ul>

                                
                            </li>
                            <li sdn-menu-structure-column>
                              
                                    <ul sdn-menu-structure-items>
        
           
            <li sdn-menu-structure-item>
                <a href="/family-activity-hub/" data-section-title data-label="Family Activity Hub" sdn-menu-structure-link>
                    Family Activity Hub
                </a>
                <ul sdn-menu-structure-items>
                            <li sdn-menu-structure-item>
                                <a  href="/family-activity-hub/" data-label="Family activities to do at home" sdn-menu-structure-link>
                                    Family activities to do at home
                                </a>
                            </li>
                </ul>
            </li>
      
    </ul>

                                
                            </li>
                            
                        
                    </ul>
                </li>
                <li sdn-menu-structure-section data-menu-background="/media/2488/background.jpg">
                    <a href="/careers/"  tabindex="1" data-label="Careers" sdn-menu-structure-link></a>
                    <ul sdn-menu-structure-columns>
                            
                        
                    </ul>
                </li>
                <li sdn-menu-structure-section data-menu-background="/media/2488/background.jpg">
                    <a href="/about-sdn/"  tabindex="1" data-label="About SDN" sdn-menu-structure-link></a>
                    <ul sdn-menu-structure-columns>
                            <li sdn-menu-structure-column>
                              
                                    <ul sdn-menu-structure-items>
        
           
            <li sdn-menu-structure-item>
                <a href="/about-sdn/" data-section-title data-label="What we believe" sdn-menu-structure-link>
                    What we believe
                </a>
                <ul sdn-menu-structure-items>
                            <li sdn-menu-structure-item>
                                <a  href="/about-sdn/our-commitment-to-children/" data-label="Our Commitment to Children" sdn-menu-structure-link>
                                    Our Commitment to Children
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/about-sdn/working-with-aboriginal-torres-strait-islander-people/" data-label="Working with Aboriginal &amp; Torres Strait Islander People" sdn-menu-structure-link>
                                    Working with Aboriginal &amp; Torres Strait Islander People
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/feedback/" data-label="Feedback" sdn-menu-structure-link>
                                    Feedback
                                </a>
                            </li>
                </ul>
            </li>
      
    </ul>

                                
                            </li>
                            <li sdn-menu-structure-column>
                              
                                    <ul sdn-menu-structure-items>
        
           
            <li sdn-menu-structure-item>
                <a href="/about-sdn/" data-section-title data-label="Who we are" sdn-menu-structure-link>
                    Who we are
                </a>
                <ul sdn-menu-structure-items>
                            <li sdn-menu-structure-item>
                                <a  href="/about-sdn/sdn-history/" data-label="Our history" sdn-menu-structure-link>
                                    Our history
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/about-sdn/our-team/" data-label="Our team" sdn-menu-structure-link>
                                    Our team
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/about-sdn/governance/" data-label="Governance" sdn-menu-structure-link>
                                    Governance
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/sdn-news/" data-label="News" sdn-menu-structure-link>
                                    News
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/events/" data-label="Events" sdn-menu-structure-link>
                                    Events
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/sdn-story-hub/" data-label="Storyhub" sdn-menu-structure-link>
                                    Storyhub
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/about-sdn/research-and-evaluation/" data-label="Research and evaluation" sdn-menu-structure-link>
                                    Research and evaluation
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/about-sdn/get-involved/" data-label="Get involved" sdn-menu-structure-link>
                                    Get involved
                                </a>
                            </li>
                </ul>
            </li>
      
    </ul>

                                
                            </li>
                            <li sdn-menu-structure-column>
                              
                                    <ul sdn-menu-structure-items>
        
           
            <li sdn-menu-structure-item>
                <a href="/about-sdn/resources-hub/" data-section-title data-label="Resources hub" sdn-menu-structure-link>
                    Resources hub
                </a>
                <ul sdn-menu-structure-items>
                            <li sdn-menu-structure-item>
                                <a  href="/about-sdn/resources-hub/current-families/" data-label="Information for current families" sdn-menu-structure-link>
                                    Information for current families
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/about-sdn/resources-hub/corporate-publications/" data-label="Corporate publications" sdn-menu-structure-link>
                                    Corporate publications
                                </a>
                            </li>
                            <li sdn-menu-structure-item>
                                <a  href="/about-sdn/resources-hub/current-families/policies-and-important-information/" data-label="Policies for families" sdn-menu-structure-link>
                                    Policies for families
                                </a>
                            </li>
                </ul>
            </li>
      
    </ul>

                                
                            </li>
                            
                        
                    </ul>
                </li>
                <li sdn-menu-structure-section data-menu-background="/media/2488/background.jpg">
                    <a href="/contact-us/"  tabindex="1" data-label="Contact Us" sdn-menu-structure-link></a>
                    <ul sdn-menu-structure-columns>
                            
                        
                    </ul>
                </li>
    </ul>
    <ul class="nav_list container" main-menu=""></ul>

                
                <search ng-cloak search-url="/search" search-param="searchtext">
        <h2 class="search_suggestions-title">Common Searches</h2>
        <ul class="search_suggestions-list">
                <li class="search_suggestions-item">
                    <a href="/services/our-centres/" class="search_suggestions-link">
                        <svg>
                            <use xlink:href="#icon-search-bold"></use>
                        </svg>
                        Our Centres
                    </a>
                </li>
                <li class="search_suggestions-item">
                    <a href="/services/childrens-therapies/" class="search_suggestions-link">
                        <svg>
                            <use xlink:href="#icon-search-bold"></use>
                        </svg>
                        Children&#39;s Therapies
                    </a>
                </li>
                <li class="search_suggestions-item">
                    <a href="/refer-a-friend/" class="search_suggestions-link">
                        <svg>
                            <use xlink:href="#icon-search-bold"></use>
                        </svg>
                        Refer a friend
                    </a>
                </li>
        </ul>
</search>

            </div>
        </div>
    </header>

        <!-- find services -->
        <div class="find-services find-services-toggle">
            <div class="container">
                <div class="filter_form">
                    <label class="filter_label" for="filter-category">
                        I'm looking for
                    </label>
                    


<select class="filter_select filter-services">
    <option value="" selected>Any Service</option>
    <option value="1" >Child Care</option>
    <option value="2" >Preschool</option>
    
    <option value="4" >Family Support</option>
    <option value="5" >Children's Therapies</option>
    
</select>
                    
                    <div class="filter_input_wrapper">
                        <input class="form_text-input filter_input auto-search-by-place" id="auto-search-by-place-top" type="text" placeholder="Postcode/Suburb" autocomplete="off">
                        <div class="location-icon">
                            <a href="#" class="btn-geolocation">
                                <span class="footer_icon map-loading-icon-after">
                                    <img src="/assets/images/ajax-loader.gif" alt="">
                                </span>
                                <svg class="footer_icon map-loading-icon-before" id="orange_location" data-name="Orange location" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.84 66.67">
                                    <defs>
                                        <style>
                                            .cls-1 {
                                                fill: #ea9a37;
                                            }
                                        </style>
                                    </defs>
                                    <title>Orange location</title>
                                    <path class="cls-1" d="M22.92,33.33A10.42,10.42,0,1,1,33.34,22.91,10.32,10.32,0,0,1,22.92,33.33ZM22.92,0A22.85,22.85,0,0,0,0,22.92C0,35.63,22.92,66.67,22.92,66.67s22.92-31,22.92-43.75A22.85,22.85,0,0,0,22.92,0Z" />
                                </svg>

                                Use my location
                            </a>
                        </div>
                    </div>
                    <label class="filter_label" for="filter-category">
                        within
                    </label>
                    


<select class="filter_select filter-select-radius">
    <option value="5" selected>5km</option>
    <option value="10" >10km</option>
    <option value="20" >20km</option>
    <option value="50" >50km</option>
    <option value="-1" >Any distance</option>
</select>
                    
                </div>
                <div class="filter_form">
                    <button class="button button--secondary btn-search-services find-header">
                        <span class="button_text">Find</span>
                        <span class="button_icon">
                            <svg>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow"></use>
                            </svg>
                        </span>
                    </button>
                </div>

            </div>
        </div>
        <!-- find services -->
        <main class="main">
            <div class="page">
                

    <style type="text/css">
    
    .flex-container {
        display: flex;
        flex-direction: column;
    }
    
    .centred         { 
        margin: 0 auto; 
        
    }

        
        .page_hero .page_hero-image { background-image: url('/media/1302/1-annazhu_sdn_5424.jpg?anchor=center&amp;mode=crop&amp;width=1600&amp;height=500&amp;rnd=131695738180000000')}
        
    
    @media screen and (max-width: 49em) {
    .page_hero {height: 20em;}
    }
    
    @media screen and (max-width: 599px) {

    }
    </style>
    <div class="page_hero">
            <div class="page_hero-image">
            

   
            
            </div>
        


    </div>
    <div class="page_container container">
        <div class="page_header">
            <div class="page_header-left">

                
                        <ol class="breadcrumbs">
                <li class="breadcrumbs_item">
                    <a href="/" class="breadcrumbs_link">SDN</a>
                </li>
        </ol>


                    <h1 class="page_title ">Ooops</h1>
            </div>
            


        </div>


    </div>


<div class="page_content ">

    <p><em class="fourofour-inner-subtitle">Sorry, we can’t find the page you’re looking for.</em></p>
<p><a data-udi="umb://document/5879ca13efda4a479b1215c0816cee3e" href="/" title="SDN"><em class="fourofour-inner-subtitle">Back to homepage</em></a></p>
<p><a data-udi="umb://document/8fc24bfe3b134aea987c59b04f24e9f6" href="/services/our-centres/" title="Our Centres"><em class="fourofour-inner-subtitle">Early Education and Child Care</em></a></p>
<p><a data-udi="umb://document/837340733f254287a8f8ae8f000dd49a" href="#" title="Disability Services"><em class="fourofour-inner-subtitle">Disability Services</em></a></p>
<p><em class="fourofour-inner-subtitle"><img style="width: 500px; height: 333.5px;" src="/media/1859/banner-for-homepage.jpg?width=500&amp;height=333.5" alt="" data-udi="umb://media/abc81d0e4e234d7a8f029d08cde19552" /></em></p>
</div>


<div>

    



</div>

<script type="text/javascript">
    $(window).load(function () {
        if ($(location).attr('href').indexOf('result') > -1) {

            $('html, body').animate({
                scrollTop: $(".page_title").offset().top
            }, 100);
        }
    });
</script>




            </div>
        </main>

        <footer class="footer">
    <div class="footer_image">
                <div style="background-image: url('/media/2486/footer.jpg?anchor=center&mode=crop&width=1600&height=500')" class="footer_image-img" scroll-item scroll-key="scale"></div>

    </div>
    <div class="brand">
        <div class="brand_colour brand_colour--orange"></div>
        <div class="brand_colour brand_colour--light-orange"></div>
        <div class="brand_colour brand_colour--green"></div>
        <div class="brand_colour brand_colour--blue"></div>
    </div>
    <!-- /brand -->


    <div class="container container--large">


        <div class="footer_top">

            <div class="footer_title">
                <h1>We’re here for you.</h1>
            </div>

            <div class="footer_details">

                <div class="footer_office">
                    <svg class="footer_icon">
                        <use xlink:href="#icon-pin"></use>
                    </svg>

                    <div class="footer_office-text">
                        <h2>Head office</h2>
                        <p>Level 3, 19 – 37 Greek Street
Glebe NSW 2037
Australia</p>
                    </div>
                </div>
                <!-- /footer_details -->


                <div class="footer_contact">
                    <div class="footer_contact-item">
                        <svg class="footer_icon">
                            <use xlink:href="#icon-envelope"></use>
                        </svg>
                        <p><strong>Email</strong> <a href="mailto:sdn@sdn.org.au">sdn@sdn.org.au</a></p>
                    </div>

                    <div class="footer_contact-item">
                        <svg class="footer_icon">
                            <use xlink:href="#icon-phone"></use>
                        </svg>
                        <p><strong>Phone</strong> <a href="tel:+1300 831 445">1300 831 445</a></p>
                    </div>
                </div>
                <!-- /footer_contact -->

            </div>
            <!-- /footer_details -->

        



            <div class="footer_social">


                <div class="footer-translate">
                    <div id="google_translate_element"></div>
                    <script type="text/javascript">
                        function googleTranslateElementInit() {
                            new google.translate.TranslateElement({ pageLanguage: 'en', includedLanguages: 'ar,el,fr,ko,ur,vi,zh-CN,zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-11156210-1' }, 'google_translate_element');
                        }
                    </script>
                    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


                </div>

                <div class="footer-translate-clear"></div>

                <ul class="social">
                    <li class="social_item">
                        <a href="https://www.facebook.com/SDNChildrensServices" class="social_link" target="_blank">
                            <svg>
                                <title>Facebook</title>
                                <use xlink:href="#icon-facebook"></use>
                            </svg>
                        </a>
                    </li>


                    <li class="social_item">
                        <a href="https://www.instagram.com/sdnchildrensservices/" class="social_link" target="_blank">
                            <svg>
                                <title>Instagram</title>
                                <use xlink:href="#icon-instagram"></use>
                            </svg>
                        </a>
                    </li>


                    <li class="social_item">
                        <a href="https://www.linkedin.com/company/sdn-children&#39;s-services/" class="social_link" target="_blank">
                            <svg>
                                <title>LinkedIn</title>
                                <use xlink:href="#icon-linkedin"></use>
                            </svg>
                        </a>
                    </li>
                </ul>

            </div>
            <!-- /footer_social -->

            <p class="footer-additional-text">SDN acknowledges the traditional owners of the lands we work and live on, and pays respect to elders past and present.</p>

        </div>
        <!-- /footer_top -->

        <div class="footer_bottom">

            <p class="footer_bottom-copyright">2022 	&#169; SDN Childrens Services</p>

            <button class="footer_bottom-nav_toggle" data-footer-toggle="" ng-click="toggleFooter();">
                Other Information
                <svg class="footer_icon">
                    <use xlink:href="#icon-chevron-down"></use>
                </svg>
            </button>

            <ul class="footer_bottom-nav">
                    <li class="footer_bottom-nav-item">
                        <a href="/terms-and-conditions/" class="footer_bottom-nav-link">Terms &amp; Conditions</a>
                    </li>
                    <li class="footer_bottom-nav-item">
                        <a href="/privacy/" class="footer_bottom-nav-link">Privacy Policy</a>
                    </li>
                    <li class="footer_bottom-nav-item">
                        <a href="/about-sdn/our-commitment-to-children/" class="footer_bottom-nav-link">Our Commitment to Children </a>
                    </li>
                    <li class="footer_bottom-nav-item">
                        <a href="/contact-us/" class="footer_bottom-nav-link">Contact Us</a>
                    </li>
                    <li class="footer_bottom-nav-item">
                        <a href="/sdn-story-hub/" class="footer_bottom-nav-link">SDN Story Hub</a>
                    </li>
                                    <li class="footer_bottom-nav-item">
                        <a href="https://intranet.sdn.org.au" class="footer_bottom-nav-link">Staff Login</a>
                    </li>
            </ul>

            <p class="footer_bottom-abn">ABN 23 000 014 335</p>




        </div>
        <!-- /footer_bottom -->



    </div>
    <!-- footer_inner -->

</footer>



    </div>

        <a href="#" class="btn-chat" id="btn-chat" onclick="openForm(); return false;">
        <span class="speech_icon">
            <svg>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-speech"></use>
            </svg>
        </span>Talk to us
    </a>
    <div class="form-popup" id="myForm">
        <div class="form-container">
            <div class="form-popup-header">
                <h1>Enter your details below to chat</h1>
                <button type="button" class="btn btn-cancel" onclick="closeForm()">
                    <span class="close_arrow_icon">
                        <svg>
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-close-arrow"></use>
                        </svg>
                    </span>
                </button>
            </div>
            <div class="form-popup-content">
                
                    <label for="popup_firstName"><b>First name</b></label>
                    <input type="text" name="firstName" id="popup_firstName" required>
                    <label for="popup_lastName"><b>Last name</b></label>
                    <input type="text" name="lastName" id="popup_lastName" required>
                    <label for="popup_email"><b>Email</b></label>
                    <input type="text" name="email" id="popup_email" required>
                    <label for="popup_phoneNumber"><b>Phone Number</b></label>
                    <input type="text" name="phoneNumber" id="popup_phoneNumber" required>
                    <button class="button button--secondary btn-start-chat" id="chat-button" type="button">
                        <span class="button_text">Start chat</span>
                        <span class="button_icon">
                            <svg>
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow"></use>
                            </svg>
                        </span>
                    </button>
                
                <!--<button type="button" class="btn btn-start-chat" id="chat-button">Start chat</button>-->
            </div>
        </div>

    </div>
    <div class="form-popup form-popup-iframe" id="chat-container" ></div>


    <script type="text/javascript">
        window.sdnData = {
            googleMapsKey: 'AIzaSyDyFznQqEKoh4GETZniB2-IgGd8ccY6sy8'
        };
    </script>
    <script src="/assets/js/modernizr.min.js"></script>

    <script src="/assets/js/vendor.bundle.js"></script>

    <script src="/assets/js/jquery.fitvids.js"></script>

    <script src="/assets/js/jquery.matchHeight-min.js"></script>

    <script src="/assets/js/main.js?v=1.1"></script>

    <script src="/assets/js/custom.js"></script>

    <script src="/assets/js/jquery.formatCurrency-1.4.0.js"></script>

    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" rel="stylesheet" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-lightbox/0.2.12/slick-lightbox.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-lightbox/0.2.12/slick-lightbox.min.js"></script>
    <script id="purecloud-webchat-js"
            type="text/javascript"
            src="https://apps.mypurecloud.com.au/webchat/jsapi-v1.js"
            region="ap-southeast-2"
            org-guid="e8c4a749-77eb-48ac-bf36-f5cbcba62a4f"
            deployment-key="132086a8-53dd-4e8d-a430-f6ad27ae053d"></script>
    <script>
     function openForm() {
         $(".btn-chat").hide();
         document.getElementById("myForm").style.display = "block";
         return false;
     }

     function closeForm() {
         $(".btn-chat").show();
         document.getElementById("myForm").style.display = "none";
         return false;
     }

     var offlineSchedules = [{
day: 'Saturday,Sunday',
city: 'Australia/Sydney'
}
];
     var onlineSchedules = [{
day: 'Monday-Friday',
time: '0900-1700',
city: 'Australia/Sydney'
}
];

     var chatConfig = {
         "webchatAppUrl": "https://apps.mypurecloud.com.au/webchat",
         "webchatServiceUrl": "https://realtime.mypurecloud.com.au:443",
         "orgId": "9535",
         "orgName": "n2637528rsdnchildrensservices",
         "queueName": "General_Enquiries",
         "skills": "WEB_CHAT",
         "logLevel": "DEBUG",
         "locale": "en",
         "reconnectEnabled": true, //allow reconnect
         'reconnectOrigins': ['https://www.sdn.org.au', 'https://sdnstaging.sdn.org.au/', 'http://sdnstaging.sdn.org.au/'],
         "companyLogoSmall": {
             "width": 187,
             "height": 99,
             "url": "https://www.sdn.org.au/media/2320/sdn_logo.png"
         },
         "agentAvatar": {
             "width": 82,
             "height": 128,
             "url": "https://www.sdn.org.au/media/1001/agent.jpg"
         },
         "offlineSchedules": offlineSchedules,
         "onlineSchedules": onlineSchedules,
         "chatNowElement": "btn-chat",
         "welcomeMessage": "Thanks for contacting the SDN Service Enquiry Team. ",
         "cssClass": "webchat-frame",
         "css": {
             "width": "100%",
             "height": "100%"
         }
     };
     var chatButton = document.getElementById('chat-button');

    $(function () {
        var byRow = $('body');
        $('.page-listing_inner').each(function () {
            $(this).children('.page-listing_article').matchHeight(byRow);
        });

        if (chatButton) {
            window.PURECLOUD_WEBCHAT_FRAME_CONFIG = {
                containerEl: 'chat-container'
            };

            ININ.webchat.create(chatConfig)
                         .then(function (webchat) {
                             // Optionally use isAutoJoined if reconnects are enabled
                             if (webchat.isAutoJoined()) {
                                 // Do something to disable chat button
                                 $(".btn-chat").hide();
                                 $(".form-popup-iframe").show();

                                 webchat.updateConfig({
                                     //agentEmail: 'debrah.agent@example.com',
                                     welcomeMessage: 'Thanks for contacting SDN Service Enquiry Team.',
                                 });
                                 webchat.chatStarted = function () {
                                     //Code to run when the chat is started
                                     console.log("chatStarted");
                                 };

                                 webchat.chatConnectedToAgent = function () {
                                     //Code to run when the chat is connected to an agent
                                     console.log("chatConnectedToAgent");
                                 };

                                 webchat.chatEnded = function () {
                                     //Code to run when chat ends.
                                     console.log("chatEnded");
                                     $(".form-popup-iframe").empty();
                                     $(".form-popup-iframe").hide();
                                     $(".btn-chat").show();
                                 };

                             }

                             chatButton.onclick = function () {

                                 var firstName = document.getElementById('popup_firstName').value;
                                 var lastName = document.getElementById('popup_lastName').value;
                                 var phoneNumber = document.getElementById('popup_phoneNumber').value;
                                 var email = document.getElementById('popup_email').value;

                                 var valid= true;
                                 if(firstName=="") {
                                     valid=false;
                                     $("#popup_firstName").addClass("error");
                                 }else{
                                     $("#popup_firstName").removeClass("error");
                                 }

                                 if(lastName=="") {
                                     valid=false;
                                     $("#popup_lastName").addClass("error");
                                 }else{
                                     $("#popup_lastName").removeClass("error");
                                 }


                                 if(phoneNumber=="") {
                                     valid=false;
                                     $("#popup_phoneNumber").addClass("error");
                                 }else{
                                     $("#popup_phoneNumber").removeClass("error");
                                 }

                                 if(email=="") {
                                     valid=false;
                                     $("#popup_email").addClass("error");
                                 }else{
                                     $("#popup_email").removeClass("error");
                                 }

                                 if(!valid){
                                     return false;
                                 }

                                 $("#myForm").hide();
                                 $(".form-popup-iframe").show();
                                 // Use getConfig.setConfigProperty() for any web chat configuration property to dynamically set config values.
                                 webchat.getConfig().setData({
                                     firstName: firstName,
                                     lastName: lastName,
                                     phoneNumber: phoneNumber,
                                     phoneType: 'Cell',
                                     customField1Label: 'Email',
                                     customField1: email
                                 });

                                 // Alternatively, call webchat.renderPopup here. Note that reconnects do not apply to popup chat.
                                 webchat.renderFrame({
                                     containerEl: 'chat-container'
                                 });

                                 webchat.chatStarted = function () {
                                     //Code to run when the chat is started
                                     console.log("chatStarted");
                                 };

                                 webchat.chatConnectedToAgent = function () {
                                     //Code to run when the chat is connected to an agent
                                     console.log("chatConnectedToAgent");
                                 };

                                 webchat.chatEnded = function () {
                                     //Code to run when chat ends.
                                     console.log("chatEnded");
                                     $(".form-popup-iframe").empty();
                                     $(".form-popup-iframe").hide();
                                     $(".btn-chat").show();
                                 };

                                 return false;
                             };

                         })
                         .catch(function (err) {
                             console.log(err);
                         });
        }

    });
    </script>


    <style type="text/css">
        .home .page-listing_inner.four-featured {
            width: 100%;
        }

        .accordion_content p img {
            max-width: 100%;
            width: auto;
            height: auto;
        }


        @media screen and (max-width: 1200px) {
            .home .page-listing_inner.four-featured {
                max-width: 660px;
                display: block;
            }

                .home .page-listing_inner.four-featured .page-listing_article {
                    width: 48%;
                    margin-left: 1%;
                    margin-right: 1%;
                    float: left;
                    padding-top: 20px;
                    padding-bottom: 30px;
                }
        }

        @media screen and (max-width: 650px) {
            .home .page-listing_inner.four-featured .page-listing_article {
                width: 100%;
                margin: 0 auto;
                float: none;
            }
        }
        /*
        .find-services-sec-body {
            margin-bottom: 0px;
        }
            */
        .grey-row {
            padding-bottom: 60px;
        }

        .getin-touch-inner {
            padding-top: 10px;
        }

            .getin-touch-inner:after, .getin-touch-inner:before {
                background: none;
            }

        .info-block figure img {
            width: auto;
        }

        .info-block figure {
            margin: 0 0 20px;
        }

        .page-listing_inner.four-featured h4.page-listing_title {
            margin-bottom: 3em;
        }

        .no-bottom-spacing {
            margin-bottom: -30px !important;
            padding-bottom: 0 !important;
        }

        @media screen and (max-width: 599px) {
            .no-bottom-spacing {
                margin-bottom: 0 !important;
            }
        }

        .find-services-sec-body {
            max-width: 1020px;
        }
    </style>

</body>
</html>
