<!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="/master/assets/fonts/noto.css" />
<link rel="stylesheet" type="text/css" href="/master/assets/fonts/font-src/fontawesome/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="/master/assets/packages/limesurvey/survey.css" />
<link rel="stylesheet" type="text/css" href="/master/assets/packages/embeddables/build/embeddables.css" />
<link rel="stylesheet" type="text/css" href="/master/assets/packages/template-core/spectrum.css" />
<link rel="stylesheet" type="text/css" href="/master/assets/packages/template-core/template-core.css" />
<link rel="stylesheet" type="text/css" href="/master/assets/packages/template-core/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" />
<link rel="stylesheet" type="text/css" href="/master/assets/packages/bootstrap/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="/master/assets/packages/bootstrap/yiistrap.css" />
<link rel="stylesheet" type="text/css" href="/master/themes/survey/vanilla/css/ajaxify.css" />
<link rel="stylesheet" type="text/css" href="/master/themes/survey/vanilla/css/theme.css" />
<link rel="stylesheet" type="text/css" href="/master/themes/survey/vanilla/css/custom.css" />
<link rel="stylesheet" type="text/css" href="/master/assets/styles-public/expressions.css" />
<link rel="stylesheet" type="text/css" href="/master/assets/styles-public/lime-progress.css" />
<script type='text/javascript'>window.debugState = {frontend : (0 === 1), backend : (0 === 1)};</script><script type="text/javascript" src="/master/third_party/jquery/jquery-3.4.1.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/third_party/jquery/jquery-migrate-3.1.0.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/third_party/moment/moment-with-locales.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/assets/packages/expressions/em_javascript.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/assets/packages/lslog/build/lslog.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/assets/packages/pjax/pjax.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/assets/packages/limesurvey/survey.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/assets/packages/template-core/spectrum.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/assets/packages/template-core/template-core.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/assets/packages/bootstrap/bootstrap.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/assets/packages/bootstrap/plugins/bootstrapconfirm/bootstrapconfirm.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/themes/survey/vanilla/scripts/theme.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/themes/survey/vanilla/scripts/ajaxify.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/themes/survey/vanilla/scripts/custom.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/assets/scripts/survey_runtime.js" class="headScriptTag"></script>
<script type="text/javascript" src="/master/assets/scripts/admin/expression.js" class="headScriptTag"></script>
<script type="text/javascript">
/*<![CDATA[*/
LSvar={"bFixNumAuto":1,"bNumRealValue":0,"sLEMradix":".","lang":{"confirm":{"confirm_cancel":"Cancel","confirm_ok":"OK"}},"showpopup":0,"startPopups":{},"debugMode":2};
LSvar= LSvar || {};
LSvar.bFixNumAuto = 1;
LSvar.bNumRealValue = 0;
/*]]>*/
</script>
<title>
Color
</title>
<link rel="shortcut icon" href="/master/tmp/assets/ae05c0c0/favicon.ico" />
<script type="text/javascript">
if(window.basicThemeScripts === undefined){
window.basicThemeScripts = new ThemeScripts();
}
</script>
</head>
<body style="padding-top: 90px;" class=" vanilla font-noto lang-en " >
<span style="display: none;" id="__emcache_debug" value="off"></span>
<div id="beginScripts" class="script-container">
<script type="text/javascript" src="/master/third_party/decimal/decimal.js"></script>
<script type="text/javascript" src="/master/assets/packages/decimalcustom/decimalcustom.js"></script>
<script type="text/javascript" src="/master/assets/scripts/nojs.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
setJsVar();
$.extend(LSvar.lang,{ "yes":"Yes","no":"No" })
var LEMmode='group';
var LEMgseq='';
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;
relChange3478=false;
relChangeG0=false;
}
var LEMalias2varName = {
};
var LEMvarNameAttr = {
};
/*]]>*/
</script>
</div>
<article>
<div id="dynamicReloadContainer">
<div class=" navbar navbar-default navbar-fixed-top" >
<div class=" navbar-header " >
<button type="button" class=" navbar-toggle collapsed " data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" >
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class=" navbar-brand " >
Color
</div>
</div>
<div id="navbar" class=" collapse navbar-collapse " >
<ul class=" nav navbar-nav navbar-action-link navbar-right" >
<li class=" ls-no-js-hidden " >
<a href="#" data-limesurvey-submit='{ "clearall":"clearall" }' data-confirmedby='{ "confirm-clearall":"confirm" }' data-confirmlabel='Please confirm you want to clear your response?' class=' ls-link-action ls-link-clearall animate' >
Exit and clear survey
</a>
</li>
</ul>
</div>
</div>
<div class=" top-container space-col" >
<div class=" container-fluid" >
<div class=" progress " >
<div class=" progress-bar " role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 0%;">
0%
</div>
</div>
</div>
</div>
<div class=" outerframe container-fluid " id="outerframeContainer" >
<div id="main-row" >
<div class=" col-centered space-col" id="main-col" >
<form id="limesurvey" name="limesurvey" autocomplete="off" class="survey-form-container form" action="/master/index.php/228522" method="post">
<input type='hidden' name='fieldnames' value='228522X201X3478' id='fieldnames' />
<button type="submit" id="defaultbtn" value="default" name="move" class="submit hidden" style="display:none">default</button>
<input type='hidden' id='relevance3478' name='relevance3478' value='1'/>
<input type='hidden' id='relevanceG0' name='relevanceG0' value='1'/>
<input type='hidden' id='aQuestionsWithDependencies' data-qids='[]' />
<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>
<div id='group-0' class=" group-outer-container space-col" >
<div class=" group-container space-col" >
<div class=" group-title text-center h3 space-col" >
My first question group
</div>
<div id="question3478" class="row text-short question-container " >
<div class=" question-title-container col-xs-12 " >
<div class=" question-text " >
<div id="ls-question-text-228522X201X3478" class=" ls-label-question " >
A first example question. Please answer this question:
</div>
</div>
</div>
<div class=" question-help-container text-info col-xs-12 " >
<div class=" ls-questionhelp ">
Log : <pre id="logjs">
</pre>
</div>
</div>
<div class=" question-valid-container text-info col-xs-12" >
</div>
<div class=" answer-container col-xs-12" >
<div class='ls-answers answer-item text-item '>
<div class='ls-input-group-extra prefix-text prefix'></div>
<input
class="form-control "
type="text"
name="228522X201X3478"
id="answer228522X201X3478"
value=""
placeholder=""
aria-labelledby="ls-question-text-228522X201X3478"
/>
<div class='ls-input-group-extra suffix-text suffix'></div>
</div>
</div>
</div>
<input type='hidden' name='lastgroup' value='228522X201' id='lastgroup' />
</div>
</div>
</form>
</div>
</div>
</div>
<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-dismiss="modal" aria-hidden="true" class=" close " >×</button>
<div class=" modal-title h4 " > </div>
</div>
<div class=" modal-body " >
</div>
<div class=" modal-footer " >
<a href="#" data-dismiss="modal" class=" btn btn-default ">Close</a>
</div>
</div>
</div>
</div>
</div>
</article>
<div id="bottomScripts" class="script-container">
<script type="text/javascript" src="/master/assets/packages/embeddables/build/embeddables.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
if(window.basicThemeScripts === undefined){
window.basicThemeScripts = new ThemeScripts();
}
basicThemeScripts.initGlobal();
try{
triggerEmClassChange();
} catch(e) {
console.ls.warn('triggerEmClassChange could not be run. Is survey.js correctly loaded?');
}
triggerEmRelevance();
jQuery(document).off('pjax:scriptcomplete.mainBottom').on('ready pjax:scriptcomplete.mainBottom', function() {
activateActionLink();
activateConfirmButton();
basicThemeScripts.initTopMenuLanguageChanger('.ls-language-link ', 'form#limesurvey');
$('#limesurvey').append('<input type="hidden" name="ajax" value="off" id="ajax" />');
updateMandatoryErrorClass();
});
jQuery(document).off('pjax:scriptsuccess.debugger').on('pjax:scriptsuccess.debugger',function(e) { console.ls.log('PJAX scriptsuccess', e); });
jQuery(document).off('pjax:scripterror.debugger').on('pjax:scripterror.debugger',function(e) { console.ls.log('PJAX scripterror', e); });
jQuery(document).off('pjax:scripttimeout.debugger').on('pjax:scripttimeout.debugger',function(e) { console.ls.log('PJAX scripttimeout', e); });
jQuery(document).off('pjax:success.debugger').on('pjax:success.debugger',function(e) { console.ls.log('PJAX success', e);});
jQuery(document).off('pjax:error.debugger').on('pjax:error.debugger',function(e) { console.ls.log('PJAX error', e);});
/*]]>*/
</script>
</div>
<script>
window.basicThemeScripts.init();
</script>
</body>
</html>