File: /home/wbwebdes/domains/survey.nailsbyrianne.nl/public_html/tmp/template_temp_250321094728.html
<!DOCTYPE html>
<html lang="nl" dir="ltr" class="no-js nl dir-ltr">
<head>
<!DOCTYPE html>
<html lang="nl" dir="ltr" class="nl 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" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/7831dcb3/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/9e0dcbc4/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/cc30506d/ibm-sans.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/5d37ae50/ibm-serif.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/54fbe6db/remixicon.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/bf8f0a8f/build/tempus-dominus.min.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/b147987b/roboto.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/b147987b/icomoon.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/19b0af35/css/select2.min.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/91cee95d/select2-bootstrap-5-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/31d1ebc7/build/lstutorial.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/b2c0efe9/build.min/css/adminsidepanel.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/dae84669/build/embeddables.min.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/777325/css/variations/theme_apple.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/777325/css/base.css" />
<link rel="stylesheet" type="text/css" href="/tmp/assets/777325/css/custom.css" />
<script type='text/javascript'>window.debugState = {frontend : (0 === 1), backend : (0 === 1)};</script><script type="text/javascript" src="/tmp/assets/a9e07c35/jquery.min.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/7ee235b5/jquery-migrate.min.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/7831dcb3/jquery-ui.min.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/b2c0efe9/build.min/js/adminsidepanel.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/bcf0aea6/js.cookie.min.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/f0ef5573/moment-with-locales.min.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/bf8f0a8f/build/popper-tempus.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/bf8f0a8f/datepickerInit.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/237bebe3/build/lslog.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/c8214c21/min/pjax.combined.min.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/19b0af35/js/select2.full.min.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/4847a12/ckeditor.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/4847a12/config.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/7194e738/ckeditoradditions.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/6c64f797/js/bootstrap_5.min.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/c8214c21/pjax.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/3cf0d5d6/em_javascript.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/777325/scripts/theme.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/777325/scripts/custom.js" class="headScriptTag"></script>
<script type="text/javascript" src="/tmp/assets/a90ed9f2/nojs.js" class="headScriptTag"></script>
<script type="text/javascript">
/*<![CDATA[*/
window.LS = window.LS || {}; window.LS.globalUserId = "1";
if(typeof LSvar === 'undefined') { var LSvar = {}; };
LSvar.bFixNumAuto = 1;
LSvar.bNumRealValue = 0;
/*]]>*/
</script>
<title>
Sjabloonvoorbeeld
</title>
<link rel="shortcut icon" href="/tmp/assets/567bd78c/favicon.ico" />
<script type="text/javascript">
if(window.basicThemeScripts === undefined){
window.basicThemeScripts = new ThemeScripts();
}
</script>
<style>
body {
padding-bottom: 10px;
/*padding-top: 60px;!* now is redefine in JS to fit any title length *!*/
background-color: ;
color: ;
}
.navbar-default .navbar-nav > li > a:hover {
color: ;
}
.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
content: "\";
}
</style>
</head>
<body class=" fruity_twentythree font-ibm-sans lang-nl " 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/e4058a0e/build/adminbasics.min.js"></script>
<script type="text/javascript" src="/tmp/assets/3c210358/js/modaleditor.js"></script>
<script type="text/javascript" src="/tmp/assets/627b26d9/decimal.js"></script>
<script type="text/javascript" src="/tmp/assets/56ad7897/decimalcustom.js"></script>
</div>
<article>
<div id="dynamicReloadContainer">
<!-- Bootstrap Navigation Bar -->
<div id="survey-nav" class="navbar fixed-top">
<div class="container-fluid col-xl-8">
<div id="navbar-menu" class="dropdown ms-auto ls-no-js-hidden">
<div id="navbar-toggler" class="navbar-toggler" data-bs-toggle="dropdown"
data-bs-auto-close="outside" aria-expanded="false">
<span class="ri-more-fill"></span>
</div>
<ul id="main-dropdown" class="dropdown-menu dropdown-menu-end" aria-labelledby="navbar-toggler">
<!-- Language Changer, top menu version -->
<li class="dropdown-header text-uppercase">Taal selecteren</li>
<li class="ls-no-js-hidden form-change-lang dropdown nav-item">
<a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdownCustom"
data-bs-target="#language-dropdown" data-navtargetid="language-dropdown">
Engels
</a>
<ul class="dropdown-menu dropdown-menu-end" id="language-dropdown">
<li class="index-item">
<a class="back-link nav-link" href="#">Terug</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li class="index-item">
<a href='#' data-limesurvey-lang='en' class="dropdown-item ls-language-link">
Engels
</a>
</li>
<li class="index-item">
<a href='#' data-limesurvey-lang='de' class="dropdown-item ls-language-link">
Duits
</a>
</li>
</ul>
</li>
<li><hr class="dropdown-divider"></li>
<li class="dropdown-header text-uppercase">Enquête opties</li>
<!-- Load unfinished survey button -->
<li class="nav-item ls-no-js-hidden" >
<a href="#" data-limesurvey-submit='{ "loadall":"loadall" }'
class='nav-link ls-link-action ls-link-loadall'>
Laad onvoltooide enquête
</a>
</li>
<!-- Question index, group, -->
<li class="dropdown nav-item ls-no-js-hidden index-menu-">
<a class="dropdown-toggle nav-link" data-bs-toggle="dropdownCustom" data-navtargetid="index-dropdown" role="button" aria-haspopup="true"
aria-expanded="false" href="#">
Vragenindex
</a>
<ul id="index-dropdown" class="dropdown-menu dropdown-menu-end">
<li class="index-item">
<a class="back-link nav-link" href="#">Terug</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li class="list-group-item ">
<a href='' data-limesurvey-submit=''
class='dropdown-item '>
Een groep zonder opmaak van stapstatus
</a>
</li>
<li class="list-group-item ">
<a href='' data-limesurvey-submit=''
class='dropdown-item index-warning'>
Deze groep is niet ingevuld
</a>
</li>
<li class="list-group-item ">
<a href='' data-limesurvey-submit=''
class='dropdown-item index-danger'>
In deze groep zit een fout
</a>
</li>
<li class="list-group-item ">
<a href='' data-limesurvey-submit=''
class='dropdown-item disabled'>
De huidige groep is uitgeschakeld
</a>
</li>
</ul>
</li>
</ul>
</div>
<ul id="back-content" class="d-none"></ul>
</div>
</div>
<!-- Outer Frame Container -->
<!-- outer frame container -->
<div class=" outerframe container-fluid"
id="outerframeContainer" >
<div class="row">
<div class="col-centered col-xl-8">
<!-- 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'>
Waarschuwing: JavaScript is uitgeschakeld in uw browser. Hierdoor kunt u mogelijk niet alle vragen in deze enquête beantwoorden. Controleer de instellingen van uw browser.
</div>
<!-- Start of language change Form-->
<form id="firstpage-changelang" autocomplete="off" class="form" method="post">
<input type="hidden" value="WW1lenZVN2tvVWV-X1F4bTh6fmhsMDBpWGtLUX51cnMiAVNwjIHidNsd7PEjbfpiNyw4yfuOrxfxnrJM0D-uDA==" name="YII_CSRF_TOKEN" />
<!-- Language Changer -->
<div class=" form-change-lang row row-cols-lg-auto g-1" >
<div class="col-auto">
<label class=" col-form-label fw-bold control-label" for="lang">
<span >
<span class="language-icon ri-earth-line"></span>
Taal wijzigen
</span>
</label>
</div>
<div class="col-auto">
<div id="lang-select">
<select class="col-form-label" name="lang" id="language-changer-select">
<option value="en" selected="selected">Engels </option>
<option value="de">Duits</option>
</select>
</div>
<!-- for no js functionality (need form) -->
<button type="submit" value="changelang" name="move" class="btn btn-primary ls-language-changer-item ">Taal wijzigen</button>
</div>
</div>
</form>
<!-- Start of the main Form-->
<form id="limesurvey" name="limesurvey" autocomplete="off" class="survey-form-container form" method="post">
<input type="hidden" value="WW1lenZVN2tvVWV-X1F4bTh6fmhsMDBpWGtLUX51cnMiAVNwjIHidNsd7PEjbfpiNyw4yfuOrxfxnrJM0D-uDA==" 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">standaard</button>
<!-- main form -->
<!-- Welcome Message -->
<div id="welcome-container" class="" >
<!-- Survey Name -->
<div class=" survey-name large-heading" >
Sjabloonvoorbeeld
</div>
<!-- Survey description -->
<div class=" survey-description form-heading" >
<p>Dit is een voorbeeld van een enquête-beschrijving. Die kan vrij lang zijn.</p><p>Maar deze beschrijving is niet lang.<p>
</div>
<!-- Welcome text -->
<div class=" survey-welcome form-heading" >
<p>Welkom bij deze enquête <p> <p> Veel plezier met het invullen <p>
</div>
<!-- Question count -->
<div class=" number-of-questions " >
<div class=' question-count-text ' >
</div>
</div>
</div>
<!-- Privacy message -->
<div class=" privacy row" >
<div class="col-12 col-centered " >
<div class="ls-privacy-block">
<div class="row row-cols-lg-auto align-items-center datasecurity-checkbox-container">
<div class="col-12 checkbox-item">
<input required class=" form-check-input" type="checkbox" name="datasecurity_accepted" id="datasecurity_accepted"/>
<label for="datasecurity_accepted"
class="control-label checkbox-label form-check-label datasecurity-checkbox-label ">
<a href='#data-security-modal-' data-bs-toggle='collapse'> Beleid gegevensbescherming tonen </a>
</label>
</div>
</div>
</div>
<div id="data-security-modal-" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Gegevensbescherming</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div id="datasecurity_notice" class="modal-body ">
De privacy tekst gegevensbescherming wordt hier getoond.
</div>
<div class="modal-footer ls-no-js-hidden">
<button type="button" class="btn btn-primary" onclick="$('#datasecurity_accepted').prop('checked',true).trigger('change');" data-bs-dismiss="modal">
Accepteren
</button>
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
Sluiten
</button>
</div>
</div>
</div>
</div>
<script>
$(function () {
$('#ls-button-submit').on('click', function () {
if (!$('#datasecurity_accepted').prop('checked')) {
/* dynamic show error */
$('#datasecurity_error').removeClass('ls-js-hidden');
if ($('#datasecurity_error').length) {
/* add it in aria and role */
$('#datasecurity_error').attr('role', 'alert');
$('#datasecurity_accepted').attr('aria-describedby', "datasecurity_error ");
}
}
});
});
$('#datasecurity_accepted').on('change', function () {
if ($('#datasecurity_accepted').prop('checked')) {
/* dynamic hide error */
$('#datasecurity_error').addClass('ls-js-hidden');
}
});
</script>
</div>
</div>
<!-- PRESENT THE NAVIGATOR -->
<div class=" row navigator space-col" id="navigator-container" >
<!-- Previous button container -->
<div class=" col-6 text-start" >
<!-- Button previous -->
<button id="ls-button-previous" type="submit" value="moveprev" name="move" accesskey="p" class=" ls-move-btn ls-move-previous-btn action--ls-button-previous btn btn-lg btn-outline-secondary " >
Vorige
</button>
</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 " >
Volgende
</button>
</div>
</div>
<!-- Extra navigator part -->
<!-- extra tools, can be shown with javascript too (just remove ls-js-hidden class -->
<div class="row ls-js-hidden">
<!-- Extra button container -->
<div class="col-md-6 clearall-saveall-wrapper d-flex justify-content-start">
<div class="mb-3 pe-2">
<button type="submit" value="loadall" name="loadall" accesskey="l" class="ls-saveaction ls-loadall action--ls-button-submit btn btn-outline-secondary mb-3">Laad onvoltooide enquête</button>
</div>
<div class=" mb-3 pe-2">
<a href="#" class='ls-clearaction ls-clearall btn btn-outline-secondary'
data-bs-toggle="modal"
data-bs-target="#clear-all-modal"
data-limesurvey-submit='{ "clearall":"clearall" }'
data-confirmedby='{ "confirm-clearall":"confirm" }'>
Annuleren, verwijder alle ingevulde antwoorden
</a>
</div>
</div>
<!-- Index container -->
<div class="col-md-6 index-wrapper">
<div class="list-group index-button-full">
<div class="list-group-item">
<div class="h4 list-group-item-heading">Vragenindex</div>
</div>
<button type="submit" name="move" value="" class="list-group-item " >Een groep zonder opmaak van stapstatus</button>
<button type="submit" name="move" value="" class="list-group-item list-group-item-warning" >Deze groep is niet ingevuld</button>
<button type="submit" name="move" value="" class="list-group-item list-group-item-danger" >In deze groep zit een fout</button>
<button type="submit" name="move" value="" class="list-group-item disabled" >De huidige groep is uitgeschakeld</button>
</div>
</div>
</div>
</form> <!-- main form -->
</div> <!-- main col -->
</div> <!-- main row -->
</div>
</div>
</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" > </div>
</div>
<div class=" modal-body " >
</div>
<div class=" modal-footer " >
<a href="#" data-bs-dismiss="modal" class=" btn btn-outline-secondary ">Sluiten</a>
</div>
</div>
</div>
</div>
<!-- Clear all modal -->
<div id="clear-all-modal" class="modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Annuleren, verwijder alle ingevulde antwoorden</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Wilt u al uw invoer wissen?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuleer</button>
<button id="clear-all-submit" type="submit" class="btn btn-primary">Wis</button>
</div>
</div>
</div>
</div>
</div>
</article>
<div id="bottomScripts" class="script-container">
<script type="text/javascript" src="/tmp/assets/31d1ebc7/build/lstutorial.min.js"></script>
<script type="text/javascript" src="/tmp/assets/dae84669/build/embeddables.min.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
activateLanguageChanger();
if(window.basicThemeScripts === undefined){
window.basicThemeScripts = new ThemeScripts();
}
if(window.arrayScripts === undefined){
window.arrayScripts = new ArrayScripts();
}
if(window.navbarScripts === undefined){
window.navbarScripts = new NavbarScripts();
}
arrayScripts.initArrayEvents();
navbarScripts.initNavbarEvents();
basicThemeScripts.initGlobal();
jQuery(document).off('pjax:scriptcomplete.mainBottom').on('ready pjax:scriptcomplete.mainBottom', function() {
activateActionLink();
basicThemeScripts.initTopMenuLanguageChanger('.ls-language-link ', 'form#limesurvey');
$('#limesurvey').append('<input type="hidden" name="ajax" value="off" id="ajax" />');
if(window.basicThemeScripts === undefined){
window.basicThemeScripts = new ThemeScripts();
}
});
/*]]>*/
</script>
</div>
<script>
window.basicThemeScripts.init();
</script>
</body>
</html>