REGISTER | Explico

<!DOCTYPE html> <html lang="en"> <head> <meta name="csrf_token" content="KMuEpq7RmhkA6BEkuuCFqb4tbjHP7qpm4dqubitU" /> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> REGISTER | Explico </title> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link rel="preconnect" href="https://cdnbeta.explico.sg/" crossorigin>  <script> window.callbellSettings = { token: "BEcCHyWBZ6eR9HFqEhjKnMKv" }; </script> <script> (function() { var w = window; var ic = w.callbell; if (typeof ic === "function") { ic('reattach_activator'); ic('update', callbellSettings); } else { var d = document; var i = function() { i.c(arguments) }; i.q = []; i.c = function(args) { i.q.push(args) }; w.Callbell = i; var l = function() { var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://dash.callbell.eu/include/' + window.callbellSettings.token + '.js'; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); }; if (w.attachEvent) { w.attachEvent('onload', l); } else { w.addEventListener('load', l, false); } } })() </script> <style> #callbell-iframe { bottom: 50px !important; right: -10px !important; } .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-image: url("https://www.explico.sg/assets/images/explico-cmyk-tagline-logo@2xx.png"); background-size: 140px; } .owl-carousel { touch-action: manipulation; } .owl-carousel { display: block; } .owl-carousel .slide-owl-wrap:not(:first-child) { display: none; } .owl-carousel img { width: 100%; } @media only screen and (max-width: 600px) { .trial { display: none !important; } } footer .new_hover_class a { color: #a9dbfd !important; } .remove_arrow .dropdown-btn { display: none; } </style>   <link rel='preload' as='style' href='https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap'> <link rel='preload' as='style' href='https://fonts.googleapis.com/css2?family=Yeon+Sung&display=swap'> <link rel="preload" as="image" href="https://cdnbeta.explico.sg/v5/assets/images/banner-home2.webp"> <link rel="preload" as="image" href="https://cdnbeta.explico.sg/v5/assets/images/2.webp"> <link rel="preload" href="/css/frontend.css?id=4cfd40f203edee60a302285c21a72ea2" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="/css/frontend.css?id=4cfd40f203edee60a302285c21a72ea2"> </noscript> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <link href="https://cdnbeta.explico.sg/v5/assets/js/jquery-validation/dist/validation.css?v=1" rel="stylesheet" /> <style type="text/css"> .select2-container { display: block; width: 100% !important; } .select2-container--default .select2-selection--single { border: 1px solid #ced4da; display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 2px !important; } </style> <link rel="manifest" href="https://www.explico.sg/manifest.json"> <link rel="shortcut icon" href="https://cdnbeta.explico.sg/v5/assets/images/favicon/explico-cmyk-logomark@2x.png" type="image/x-icon" /> <link rel="icon" href="https://cdnbeta.explico.sg/v5/assets/images/favicon/explico-cmyk-logomark@2x.png" type="image/x-icon" />  <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0"> <meta name="description" content="Register or sign up with your email id." /> <meta name="robots" content=""> <meta name="theme-color" content="#dc3545" /> <meta name="keywords" content="" /> <link rel="canonical" href="https://www.explico.sg/register" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="REGISTER | Explico" /> <meta property="og:description" content="Register or sign up with your email id." /> <meta property="og:url" content="https://explico.sg/" /> <meta property="og:site_name" content="Explico" /> <meta property="og:image" content="https://cdnbeta.explico.sg/v5/assets/images/explico-cmyk-tagline-logo@1x.png"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="PSLE Preparation Online and Secondary Online Learning | Explico" /> <meta name="twitter:description" content="Looking forward to PSLE Preparation Online? Explico will meet this need and offers" /> <script src="https://cdn.jsdelivr.net/npm/@shinsenter/defer.js@3.6.0/dist/defer.min.js"></script>   <script>function segmentAnalytics(){!function(){var i=window.analytics=window.analytics||[];if(!i.initialize)if(i.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{i.invoked=!0,i.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware"],i.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);return e.unshift(t),i.push(e),i}};for(var e=0;e<i.methods.length;e++){var t=i.methods[e];i[t]=i.factory(t)}i.load=function(e,t){var n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://cdn.segment.com/analytics.js/v1/"+e+"/analytics.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a),i._loadOptions=t},i.SNIPPET_VERSION="4.1.0",i.load("AdHei9XpKQBptJIi7XU4Y6EbMU5FQLT8"),i.page()}}()}Defer(segmentAnalytics,3000,true)</script><script>function gtm(){!function(e,t,a,n,g){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var m=t.getElementsByTagName(a)[0],r=t.createElement(a);r.defer=!0,r.src="https://www.googletagmanager.com/gtm.js?id=GTM-NSW95Z8",m.parentNode.insertBefore(r,m)}(window,document,"script","dataLayer"),Defer(gtm,3000,true)}</script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "School", "name": "Explico", "url": "https://www.explico.sg/", "logo": "https://cdnbeta.explico.sg/v5/assets/images/explico-cmyk-tagline-logo@2x.png", "sameAs": [ "https://www.facebook.com/explicoedu/", "https://www.linkedin.com/company/explicoedu/", "https://www.instagram.com/explicoedu/", "https://www.youtube.com/channel/UCL603xk0Nr4YHn6-AQxVCYA" ], "contactPoint": [ { "@type": "ContactPoint", "telephone": "+65-83999744", "contactType": "customer service", "email": "info@explico.sg", "areaServed": "SG", "availableLanguage": "en" } ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "LocalBusiness", "name": "Explico", "image": "https://cdnbeta.explico.sg/v5/assets/images/explico-cmyk-tagline-logo@2x.png", "@id": "", "url": "https://www.explico.sg/", "telephone": "+65-83999744", "address": { "@type": "PostalAddress", "streetAddress": "288 Jln Besar,", "addressLocality": "Level 2", "postalCode": "(S)208951", "addressCountry": "+65" }, "sameAs": [ "https://www.facebook.com/explicoedu/", "https://www.linkedin.com/company/explicoedu/", "https://www.instagram.com/explicoedu/", "https://www.youtube.com/channel/UCL603xk0Nr4YHn6-AQxVCYA" ], "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], "opens": "09:30", "closes": "19:30" } ] } </script> <script type="text/javascript"> var APIBASEURL = "https://www.explico.sg/web-api/"; </script> </head> <body class="hidden-bar-wrapper"> <div class="page-wrapper"> <div class="preloader"></div> <div id="navbar-wrapper"> <div class="topbar topbar-mobile-view bg-white"> <div class="container clearfix p-0" style="display:flex; align-items: center; flex-wrap: wrap;"> <div class="pull-left">  </div> <div class="outer-box clearfix ml-auto" style="z-index:100"> <form method="post" action="https://www.explico.sg/logout"> <input type="hidden" name="_token" value="KMuEpq7RmhkA6BEkuuCFqb4tbjHP7qpm4dqubitU"> <a href="https://www.explico.sg" class="text-danger mx-2 my-2">HOME</a> <a class="text-danger mx-2 my-2" href="https://www.explico.sg/pricing">PRICING</a> <a href="https://www.explico.sg/contact" class="text-danger mx-2 my-2">CONTACT</a> <a href="https://www.explico.sg/blog/" class="text-danger mx-2 my-2">BLOG</a> <a href="https://www.explico.sg/login" class="btn btn-sm btn-danger my-2" style="border: 1px solid #206190;background: transparent;padding: 0"> <div class="login-btn"> <div class="days"> <i class="fa fa-sign-in"></i> </div> <div class="trial"> <div><b> LOGIN </b></div> </div> </div> </a> <a href="https://www.explico.sg/register" class="btn btn-sm btn-danger my-2" style="border: 1px solid #dc3545;background: transparent;padding: 0"> <div class="register-btn"> <div class="days"> <i class="fa fa-user"></i> </div> <div class="trial"> <div><b style="">REGISTER NOW</b></div> <div style="font-size: 12px;">7 Days Free Trial</div> </div> </div> </a> </form> </div> </div> </div> <header class="main-header"> <style type="text/css"> .topbar-mobile-view .btn-action { border: 1px solid transparent; cursor: pointer; display: inline-block; font-size: 0.875rem; font-weight: 400; line-height: 1.42857143; margin-bottom: 0; padding: 0.25rem 0.5rem; text-align: center; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; background: #206190; color: #fff !important; } @media(min-width:992px) { .main-header .dropdown .dropdown-menu>ul>li ul { background-clip: padding-box; background-color: #fff; border: 0px solid rgba(0, 0, 0, .15); border-radius: 0.25rem; color: #212529; display: block; font-size: 1rem; left: 100%; list-style: none; margin: 0rem 0 0; min-width: 10rem; padding: 0.5rem 0; position: unset !important; text-align: left; z-index: 1000; } .main-header .dropdown .dropdown-menu>ul>li>ul.submenutoggleInner { display: flex; } .navbar-expand-lg .navbar-nav .dropdown-menu>.submenutoggle>.dropdown>a { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 18px; } .navbar-expand-lg .navbar-nav .dropdown-menu>.submenutoggle>.dropdown>a:after { display: none; } .main-header .dropdown .dropdown-menu>ul>li:hover>ul, .main-header .dropdown .dropdown-menu>ul>li>ul>li:hover>ul, .main-header .dropdown .dropdown-menu>ul>li>ul>li>ul>li:hover>ul { left: 100%; opacity: 1; top: 0; /* transform: rotateX(0deg);*/ /* transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .5s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;*/ visibility: visible; } .main-header .dropdown:hover .dropdown-menu { top: 100%; opacity: 1; left: 50%; visibility: visible; display: block; transform: translate(-50%, 0); } .main-header .dropdown .dropdown-menu>ul>li>ul>li>a { font-size: 15px !important; line-height: 16px; white-space: nowrap; } .main-header .dropdown .dropdown-menu>ul>li>ul>li>a:after { display: none !important; } .main-header .dropdown .dropdown-menu>ul>li>ul>li>ul li a { font-size: 12px; line-height: 15px; } } .main-header .dropdown .dropdown-menu>ul>li>ul>li>ul>li>ul { background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); display: block; left: 120%; padding: 20px 15px; position: absolute; top: 0; /* transition: all .9s ease; -moz-transition: all .9s ease; -webkit-transition: all .9s ease; -ms-transition: all .9s ease; -o-transition: all .9s ease;*/ width: 230px; z-index: 100; padding: 0px; } .main-header .dropdown .dropdown-menu>ul>li>ul>li>ul>li>ul>li>a { color: #7c7b7b; display: block; font-size: 15px; font-weight: 600; line-height: 24px; padding: 6px 18px 6px 10px; position: relative; text-align: left; text-transform: capitalize; } .main-header .dropdown .dropdown-menu>ul>li>ul>li>ul>li>ul>li>a, .main-header .dropdown .dropdown-menu>ul>li>ul>li>ul>li>ul>li>a:before { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; } .main-header .dropdown .dropdown-menu>ul>li>ul>li>ul>li>ul>li:hover>a { color: #2acee8; padding-left: 30px; } .dropdown-btn { position: absolute; right: 0; top: 0; display: flex; align-items: center; width: 30px; height: 40px; justify-content: center; } .navbar-expand-lg .navbar-nav .dropdown-menu>ul { width: 100%; } .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown { width: 100%; } .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown ul.show { position: unset; transform: unset; visibility: visible; opacity: 1; border: 0px; } @media (min-width:768px) { .main-header .dropdown-btn { display: none !important; } .navbar-expand-lg .navbar-nav .dropdown>a:after { border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid; content: ""; display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; } .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown>a:after { border-bottom: 0; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; content: ""; display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; } } .navbar-expand-lg .navbar-nav .dropdown-menu { padding: 0px; } .navbar-expand-lg .navbar-nav .dropdown>a:focus+.dropdown-menu { opacity: 1; display: flex; visibility: visible; } .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown>a { display: flex; align-items: center; justify-content: space-between; width: 100%; } .custom-navbar li a { font-size: 15px; padding: 6px 16px; display: block; text-align: left; } .custom-navbar li { position: relative; } @media (max-width:991px) { .submenutoggleInner .dropdown ul { display: none !important; } .submenutoggleInner .dropdown.show>ul { display: block !important; padding-left: 30px; } .navbar-expand-lg .navbar-nav .dropdown-menu { /*position: fixed; z-index: 999999; height: 100%; width: 100%; left: 0px; top: 0px; overflow: auto;*/ } .navbar-expand-lg .navbar-nav .dropdown-menu .submenutoggle>.dropdown>a:after { display: none; } .navbar-expand-lg .navbar-nav .dropdown-menu .submenutoggle>.dropdown>a { font-size: 18px; } .navbar-expand-lg .navbar-nav .dropdown-menu .submenutoggle>.dropdown .submenutoggleInner .dropdown .dropdown-btn { display: none; } .navbar-expand-lg .navbar-nav .dropdown-menu .submenutoggle>.dropdown .submenutoggleInner .dropdown>ul { display: block !important; } .navbar-expand-lg .navbar-nav .dropdown-menu .submenutoggle>.dropdown .submenutoggleInner .dropdown>ul li a { font-size: 12px; line-height: 16px; padding-left: 30px; } /*.navbar-expand-lg .navbar-nav .dropdown-menu .submenutoggle > .dropdown > .dropdown-btn{ display: none; }*/ } @media only screen and (max-width: 600px) { .topbar-mobile-view a { font-size: 9px !important; } } </style> <nav class="navbar navbar-expand-lg navbar-light custom-navbar step-added-nav"> <a class="navbar-brand" href="https://www.explico.sg"><img src="https://cdnbeta.explico.sg/v5/assets/images/explico-cmyk-tagline-logo@2x.png" fetchpriority="high" alt="Explico Logo" width="180" height="79" /></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample02" aria-controls="navbarsExample02" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarsExample02"> <ul class="navbar-nav mx-auto text-center">  <li class="nav-item "> <a class="nav-link" href="https://www.explico.sg/about">WHAT IS EXPLICO</a> </li> <li class="nav-item dropdown 1-step-dropdown"> <a class="nav-link" href="https://www.explico.sg/primary">PRIMARY </a> <div class="dropdown-menu remove_arrow"> <ul class="submenutoggle"> <li class="dropdown"> <ul class="submenutoggleInner"> <li class="dropdown"> <a href="https://www.explico.sg/psle-exam/primary/primary-1">PRIMARY 1</a> <ul> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-1/english">ENGLISH</a> </li> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-1/maths">MATH</a> </li> </ul> </li> <li class="dropdown"> <a href="https://www.explico.sg/psle-exam/primary/primary-2">PRIMARY 2</a> <ul> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-2/english">ENGLISH</a> </li> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-2/maths">MATH</a> </li> </ul> </li> <li class="dropdown"> <a href="https://www.explico.sg/psle-exam/primary/primary-3">PRIMARY 3</a> <ul> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-3/english">ENGLISH</a> </li> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-3/maths">MATH</a> </li> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-3/science">SCIENCE</a> </li> </ul> </li> <li class="dropdown"> <a href="https://www.explico.sg/psle-exam/primary/primary-4">PRIMARY 4</a> <ul> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-4/english">ENGLISH</a> </li> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-4/maths">MATH</a> </li> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-4/science">SCIENCE</a> </li> </ul> </li> <li class="dropdown"> <a href="https://www.explico.sg/psle-exam/primary/primary-5">PRIMARY 5</a> <ul> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-5/english">ENGLISH</a> </li> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-5/maths">MATH</a> </li> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-5/science">SCIENCE</a> </li> </ul> </li> </ul> </li> </ul> </div> </li> <li class="nav-item dropdown 3-step-dropdown"> <a class="nav-link" href="https://www.explico.sg/psle-exam">PSLE EXAM </a> <div class="dropdown-menu remove_arrow"> <ul class="submenutoggle"> <li class="dropdown"> <ul class="submenutoggleInner"> <li class="dropdown">  <ul> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-6/english">PSLE ENGLISH</a> </li> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-6/maths">PSLE MATH</a> </li> <li class=""><a href="https://www.explico.sg/primary-psle-exam/primary-6/science">PSLE SCIENCE</a> </li> </ul> </li> </ul> </li> </ul> </div> </li> <li class="nav-item dropdown 2-step-dropdown"> <a class="nav-link" role="button">PSLE EXAM PREPARATION</a> <div class="dropdown-menu remove_arrow" style="width: 100%;"> <ul> <li> <a href="https://www.explico.sg/psle-exam-preparation/score-system">PSLE SCORE SYSTEM</a> </li> <li> <a href="https://www.explico.sg/psle-exam-preparation/syllabus">PSLE SYLLABUS</a> </li> <li> <a href="https://www.explico.sg/psle-exam-preparation/tips">PSLE EXAM TIPS</a> </li> <li> <a href="https://www.explico.sg/psle-exam-preparation/format">PSLE EXAM FORMAT</a> </li> <li> <a href="https://www.explico.sg/prep2psle">PSLE PROGRAM</a> </li> </ul> </div> </li>  <li class="nav-item dropdown 4-step-dropdown"> <a class="nav-link" href="https://www.explico.sg/psle-tuition">PSLE TUITION </a> <div class="dropdown-menu remove_arrow"> <ul class="submenutoggle"> <li class="dropdown"> <ul class="submenutoggleInner"> <li class="dropdown"> <ul> <li class=""><a href="https://www.explico.sg/psle-tuition/science">SCIENCE</a> </li> <li class=""><a href="https://www.explico.sg/psle-tuition/maths">MATHS</a> </li> <li class=""><a href="https://www.explico.sg/psle-tuition/english">ENGLISH</a> </li> </ul> </li> </ul> </li> </ul> </div> </li>   <li class="nav-item "> <a class="nav-link" href="https://www.explico.sg/psle-mock-exam">MOCK EXAM</a> </li>   </ul>  </div> </nav>     </header> </div>  <input type="hidden" value="" name="my_country_code" id="my_country_code"> <style type="text/css"> .new_h1_class h1 { font-size: 24px; } </style> <section class="donate-page-section" style="background: #e9ebee;"> <div class="pattern-layer-one" style="background-image: url(https://cdnbeta.explico.sg/v5/assets/images/icons/icon-8.png);"> </div> <div class="auto-container pb-5"> <div class="row clearfix"> <div class="col-md-8 offset-sm-2">  <div class="card" id="divStep1" > <div class="card-body text-center p-0"> <div class="row"> <div class="col-sm-6"> <a href="https://www.explico.sg/login" class="d-none d-sm-block"><img src="https://cdnbeta.explico.sg/v5/assets/images/arekdhar.PNG" alt="arekdhar" class="w-100" style="border-radius: 15px 0 0 15px;" /></a> </div> <div class="col-sm-6 pt-4 new_h1_class"> <img src="https://cdnbeta.explico.sg/v5/assets/images/xcv.PNG" alt="User" style="width: 120px;" alt="xcv" /> <h1>Sign Up</h1> <img src="https://cdnbeta.explico.sg/v5/assets/images/divider.png" alt="Divider line" class="mb-3" /> <div class="px-3 mr-md-3">  <div class="donate-tabs tabs-box mb-3"> <form id="myFormStep1" class="text-left row" method="POST" action="https://www.explico.sg/register"> <div class="form-group col-sm-6"> <input type="text" class="form-control" placeholder="First Name" id="first_name" name="first_name" /> <input type="hidden" class="form-control" id="registration_partner" name="registration_partner" value="explico" /> </div> <div class="form-group col-sm-6"> <input type="text" class="form-control" placeholder="Last Name" id="last_name" name="last_name" /> </div> <div class="form-group col-sm-12"> <input type="email" class="form-control" placeholder="Email Address" id="email" name="email" /> </div> <div class="form-group col-sm-6 position-relative"> <input type="password" class="form-control" placeholder="Password" id="password" name="password" /><i class="fa fa-eye-slash password-toggle register" id="togglePassword"></i> </div> <div class="form-group col-sm-6 position-relative"> <input type="password" class="form-control" placeholder="Confirm Password" id="confirm_password" name="confirm_password" /><i class="fa fa-eye-slash password-toggle register" id="toggleConfirmPassword"></i> </div> <div class="form-group form-check col-sm-12" style="padding-left: 38px;"> <input type="checkbox" class="form-check-input" id="terms" name="terms" /> <label class="form-check-label" for="terms">I agree to Explico's <a target="_blank" href="https://www.explico.sg/privacy">Privacy Policy</a> & <a target="_blank" href="https://www.explico.sg/terms-of-service">Terms of use</a></label> </div> <div class="form-group form-check col-sm-12" id="divMessageRegisterStep1"> </div> <div class="col-sm-12"> <button id="cmdRegisterStep1" type="submit" class="btn btn-danger btn-block">Register <i class="fa fa-chevron-right"></i></button> </div> </form> <h6 class="py-3">Or Sign Up With </h6>  <a href="https://www.explico.sg/auth/google" class="m-2"><img src="https://cdnbeta.explico.sg/v5/assets/images/Google.svg" alt="Google" style="width: 40px;" /></a> </div> <div class="d-sm-none text-center"> <h5>Already Registered?</h5> <a href="https://www.explico.sg/login" class="btn btn-secondary btn-rounded">Login Now <i class="fa fa-chevron-right"></i></a> </div> </div> </div> </div> </div> </div>   <div class="card" id="divStep2" style="display:none;" > <div class="card-body text-center p-0 mt-3"> <div class="row"> <div class="col-sm-12 pt-4"> <img src="https://cdnbeta.explico.sg/v5/assets/images/xcv.PNG" alt="User" style="width: 120px;" /> <h4>Enter your Mobile Number</h4> <img src="https://cdnbeta.explico.sg/v5/assets/images/divider.png" alt="Divider line" class="mb-3" /> <div class="px-3 mr-md-3">  <div class="mb-3 position-relative"> <form id="myFormStep2" class="text-left row"> <div class="form-group input-group mb-3 col-sm-12 d-flex flex-column"> <input type="tel" name="phone_prefix" class="form-control" id="phone_prefix" value=""> <input type="hidden" name="old_added_number" value="" id="old_added_number"> </div> <input type="hidden" class="form-control" id="user_id" name="user_id" value="" /> <div class="col-sm-12"> <div id="divMobileMessage"></div> </div> <div class="col-sm-12"> <button id="cmdRegisterStep2" type="submit" class="btn btn-danger btn-block">Generate OTP <i class="fa fa-chevron-right"></i></button> </div> </form> </div> </div> </div> </div> </div> </div>   <div class="card" id="divStep3" style="display:none;" > <div class="card-body text-center"> <img src="https://cdnbeta.explico.sg/v5/assets/images/xcv.PNG" alt="User" style="width: 120px;" /> <h3>Almost There!</h3> <p>Just one more step</p> <img src="https://cdnbeta.explico.sg/v5/assets/images/divider.png" alt="Divider line" /> <div class="p-md-4 p-3">  <div class="donate-tabs tabs-box"> <form id="myFormStep3" class="text-left row"> <div class="form-group col-sm-6"> <label> <b class="">What is your child's first name? <span class="text-danger">*</span></b> </label> <input type="text" class="form-control" id="child_first_name" name="child_first_name" placeholder="First Name" /> </div> <div class="form-group col-sm-6"> <label> <b class="">What is your child's last name? <span class="text-danger">*</span></b> </label> <input type="text" class="form-control" id="child_last_name" name="child_last_name" placeholder="Last Name" /> </div> <div class="form-group col-sm-6"> <label><b class="">Select Gender <span class="text-danger">*</span></b></label> <select class="form-control" id="gender" name="gender"> <option value="">Select... </option> <option value="Male">Male</option> <option value="Female">Female</option> </select> </div> <div class="form-group col-sm-6"> <label><b class="">Select Level <span class="text-danger">*</span></b></label> <select class="form-control" id="class_id" name="class_id"> <option value="">Select... </option> <option value="20379">JC1 </option> <option value="20546">JC2 </option> <option value="20324">Primary 1 </option> <option value="20323">Primary 2 </option> <option value="20322">Primary 3 </option> <option value="10269">Primary 4 </option> <option value="10270">Primary 5 </option> <option value="10271">Primary 6 </option> <option value="20311">Secondary 1 </option> <option value="20312">Secondary 2 </option> <option value="20313">Secondary 3 </option> <option value="20314">Secondary 4 </option> </select> </div> <div class="form-group col-sm-6" style="display:none;"> <label> <b class="">Ace@work Student Number: </b> </label> <input type="text" class="form-control" id="ace_student_number" name="ace_student_number" placeholder="Ace@work Student Number" /> </div> <div class="form-group col-sm-6" style="display:none;" > <label><b class="">Ace@work Branch </b></label> <select class="form-control" id="ace_work_branch" name="ace_work_branch"> <option value="">Select... </option> <option value="Hougang Primary School">Hougang Primary School</option> <option value="Pei Chun Primary School">Pei Chun Primary School</option> <option value="Pei Hwa Prebysterian Primary School">Pei Hwa Prebysterian Primary School</option> <option value="Punggol Green Primary School">Punggol Green Primary School</option> <option value="Nanyang Primary School">Nanyang Primary School</option> <option value="Radin Mas Primary School">Radin Mas Primary School</option> <option value="Bukit Batok 290D (Community-based)">Bukit Batok 290D (Community-based)</option> <option value="Jelapang 501 (Community-based)">Jelapang 501 (Community-based)</option> <option value="Ngee Ann Primary School">Ngee Ann Primary School</option> <option value="Bedok Green Primary School">Bedok Green Primary School</option> <option value="Maris Stella High School (Primary)">Maris Stella High School (Primary)</option> <option value="Henry Park Primary School">Henry Park Primary School</option> <option value="Si Ling Primary School">Si Ling Primary School</option> <option value="Holy Innocents’ Primary School">Holy Innocents’ Primary School</option> <option value="Others/Not applicable ">Others/Not applicable</option> </select> </div> <div class="form-group col-sm-4"> <label> <b class="">Create Child's User Name</b> </label> <input type="text" class="form-control" placeholder="User Name" id="child_username" name="child_username" /> <div class="col-sm-12" id="divStep3ChildUserNameMessage"></div> </div> <div class="form-group col-sm-4"> <label> <b class="">Password</b> </label> <input type="password" class="form-control" placeholder="Create Password" id="child_password" name="child_password" /> </div> <div class="form-group col-sm-4"> <label> <b class="">Confirm Password</b> </label> <input type="password" class="form-control" placeholder="Retype Password" id="child_confirm_password" name="child_confirm_password" /> </div> <div class="form-group col-sm-6"> <label><b class="">Select School</b></label> <select class="form-control js-example-basic-single" id="school_id" name="school_id"> <option value="">Select... </option> </select> </div> <div class="form-group col-sm-6" > <label> <b class="">How did you hear about us </b> </label> <select class="form-control" id="source" name="source"> <option value="">Select an option</option> <option value="facebook">Facebook Ad</option> <option value="new_paper">Newspaper</option> <option value="website">Website</option> <option value="google">Google</option> <option value="from_a_friend">From a friend</option> </select> </div> <div class="form-group col-sm-12" style="display:none"> <label> <b class="">Why are you interested in joining spartanmath.com? </b> <br /> </label> <textarea class="form-control" placeholder="Write your answer here..." style="height: 150px;" id="why_interested" name="why_interested"></textarea> </div> <div class="col-sm-12 mb-3"> <button type="submit" id="cmdRegisterStep3" class="btn btn-danger btn-block">FINISH <i class="fa fa-chevron-right ml-3"></i></button> </div> <div class="col-sm-12" id="divStep3Message"></div> </form> </div> </div> </div> </div>  </div> </div> </div> </section> <div class="modal" tabindex="-1" id="OTP"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title"><i class="fa fa-exclamation-triangle"></i> OTP Verification!</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center"> <h2><span id="spanTextIcon"></span></h2> <p class="lead"><span id="spanText"></span> <b><span id="spanMobile"></span></b></p> <form action="step2.html" class="digit-group" data-group-name="digits" data-autosubmit="false" autocomplete="off"> <div class="row"> <div class="col-2" style="flex:0 0 25%;max-width:25%;"><input type="text" class="form-control" id="digit-1" name="digit-1" data-next="digit-2" /></div> <div class="col-2" style="flex:0 0 25%;max-width:25%;"><input type="text" class="form-control" id="digit-2" name="digit-2" data-next="digit-3" data-previous="digit-1" /></div> <div class="col-2" style="flex:0 0 25%;max-width:25%;"><input type="text" class="form-control" id="digit-3" name="digit-3" data-next="digit-4" data-previous="digit-2" /></div> <div class="col-2" style="flex:0 0 25%;max-width:25%;"><input type="text" class="form-control" id="digit-4" name="digit-4" data-previous="digit-3" /></div> <div class="col-12"> <button type="button" id="otpVerifyButton" class="btn btn-primary my-3 w-100"><i class="fa fa-check"></i> Verify Now</button> </div> <div id="otpMessage"></div> </div> </form> </div> </div> </div> </div>  <footer class="main-footer"> <div class="circle-layer"></div> <div class="pattern-layer-one lazy-bg" data-src="https://cdnbeta.explico.sg/v5/assets/images/background/pattern-12.png"> </div> <div class="pattern-layer-two lazy-bg" data-src="https://cdnbeta.explico.sg/v5/assets/images/background/pattern-13.png"> </div> <div class="pattern-layer-three lazy-bg" data-src="https://cdnbeta.explico.sg/v5/assets/images/background/pattern-14.png"> </div> <div class="pattern-layer-four lazy-bg" data-src="https://cdnbeta.explico.sg/v5/assets/images/background/pattern-13.png"> </div> <div class="auto-container">  <div class="widgets-section"> <div class="row clearfix">  <div class="footer-column col-md-4 col-12"> <div class="footer-widget logo-widget"> <div class="logo"> <a href="https://www.explico.sg"><img class="lazyload" loading="lazy" data-src="https://cdnbeta.explico.sg/v5/assets/images/explico-white-tagline-logo@2x.png" alt="Logo" width="180" height="52" /></a> </div> <div class="text pb-3 text-light">Explico is an online education assessment tool using AI and Machine Learning to optimise a student's performance.</div>  <ul class="social-box"> <li class="facebook"><a target="_blank" href="https://www.facebook.com/explicoedu/" aria-label="facebook" class="fa fa-facebook-f"></a></li> <li class="linkedin"><a target="_blank" href="https://www.linkedin.com/company/explicoedu/" aria-label="linkedin" class="fa fa-linkedin"></a></li> <li class="dribbble"><a target="_blank" href="https://www.instagram.com/explicoedu/" aria-label="instagram" class="fa fa-instagram"></a></li> <li class="pinterest"><a target="_blank" href="https://www.youtube.com/channel/UCL603xk0Nr4YHn6-AQxVCYA/" aria-label="youtube" class="fa fa-youtube-play"></a></li> </ul> </div> </div>  <div class="footer-column col-md-2 col-6"> <div class="column"> <h5>Quick Links</h5> <ul class="list"> <li><a href="https://www.explico.sg">Home</a></li> <li><a href="https://www.explico.sg/about">About Us</a></li> <li><a href="https://www.explico.sg/psle-mock-exam">Mock Exam</a></li> <li><a href="https://www.explico.sg/psle-tuition">PSLE Tuition</a></li>   <li><a href="https://www.explico.sg/contact">Contact Us</a></li>   <li><a href="https://www.explico.sg/privacy">Privacy Policy</a></li> <li><a href="https://www.explico.sg/terms-of-service">Terms of use</a></li> </ul> </div> </div>  <div class="footer-column col-md-2 col-12"> <div class="column"> <h5 class="new_hover_class"><a href="https://www.explico.sg/primary">Primary</a></h5> <ul class="list">  <li><a href="https://www.explico.sg/psle-exam/primary/primary-5">Primary 5</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-5/english">Primary 5 English</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-5/maths">Primary 5 Math</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-5/science">Primary 5 Science</a></li> <li><a href="https://www.explico.sg/psle-exam/primary/primary-4">Primary 4</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-4/english">Primary 4 English</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-4/maths">Primary 4 Math</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-4/science">Primary 4 Science</a></li> <li><a href="https://www.explico.sg/psle-exam/primary/primary-3">Primary 3</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-3/english">Primary 3 English</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-3/maths">Primary 3 Math</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-3/science">Primary 3 Science</a></li> <li><a href="https://www.explico.sg/psle-exam/primary/primary-2">Primary 2</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-2/english">Primary 2 English</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-2/maths">Primary 2 Math</a></li> <li><a href="https://www.explico.sg/psle-exam/primary/primary-1">Primary 1</a> </li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-1/english">Primary 1 English</a></li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-1/maths">Primary 1 Math</a></li> </ul> </div> </div> <div class="footer-column col-md-2 col-6"> <div class="column"> <h5 class="new_hover_class"><a href="https://www.explico.sg/psle-exam">PSLE Exam</a></h5> <ul class="list"> <li><a href="https://www.explico.sg/primary-psle-exam/primary-6/english">PSLE English</a> </li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-6/maths">PSLE Math</a> </li> <li><a href="https://www.explico.sg/primary-psle-exam/primary-6/science">PSLE Science</a> </li> </ul> </div> <div class="column">  <h5>PSLE Exam Preparation</h5> <ul class="list"> <li><a href="https://www.explico.sg/psle-exam-preparation/score-system">PSLE Score System</a> </li> <li><a href="https://www.explico.sg/psle-exam-preparation/syllabus">PSLE Syllabus</a> </li> <li><a href="https://www.explico.sg/psle-exam-preparation/tips">PSLE Exam Tips</a> </li> <li><a href="https://www.explico.sg/our-team">Our Tutors</a></li> </ul> </div> </div> <div class="footer-column col-md-2 col-12"> <div class="column"> <h5>Get In Touch</h5> <ul class="list"> <li> <a href="https://www.google.com/maps/place/288+Jln+Besar,+%232,+Singapore+208951/@1.3106602,103.8566199,17z/data=!3m1!4b1!4m5!3m4!1s0x31da19c8e463fbbf:0xc0aa61c9c87a81bd!8m2!3d1.3106602!4d103.8588086"><i class="fa fa-map-marker"></i> 288 Jln Besar, Level 2, (S)208951</a> </li> <li> <a href="https://api.whatsapp.com/send?phone=6583999744"><i class="fa fa-whatsapp"></i> +65-83999744 </a> </li> <li> <a href="mailto:info@explico.sg"><i class="fa fa-envelope"></i> info@explico.sg</a> </li> </ul> </div> </div> </div> </div>  <div class="footer-bottom"> <div class="row clearfix">  <div class="copyright-column col-md-12 text-center"> <div class="copyright">Copyright © 2024 <b class="text-danger" style="color:#ffa500 !important;">Explico Pte Ltd.</b> | All rights reserved</div> </div> </div> </div> </div> </footer> </div>   <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-up"></span></div> <script src="https://www.explico.sg/sw.js"></script> <script> if (!navigator.serviceWorker.controller) { navigator.serviceWorker.register("/sw.js").then(function(reg) { console.log("Service worker has been registered for scope: " + reg.scope); }); } </script> <script src="https://cdnbeta.explico.sg/v5/assets/js/jquery.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/popper.min.js"></script> <script async src="https://cdnbeta.explico.sg/v5/assets/js/bootstrap.min.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/jquery.mCustomScrollbar.concat.min.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/jquery.fancybox.min.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/appear.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/parallax.min.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/tilt.jquery.min.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/jquery.paroller.min.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/owl.carousel.min.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/wow.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/nav-tool.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/jquery-ui.min.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/script.js"></script> <script defer src="https://cdnbeta.explico.sg/v5/assets/js/js.cookie.min.js"></script> <script async src="https://cdnbeta.explico.sg/v5/assets/js/lazysizes.min.js"></script> <script> document.addEventListener("DOMContentLoaded", function() { const lazyBgSections = document.querySelectorAll('.lazy-bg'); const lazyLoad = target => { const io = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; const imgUrl = img.getAttribute('data-src'); img.style.backgroundImage = `url(${imgUrl})`; observer.unobserve(img); } }); }); io.observe(target); }; lazyBgSections.forEach(lazyLoad); }); </script> <script src="https://cdnbeta.explico.sg/v5/assets/js/jquery-validation/dist/jquery.validate.js"></script> <script src="https://cdnbeta.explico.sg/v5/assets/js/jquery-validation/dist/additional-methods.js?v=1"></script> <link rel="stylesheet" href="https://cdnbeta.explico.sg/v5/assets/css/intlTelInput.css" /> <script src="https://cdnbeta.explico.sg/v5/assets/js/intlTelInput-jquery.min.js"></script> <script src="https://www.explico.sg/assets/js/register.js?v1.0.2"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script type="text/javascript"> let userId = ""; const togglePassword = document.querySelector("#togglePassword"); const toggleConfirmPassword = document.querySelector("#toggleConfirmPassword"); const password = document.querySelector("#password"); const confirm_password = document.querySelector("#confirm_password"); togglePassword.addEventListener("click", function() { // toggle the type attribute const type = password.getAttribute("type") === "password" ? "text" : "password"; password.setAttribute("type", type); // toggle the icon if ($(this).hasClass('fa-eye')) { $(this).removeClass('fa-eye'); $(this).addClass('fa-eye-slash'); } else { $(this).removeClass('fa-eye-slash'); $(this).addClass('fa-eye'); } }); toggleConfirmPassword.addEventListener("click", function() { // toggle the type attribute const type = confirm_password.getAttribute("type") === "password" ? "text" : "password"; confirm_password.setAttribute("type", type); // toggle the icon if ($(this).hasClass('fa-eye')) { $(this).removeClass('fa-eye'); $(this).addClass('fa-eye-slash'); } else { $(this).removeClass('fa-eye-slash'); $(this).addClass('fa-eye'); } }); $(document).ready(function() { $('.js-example-basic-single').select2(); let storedStudentName = localStorage.getItem('studentName' + userId); let storedClassId = localStorage.getItem('classId' + userId); if (storedClassId) { $("#child_first_name").val(storedStudentName); } if (storedClassId) { $("#class_id").val(storedClassId).trigger('change'); } }); </script> <script type="text/javascript"> $(document).ready(function() { $('.1-step-dropdown').on('click', '.dropdown-btn', function() { if ($(".1-step-dropdown .dropdown-menu").hasClass("show")) { $('.1-step-dropdown .dropdown-menu').removeClass('show'); } else { $('.1-step-dropdown .dropdown-menu').addClass('show'); } }); $('.2-step-dropdown').on('click', '.dropdown-btn', function() { if ($(".2-step-dropdown .dropdown-menu").hasClass("show")) { $('.2-step-dropdown .dropdown-menu').removeClass('show'); $('.2-step-dropdown .dropdown-menu').css('display', 'none'); } else { $('.2-step-dropdown .dropdown-menu').addClass('show'); $('.2-step-dropdown .dropdown-menu').css('display', 'block'); } }); $('.3-step-dropdown').on('click', '.dropdown-btn', function() { if ($(".3-step-dropdown .dropdown-menu").hasClass("show")) { $('.3-step-dropdown .dropdown-menu').removeClass('show'); $('.3-step-dropdown .dropdown-menu').css('display', 'none'); } else { $('.3-step-dropdown .dropdown-menu').addClass('show'); $('.3-step-dropdown .dropdown-menu').css('display', 'block'); } }); $('.4-step-dropdown').on('click', '.dropdown-btn', function() { if ($(".4-step-dropdown .dropdown-menu").hasClass("show")) { $('.4-step-dropdown .dropdown-menu').removeClass('show'); $('.4-step-dropdown .dropdown-menu').css('display', 'none'); } else { $('.4-step-dropdown .dropdown-menu').addClass('show'); $('.4-step-dropdown .dropdown-menu').css('display', 'block'); } }); var newWindowWidth = $(window).width(); if (newWindowWidth < 481) { $('.2-step-dropdown').on('click', '.nav-link', function() { if ($(".2-step-dropdown .dropdown-menu").hasClass("show")) { $('.2-step-dropdown .dropdown-menu').removeClass('show'); $('.2-step-dropdown .dropdown-menu').css('display', 'none'); } else { $('.2-step-dropdown .dropdown-menu').addClass('show'); $('.2-step-dropdown .dropdown-menu').css('display', 'block'); } }); } }); $(document).ready(function() { var header = $("#navbar-wrapper"); var headerHeight = header.outerHeight(); $(window).scroll(function() { if ($(this).scrollTop() > headerHeight) { header.addClass("fixed-top"); } else { header.removeClass("fixed-top"); } }); }); </script> </body> </html>

CINXE.COM

REGISTER | Explico