spirit.elmosurvey.com.au
Open in
urlscan Pro
143.204.201.81
Public Scan
URL:
https://spirit.elmosurvey.com.au/run/PnIDfBP
Submission: On May 03 via manual from AU — Scanned from DE
Submission: On May 03 via manual from AU — Scanned from DE
Form analysis 1 forms found in the DOM
<form>
<div class="sv_custom_header"></div>
<div class="sv_container">
<div data-bind="css: css.header, visible: (title.length > 0) && showTitle && koState() == 'running'" class="sv_header" style="display: none;">
<h3>
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h3>
</div>
<!-- ko if: koState() == "starting" --><!-- /ko -->
<!-- ko if: koState() == "running" -->
<div data-bind="css: css.body" class="sv_body">
<!-- ko if: isTimerPanelShowingOnTop --><!-- /ko -->
<div data-bind="visible: isShowProgressBarOnTop, template: 'survey-progress'" style="display: none;">
<div data-bind="css: css.progress" class="sv_progress">
<div data-bind="css: css.progressBar, style:{width: koProgress() + '%'}" role="progressbar" aria-valuemin="0" aria-valuemax="100" class="sv_progress_bar" style="width: 100%;">
<span data-bind="text:koProgressText">Page 1 of 1</span>
</div>
</div>
</div>
<div data-bind="attr: { id: koCurrentPage().id }, template: { name: 'survey-page', data: koCurrentPage, afterRender: koAfterRenderPage }" id="sp_100">
<div data-bind="css: data.css.page.root" class="sv_p_root">
<h4 data-bind="visible: (processedTitle.length > 0) && data.showPageTitles, css: data.css.pageTitle" class="sv_page_title" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h4>
<div data-bind="visible: hasDescription, css: data.css.pageDescription" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- ko template: { name: 'survey-rows', data: $data} -->
<!-- ko foreach: { data: rows, as: 'row'} -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_100" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml">
<p>We would love to get to know more about you. </p>
<p>Would you take 5 minutes to answer just 7 of the following questions. You can choose.</p>
<p>Thanks </p>
</div><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="Survey Description">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_101" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">1. 1. Tells us what your hidden talents are?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_101i" placeholder="" aria-label="1. 1. Tells us what your hidden talents are?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="1. 1. Tells us what your hidden talents are?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_102" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">2. 2. How do you spend your time outside of work?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_102i" placeholder="" aria-label="2. 2. How do you spend your time outside of work?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="2. 2. How do you spend your time outside of work?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_103" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">3. 3. If you can learn to do anything, what would it be? </span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_103i" placeholder="" aria-label="3. 3. If you can learn to do anything, what would it be? " class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="3. 3. If you can learn to do anything, what would it be? ">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_104" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">4. 4. What did you want to be when you grow up?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_104i" placeholder="" aria-label="4. 4. What did you want to be when you grow up?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="4. 4. What did you want to be when you grow up?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_105" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">5. 5. Favourite place you have visited and why?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_105i" placeholder="" aria-label="5. 5. Favourite place you have visited and why?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="5. 5. Favourite place you have visited and why?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_106" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">6. What advice would you give your younger self?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_106i" placeholder="" aria-label="6. What advice would you give your younger self?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="6. What advice would you give your younger self?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_107" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">7. Tell us one of the biggest risks you took that paid off</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_107i" placeholder="" aria-label="7. Tell us one of the biggest risks you took that paid off" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="7. Tell us one of the biggest risks you took that paid off">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_108" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">8. What attracted you to working at Spirit?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_108i" placeholder="" aria-label="8. What attracted you to working at Spirit?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="8. What attracted you to working at Spirit?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_109" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">9. What are you passionate about? </span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_109i" placeholder="" aria-label="9. What are you passionate about? " class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="9. What are you passionate about? ">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_110" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">10. Favourite song to sing at a karaoke.</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_110i" placeholder="" aria-label="10. Favourite song to sing at a karaoke." class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="10. Favourite song to sing at a karaoke.">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_111" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">11. Describe the best way to start the day?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_111i" placeholder="" aria-label="11. Describe the best way to start the day?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="11. Describe the best way to start the day?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_112" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">12. Tell us what you did before you came to Spirit?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_112i" placeholder="" aria-label="12. Tell us what you did before you came to Spirit?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="12. Tell us what you did before you came to Spirit?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_113" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">13. What is currently on your wishlist? (Can be anything!)</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_113i" placeholder="" aria-label="13. What is currently on your wishlist? (Can be anything!)" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="13. What is currently on your wishlist? (Can be anything!)">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_114" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">14. Why did you decide to do the work you are doing now?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_114i" placeholder="" aria-label="14. Why did you decide to do the work you are doing now?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="14. Why did you decide to do the work you are doing now?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_115" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">15. What book or article impacted you the most?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_115i" placeholder="" aria-label="15. What book or article impacted you the most?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="15. What book or article impacted you the most?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_116" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">16. What’s the best thing/achievement to have happened to you?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_116i" placeholder="" aria-label="16. What’s the best thing/achievement to have happened to you?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="16. What’s the best thing/achievement to have happened to you?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_117" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">17. Name one thing you wish you had control of. </span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_117i" placeholder="" aria-label="17. Name one thing you wish you had control of. " class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="17. Name one thing you wish you had control of. ">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_118" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">18. Tell us one thing your friends can count you on for</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_118i" placeholder="" aria-label="18. Tell us one thing your friends can count you on for" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="18. Tell us one thing your friends can count you on for">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_119" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">19. How do you recharge your batteries?</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_119i" placeholder="" aria-label="19. How do you recharge your batteries?" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="19. How do you recharge your batteries?">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_120" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">20. Finish this sentence. The secret to a happy life is… </span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_120i" placeholder="" aria-label="20. Finish this sentence. The secret to a happy life is… " class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="20. Finish this sentence. The secret to a happy life is… ">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_121" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">21. * Your name</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_121i" placeholder="" aria-label="21. * Your name" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="21. * Your name">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="css: question.koRootClass, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: {id: question.id}" class="sv_q sv_qstn" id="sq_122" style="width: 100%;">
<div data-bind="css: {'title-left': question.hasTitleOnLeft}">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<h5 data-bind="css: koCss().title" class="sv_q_title">
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">22. * Your Email address</span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: hasDescription, css: koCss().description" class="sv_q_description" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: hasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: hasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<div data-bind="css: {'content-left': question.hasTitleOnLeft}">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: question.koCss().error.root" class="sv_q_erbox" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<input
data-bind="attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' ? undefined : question.placeHolder, maxLength: question.getMaxLength(), 'aria-label': question.locTitle.renderedHtml}, value:question.koValue, css: question.koCss().root"
type="text" size="25" id="sq_122i" placeholder="" aria-label="22. * Your Email address" class="sv_q_text_root">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko --><!-- /ko -->
<div class="form-group" data-bind="visible: question.hasComment" style="display: none;">
<div data-bind="text:question.commentText">Other (describe)</div>
<div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }">
<!-- ko ifnot: question.isReadOnly -->
<input type="text"
data-bind="value: $data.question.koComment, visible: $data.visible, css: question.koCss().other, attr: { maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml }"
aria-label="22. * Your Email address">
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div>
</div>
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
</div>
<div style="margin-top: 1em; display: none;" data-bind="visible: isShowProgressBarOnBottom, template: 'survey-progress'">
<div data-bind="css: css.progress" class="sv_progress">
<div data-bind="css: css.progressBar, style:{width: koProgress() + '%'}" role="progressbar" aria-valuemin="0" aria-valuemax="100" class="sv_progress_bar" style="width: 100%;">
<span data-bind="text:koProgressText">Page 1 of 1</span>
</div>
</div>
</div>
<!-- ko if: isTimerPanelShowingOnBottom --><!-- /ko -->
<div data-bind="visible: koIsNavigationButtonsShowing, css: css.footer" class="sv_nav">
<input type="button" data-bind="value: pagePrevText, click: prevPage, visible: !koIsFirstPage() && isShowPrevButton, css: cssNavigationPrev" value="Previous" class="sv_prev_btn" style="display: none;">
<input type="button" data-bind="value: pageNextText, click: nextPageUIClick, event: { mousedown: nextPageMouseDown }, visible: !koIsLastPage(), css: cssNavigationNext" value="Next" class="sv_next_btn" style="display: none;">
<input type="button" data-bind="value: completeText, click: completeLastPage, visible: koIsLastPage() && isEditMode, css: cssNavigationComplete" value="Complete" class="sv_complete_btn">
</div>
</div>
<!-- /ko -->
<!-- ko if: koState() == "completed" && showCompletedPage --><!-- /ko -->
<!-- ko if: koState() == "completedbefore" --><!-- /ko -->
<!-- ko if: koState() == "loading" --><!-- /ko -->
<!-- ko if: koState() == "empty" --><!-- /ko -->
</div>
</form>Text Content
GETTING TO KNOW OUR SPIRITED TEAM MEMBERS Page 1 of 1 We would love to get to know more about you. Would you take 5 minutes to answer just 7 of the following questions. You can choose. Thanks Other (describe) 1. 1. TELLS US WHAT YOUR HIDDEN TALENTS ARE? Other (describe) 2. 2. HOW DO YOU SPEND YOUR TIME OUTSIDE OF WORK? Other (describe) 3. 3. IF YOU CAN LEARN TO DO ANYTHING, WHAT WOULD IT BE? Other (describe) 4. 4. WHAT DID YOU WANT TO BE WHEN YOU GROW UP? Other (describe) 5. 5. FAVOURITE PLACE YOU HAVE VISITED AND WHY? Other (describe) 6. WHAT ADVICE WOULD YOU GIVE YOUR YOUNGER SELF? Other (describe) 7. TELL US ONE OF THE BIGGEST RISKS YOU TOOK THAT PAID OFF Other (describe) 8. WHAT ATTRACTED YOU TO WORKING AT SPIRIT? Other (describe) 9. WHAT ARE YOU PASSIONATE ABOUT? Other (describe) 10. FAVOURITE SONG TO SING AT A KARAOKE. Other (describe) 11. DESCRIBE THE BEST WAY TO START THE DAY? Other (describe) 12. TELL US WHAT YOU DID BEFORE YOU CAME TO SPIRIT? Other (describe) 13. WHAT IS CURRENTLY ON YOUR WISHLIST? (CAN BE ANYTHING!) Other (describe) 14. WHY DID YOU DECIDE TO DO THE WORK YOU ARE DOING NOW? Other (describe) 15. WHAT BOOK OR ARTICLE IMPACTED YOU THE MOST? Other (describe) 16. WHAT’S THE BEST THING/ACHIEVEMENT TO HAVE HAPPENED TO YOU? Other (describe) 17. NAME ONE THING YOU WISH YOU HAD CONTROL OF. Other (describe) 18. TELL US ONE THING YOUR FRIENDS CAN COUNT YOU ON FOR Other (describe) 19. HOW DO YOU RECHARGE YOUR BATTERIES? Other (describe) 20. FINISH THIS SENTENCE. THE SECRET TO A HAPPY LIFE IS… Other (describe) 21. * YOUR NAME Other (describe) 22. * YOUR EMAIL ADDRESS Other (describe) Page 1 of 1