<!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">
            
                                                    
<!-- Bootstrap Navigation Bar -->
<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" >
            

            


      <!-- Exit and clear survey -->
    <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>

                
                                                    
    <!-- Top container -->
    <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> <!-- must hide it without javascript -->
    </div>

                
                <!-- Outer Frame Container -->
                                                                            <!-- outer frame container -->
<div class=" outerframe    container-fluid  " id="outerframeContainer"  >
        
<!-- Main Row -->
<div id="main-row"  >
    <!-- Main Col -->
    <div class="  col-centered  space-col" id="main-col" >

                                





                        

                                        


<!-- Start of the main Form-->
<form id="limesurvey" name="limesurvey" autocomplete="off" class="survey-form-container form" action="/master/index.php/228522" method="post">

<!-- 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='228522X201X3478' id='fieldnames' />



<!-- Submit button -->
<button type="submit" id="defaultbtn" value="default" name="move" class="submit hidden" style="display:none">default</button>
 <!-- main form -->

        <!-- emScriptsAndHiddenInputs updated -->
<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='[]' />

        

<!-- 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 GROUP: My first question group   -->
<div id='group-0' class=" group-outer-container  space-col" >

        
<div class=" group-container  space-col" >

        
<!-- Group Name -->
    <div class=" group-title   text-center h3 space-col" >
        My first question group
    </div>


        
    

    
    <!-- PRESENT THE QUESTIONS -->
             <!-- Question 3478  -->
<div  id="question3478" class="row text-short   question-container  " >
    


    <!-- Question Q00 -->

        
<!-- Question text -->
<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>


                
<!-- Survey question help -->
<div class=" question-help-container   text-info col-xs-12 " >
            <div class=" ls-questionhelp ">
            Log : <pre id="logjs">
    
</pre>
        </div>
    </div>

    
        
<!-- LimeSurvey valid message and help -->
<div class=" question-valid-container   text-info col-xs-12" >
               </div>


        
<!-- Answer -->
<div class=" answer-container    col-xs-12" >
        
<!-- answer -->
<div class='ls-answers answer-item text-item '>
            <!-- Prefix -->
                    <div class='ls-input-group-extra prefix-text prefix'></div>
        
        <!-- Input -->
        <input
            class="form-control "
            type="text"
            name="228522X201X3478"
            id="answer228522X201X3478"
            value=""
            placeholder=""
                                    aria-labelledby="ls-question-text-228522X201X3478"
        />

        <!-- Suffix -->
                    <div class='ls-input-group-extra suffix-text suffix'></div>
            </div>

<!-- end of answer -->

</div>


            
    <!-- End of question Q00 -->

</div>
<!-- End of question  3478  -->

    
    <!-- Hidden inputs -->
            <input type='hidden' name='lastgroup' value='228522X201' id='lastgroup' />
    
    </div>


</div>
<!-- END OF GROUP: My first question group   -->

    
        
</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-dismiss="modal" aria-hidden="true"  class=" close "  >&times;</button>
                <div class=" modal-title h4 " >&nbsp;</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>