CINXE.COM

Training on Child Online Protection for 16 to 18 year olds

<!DOCTYPE html> <html lang="en" dir="ltr" class="en dir-ltr no-js " > <head> <meta http-equiv="content-type" content="text/html; 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="generator" content="LimeSurvey http://www.limesurvey.org" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/4b55e6a0/noto.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/b0cf7e4d/css/font-awesome.min.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/d883721b/remixicon.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/bf587abe/survey.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/6d7b2cb8/build/embeddables.min.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/4d2d8416/template-core.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/4d2d8416/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/a1240361/css/bootstrap_5.min.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/e351c74f/css/base.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/e351c74f/css/noTablesOnMobile.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/e351c74f/css/ajaxify.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/e8810e93/css/animate.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/e8810e93/css/theme.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/e8810e93/css/custom.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/e8810e93/css/variations/bay_of_many.css" /> <link rel="stylesheet" type="text/css" href="/tmp/assets/f563c651/featurePreview.css" /> <script type='text/javascript'>window.debugState = {frontend : (0 === 1), backend : (0 === 1)};</script><script type="text/javascript" src="/tmp/assets/93dd21c9/jquery.min.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/6ad92aa8/jquery-migrate.min.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/9055d1ae/moment-with-locales.min.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/a2efb0ae/em_javascript.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/73fb4254/build/lslog.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/e0e40895/pjax.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/bf587abe/survey.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/4d2d8416/template-core.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/a1240361/js/bootstrap_5.min.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/e351c74f/scripts/theme.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/e351c74f/scripts/ajaxify.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/e351c74f/scripts/custom.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/a06e9d3b/featureOptin.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/821a77cf/survey_runtime.js" class="headScriptTag"></script> <script type="text/javascript" src="/tmp/assets/821a77cf/nojs.js" class="headScriptTag"></script> <script type="text/javascript"> /*<![CDATA[*/ LSvar={"bFixNumAuto":1,"bNumRealValue":0,"sLEMradix":".","lang":{"confirm":{"confirm_cancel":"Cancel","confirm_ok":"OK"}},"showpopup":1,"startPopups":{},"debugMode":0}; LSvar= LSvar || {}; LSvar.bFixNumAuto = 1; LSvar.bNumRealValue = 0; /*]]>*/ </script> <title> Training on Child Online Protection for 16 to 18 year olds </title> <link rel="shortcut icon" href="/tmp/assets/f6f15953/favicon.ico" /> <script type="text/javascript"> if(window.basicThemeScripts === undefined){ window.basicThemeScripts = new ThemeScripts(); } </script> <style> body .top-container { margin-top: 70px; } body { padding-bottom: 10px; /*padding-top: 60px;!* now is redefine in JS to fit any title length *!*/ background-color:#ffffff ; color: #270dab; } .navbar-default .navbar-nav > li > a:hover { color: #270dab; } .question-container { background-color: #e9fbea; border: 1px solid #e6e6e6; box-shadow: 0 1px 2px rgba(0,0,0,.2); } .checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { content: "\f00c"; } .checkbox-item input[type="checkbox"]:checked + label::after{ animation-name: rubberBand; animation-duration: 500ms; animation-fill-mode: both; animation-iteration-count: 1; display: inline-block; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .checkbox-item input[type="checkbox"] + label::after{ display: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .radio-item input[type="radio"]:checked + label::after{ animation-name: zoomIn; animation-duration: 500ms; animation-fill-mode: both; animation-iteration-count: 1; display: inline-block; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .radio-item input[type="radio"] + label::after{ display:none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .question-container { animation-name: flipInX; animation-duration: 1.0ms; animation-fill-mode: none; /* Issue #18648: Unable to upload a file with theme animations enabled - Set it to none to avoid overlay */ } .alert { animation-name: shake; animation-duration: 1.0ms; animation-fill-mode: both; } #outerframeContainer { animation-name: fadeInRight; animation-duration: 1.0ms; animation-fill-mode: none; /* Issue #18648: Unable to upload a file with theme animations enabled - Set it to none to avoid overlay */ } </style> </head> <body class=" fruity vanilla font-noto lang-en brand-logo" data-thememode="light"> <span style="display: none;" id="__emcache_debug" value="off"></span> <div id="beginScripts" class="script-container"> <script type="text/javascript" src="/tmp/assets/5a22a2a8/decimal.js"></script> <script type="text/javascript" src="/tmp/assets/7066faf6/decimalcustom.js"></script> <script type="text/javascript"> /*<![CDATA[*/ resetQuestionTimers(928952) setJsVar(); /*]]>*/ </script> <script type="text/javascript" id="lemscripts"> /*<![CDATA[*/ var LEMmode='group'; var LEMgseq=-1; ExprMgr_process_relevance_and_tailoring = function(evt_type,sgqa,type){ if (typeof LEM_initialized == 'undefined') { LEM_initialized=true; LEMsetTabIndexes(); } if (evt_type == 'onchange' && (typeof last_sgqa !== 'undefined' && sgqa==last_sgqa) && (typeof last_evt_type !== 'undefined' && last_evt_type == 'TAB' && type != 'checkbox')) { last_evt_type='onchange'; last_sgqa=sgqa; return; } if (evt_type == 'updated' && (typeof last_sgqa !== 'undefined' && sgqa==last_sgqa)) { last_evt_type='updated'; last_sgqa=sgqa; return; } last_evt_type = evt_type; last_sgqa=sgqa; } var LEMalias2varName = { }; var LEMvarNameAttr = { }; /*]]>*/ </script> </div> <article> <div id="dynamicReloadContainer"> <!-- Bootstrap Navigation Bar --> <div id="survey-nav" class="navbar navbar-light bg-light navbar-expand-md fixed-top border-bottom pt-0 pb-0"> <div class="container-fluid"> <div class="navbar-brand logo-container d-none d-md-block"> <img class="logo img-fluid" src="/tmp/assets/fc6ad325/itu_logo.png" alt="Training on Child Online Protection for 16 to 18 year olds" /> </div> </div> </div> <!-- Outer Frame Container --> <!-- outer frame container --> <div class=" outerframe container-md " id="outerframeContainer" > <!-- Main Row --> <div id="main-row" > <!-- Main Col --> <div class=" col-centered space-col" id="main-col" > <!-- No JavaScript alert --> <div class=' ls-js-hidden warningjs alert alert-danger ' data-type='checkjavascript'> Caution: JavaScript execution is disabled in your browser or for this website. You may not be able to answer all questions in this survey. Please, verify your browser parameters. </div> <!-- Start of the main Form--> <form id="limesurvey" name="limesurvey" autocomplete="off" class="survey-form-container form" action="/928952" method="post"> <input type="hidden" value="UWN6MGlQY2djQzl2a0V0VGVwX25TV0VOaUp5M2cySnoNFOsY7Nuo9w3VWJVdCck6SHs9iqEO8fWZCzrHVLA5oA==" name="YII_CSRF_TOKEN" /> <!-- Ajax value --> <!-- Needs to be set by javascript! Because if JavaScript is disabled, ajaxmode will completely fail! --> <!-- Field Names --> <input type='hidden' name='fieldnames' value='' id='fieldnames' /> <!-- Submit button --> <button type="submit" id="defaultbtn" value="default" name="move" class="submit d-none" style="display:none">default</button> <!-- main form --> <input id="sid" type="hidden" value="928952" name="sid" /><input id="lastgroupname" type="hidden" value="_WELCOME_SCREEN_" name="lastgroupname" /><input id="LEMpostKey" type="hidden" value="404168637" name="LEMpostKey" /><input id="thisstep" type="hidden" value="0" name="thisstep" /> <script type='text/javascript' id='lemscripts'> <!-- var LEMmode='group'; var LEMgseq=-1; ExprMgr_process_relevance_and_tailoring = function(evt_type,sgqa,type){ if (typeof LEM_initialized == 'undefined') { LEM_initialized=true; LEMsetTabIndexes(); } if (evt_type == 'onchange' && (typeof last_sgqa !== 'undefined' && sgqa==last_sgqa) && (typeof last_evt_type !== 'undefined' && last_evt_type == 'TAB' && type != 'checkbox')) { last_evt_type='onchange'; last_sgqa=sgqa; return; } if (evt_type == 'updated' && (typeof last_sgqa !== 'undefined' && sgqa==last_sgqa)) { last_evt_type='updated'; last_sgqa=sgqa; return; } last_evt_type = evt_type; last_sgqa=sgqa; } var LEMalias2varName = { }; var LEMvarNameAttr = { }; //--> </script> <input type='hidden' id='aQuestionsWithDependencies' data-qids='[]' /> <!-- Welcome Message --> <div id="welcome-container" class="" > <!-- Survey Name --> <h1 class=" survey-name text-center" > Training on Child Online Protection for 16 to 18 year olds </h1> <!-- Survey description --> <div class=" survey-description text-info text-center" > <p>聽</p> <p>聽</p> <p>聽</p> <p>聽</p> <p>聽</p> <p><span style="font-size:36px;"><span style="color:#000000;"><strong>Hello!</strong> </span></span></p> <p><span style="font-size:36px;"><span style="color:#000000;">Welcome to the training on Child Online Protection for 16 to 18 year olds.聽</span></span></p> <p><span style="font-size:36px;"><span style="color:#000000;">To earn your badge, complete all three modules of the course.</span></span></p> <p><span style="font-size:36px;"><span style="color:#000000;"><strong>Get Started!</strong></span></span></p> </div> <!-- Welcome text --> <div class=" survey-welcome h5 text-primary" > </div> <!-- Question count --> <div class=" number-of-questions text-muted" > <div class=' question-count-text ' > </div> </div> </div> <!-- Privacy message --> <div class=" privacy row" > <div class=" col-12 col-centered" > </div> </div> <!-- PRESENT THE NAVIGATOR --> <div class=" row navigator space-col" id="navigator-container" > <!-- Previous button container --> <div class=" col-6 text-start" > </div> <div class=" col-6 text-end"> <!-- Button Next --> <button id="ls-button-submit" type="submit" value="movenext" name="move" accesskey="n" class=" ls-move-btn ls-move-next-btn ls-move-submit-btn action--ls-button-submit btn btn-lg btn-primary " > Next </button> </div> </div> <!-- Extra navigator part --> </form> <!-- main form --> </div> <!-- main col --> </div> <!-- main row --> </div> <!-- Bootstrap Modal Alert --> <div id="bootstrap-alert-box-modal" class=" modal fade " > <div class=" modal-dialog " > <div class=" modal-content " > <div class=" modal-header " style="min-height:40px;" > <button type="button" data-bs-dismiss="modal" aria-hidden="true" class=" btn-close " ></button> <div class=" modal-title" >&nbsp;</div> </div> <div class=" modal-body " > </div> <div class=" modal-footer " > <a href="#" data-bs-dismiss="modal" class=" btn btn-outline-secondary ">Close</a> </div> </div> </div> </div> </div> </article> <div id="datapolicy"> <div class="container"> <div class="row text-center datapolicy-links"> <div class="col"> </div> </div> </div> <!-- Privacy policy Modal --> <div class="modal fade" id="datapolicy-modal" tabindex="-1" role="dialog" aria-labelledby="Privacy policy"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="datapolicy-label">Privacy policy</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"> Close </button> </div> </div> </div> </div> <!-- Legal notice Modal --> <div class="modal fade" id="legalnotice-modal" tabindex="-1" role="dialog" aria-labelledby="Legal notice"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="legalnotice-label">Legal notice</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"> Close </button> </div> </div> </div> </div> </div> <div id="bottomScripts" class="script-container"> <script type="text/javascript" src="/tmp/assets/6d7b2cb8/build/embeddables.min.js"></script> <script type="text/javascript"> /*<![CDATA[*/ try{ triggerEmClassChange(); } catch(e) { console.ls.warn('triggerEmClassChange could not be run. Is survey.js/old_template_core_pre.js correctly loaded?'); } if(window.basicThemeScripts === undefined){ window.basicThemeScripts = new ThemeScripts(); } basicThemeScripts.initGlobal(); triggerEmRelevance(); jQuery(function($) { $('body').append("<!-- Modal for feature preview -->\n<div id=\"feature_preview_modal\" class=\"modal fade\" role=\"dialog\">\n <div class=\"modal-dialog modal-lg\">\n <!-- Modal content-->\n <div class=\"modal-content\">\n <div class=\"modal-header pb-0\">\n <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\n <\/div>\n <div class=\"modal-body\">\n <input type=\"hidden\" id=\"saveUrl\" name=\"saveUrl\" value=\"\/plugins\/direct\/plugin\/LimeSurveyProfessional\/function\/saveFeatureOptInOut\">\n <input type=\"hidden\" id=\"successMsgFeatureOptin\" value=\"The new editor (beta) was successfully activated.\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n"); }); jQuery(document).off('pjax:scriptcomplete.mainBottom').on('ready pjax:scriptcomplete.mainBottom', function() { activateActionLink(); activateConfirmButton(); $('#limesurvey').append('<input type="hidden" name="ajax" value="off" id="ajax" />'); if(window.basicThemeScripts === undefined){ window.basicThemeScripts = new ThemeScripts(); } updateMandatoryErrorClass(); }); /*]]>*/ </script> </div> <script> window.basicThemeScripts.init(); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10