Secondary

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="keywords"/> <meta name="description" content="MySkillsFuture (Secondary)"/> <meta name="last-cached" content="4/12/2024 @ 17:11:26"/></meta>  <meta itemprop="name" content="Secondary | Myskillsfuture.gov.sg"/> <meta itemprop="description" content="MySkillsFuture (Secondary)"/> <meta itemprop="image" content="https://www.myskillsfuture.gov.sg/content/dam/portal/social/skillsfuture_fb_1200by630_w.jpg"/>  <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@SkillsFutureSG"/> <meta name="twitter:title" content="Secondary | Myskillsfuture.gov.sg"/> <meta name="twitter:description" content="MySkillsFuture (Secondary)"/> <meta name="twitter:creator" content="@SkillsFutureSG"/>  <meta name="twitter:image:src" content="https://www.myskillsfuture.gov.sg/content/dam/portal/social/skillsfuture_fb_1200by630_w.jpg"/>  <meta property="og:type" content="website"/> <meta property="og:title" content="Secondary | Myskillsfuture.gov.sg"/> <meta property="og:description" content="MySkillsFuture (Secondary)"/> <meta property="og:url" content="https://www.myskillsfuture.gov.sg/content/student/en/secondary.html"/> <meta property="og:image" content="https://www.myskillsfuture.gov.sg/content/dam/portal/social/skillsfuture_fb_1200by630_w.jpg"/> <meta property="og:image" content="https://www.myskillsfuture.gov.sg/content/dam/portal/social/skillsfuture_fb_200by200_w.jpg"/> <meta http-equiv="Content-Security-Policy" content="default-src https: 'unsafe-eval' 'unsafe-inline'; object-src 'none'; img-src * data:"/> <link rel="icon" href="/favicon.ico"/>  <link href="https://webchat.vica.gov.sg/static/css/chat.css" rel="stylesheet"/> <title>Secondary</title> <script src="/etc/designs/msf/student/csrfheader.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite/csrf.min.js"></script> <script src="/etc/clientlibs/granite/jquery/granite/csrf.min.js"></script> <link rel="stylesheet" href="/etc/designs/msf/student/student-base.min.css" type="text/css"> <script src="/etc/designs/msf/student/student-base.min.js"></script> <link rel="stylesheet" href="/etc/designs/msf/student/secondary.min.css" type="text/css"> <script type="text/javascript"> digitalData = { page: { pillar: 'Portal', audience: "Secondary", type: 'Homepage' }, user: { id: '294de3557d9d00b3d2d8a1e6aab028cf' // from the backend user database } }; </script> <script src="//assets.adobedtm.com/7354f1c0c20b/060f29d1eef7/launch-44aff4d8cb16.min.js"></script> <script src="https://assets.wogaa.sg/scripts/wogaa.js"></script> <script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/utils.js"></script> <div> <style id="antiClickjack">body{display:none !important;}</style> <script type="text/javascript"> if (self === top) { var antiClickjack = document.getElementById("antiClickjack"); antiClickjack.parentNode.removeChild(antiClickjack); } else { top.location = self.location; } </script> </div>   <script> //The scope of this file is to create global variables and function that are available in all pages. //Do not override this file in the child pages. Becareful on the variable name and also the variable //Secure Cookie Vulnerability //Function to check if need to set secure flag for client side cookies. function GetSecureCookieFlag(){ var securityProtocol=""; if(location && location.protocol == "https:"){ securityProtocol=";secure"; } return securityProtocol; } //Boolean Function to check if need to set secure flag for client side cookies. function CheckSecureCookieFlag(){ var securityProtocol=false; if(location && location.protocol == "https:"){ securityProtocol=true; } return securityProtocol; } </script> </head> <body ontouchstart class="page secondaryhome"> <div id="maintenanceMessage"><script> var MAINTENANCE={ KEY:"MAIN-2024-11-30-1", STUDENT:"<b>MySkillsFuture.gov.sg</b> will be undergoing scheduled maintenance on the following dates: <b>30 NOV 2024 11:00 PM to 01 DEC 2024 07:00 AM</b>. During this period, the portal will not be available. After the scheduled maintenance, please clear your browser's cookies and cache if you have difficulty logging in. Thank you for your patience.", WORKFORCE:"<b>MySkillsFuture.gov.sg</b> will be undergoing scheduled maintenance on the following dates: <b>30 NOV 2024 11:00 PM to 01 DEC 2024 07:00 AM</b>. During this period, the portal will not be available. After the scheduled maintenance, please clear your browser's cookies and cache if you have difficulty logging in. Thank you for your patience.", TRAINING_PROVIDER: "<b>Training Partners Gateway</b> will be undergoing scheduled maintenance on the following dates: <b>30 NOV 2024 11:00 PM to 01 DEC 2024 07:00 AM</b>. During this period, the portal will not be available. Thank you for your patience.", UAM:"<b>MySkillsFuture.gov.sg</b> will be undergoing scheduled maintenance on the following dates: <b>30 NOV 2024 11:00 PM to 01 DEC 2024 07:00 AM</b>. During this period, the portal will not be available. After the scheduled maintenance, please clear your browser's cookies and cache if you have difficulty logging in. Thank you for your patience.", SHOW_MAINTENACE:true, START_TIME: "2017-11-29T00:06:00.000Z", END_TIME: "2024-11-30T15:00:00.000Z" } </script> <style> .close-maintenance{ position: relative; margin-left: 99%; z-index: 11; cursor: pointer; color: #ffffff; top: 2px; font-size: 20px; font-family: 'FontAwesome'; } #mainDiv fa-close::before { font-family: 'FontAwesome'; font-weight:normal; font-size: 20px; line-height: 24px; padding-top: 1px; content: '\f00d'; color: #fff; float: right; } .leftBox{ width:100%; } .maintenance_message_text { font-family:'Source Sans Pro', regular; font-size: 17px; color: #fff; width:96%; } #mysf-header .maintenance_message_text maintenance_message_close { font-size: 16px; color: #FFFFFF; } .maintenance_message_close{ width:0%; /* padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto; */ } #maintenanceMessageBox{ position: relative; z-index: 10; min-width: 260px; border: none; padding: 10px; padding-right: 20px; text-transform: none; background: #3e3e3e; text-align: left; } .exclamation{ position: relative; z-index: 11; color: #e68717; top: 2px; font-size: 36px; font-family: 'FontAwesome'; width:4%; } fa-exclamation-triangle::before { font-family: 'FontAwesome'; font-weight:normal; line-height: 24px; padding-top: 1px; content: '\f00d'; color: #e68717; } #mysf-header .fa-exclamation-triangle{ color: #65B8FE; font-size: 30px; } .leftContent{ } @media(max-width:1215px){ .exclamation{ width:8%; } .maintenance_message_text{ width:92%; } } @media(max-width:662px){ .exclamation{ width:15%; } .maintenance_message_text{ width:85%; } .maintenance_message_text{ font-size:15px; } } </style> <div id="mainDiv" style="display:none"> <div id="maintenanceMessageBox" class='clear'> <div class="container"> <div style="float:left" class='leftBox'> <div class="leftContent"> <div class="exclamation " style="float:left"> <span class="fa-exclamation-triangle "></span> </div> <div class="maintenance_message_text" style="float:right" id="displayMessage"></div> </div> </div> <div style="float:right" class="maintenance_message_close "> <span class="close-maintenance fa-close" onclick="closeMessage()"></span> </div> </div> </div> </div> <script> function checkMessageShowstatus(){ var showMessage = true; if(sessionStorage.getItem('curMessageKey')==MAINTENANCE.KEY){ showMessage= false; return showMessage; } if(!MAINTENANCE.SHOW_MAINTENACE){ showMessage=false; return showMessage; } if(getMessage()==null){ showMessage=false; return showMessage; } //donot display on mobile apps page try{ var viewSource = RequestUtil.getURLParameter("viewSource"); if (viewSource && (viewSource == 'mobileApp')) { showMessage=false; return showMessage; } }catch(e){ } /* if other conditions are true check if the date is inbetween the start and end date */ showMessage = checkdateInbetween(); return showMessage; } /* this function checks for if the date is inbetween 2 dates */ function checkdateInbetween(){ var dateInBetween = true; var fromDate; var toDate; var curDate = new Date(); if(typeof DateOverridenFlag !== 'undefined' && DateOverridenFlag==true){ fromDate= new Date(MAINTENANCE.START_TIME,false); toDate= new Date(MAINTENANCE.END_TIME,false); }else{ fromDate= new Date(MAINTENANCE.START_TIME); toDate= new Date(MAINTENANCE.END_TIME); } if(!(curDate.getTime() <= toDate.getTime() && curDate.getTime() >= fromDate.getTime())) { dateInBetween=false; } return dateInBetween; } function closeMessage() { //add messageKey to local storage sessionStorage.setItem("curMessageKey",MAINTENANCE.KEY); //close the message $('#maintenanceMessageBox').hide(); //if(window.location.href.indexOf("/content/portal/en/training-provider") >= 0){ $('#spaceMaintenance').css('padding-top','0px'); //} }; function getMessage(){ if(window.location.href.indexOf("/content/student") >= 0){ return MAINTENANCE.STUDENT; } else if(window.location.href.indexOf("/content/portal/en/training-provider") >= 0){ return MAINTENANCE.TRAINING_PROVIDER; } else if(window.location.href.indexOf("/uam") >= 0){ return MAINTENANCE.UAM; } else{ return MAINTENANCE.WORKFORCE; } return null; } $( document ).ready(function() { if(sessionStorage.getItem("curMessageKey") !=MAINTENANCE.KEY){ var returnStatus = checkMessageShowstatus(); if(!returnStatus){ MAINTENANCE.SHOW_MAINTENACE=false; $('#displayMessage').html(""); $('#mainDiv').hide(); }else{ $('#displayMessage').html(getMessage()); $('#mainDiv').show(); if($('#maintenanceMessageBox')){ if(window.location.href.indexOf("/content/portal/en/training-provider") >= 0){ var maintenanceMessageHeight = ($('#maintenanceMessageBox').height()+20); var marginHeight = parseInt($('body').css('margin-top')); var lionBannerHeight = $('#lion-banner-container').height() + 10; var headerHeight = $('#site-header-container').height() + lionBannerHeight; var maintenanceOffset = marginHeight - maintenanceMessageHeight; var spaceMaintenanceHeight = (headerHeight - maintenanceOffset); $('#spaceMaintenance').css('padding-top',''+spaceMaintenanceHeight+'px'); } else{ if($('#maintenanceMessageBox').height() > 0) { $('#spaceMaintenance').css('padding-top',''+($('#maintenanceMessageBox').height()+20)+'px'); }else{ setTimeout(function(){ $('#spaceMaintenance').css('padding-top',''+($('#maintenanceMessageBox').height()+20)+'px'); }, 450); } } } } if(window.location.href.indexOf("student") > -1 != true){ // except student pages var splashScreenFlag = CookieStorage.cookieStorage(CookieConstants.COOKIE_SPLASH_SCREEN_FLAG) || ''; if (splashScreenFlag && splashScreenFlag === 'true') { $('#splashscreen').modal('show'); CookieStorage.removeCookieStorageWithPath(CookieConstants.COOKIE_SPLASH_SCREEN_FLAG,'/content'); } } } }); if(_satellite == null){ var _satellite = { pageBottom : function(rawUrl) { console.log('analytics not loaded'); }, track : function(rawUrl){ console.log('analytics not loaded'); } } } var MODSEC_PARAMS = { RESTRICTED_KEYWORDS:["coalesce","root@"], REPLACEMENT_CHARACTERS:"_" } function modSecSanitiseAgainstSingleItem(value,singleItem,replacementCharacter){ var returnValue = value; if(singleItem && replacementCharacter && value && value.toLowerCase().indexOf(singleItem.toLowerCase()) >-1){ var regex = new RegExp(singleItem , "ig"); returnValue=value.replace(regex, value.split(" ")[value.toLowerCase().indexOf(singleItem.toLowerCase())]+replacementCharacter); } return returnValue; } function modSecSanitiseAgainstArray(value,arrayList,replacementCharacter){ var returnValue = value; if(value && arrayList && arrayList.length>0){ arrayList.forEach(function(element) { returnValue = modSecSanitiseAgainstSingleItem(returnValue,element,replacementCharacter); }); } return returnValue; } if(null!=digitalData && digitalData.organisation && digitalData.organisation.name){ digitalData.organisation.name = modSecSanitiseAgainstArray(digitalData.organisation.name,MODSEC_PARAMS.RESTRICTED_KEYWORDS,MODSEC_PARAMS.REPLACEMENT_CHARACTERS); } try{ $.ajaxSetup({contents: {script: false}}); }catch(e){ } </script> </div>  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@govtechsg/sgds-masthead/dist/sgds-masthead/sgds-masthead.css"/> <script type="module" src="https://cdn.jsdelivr.net/npm/@govtechsg/sgds-masthead/dist/sgds-masthead/sgds-masthead.js"> </script> <div class="masthead-placeholder" style="min-height: 32px;"> <sgds-masthead fluid></sgds-masthead> </div> <script> $(document).ready(function() { const mastHeadBanner = document.querySelector('.masthead-placeholder'); mastHeadBanner.addEventListener('click', function() { console.log('First click event listener'); setTimeout(function(){ $(window).trigger('resize'); }, 100); }); }); </script>   <div id="cookieMessage"> <style> .close-cookie{ position: relative; margin-left: 99%; z-index: 11; cursor: pointer; color: #ffffff; top: 2px; font-size: 20px; font-family: 'FontAwesome'; } #cookieDiv .leftBox{ width:100%; } .cookie_message_text{ font-family:'Source Sans Pro', regular; font-size: 17px; color: #fff; width:96%; } .cookie_message_close{ width:0%; /* padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto; */ } .exclamation{ position: relative; z-index: 11; color: #e68717; font-size: 36px; font-family: 'FontAwesome'; width:4%; } fa-exclamation-triangle::before { font-family: 'FontAwesome'; font-weight:normal; line-height: 24px; padding-top: 1px; content: '\f00d'; color: #e68717; } .leftContent{ } .cookieMessageBox{ background-color: #3e3e3e; } #cookieDiv{ background-color: #3e3e3e; height: 50px; bottom:0px; padding-top:10px; position: fixed; z-index: 1051; } @media(max-width:1215px){ #cookieDiv{ height: 80px; } } @media(max-width:662px){ #cookieDiv{ height: 100px; } } </style> <div id="cookieDiv" class="col-xs-12" style="display:none"> <div id="cookieMessageBox" class='clear'> <div class="container"> <div style="float:left" class='leftBox'> <div class="leftContent"> <div class="cookie_message_text" id="cookieMessage"></div> </div> </div> <div style="float:right" class="cookie_message_close"> <span class="close-cookie fa-close" onclick="closeCookieMessage()"></span> </div> </div> </div> </div> <script> var COOKIE={ PORTAL:"MySkillsFuture uses cookies to personalise content for you. By continuing to use this website, you consent to our use of cookies.", TPG:"Training Partners Gateway uses cookies to personalise content for you. By continuing to use this website, you consent to our use of cookies." } function closeCookieMessage() { $('#cookieDiv').hide(); }; $( document ).ready(function() { //Cookie Enable message Logic -- Start var cookieEnabled = navigator.cookieEnabled; if(!cookieEnabled ){ //donot display on mobile apps page try{ var viewSource = RequestUtil.getURLParameter("viewSource"); if (!(viewSource && (viewSource == 'mobileApp'))) { var cookieText = COOKIE.PORTAL; if(window.location.href.indexOf("/content/portal/en/training-provider") >= 0){ cookieText = COOKIE.TPG; } $('.cookie_message_text').text(cookieText); $('#cookieDiv').show(); } }catch(e){ } } //Cookie Enable message Logic -- End }); </script> </div> <div id="blackoutbox">   </div>  <nav id="main-nav" class="navbar"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle" id="sidr-toggle"> <i class="fa fa-bars fa-fw"></i> <i class="fa fa-close fa-fw"></i> </button> <div class="search"> <a id="mobile-nav-portal-search" href="javascript:void(0)" class="btn btn-link btn-circle btn-gray-light hidden-md hidden-lg" style="background-color: #DD8709;"> <i class="fa fa-fw fa-search"></i> </a> </div> <a class="navbar-brand no-padding-left" href="/content/student/en/secondary.html"> <img class="myskillsfuture-logo" alt="My Skills Future Logo" src="/etc/designs/msf/student/student-common/images/logo_myskillsfuture.png"/> </a> </div>  <div class="navbar-collapse collapse" id="myskillsfuture-main-menu"> <div class="navbar-right"> <ul class="nav navbar-nav navbar-primary student_navBar_primary"> <li class="dropdown active"> <a href="#" class="dropdown-toggle" type="button" id="dropdown-menu-0" data-toggle="dropdown"> About <i class="fa fa-caret-down"></i> </a> <ul class="dropdown-menu" aria-labelledby="dropdown-menu-0"> <li> <a href="/content/student/en/secondary/about/myskillsfuture-for-students.html">MySkillsFuture for Students</a> </li> <li> <a href="/content/student/en/secondary/about/education-and-career-plan.html">Education and Career Plan</a> </li> <li> <a href="/content/student/en/secondary/about/myskillsfuture-for-partners.html">MySkillsFuture for ECG Industry Partners with MOE Schools</a> </li> </ul> </li> <li> <a href="/content/student/en/secondary/assessment.html">Know Yourself</a> </li> <li class="dropdown active"> <a href="#" class="dropdown-toggle" type="button" id="dropdown-menu-2" data-toggle="dropdown"> World of Work <i class="fa fa-caret-down"></i> </a> <ul class="dropdown-menu" aria-labelledby="dropdown-menu-2"> <li> <a href="/content/student/en/secondary/world-of-work/industry-landscape.html">Singapore Industry Landscape</a> </li> <li> <a href="/content/student/en/secondary/world-of-work/occupation.html">Learn About Job Roles</a> </li> </ul> </li> <li class="dropdown active"> <a href="#" class="dropdown-toggle" type="button" id="dropdown-menu-3" data-toggle="dropdown"> Education Guide <i class="fa fa-caret-down"></i> </a> <ul class="dropdown-menu" aria-labelledby="dropdown-menu-3"> <li> <a href="/content/student/en/secondary/education-guide/education-landscape.html">Singapore Education Landscape (Graduating Cohorts up to AY2026)</a> </li> <li> <a href="/content/student/en/secondary/education-guide/education-landscape-FSBB.html">Singapore Education Landscape (Sec 1 Cohorts from AY2024)</a> </li> <li> <a href="/content/student/en/secondary/education-guide/explore-school.html">Explore Educational Institutions</a> </li> <li> <a href="/content/student/en/secondary/education-guide/courses.html">Explore Courses</a> </li> <li> <a href="/content/student/en/secondary/education-guide/events.html">Calendar of Events</a> </li> </ul> </li> <li class="dropdown active"> <a href="#" class="dropdown-toggle" type="button" id="dropdown-menu-4" data-toggle="dropdown"> Help <i class="fa fa-caret-down"></i> </a> <ul class="dropdown-menu" aria-labelledby="dropdown-menu-4"> <li> <a href="/content/student/en/secondary/help/user-guides.html">User Guides & FAQs</a> </li> <li> <a href="/content/student/en/secondary/help/ecg-resources.html">ECG Resources</a> </li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-secondary student_navBar_secondary">  <li style="margin-left: -10px;"><a href="/content/student/en/secondary/header/feedback.html">Feedback</a></li> </ul> <ul class="nav navbar-nav navbar-tertiary"> <li class="active portal-search-nav-li">  <a id="nav-portal-search" data-toggle="popover" data-placement="bottom" href="javascript:void(0)" class="btn btn-link btn-circle btn-gray-light portal-nav-popover portal-search-nav-btn" aria-label="Search"> <i id="nav-search-icon" class="fa fa-fw fa-search"></i><span> Search</span> </a> <div class="popover-content hide"> <div class="input-group popover_primary_input"> <input type="text" class="portalSearch form-control" placeholder="Search by Keyword"/> <div class="input-group-btn"> <span class="hidden portalSearchSelectedValue"></span> <button type="button" onclick="topNavFunctions.gotoPortalSearchResultPage($(this))" class="portalSearch_submit btn btn-secondary search"><span class="glyphicon glyphicon-search"></span></button> </div> </div> </div> </li> <li class="userNavPhoto hidden"> <div id="nav-profile-image" class="portal-nav-popover portal-nav-userInfo" data-placement="bottom" data-toggle="popover"> <img id="user-profile-image" class="btn btn-link btn-circle img-responsive" src="/etc/designs/msf/student/student-common/images/default-avatar.v9899025.gif" alt=""/> </div> <div class="popover-content hide"> <div class="user-dropdown-profile"> <div id="profileName"></div> <hr/> <a class="dropdown-item" href="/content/student/en/secondary/change-password.html">Change Password</a> </div> </div> </li> <li> <a href="javascript:void(0)" class="btn btn-link btn-round btn-gray-light studentHeaderbtn loginbtn hidden"> Login <i class="fa fa-fw fa-lock"></i> </a> <a href="javascript:void(0)" class="btn btn-link btn-round btn-gray-light studentHeaderbtn logoutbtn hidden"> Logout <i class="fa fa-fw fa-unlock"></i> </a> </li> </ul> </div> </div> </div> <div id="mobile-view-search-bar" class="hidden-lg"> <div class="input-group container"> <span class="input-group-addon"><span class="fa fa-search"></span></span> <input type="text" class="mobileportalSearch form-control" placeholder="Search by Keyword" autocomplete="off"/> <div class="input-group-btn"> <span class="hidden mobileSearchSelectedValue"></span> <button type="button" onclick="mobileViewGotoSearchResultPage()" class="btn btn-secondary">Search</button> </div> </div> </div>  <div id="networkDisconnectionMessage"> <style> #networkDisconnectionMessage .close-maintenance{ position: relative; margin-left: 99%; z-index: 11; cursor: pointer; color: #ffffff; top: 2px; font-size: 20px; font-family: 'FontAwesome'; } #networkDisconnectionMessageDiv fa-close::before { font-family: 'FontAwesome'; font-weight:normal; font-size: 20px; line-height: 24px; padding-top: 1px; content: '\f00d'; color: #fff; float: right; } #networkDisconnectionMessage .leftBox{ width:100%; } #networkDisconnectionMessage .maintenance_message_text { font-family:'Source Sans Pro', regular; font-size: 17px; color: #fff; width:96%; } #networkDisconnectionMessage .maintenance_message_text maintenance_message_close { font-size: 16px; color: #FFFFFF; } #networkDisconnectionMessage .maintenance_message_close{ width:0%; } #networkDisconnectionMessageBox { position: relative; z-index: 10; min-width: 260px; border: none; padding: 10px; padding-right: 20px; text-transform: none; background: #3e3e3e; text-align: left; height:50px; } #networkDisconnectionMessage .exclamation{ position: relative; z-index: 11; color: #e68717; top: -10px; font-size: 36px; font-family: 'FontAwesome'; width:4%; } #networkDisconnectionMessage fa-exclamation-triangle::before { font-family: 'FontAwesome'; font-weight:normal; line-height: 24px; padding-top: 1px; content: '\f00d'; color: #e68717; } #networkDisconnectionMessage .fa-exclamation-triangle{ color: #65B8FE; font-size: 30px; } #networkDisconnectionMessage .leftContent{ } @media(max-width:1215px){ .exclamation{ width:8%; } #networkDisconnectionMessage .maintenance_message_text{ width:92%; } } @media(max-width:662px){ #networkDisconnectionMessage .exclamation{ width:15%; } #networkDisconnectionMessage .maintenance_message_text{ width:85%; } #networkDisconnectionMessage .maintenance_message_text{ font-size:15px; } } </style> <div id="networkDisconnectionMessageDiv"> <div id="networkDisconnectionMessageBox" class='clear' style="display:none"> <div class="container"> <div style="float:left" class='leftBox'> <div class="leftContent"> <div class="exclamation " style="float:left"> <span class="fa-exclamation-triangle "></span> </div> <div class="maintenance_message_text" style="float:right" id="displayMessage">No network connection. Reconnect to keep the browsing going. </div> </div> </div> <div style="float:right" class="maintenance_message_close "> <span class="close-maintenance fa-close" onclick="closeNetworkMessageBox()"></span> </div> </div> </div> </div> <script> function openNetworkMessageBox() { $('#networkDisconnectionMessageBox').show(); } function closeNetworkMessageBox() { $('#networkDisconnectionMessageBox').hide(); }; function initializeDetection() { console.log('initializeDetection....'); window.addEventListener("offline", function(event) { console.log('status: network is disconnected at ', new Date()); openNetworkMessageBox(); }) window.addEventListener("online", function(event) { console.log('status: network is connected at ', new Date()); closeNetworkMessageBox(); }) if (navigator.onLine) closeNetworkMessageBox(); else openNetworkMessageBox(); } $(document).ready(function(){ initializeDetection(); }) </script> </div> </nav> <div id="sub-nav-placeholder"></div> <style> #sidr .fa-fw{font-size:20px;text-align:center} #sidr.sidr.right{ padding-top:0px; } /* SPU-676 */ #sidr { z-index: 999; } /* SPU-676 */ /*3034*/ #main-nav .student_navBar_secondary > li:first-child > a { border-left:none ; } #main-nav .student_navBar_primary > li:last-child > a { border-left:1px solid #cccccc; } #main-nav .student_navBar_primary{ margin-right:0px !important; } .student_navBar_primary>li>a{ padding-left:10px !important; } /*3034*/ /* for CR34: mobile view search bar change*/ #mobile-view-search-bar{ display: none; padding: 20px 0; margin-top: -2px; background-color: #ececec; } #mobile-view-search-bar .input-group{ border-radius: 0; border: none; background-color: #ececec; } #mobile-view-search-bar .input-group-addon{ background-color: #f7f7f7; border: none; } #mobile-view-search-bar input{ border: none; background-color: #ffffff; } #mobile-view-search-bar button{ border-radius: 0; width: auto; height: 53px; background-color: #dd8709; padding: 8px 20px; font-size: 16px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } /* for CR34 */ </style> <script> function addVICA_ChatbotJS() { var vica_script = document.createElement('script'); vica_script.setAttribute('src','https://webchat.vica.gov.sg/static/js/chat.js'); vica_script.setAttribute('id','vica_chatbot'); document.body.appendChild(vica_script); } function updateVICA_Environment() { var vica =document.getElementById('webchat'); if (vica) { var non_prd = window.location.hostname.toLowerCase() != 'www.myskillsfuture.gov.sg'; if (non_prd) vica.setAttribute('app-environment-override', 'draft'); } } $(document).ready(function () { $("#nav-portal-search").on("show.bs.popover", function(){ $(this).addClass("red-highlighted"); }); $("#nav-portal-search").on("hide.bs.popover", function(){ $(this).removeClass("red-highlighted"); }); $("#nav-profile-image").on("show.bs.popover", function(){ $(this).find("img").addClass("red-highlighted"); }); $("#nav-profile-image").on("hide.bs.popover", function(){ $(this).find("img").removeClass("red-highlighted"); }); $("#mobile-nav-portal-search").on("click", function(){ if($("#mobile-view-search-bar").css("display") == "none"){ $("#mobile-view-search-bar").show(); }else{ $("#mobile-view-search-bar").hide(); } }); $("#mobile-view-search-bar").find(".mobileportalSearch").focus().autocomplete({ highlight: true, minLength: 3, source: function(request, response) { $.ajax({ url: "/services/portalService/getPortalSearch", dataType: "json", type:"POST", data: { parameter: request.term, portalName:CommonUtils.getPortalNameInJs(), }, cache: false, success: function( data) { var items = data; response(items); }, error: function(jqXHR, textStatus){ console.log( textStatus); } }); }, select: function(event, ui) { $(this).val(ui.item.value); $("#mobile-view-search-bar").find(".mobileSearchSelectedValue").text("").text("type="+ui.item.type+"&q="+ui.item.parameter); } }).keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ $("#mobile-view-search-bar").find("button").trigger("click"); } }); //  var non_prd = window.location.hostname.toLowerCase() != 'www.myskillsfuture.gov.sg'; updateVICA_Environment(); addVICA_ChatbotJS(); //  }); function mobileViewGotoSearchResultPage() { var value= $("#mobile-view-search-bar").find(".mobileSearchSelectedValue").text(); if(value==""){ var temp= $("#mobile-view-search-bar").find(".mobileportalSearch").val().trim(); value="fq=Course_Tagging%3A2&type=job&q="+encodeURIComponent(temp); }else{ value=value.substring(0,value.indexOf("&q=")+3)+encodeURIComponent(value.substring(value.indexOf("&q=")+3,value.length)); } var href="/content/student/en/"+CommonUtils.getPortalNameInJs()+"/header/search.html?"+value; window.location.href=href; } </script>   <style> .webchat-MuiTypography-root { color: black; } </style> <div style="display: block;" id="webchat" app-id="moe-ask-ecg" app-name="Ms Jamie" app-icon="/etc/designs/msf/student/secondary/images/icon_chatbotcircle.png" app-subtitle="Welcome to Ms Jamie" app-color="#e68717" app-foreground-color-1="#FFFFFF" app-background-color-2="#FFFFFF" app-foreground-color-2="#000000" app-canvas-background-color="#ddd" app-base-font-size="15" app-auto-launch="false" app-position-right="8" app-position-bottom="105"> </div>  <main class="theme1 secondary_home"> <div class="page__par"> <div class="sub_nav_student parbase"><script> (function($, window, document) { $(function() { $.ajax({ url: '\/content\/student\/en\/secondary\/jcr:content\/par\/sub_nav' + '.load', type: "GET", async: true, cache: false, data: { }, success: function(rawData, status, xhr) { $('#sub-nav-placeholder').html(rawData); topNavFunctions.portalNavPopover(); topNavFunctions.getUserDetails(); callSidr(); } }); }); }(window.jQuery, window, document)); function callSidr(){ $(function() { // Sidr Off Canvas Menu $('#sidr-toggle').sidr({ name: 'sidr', source: '#mobile-nav', side: 'right', renaming: false, onOpen: function(name) { $('#sidr-toggle').addClass('open'); },onOpenEnd:function () { topNavFunctions.initAutoCompleteForPortalSearch(); },onClose: function(name) { $('#sidr-toggle').removeClass('open'); }, }); // Slidebars Submenus $('.category-toggle-submenu').off('click').on('click', function() { $submenu = $(this).parent().children('.navbar-category-submenu'); $(this).add($submenu).toggleClass('category-submenu-active'); // Toggle active class. if ($submenu.hasClass('category-submenu-active')) { $submenu.slideDown(200); } else { $submenu.slideUp(200); } }); }); // Close Sidr when browser resize $(window).resize(function () { if ($(window).width() > 1199) { $.sidr('close', 'sidr'); } }); }; </script> </div> <div class="rich_text_html_editor parbase"> <style> .terms_conditions_a{ -ms-word-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; } </style> <div class="container padding-left-15"> <div style="text-align: center;" class="homepage-detail-container-mobile"><div class="mobile-homepage-header">About MySkillsFuture<img class="homepage-video-play-button" src="/content/dam/studentportalcontent/Slicing_Video_Icon_Responsive.png" /></div><div class="mobile-homepage-text">A one-stop portal that empowers you to embark on a journey of self-discovery and make informed education and career choices. Use the information and tools to explore various education and career pathways, and take charge of your future.</div></div> </div> <script> (function($, window, document) { $(function() { $('.homepage-video-play-button').click(function(){ $('#homepage-video-hyperlink').click(); }); }); }(window.jQuery, window, document)); </script> </div> <div class="homepage_image_video parbase"><div id="homepage_image_video_homepage_image_video"> <div id="homepage_images_video_panel"> </div>  <div id="homepage-video-popup-modal" class="modal fade" role="dialog"> <div class="modal-dialog" style="width: 600px; height: 400px;"> <div class="modal-content video-popup" style="width: 600px; height: 400px;"> <div class="single-column-popup"></div> </div> </div> </div>  </div> <script> $(function() { var portalName = CommonUtils.getPortalNameInJs().toLowerCase(); $.ajax({ url: '\/content\/student\/en\/secondary\/jcr:content\/par\/homepage_image_video' + '.imageContent', type: "GET", data: { "portalName" : portalName }, success: function(rawData, status, xhr) { $('#homepage_image_video_homepage_image_video #homepage_images_video_panel').html(rawData); } }); }); $('#homepage-video-popup-modal').on('show.bs.modal', function (e) { var videoWidth = $(window).width() - 20; var videoHeight = videoWidth - 200; if(videoWidth > 600){ videoWidth = 600; } if(videoHeight < 200){ videoHeight = 200; }else if(videoHeight > 400){ videoHeight = 400; } var iframeValue = "<iframe id='homepage-video-iframe' width='" + videoWidth + "px' height='" + videoHeight + "'px src='" + e.relatedTarget.dataset.ifclick + "' frameborder='0' allowfullscreen></iframe>"; $('.single-column-popup').html(iframeValue); $('.modal-dialog, .modal-content').css({"width": videoWidth + "px", "height": videoHeight + "px"}); }); $('#homepage-video-popup-modal').on('hidden.bs.modal', function (e) { $('#homepage-video-iframe').remove(); }); </script> </div> <div class="secondary_landing parbase"><div class="container-fluid" id="findoutmoreaboutyourself_container"> <div class="container"> <div class="row"> <div class="col-lg-offset-1 col-lg-10 col-md-offset-1 col-md-10 col-sm-12 col-xs-12 aligncenter"> <h1 style="margin-top: 45px;">Find out more about yourself</h1> <p>Everyone has a set of unique attributes. The more you know about what you value, what you are interested in, and what you are good at, the more likely you will be able to make good choices in your education and career explorations.</p> <a class="ctabtn tiffany" href="/content/student/en/secondary/assessment.html" target="_self">Discover Now</a> </div> </div> </div> <div class="row aligncenter sec_home_img"> <div class="dragscroll_outterbox" tabindex="0"> <div class="dragscroll_innerbox dragscroll"> <img src="/etc/designs/msf/student/secondary/images/jobrole_bottom_bg_bottom.png" id="imagerow_occupationicon"/> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-offset-1 col-lg-10 col-md-offset-1 col-md-10 col-sm-12 col-xs-12 aligncenter secondary_landing_info_card_holder"> <div class="overflowhidden"> <h2 class="yellow fancy"><span class="secondary_landing_info_card_holder_title">World of Work</span></h2> </div> <p class="secondary_landing_info_card_holder_content">Explore different job roles in different industries. A good understanding of the work requirements and environment can help you make better decisions. </p> <a href="/content/student/en/secondary/world-of-work/industry-landscape.html" class="ctabtn tiffany" target="_self">Discover Now</a> </div> </div> </div> <div><div class="container"> <div class="row"> <div class="col-lg-offset-1 col-lg-10 col-md-offset-1 col-md-10 col-sm-12 col-xs-12 aligncenter"> <div class="overflowhidden"> </div> </div> </div> </div></div> <div class="row aligncenter"> <div class="dragscroll_outterbox"> <div class="dragscroll_innerbox dragscroll"> <div id="worldofworkarticle_sliderplate">  <div class="worldofworkarticle_box"> <div><script> $(function() { $(".component-image").on("error", function() { $(this).hide(); }); }); </script> <div> <div class='title-image-desc-button-center'> <img class="title-image-desc-button-image-content" src="/content/dam/student/content/secondary/videoplaceholdingimage2.jpg"/> <br/> <div class="contentbox"> <h4> <a class="dragscroll" href="/content/student/en/secondary/world-of-work/industry-landscape.html">Singapore Industry Landscape</a> </h4> <p>Learn about the background, outlook and working environment of different industries, and the skills needed to work in each of these industries.</p> <a class='ctabtn tiffany' href='/content/student/en/secondary/world-of-work/industry-landscape.html'>Find Out More</a> </div> </div> </div> </div> </div> <div class="worldofworkarticle_box"> <div><script> $(function() { $(".component-image").on("error", function() { $(this).hide(); }); }); </script> <div> <div class='title-image-desc-button-center'> <img class="title-image-desc-button-image-content" src="/content/dam/student/content/secondary/videoplaceholdingimage3.jpg"/> <br/> <div class="contentbox"> <h4> <a class="dragscroll" href="/content/student/en/secondary/world-of-work/occupation.html">Job Information</a> </h4> <p>Get insights into different job roles and the contribution to each industry in Singapore.</p> <a class='ctabtn tiffany' href='/content/student/en/secondary/world-of-work/occupation.html'>Find Out More</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="secondary_education_guide parbase"> <div class="container"> <div class="row secondary_landing_info_card_holder_row"> <div class="col-lg-offset-1 col-lg-10 col-md-offset-1 col-md-10 col-sm-12 col-xs-12 aligncenter secondary_landing_info_card_holder"> <div class="overflowhidden"> <h2 class="yellow fancy"><span class="secondary_landing_info_card_holder_title">Education Guide</span></h2> </div> <p class="secondary_landing_info_card_holder_content">No matter which education pathway you are on right now, our Singapore education system offers many choices for the next phase of learning that are suited to your interests, abilities and passion.</p> </div> </div> </div> <div><div class="container"> <div class="row"> <div class="col-lg-offset-1 col-lg-10 col-md-offset-1 col-md-10 col-sm-12 col-xs-12 aligncenter"> <div class="overflowhidden"> </div> </div> </div> </div></div> <div class="row aligncenter marginleftright0"> <div class="dragscroll_outterbox"> <div class="dragscroll_innerbox dragscroll"> <div id="educationguide_sliderplate">  <div class="educationguide_box"> <div><script> $(function() { $(".component-image").on("error", function() { $(this).hide(); }); }); </script> <div> <div class='title-image-desc-button-center'> <img class="title-image-desc-button-image-content" src="/content/dam/student/content/secondary/icon_educationlandscape.png"/> <br/> <div class="contentbox"> <h4> <a class="dragscroll" href="/content/student/en/secondary/education-guide/education-landscape.html">Singapore Education Landscape</a> </h4> <p>Many pathways are worth taking. Find out more about the possible education pathways and plan your next steps. </p> <a class='ctabtn tiffany' href='/content/student/en/secondary/education-guide/education-landscape.html'>Explore More</a> </div> </div> </div> </div> </div> <div class="educationguide_box"> <div><script> $(function() { $(".component-image").on("error", function() { $(this).hide(); }); }); </script> <div> <div class='title-image-desc-button-center'> <img class="title-image-desc-button-image-content" src="/content/dam/student/content/secondary/icon_educationinstitute.png"/> <br/> <div class="contentbox"> <h4> <a class="dragscroll" href="/content/student/en/secondary/education-guide/explore-school.html">Explore Educational Institutions</a> </h4> <p>Use this guide to find out more about the different schools and plan your next education pathway.</p> <a class='ctabtn tiffany' href='/content/student/en/secondary/education-guide/explore-school.html'>Explore More</a> </div> </div> </div> </div> </div> <div class="educationguide_box"> <div><script> $(function() { $(".component-image").on("error", function() { $(this).hide(); }); }); </script> <div> <div class='title-image-desc-button-center'> <img class="title-image-desc-button-image-content" src="/content/dam/student/content/secondary/icon_explorecourses.png"/> <br/> <div class="contentbox"> <h4> <a class="dragscroll" href="/content/student/en/secondary/education-guide/courses.html">Explore Courses</a> </h4> <p>Compare different courses offered by post-secondary educational institutions.</p> <a class='ctabtn tiffany' href='/content/student/en/secondary/education-guide/courses.html'>Explore More</a> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="secondary_aplm_guide parbase"> <div class="container"> <div class="row secondary_landing_info_card_holder_row"> <div class="col-lg-offset-1 col-lg-10 col-md-offset-1 col-md-10 col-sm-12 col-xs-12 aligncenter secondary_landing_info_card_holder"> <div class="overflowhidden"> <h2 class="fancy"><span class="secondary_landing_info_card_holder_title">Applied Learning Modules</span></h2> </div> <p class="secondary_landing_info_card_holder_content">Applied Learning Modules (ApLM) are enrichment modules that broaden the learning experiences of students and complement the secondary school curriculum with a focus on the practical application of knowledge. These modules provide our students with applied learning opportunities - learning that involves doing and applying, learning about the real world, and learning for life. ApLM also allow students to discover their interests and strengths and make informed education and career choices.</p> </div> </div> </div> <div><div class="container"> <div class="row"> <div class="col-lg-offset-1 col-lg-10 col-md-offset-1 col-md-10 col-sm-12 col-xs-12 aligncenter"> <div class="overflowhidden"> </div> </div> </div> </div></div> <div class="row aligncenter marginleftright0"> <div class="dragscroll_outterbox"> <div class="dragscroll_innerbox dragscroll"> <div id="educationguide_sliderplate">  <div class="educationguide_box"> <div><script> $(function() { $(".component-image").on("error", function() { $(this).hide(); }); }); </script> <div> <div class='title-image-desc-button-center'> <img class="title-image-desc-button-image-content" src="/content/dam/student/content/secondary/icon_educationinstitute.png"/> <br/> <div class="contentbox"> <h4> <a class="dragscroll" href="/content/student/en/aplm.html">ApLM</a> </h4> <p>Click below to explore the ApLM course offerings.</p> <a class='ctabtn tiffany' href='/content/student/en/aplm.html'>Explore More</a> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="calendar_events_listing parbase"><div class="calendar_event_listing_calendar_events_list"></div> <script> (function($, window, document) { $(function() { $.ajax({ url: '\/content\/student\/en\/secondary\/jcr:content\/par\/calendar_events_list' + '.load', type: "GET", data: { }, success: function(rawData, status, xhr) { $('.calendar_event_listing_calendar_events_list').html(rawData); } }); }); }(window.jQuery, window, document)); </script> </div> <div class="textimagebanner parbase"> <div class="container discover_container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 aligncenter Discover_box_position" style="background: url('/content/student/en/secondary/jcr:content/par/textimagebanner/file') center top no-repeat #f7f7f7; text-align: center; margin-top: 50px; margin-bottom: 50px; min-height: 192px; height: auto; vertical-align: top"> <h4>Discover An Occupation Suited For You</h4> <p></p> <a href="/content/student/en/secondary/assessment.html" target="_self"> <button type="button" class="ctabtn tiffany">Discover Now</button> </a> </div> </div> </div>                            <script> // (function($, window, document) { // $(function() { // var height = $('#background').height(); // $('.ff, .gg').height(height); // }); // }(window.jQuery, window, document)); </script></div> <div class="survey_launcher"><script> $(document).ready(function () { var surveyParam = RequestUtil.getURLParameter("logout"); if(typeof surveyParam != "undefined" && surveyParam != null && surveyParam != ""){ if(surveyParam == "primary"){ var myWindow = window.open("https://survey.catalystcloud.com.sg/s?s=1454&dt=tablet", "User Satisfaction Survey", "width=800,height=600,resizable=1,scrollbars=yes"); } else if(surveyParam == "secondary" || surveyParam == "preu"){ var myWindow = window.open("https://survey.catalystcloud.com.sg/s?s=1457&dt=tablet", "User Satisfaction Survey", "width=800,height=600,resizable=1,scrollbars=yes"); } } }); </script></div> <div class="session_expired_dialog"><div id="idletimer_expired_dialog" tabindex="-1" data-keyboard="false" data-backdrop="static" aria-hidden="true" class="modal fade" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" style="text-align: center;">Session Timeout</h4> </div> <div class="modal-body"> <div style="text-align: center;"> <div class="idletimer_expired_dialog_errorMessage"> Your session has expired. Click 'OK' to close the current window. </div> </div> <div style="text-align: center;margin-top: 23px;"> <a href="javascript:void(0)" class="session_expired_window_ok_buttton ctabtn tiffany" style="margin-right: 30px"> OK </a> </div> </div> </div> </div> </div> <script> $(document).ready(function () { var sessionExpiredParam = RequestUtil.getURLParameter("logout"); if(sessionExpiredParam == "timeout" || store.get('sessionExpired')){ if(store.get('sessionExpired')){ $(".idletimer_expired_dialog_errorMessage").text("Your session has expired. Click 'OK' to close the current window."); } if(sessionExpiredParam == "timeout"){ $(".idletimer_expired_dialog_errorMessage").text("You have been logged out because another login session was detected. Click ‘OK’ to close the current window."); } $("#idletimer_expired_dialog").modal("show"); } $('#idletimer_expired_dialog').on('hidden.bs.modal', function () { store.set('sessionExpired',false); }) $(".session_expired_window_ok_buttton").click(function () { $("#idletimer_expired_dialog").modal("hide"); }) $(window).on('beforeunload', function(){ store.set('sessionExpired',false) }); setTimeout(function(){store.set('sessionExpired',false); }, 20000); if(store.get('feedbackLink')!=null){ window.open(store.get('feedbackLink'),"_blank"); store.set('feedbackLink',null); } }) </script></div> </div> </main>  <style> .portals{ width: 279px; } .features{ width: 287px; } footer .last-updated-date-box{ color: #ffffff; text-align: right; margin-top: -20px; } @media (max-width: 991px){ footer .last-updated-date-box{ text-align: left; padding-left: 35px; } } @media (max-width: 768px){ footer .last-updated-date-box{ padding-left: 30px; margin-top: 0px; } } </style> <footer> <div class="container-fluid sitemap"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-2 col-lg-3 portals"> <a href="/content/student/en/primary.html">Primary</a><br/> <a href="/content/student/en/secondary.html">Secondary</a><br/> <a href="/content/student/en/preu.html">Pre-University</a><br/> <a href="/content/student/en/aplm.html">Applied Learning Modules</a><br/> <a href="/content/portal/en/index.html">Adults and Tertiary Students</a><br/> </div> <div class="col-xs-12 col-sm-5 col-md-3 col-lg-3 features"> <a href="/content/student/en/secondary/assessment.html">Know Yourself</a><br/> <a href="/content/student/en/secondary/world-of-work/industry-landscape.html">Singapore Industry Landscape</a><br/> <a href="/content/student/en/secondary/world-of-work/occupation.html">Learn About Job Roles</a><br/> <a href="/content/student/en/secondary/education-guide/education-landscape.html">Singapore Education Landscape</a><br/> <a href="/content/student/en/secondary/education-guide/explore-school.html">Explore Educational Institutions</a><br/> <a href="/content/student/en/secondary/education-guide/courses.html">Explore Courses</a><br/> <a href="/content/student/en/secondary/education-guide/events.html">Calendar of Events</a><br/> </div> <div class="col-xs-12 col-sm-3 col-md-1 col-lg-2"> <a href="/content/student/en/secondary/about/myskillsfuture-for-students.html">Who we are</a><br/> <a href="/content/student/en/secondary/help/Navigating-the-Portal.html">FAQ</a><br/> <a href="/content/student/en/secondary/help/For-Further-Assistance.html">Contact</a><br/> <a href="/content/student/en/secondary/header/feedback.html">Feedback</a><br/> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 right"> <a href="http://www.moe.gov.sg/" target="_blank" x-cq-linkchecker="skip">Ministry of Education</a><br/> <a href="https://www.skillsfuture.gov.sg/" target="_blank" x-cq-linkchecker="skip">SkillsFuture Singapore</a><br/> <a href="https://www.wsg.gov.sg/" target="_blank" x-cq-linkchecker="skip">Workforce Singapore</a><br/> </div> </div> </div> </div> <div class="container custom"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-2 col-md-push-9 col-lg-push-10 logo"> <div class="verticalmiddle custom"> <a href="http://www.skillsfuture.gov.sg/" target="_blank"> <img src="/etc/designs/msf/student/student-common/images/logo_myskillsfuture_footer.png" alt="Visit SkillsFuture Singapore website"/> </a> </div> </div> <div class="col-xs-12 col-sm-12 col-md-5 col-lg-6 col-md-pull-3 col-lg-pull-2 termsofuse"> <div class="verticalmiddle custom"> Copyright © 2024 | <a href="https://tech.gov.sg/report_vulnerability" target="_blank">Report Vulnerability</a> | <a href="/content/student/en/secondary/footer/privacy-policy.html">Privacy Policy</a> | <a href="/content/student/en/secondary/footer/terms-of-use.html">Terms of Use</a> <br/>Best Viewed using the latest versions of Chrome, Microsoft Edge ,Firefox, Safari, and Opera </div> </div> </div> <div class="row"> <div class="col-xs-12 last-updated-date-box">Last Updated on <span id="last-updated-date"></span></div> </div> </div> </footer> <script type="text/javascript" charset="utf-8"> function extendFnScheduler() { $.ajax({ type: "GET", url: "/services/userService/extendLocalSession", }); } $(document).ready(function (){ $(window).on("resize", function(){ if($('#colorbox').length && $('#colorbox').css('display') != 'none') { if (414<$(window).width()<568){ $.colorbox.resize({width:300}); }else if($(window.width()<414)){ $.colorbox.resize({width:$(window).width() * 0.8}); } } }); if(CommonUtils.getStudentIdInJs() != ""){ $(document).idleTimeout({ idleTimeLimit: 14*60, idleCheckHeartbeat: 2, // Frequency to check for idle timeouts in seconds dialogDisplayLimit: 1*60, // Time to display the warning dialog before logout (and optional callback) in seconds. dialogTitle: 'Session Expiration Warning', // also displays on browser title bar dialogText: 'Because you have been inactive, your session is about to expire.', dialogTimeRemaining: 'Time remaining', dialogStayLoggedInButton: 'Stay Logged In', dialogLogOutNowButton: 'Log Out Now', logoutUrl:"/content/student/en/"+CommonUtils.getPortalNameInJs()+"/usersatisfaction.html", redirectUrl:"/content/student/en/"+CommonUtils.getPortalNameInJs()+".html", }); } var loginStatus = CommonUtils.getURLQueryStringByName("loginStatus"); if (loginStatus && (loginStatus == 22 || loginStatus == 26)) { CommonUtils.showCommonPopup(Granite.I18n.get("tp-api-forbidden-access"), "OK", function() { window.location.href = CommonUtils.removeURLParameter(window.location.href, "loginStatus");}); } clearInterval(extendFnScheduler); extendFnScheduler(); setInterval(extendFnScheduler, 4*60*1000); if(typeof moment !== "undefined"){ $('#last-updated-date').text(moment(new Date()).format('DD MMM YYYY')); }else{ var currentDateArr = (new Date).toDateString().split(" "); $('#last-updated-date').text(currentDateArr[2]+" "+currentDateArr[1]+" "+currentDateArr[3]); } }); </script> <script src="/etc/designs/msf/student/student-common.min.js"></script> <script src="/etc/designs/msf/student/secondary.min.js"></script> <script type="text/javascript">_satellite.pageBottom();</script>   <script> function scrollToTop(callback) { if ($('html').scrollTop()) { $('html').animate({ scrollTop: 0 }, callback); return; } $('body').animate({ scrollTop: 0 }, callback); } </script>   <div id="Alert_PopupPanel" style="display:none;" class="modal fade"> <div class="Closebtn_PopupPanel"></div> <div class="contentblock"> <div class="message">Place your text here</div> <div class="ActionPanel"> <button class="btn btn_bigorange confirmButton" type="button">OK</button> <a href="#" class="btn btn_bigorange confirmLink" style="display:none;" type="button">OK</a> <button class="btn btn_bigorange cancelButton" type="button">Cancel</button> </div> </div> </div>   <div id="Common_PopupPanel" style="display:none;" class="modal fade"> <div class="Closebtn_PopupPanel"></div> <div class="contentblock"> <div class="message"></div> <div class="ctabox"> <a href="javascript:void(0)" class="ctabtn small confirmButton" type="button"></a> <a href="#" class="btn btn_bigorange confirmLink" style="display:none;" type="button"></a> <a href="javascript:void(0)" class="ctabtn small cancelButton" type="button"></a> </div> </div> </div> <div id="duplicate_session_popup_modal" data-keyboard="false" data-backdrop="static" aria-hidden="true" class="modal fade duplicateSessionPopupModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" style="text-align: center;">Duplicate Sessions</h4> </div> <div class="modal-body"> <div id="duplicate_session_container" style="text-align: center;"> <span>Another login session has been detected. If you continue, the previous session will be removed.</span> <br/><br/> <span>Do you want to continue?</span> </div> <div class="duplicateSessionContainer" style="text-align: center;margin-top: 23px;"> <a href="javascript:void(0)" id="duplicate_session_popup_modal_yes_buttton" class="ctabtn tiffany">Yes</a> <a href="javascript:void(0)" id="duplicate_session_popup_modal_logout_buttton" class="ctabtn tiffany">Logout</a> </div> </div> </div> </div> </div> <div id="declaredConsentModel" class="modal fade" tabindex="-1" data-keyboard="false" data-backdrop="static" aria-hidden="true" style="top:25%" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div style="top: -28px;position: absolute;left: 100%;margin-left: 28px;"> <button type="button" id="cboxClose" onclick="TermsOfLogout()" tabindex="0"></button> </div> <div> <div class="checkbox" style="float: left;margin-top: 0px;margin-right: 10px;"> <input type="checkbox" name="agree_term_checkbox" id="termsAgreementCheckbox" style="display:block;"/> <label for="termsAgreementCheckbox">I understand that by proceeding, I agree to the use of my personal data for the purposes of creation and continued maintenance of my account in <a href="#">Myskillsfuture.gov.sg</a></label> </div> <br/> <div style="width: 100%;text-align: center"> <button type="button" disabled class="agreeTermsBtn myAEMBtn ctabtn tiffany smaller"> Proceed </button> <button type="button" class="cancelTermsBtn myAEMBtn ctabtn tiffany smaller" onclick="TermsOfLogout();"> Cancel </button> </div> </div> </div> </div> </div> </div> <style> .modal-header-for-login { background-color: #e65e49; padding: 15px; border-bottom: 1px solid #e5e5e5; border-top-left-radius: 6px; border-top-right-radius: 6px; text-align: left; margin: 0; font-weight: bold; } .bootbox .modal-body { padding-top: 10px; } .bootbox .modal-body .title { font-family: "PT Sans"; font-weight: bold; color: #e65e49; font-size: 20px; } .bootbox .modal-body .col-form-label { font-family: "PT Sans"; font-size: 18px; } .bootbox .modal-body .form-control { font-family: "PT Sans"; font-size: 16px; } .modal-title { font-size: 30px; margin-right: 20px; font-family: "PT Sans"; text-align: left; font-weight: bold; color: white; } .bootbox-close-button::after { font-family: "Glyphicons Halflings" !important; /*content: "\e014" !important;*/ font-size: 25px !important; line-height: 30px !important; font-weight: normal !important; color: #FFFFFF !important; opacity: 1 !important; } #loginModal .modal-header-for-login button.close{ opacity: 1; } </style> <div class="modal fade" id="loginModal" tabindex="-1" style="z-index:9999999" role="dialog" data-type="0"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content bootbox secondary"> <div class="modal-header-for-login"> <button type="button" class="bootbox-close-button close" data-dismiss="modal" aria-hidden="true"></button> <div class="form-group row"> <div class="modal-title col-sm-10" style="margin-right: 0px">Login </div> <div class="modal-title col-sm-2" style="margin-right:0px; text-align:right; color: white;"> <span href="javascript:void(0)" data-dismiss="modal" onclick="clearInput()">X</span> </div> </div> <input class="hidden" id="portalValue" value="secondary"/> </div> <div class="modal-body"> <div class="loginModal-normal-login"> <div class="title">Students and Teachers</div> <div class="ecg_partners_description row form-group"> This portal is for students and teachers in Primary Schools, Secondary Schools and Junior Colleges/Centralised Institutes.<br/> If you are a student from the Tertiary Institutions, please click <a target="_blank" href="/content/portal/en/index.html">here</a> to access MySkillsFuture. </div> <form id="pmLogin"> <h2 class="form-signin-heading"></h2> <div class="form-group row"> <div class="col-sm-12"> <div id="ERROR-loginError" class="help-block with-errors hidden"> <ul class="list-unstyled"> <li></li> </ul> </div> </div> </div> <div class="form-group row"> <div class="col-sm-6 login_form_user_id_field"> <label for="inputUser" class="col-form-label">User ID</label> <div class=""> <input class="form-control" type="text" name="userId" id="inputUser" placeholder="User ID" autocomplete="off" autofocus/> </div> </div> <div class="col-sm-6 login_form_password_field"> <label for="inputPassword" class="col-form-label">Password</label> <div class=""> <input type="password" class="form-control" id="inputPassword" name="userPwd" placeholder="Password" autocomplete="off"/> </div> <a class="student_login_form_forget_pwd" href="/content/student/en/secondary/reset-password.html">Forgot your password?</a> </div> </div> <div class="row form-group" style="text-align: center;"> <div class="student_login_modal_corp_pass col-sm-4">  </div> <div class="student_login_modal_sing_pass col-sm-4">  <div class="form-group aligncenter theme1" style="margin-bottom:1px"> <a href="javascript:void(0)" id="portalLoginButton" class="ctabtn">Sign in</a> </div> </div> </div> </form> </div> <div class="loginModal-normal-login"> <div class="title">Login using MIMS ID</div><BR/> <div class="row form-group" style="text-align: center;"> <div class="title student_login_modal_corp_pass col-sm-4"> </div> <div class="student_login_modal_sing_pass col-sm-4"> <div class="form-group aligncenter theme1" style="margin-bottom:0px"> <a href="javascript:void(0)" onclick="MIMSLoginButtonLogin()" id="MIMSLoginButton" class="ctabtn">Sign in</a> </div> </div> <div class="col-sm-12"> <div id="ERROR-loginError-mims" class="help-block with-errors hidden" style="text-align: left;"> </div> </div> </div> </div> <style> #loginModal .loginModal-normal-login { border-bottom: none; margin-bottom: 20px; } </style> </div> </div> </div> </div> <script> function clearInput() { document.getElementById("pmLogin").reset(); } $(function () { $("#loginModal").on('shown.bs.modal', function (e) { $("#inputUser").focus(); }).on('hidden.bs.modal', function (e) { $('#ERROR-loginError').addClass('hidden'); }) $("#loginModal").keypress(function(e) { if(e.which == 13) { $("#portalLoginButton").trigger("click"); } }); }) </script> <input id="portalContextPath" type="hidden"/> </body> </html>

CINXE.COM

Secondary