<!DOCTYPE html>
<html lang="en-US">
<head>
    <title>Skoolbo - Reading, Writing, Numeracy, Languages, Science and more</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta http-equiv="P3P" content='CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"' />
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <meta name="keywords" content="Skoolbo, Learning, Learn, Reading, Literacy, Numeracy, Maths, Math, Mathematics, eLearning, learning game, language, languages">
    <meta name="og:description" content="Skoolbo is a full curriculum learning program for four to ten-year-olds. Children are immersed in an incredible learning world and are highly motivated by the inbuilt rewards. Subjects include Reading, Writing, Numeracy, Languages, Science, Brain Games and more.">
    <meta name="description" content="Skoolbo is a full curriculum learning program for four to ten-year-olds. Children are immersed in an incredible learning world and are highly motivated by the inbuilt rewards. Subjects include Reading, Writing, Numeracy, Languages, Science, Brain Games and more.">
    <meta name="msapplication-config" content="/browserconfig.xml" />

    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <link rel="icon" type="image/ico" href="/favicon.ico" />

    
    


    <link href="/bundle/cssbootstrap?v=8HonrMsnoYEJrZVntd0N-ZJ511m2wV6Kh8D7SESFvg81" rel="stylesheet"/>
<link href="/bundles/Cssopensans?v=" rel="stylesheet"/>


    
    


    <link href="/Content/ace/css/ace-fonts.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/Content/ace/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

    <!--[if lte IE 9]>
        <link rel="stylesheet" href="/Content/ace/css/ace-part2.min.css" class="ace-main-stylesheet"/>
    <![endif]-->

    <link rel="stylesheet" href="/Content/ace/css/ace-skins.min.css" />
    <link rel="stylesheet" href="/Content/ace/css/ace-rtl.min.css" />

    <!--[if lte IE 9]>
        <link rel="stylesheet" href="/Content/ace/css/ace-ie.min.css"/>
        <link href="/bundles/cssforie?v=9PO1_Tc2rQIJ6RX4ydTaHuJCuuExH2xgnvkaFZ7UTTw1" rel="stylesheet"/>

    <![endif]-->
    <!--[if lt IE 9]>
        <script src="/bundles/scriptforie?v=qUmxWPPGEqdqF3k-XMXER28liSEt2cKFBbXNvwXkIUY1"></script>

    <![endif]-->

    
    <link href="/bundle/css?v=QxVr95VXsKJ-wYrb7JnPNrNwaKDc12_Nq2v865OSC_o1" rel="stylesheet"/>

    <link href="/bundle/navbar?v=z2t-mAe57P3WCRaXJYtkhj_oqShq4Gbuf-UvzIO_kek1" rel="stylesheet"/>

    
    <link href="/Content/global/student-password-animal.css" rel="stylesheet" />
    <link href="/Content/global/pages/login.css?v=1" rel="stylesheet" />



    <script src="/bundle/modernizr?v=inCVuEFe6J4Q07A0AcRsbJic_UE5MwpRMNGcOtk94TE1"></script>


    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-108838171-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'UA-108838171-1');
        gtag('config', 'AW-800675615');

        window.onbeforeunload = function (e) {
            gtag('event', 'exit');
        }
        setInterval(function () {
            gtag('event', 'ping');
        }, 5000);
    </script>

    <!-- Facebook Pixel Code -->
    <script>
        !function (f, b, e, v, n, t, s) {
            if (f.fbq) return; n = f.fbq = function () {
                n.callMethod ?
                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
            n.queue = []; t = b.createElement(e); t.async = !0;
            t.src = v; s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '661377854607511');
        fbq('track', 'PageView');
    </script>
    <noscript>
        <img height="1" width="1" style="display:none"
             src="https://www.facebook.com/tr?id=661377854607511&ev=PageView&noscript=1" />
    </noscript>
    <!-- End Facebook Pixel Code -->
    
    

    <style>
        html {
            overflow-x: hidden;
        }
    </style>
</head>
<body>
    
    


    


    <div class="container">
    <div class="row">
        <div class="col-md-12">
            <img src="/Images/skoolbo2_header.png" class="img-responsive" style="margin-left:auto;margin-right:auto;" id="headerBannerImg"/>
        </div>
    </div>
    <div class="row top-menu" style="padding-left:10px;padding-right:10px;">
    </div>

    </div>

<div class="container main-container">
    


    <div class="col-md-3"></div>
<div class="col-md-6">
    <h4 class="header blue lighter bigger text-left">
        <i class="ace-icon fa fa-key blue"></i>
        Welcome to Skoolbo
    </h4>
    <div class="alert alert-warning text-center" style="display:none;" id="pastDueMessage">
        Please log in to your parent account to update your payment details.
    </div>
    <div class="login-container">
        <div class="space-6"></div>
<form action="/login" class="form-horizontal" id="loginForm" method="post"><input id="LoginModel_ReturnUrl" name="LoginModel.ReturnUrl" type="hidden" value="" /><input data-val="true" data-val-required="The IsHk field is required." id="IsHk" name="IsHk" type="hidden" value="False" />            <fieldset>
                <label class="block clearfix">
                    <span class="block input-icon input-icon-right">
                        <input class="form-control" data-val="true" data-val-regex="UserName or School Code invalid." data-val-regex-pattern="[^&lt;>]*" data-val-required="UserName or School Code invalid." id="LoginModel_UserName" name="LoginModel.UserName" placeholder="Username" type="text" value="" />
                        <i class="ace-icon fa fa-user"></i>
                    </span>
                </label>

                <label class="block clearfix">
                    <span class="block input-icon input-icon-right">
<input class="form-control" data-val="true" data-val-regex="Password invalid" data-val-regex-pattern="[^&lt;>]*" data-val-required="Password invalid" id="LoginModel_Password" name="LoginModel.Password" placeholder="Password" type="password" />                        <i class="ace-icon fa fa-lock"></i>
                    </span>
                </label>

                <div class="space"></div>
                
                <div class="alert alert-warning margin-top-10 margin-bottom-10" id="changeCountrySuggest" style="display:none;">
                </div>
                <div class="clearfix">
                    <button type="submit" class="width-35 pull-right btn btn-sm btn-primary btn-login">
                        <i class="ace-icon fa fa-key"></i>
                        <span class="bigger-110">Login</span>
                    </button>
                </div>


                <div class="space-4"></div>

            </fieldset>
</form>        <div class="space-6"></div>
    </div>

    <div class="text-center margin-top-15">
        <img src="/Images/thank-you-message.png" alt="Thank you message" style="max-width: 100%; height: auto;" />
    </div>
</div>



</div>

    <div class="container">
    <div class="row footer-menu-container">
        <div class="footer-menu col-md-12">
    <ul class="nav navbar-nav ">
        <li>
            <a href="/terms" target="_self" >


                
                    Terms and Conditions
               

            </a>

        </li>
        <li>
            <a href="/privacy" target="_self" >


                
                    Privacy Policy
               

            </a>

        </li>
        <li>
            <a href="/safety" target="_self" >


                
                    Child Safety Policy
               

            </a>

        </li>
        <li>
            <a href="/contact" target="_self" >


                
                    Contact
               

            </a>

        </li>
    </ul>

        </div>
    </div>

    </div>











    <script src="/bundle/require?v=QdUH6tU4WmPKyNej51eqHwhaClh9Jy-oeErPH9MXsBY1"></script>


    <script>
        var rootUrl = '/';
        var jqueryUrl = "/bundle/jquery?v=47IUJGAflE7VDo6j5qn7bh31sLidMvpFGe510wwskdU1";
        var bootstrapUrl = "/bundle/bootstrap?v=vUEDM9MwOhnremUuA6rzhxefQHLXMLBFr-F5Yy4E32c1";
        var knockoutUrl = "/bundle/knockout?v=BuG8Nb-qvi4pJtBzzKqXnpD5TfnIvTgfbcmeRR0P1yw1";
        var knockoutMappingUrl = "/bundle/knockout.mapping-latest?v=u-B_DbYc6U_FeowjO5F5lEbSnuzaYnEVMNcTx-S7Qc81";
        var scriptMvcToolipUrl = "/bundles/scriptmvctoolip?v=4_da-wNYDe28RrxFbYKEo1jMq0H-S7L9OQo2uW_EHXU1";
        var aceUrl = "/Content/ace/";
        var notUseLoading = false;
    </script>

    
    


    <script src="/Scripts/global/require-config.js?v=639107433528301928"></script>
    <script src="/Scripts/global/site.js?v=639107433530158114"></script>

    
    
<div class="modal" id="passwordColorBox" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title blue">Select Your Color</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-Black password-color-picker" data-item="Black" alt="Black"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-Blue password-color-picker" data-item="Blue" alt="Blue"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-Green password-color-picker" data-item="Green" alt="Green"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-Orange password-color-picker" data-item="Orange" alt="Orange"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-Pink password-color-picker" data-item="Pink" alt="Pink"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-Purple password-color-picker" data-item="Purple" alt="Purple"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-Red password-color-picker" data-item="Red" alt="Red"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-Yellow password-color-picker" data-item="Yellow" alt="Yellow"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-White password-color-picker" data-item="White" alt="White"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-Brown password-color-picker" data-item="Brown" alt="Brown"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-BlackPurple password-color-picker" data-item="BlackPurple" alt="BlackPurple"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-BlueRed password-color-picker" data-item="BlueRed" alt="BlueRed"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-GreenYellow password-color-picker" data-item="GreenYellow" alt="GreenYellow"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-OrangeWhite password-color-picker" data-item="OrangeWhite" alt="OrangeWhite"></a>
                            </div>
                            <div class="color-password-item">
                                <a href="javascript:void(0)" class="password-color-PinkBrown password-color-picker" data-item="PinkBrown" alt="PinkBrown"></a>
                            </div>
                    </div>
                </div>
                <div class="clear-fix"></div>
            </div>
            <div class="modal-footer">
                <button type="button" id="hiddenColor" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal" id="passwordAnimalBox" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title blue">Select Your Animal</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Bee password-animal-picker" data-item="Bee" alt="Bee"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Butterfly password-animal-picker" data-item="Butterfly" alt="Butterfly"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Cat password-animal-picker" data-item="Cat" alt="Cat"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Cow password-animal-picker" data-item="Cow" alt="Cow"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Crab password-animal-picker" data-item="Crab" alt="Crab"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Dog password-animal-picker" data-item="Dog" alt="Dog"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Dolphin password-animal-picker" data-item="Dolphin" alt="Dolphin"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Duck password-animal-picker" data-item="Duck" alt="Duck"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Elephant password-animal-picker" data-item="Elephant" alt="Elephant"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Frog password-animal-picker" data-item="Frog" alt="Frog"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Goldfish password-animal-picker" data-item="Goldfish" alt="Goldfish"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Horse password-animal-picker" data-item="Horse" alt="Horse"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Lion password-animal-picker" data-item="Lion" alt="Lion"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Lizard password-animal-picker" data-item="Lizard" alt="Lizard"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Parrot password-animal-picker" data-item="Parrot" alt="Parrot"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Penguin password-animal-picker" data-item="Penguin" alt="Penguin"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Rabbit password-animal-picker" data-item="Rabbit" alt="Rabbit"></a>
                        </div>
                        <div class="animal-password-item">
                            <a href="javascript:void(0)" class="password-animal-Snake password-animal-picker" data-item="Snake" alt="Snake"></a>
                        </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>


    <script type="text/javascript">
        var enableLogin = Boolean("False");
        var regexStudentUserName = /^[0-9]{4}$|[a-zA-Z]+[0-9]{4}$/;
        var regexReadingChallengeUserName = /^(cool|good|nice|fun|great|happy|green|kind|funny|big|tall|yellow|fast|speedy|white|red|blue|bright|calm|purple|clever|smart|orange|black|brave)(bee|cat|sheep|fish|tiger|puppy|duck|zebra|frog|bird|horse|lion|pony|kitten|dog|rabbit|bear)\d+$/;
        var enablePasswordColor = Boolean('true');

        var userNameId = "#LoginModel_UserName";
        var passwordId = "#LoginModel_Password";
        var passwordColorBoxId = "#passwordColorBox";
        var passwordAnimalBoxId = "#passwordAnimalBox";

        var curURL = new URL(window.location.href);
        var showPastDueMessage = curURL.searchParams.get("past_due");
        if(showPastDueMessage)
        {
            var pastDueElem = document.getElementById("pastDueMessage");
            pastDueElem.style.display = '';
        }

        var curRegion = "US";
    </script>

    <script src="/bundles/validate?v=v0RdKVWceg1me3NgQeW26Ky2NnKm8odbX_FWfxGzbiA1"></script>

    <script src="/Scripts/global/pages/login.js?v=3"></script>

    



    


    <!--
    To collect end-user usage analytics about your application,
    insert the following script into each page you want to track.
    Place this code immediately before the closing </head> tag,
    and before any other scripts. Your first data will appear
    automatically in just a few seconds.
    -->
    <script type="text/javascript">
        try {
            var appInsights = window.appInsights ||
            function (config) {
                function r(config) {
                    t[config] = function () {
                        var i = arguments;
                        t.queue.push(function () { t[config].apply(t, i) })
                    }
                }

                var t = { config: config }, u = document, e = window, o = "script", s = u.createElement(o), i, f;
                for (s.src = config.url || "//az416426.vo.msecnd.net/scripts/a/ai.0.js", u.getElementsByTagName(o)[0]
                        .parentNode.appendChild(s), t.cookie = u
                        .cookie, t.queue = [], i = ["Event", "Exception", "Metric", "PageView", "Trace"];
                    i.length;
                ) r("track" + i.pop());
                return r("setAuthenticatedUserContext"), r("clearAuthenticatedUserContext"),
                    config.disableExceptionTracking ||
                    (i = "onerror", r("_" + i), f = e[i], e[i] = function (config, r, u, e, o) {
                        var s = f && f(config, r, u, e, o);
                        return s !== !0 && t["_" + i](config, r, u, e, o), s
                    }), t
            }({
                instrumentationKey:
                    "1c5a2ed8-cf36-4905-8617-87d9df4a8e60"
            });

            appInsights.config.disableAjaxTracking = true;
            window.appInsights = appInsights;

            appInsights.trackPageView();
        } catch (e) {

        } 
    </script>
</body>
</html>
