Destiny | Spontaneous Applications

<!DOCTYPE html> <html lang="en"> <head> <script nonce="8rNErqFMNmBcXWfL9unQq1Zu8kX2x5xf"> window.dataLayerJT = window.dataLayerJT || []; window.dataLayer = window.dataLayer || []; function gtag(){ window.dataLayerJT.push(arguments); } // set default consent for all tags gtag('consent', 'default', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied' }); </script> <script nonce="8rNErqFMNmBcXWfL9unQq1Zu8kX2x5xf"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;var n=d.querySelector('[nonce]'); n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayerJT','GTM-NLWJM4T'); </script> <script nonce="8rNErqFMNmBcXWfL9unQq1Zu8kX2x5xf"> window.loadGTM = function() { gtag('consent', 'update', { 'analytics_storage': 'granted', }); gtag('event', 'cookie-consent'); }; </script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="csrf-token" content="3i9oPGBjv0juv2FSpyMQZ19tzbV4xUPovCeFHne9"> <meta name="robots" content="noindex"> <title>Destiny | Spontaneous Applications</title> <meta name="description" content=""> <link rel="canonical" href="https://jobs.dstny.be/en/apply-spontaneously"> <meta property="og:title" content="Spontaneous Applications"/> <meta property="og:description" content="" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://jobs.dstny.be/en/apply-spontaneously" /> <meta property="og:image" content="https://jobtoolz-assets.imgix.net/assets/companies/1310796430/header-QcMeMucx3APhBu7.jpg?dpr=1" /> <link rel="icon" type="image/png" sizes="32x32" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/favicon-32x32.png?ver=vaiCe"> <link rel="icon" type="image/png" sizes="230x230" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/favicon-230x230.png?ver=DNmRy"> <link rel="icon" type="image/png" sizes="192x192" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/android-chrome-192x192.png?ver=huArO"> <link rel="icon" type="image/png" sizes="228x228" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/coast-228x228.png?ver=4AbIN"> <link rel="icon" type="image/png" sizes="16x16" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/favicon-16x16.png?ver=jVia0"> <link rel="manifest" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/site.webmanifest"> <link rel="mask-icon" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/safari-pinned-tab.svg?ver=QDA6u" color="#136497"> <link rel="shortcut icon" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/favicon.ico?ver=uWVvq"> <meta name="msapplication-TileColor" content="#654321"> <meta name="msapplication-TileImage" content="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/mstile-144x144.png?ver=nySb3"> <meta name="msapplication-config" content="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1310796430/favicons/browserconfig.xml"> <meta name="theme-color" content="#4972ab"> <link rel="stylesheet" href="/jobsites/css/app.css?id=964ede6aad4fe0dbb23215b04645d210"> <script src="https://elements.cronofy.com/js/CronofyElements.v1.56.3.js"></script> <style> </style> </head> <body class="text-body leading-normal site__color--text site__selection--complement-brand site__font--text site__select--brand"> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLWJM4T" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div data-server-rendered="true"><div><style> .site__rounded--small { border-radius: 12.5px; } .site__rounded--small-top { border-radius: 12.5px 12.5px 0 0; } .site__rounded--medium { border-radius: 45px; } .site__rounded--medium-top { border-radius: 45px 45px 0 0; } .site__rounded--medium-bottom { border-radius: 0 0 45px 45px; } .site__rounded--medium-left { border-radius: 45px 0 0 45px; } .site__rounded--medium-right { border-radius: 0 45px 45px 0; } .site__rounded--large { border-radius: 999px; } .site__padding--medium { padding: 25px; } .site__bg--brand { background-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); } .site__bg--brand-10 { background-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 0.1); } .site__bg--brand-30 { background-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 0.3); } .site__color--brand-contrast { color: #ffffff } .site__color--text-contrast { color: #ffffff } .site__color--brand { color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); } .site__bg--text { background-color: hsla(0, 0%, 26.666666666667%, 1); } .site__hover__bg--text:hover { background-color: hsla(0, 0%, 26.666666666667%, 1); } .site__bg--text-80 { background-color: hsla(0, 0%, 26.666666666667%, 0.8); } .site__fill--brand { fill: #1ba9b5; } .site__fill--brand-contrast { fill: #ffffff; } .site__color--text { color: hsla(0, 0%, 26.666666666667%, 1); } ::placeholder { color: #d9d9d9; } .site__color--text-light { color: #d9d9d9; } .site__color--text-50 { color: hsla(0, 0%, 26.666666666667%, 0.5); } .site__color--text-70 { color: hsla(0, 0%, 26.666666666667%, 0.7); } .site__border--brand { border-color: #1ba9b5; } .site__focus--brand:focus, .site__focus--brand:focus ~ .input-icon, .site__focus--brand:focus ~ label, .site__focus--brand:focus ~ span.checkmark { border-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); } .site__focus--outline-brand:focus, .site__focus--outline-brand:focus ~ .file-upload, .site__focus--outline-brand:focus ~ label, .site__focus--outline-brand:focus ~ span.checkmark { box-shadow: 0 0 0 0.2rem hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 0.3); } .site__select--brand *::selection { background-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); } .site__selection--complement-brand *::selection { color: #b5271b; }, .site__border--text { border-color: hsla(0, 0%, 26.666666666667%, 1); } .site__border--text-light { border-color: #d9d9d9; } .site__font--display { font-family: Rubik, sans-serif; } .site__font--text { font-family: Montserrat, sans-serif; } .cc-banner.cc-bottom { background-color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); color: #ffffff; } .cc-banner.cc-bottom .cc-link { color: #ffffff; } .cc-btn.cc-dismiss { color: #ffffff; background: transparent; border: 2px solid #ffffff; transition: ease 150ms; } .cc-btn.cc-dismiss:hover { background: #ffffff; color: hsla(184.67532467532467, 74.03846153846155%, 40.78431372549019%, 1); } .bg-white-ie11{ background-color: #fff; } .bg-black-ie11{ background-color: #000; } </style> <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&family=Montserrat:wght@400;700&display=swap" rel="stylesheet"></div> <div class="min-h-screen flex flex-col"><div class="overflow-hidden scroll-scene relative z-20 overflow-visible"><header id="site__header" component="[object Object]" class="w-full"><div class="site__container pt-24"><div class="mb-24 items-center justify-between block md:flex"><a href="https://jobs.dstny.be" class="h-60 w-auto flex justify-center order-2 md:order-1"><img alt="Destiny" src="https://jobtoolz-assets.imgix.net/assets/companies/1310796430/logo-jazCUfv2LlfBH2i.jpg?dpr=2&h=60" class="h-60"></a> <div class="flex justify-center order-1 md:order-2 pt-24 md:pt-0 flex-col md:flex-row items-center md:items-start gap-8 md:gap-0"><a id="home__back-to-website-button" href="https://dstny.be/" class="site__rounded--small border site__border--text-light h-40 items-center px-16 flex-none group flex max-w-full md:ml-auto"><span class="mr-8 sm:w-11/12 truncate text-body-sm"> back to company website </span> <span class="site__color--text opacity-25 group-hover:opacity-75 trans-ease sm:w-1/12 flex justify-end"><svg height="16" width="16" class="block fill-current"><path d="M16 0v6l-2.293-2.293-5 5-1.414-1.414 5-5L10 0h6zm-1 16H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h7v2H2v12h12V8h2v7a1 1 0 0 1-1 1z"></path></svg></span></a> <div class="pl-12 mb-0"><div x-data="{ open: false }" class="relative text-body-sm"><button x-on:click="open = !open" class="focus:outline-none site__focus--outline-brand trans-ease hover:bg-primary-5 site__rounded--small px-16 h-40 flex items-center cursor-pointer"><span class="mr-8">English</span> <span x-bind:class="{'transform -rotate-180': open}" class="dropdown-triangle trans-ease" style="border-top-color:hsla(0, 0%, 26.666666666667%, 1);"></span></button> <ul x-cloak x-on:click.away="open = false" x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:enter-start="opacity-0 transform -translate-y-8" x-transition:leave="transition ease-in duration-300" x-transition:leave-end="opacity-0 transform -translate-y-8" x-transition:leave-start="opacity-100 transform translate-y-0" class="h-auto right-0 mt-8 bg-white border border-primary-5 absolute site__rounded--small overflow-hidden shadow pt-16 trans-ease"><li class="mb-8 -mt-8"><a href="https://jobs.dstny.be/nl/spontaan-solliciteren" class="block px-16 py-4 hover:bg-primary-5"> Nederlands </a></li><li class="mb-8 -mt-8"><a href="https://jobs.dstny.be/fr/candidature-spontanee" class="block px-16 py-4 hover:bg-primary-5"> Fran莽ais </a></li></ul></div></div></div></div></div></header></div> <div class="flex-grow flex flex-col"><header class="relative z-10"> <div class="w-full overflow-hidden"> <div id="hero-banner" class="relative pt-60pct sm:pt-40pct lg:pt-30pct"> <div class="absolute inset-0 bg-no-repeat bg-center bg-cover site__bg--brand-30" style="background-image: url(https://jobtoolz-assets.imgix.net/assets/companies/1310796430/header-QcMeMucx3APhBu7.jpg?dpr=1&w=2000&h=650&fit=max)" > <div class="site__container flex pt-24" id="applications__back-to-home-button"> <a href="https://jobs.dstny.be/en#jobs" class="flex items-center site__rounded--medium px-12 h-32 relative overflow-hidden" > <div class="flex items-center text-white relative z-10"> <svg class="trans-ease icon opacity-50 block stroke-current mr-8" width="16" height="14" transform="rotate(180)"> <path d="M9.75 1.75L15 7 9.75 1.75zM15 7l-5.25 5.25L15 7zm-2 0H1.5 13z" stroke-width="2" fill="none" stroke-linejoin="round"/> </svg> <span class="font-semibold text-body-sm">Back to vacancy overview</span> </div> <div class="absolute inset-0 bg-black opacity-50"></div> </a> </div> </div> <div class="absolute inset-0 site__container h-full flex flex-col justify-end pointer-events-none"> <div class="pointer-events-auto relative overflow-hidden w-full h-128 site__rounded--medium-top shadow-lg flex items-center pl-24 md:pl-32 lg:pl-48"> <div class="relative z-10 site__color--brand-contrast"> <h1 class="font-bold text-heading-1 site__font--display"> Spontaneous Applications </h1> <h2 class="text-heading-2"> <span>in </span> </h2> </div> <div class="absolute inset-0 site__bg--brand opacity-85"></div> </div> </div>; </div> </div> </header> <div class="site__container"> <div class="bg-white shadow-md site__rounded--medium-bottom overflow-hidden pt-24 pl-24 md:pt-32 md:pl-32 lg:pt-48 lg:pl-48"> <div class="mb-24 mr-24 md:mb-32 md:mr-32 lg:mb-48 lg:mr-48"> <a href="https://jobs.dstny.be/en#jobs" class="bg-semantic-error font-semibold mb-32 p-16 block rounded-6 text-white hidden" data-role="errors-404">You tried to apply for a vacancy that is no longer published. Go back to the vacancy overview to view the active vacancies.</a> <form action="https://jobs.dstny.be/en/apply-spontaneously/apply" method="post" id="applicationForm" enctype="multipart/form-data"> <input type="hidden" name="_token" value="3i9oPGBjv0juv2FSpyMQZ19tzbV4xUPovCeFHne9" autocomplete="off"> <input type="hidden" name="job_id" value="2015933320"/> <fieldset class="mb-24 md:mb-32 lg:mb-48"> <h3 class="content-title site__font--display"> Personal information </h3> <div class="flex flex-col-reverse md:flex-row mb-16"> <div class="w-full md:w-1/2 mr-32"> <div class="mb-16"> <div class="flex flex-col w-full"> <label class="block mb-8 first-letter:uppercase" for="first_name" data-error-text="first_name"> First name </label> <div class="relative"> <input class="focus:outline-none site__focus--brand site__focus--outline-brand w-full border h-40 px-12 site__rounded--small site__border--text-light" type="text" value="" placeholder="" name="first_name" id="first_name" data-error-border="first_name" data-locale="en" autofocus > </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="first_name" data-error-text="first_name"></div> </div> </div> <div> <div class="flex flex-col w-full"> <label class="block mb-8 first-letter:uppercase" for="last_name" data-error-text="last_name"> Last name </label> <div class="relative"> <input class="focus:outline-none site__focus--brand site__focus--outline-brand w-full border h-40 px-12 site__rounded--small site__border--text-light" type="text" value="" placeholder="" name="last_name" id="last_name" data-error-border="last_name" data-locale="en" > </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="last_name" data-error-text="last_name"></div> </div> </div> </div> <div class="mb-16 w-full md:w-1/2 flex flex-col"> </div> </div> <div class="md:flex mb-16"> <div class="w-full md:w-1/2 mr-32 mb-16 md:mb-0"> <div class="flex flex-col w-full"> <label class="block mb-8 first-letter:uppercase" for="email" data-error-text="email"> E-mail </label> <div class="relative"> <input class="focus:outline-none site__focus--brand site__focus--outline-brand w-full border h-40 px-12 site__rounded--small site__border--text-light" type="email" value="" placeholder="" name="email" id="email" data-error-border="email" data-locale="en" > </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="email" data-error-text="email"></div> </div> </div> <div class="w-full md:w-1/2"> <div class="flex flex-col w-full"> <label class="block mb-8 first-letter:uppercase" for="phone" data-error-text="phone"> Phone </label> <div class="relative"> <input class="focus:outline-none site__focus--brand site__focus--outline-brand w-full border h-40 px-12 site__rounded--small site__border--text-light" type="text" value="" placeholder="" name="phone" id="phone" data-error-border="phone" data-locale="en" > </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="phone" data-error-text="phone"></div> </div> </div> </div> </fieldset> <fieldset class="mb-24 md:mb-32 lg:mb-48"> <h3 class="content-title site__font--display">Candidate profile</h3> <div class="flex flex-col mb-32"> <div class="file-upload border-dashed border-2 site__border--text-light rounded-6 p-24 flex flex-col items-center justify-center trans-ease-slow group" data-error-border="curriculum_vitae" data-error-text="curriculum_vitae"> <input class="visually-hidden" type="file" name="_curriculum_vitae" id="_curriculum_vitae"> <input type="hidden" name="curriculum_vitae" /> <div class="text-semantic-error m-16 flex justify-center hidden" data-svg="forbidden"> <svg class="w-48 h-48 fill-current" viewBox="0 0 32 32"><path d="M16 6c1.6 0 3.2.4 4.6 1.1L7.1 20.6C6.4 19.2 6 17.6 6 16c0-5.5 4.5-10 10-10m0 20c-1.6 0-3.2-.4-4.6-1.1l13.5-13.5c.7 1.4 1.1 3 1.1 4.6 0 5.5-4.5 10-10 10m0-26C7.2 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0"/></svg> </div> <div class="file-upload-icon relative w-48 h-48 m-16" data-svg="default"> <span class="trans-ease-slow absolute pin block rounded-6 w-48 h-48 opacity-25 bg-secondary"></span> <span class="trans-ease-slow absolute pin flex items-center justify-center rounded-6 w-48 h-48 text-white bg-secondary"> <svg class="block fill-current" viewBox="0 0 30 31" width="30"><path d="M10.153 8.709C11.275 9.15 12 10.187 12 11.349V13H0v-1.651c0-1.162.725-2.198 1.847-2.64C3.038 8.239 4.436 8 6 8c1.564 0 2.962.239 4.153.709zM19.5 1h9a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1 0-3zm0 9h9a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1 0-3zm-18 9h27a1.5 1.5 0 0 1 0 3h-27a1.5 1.5 0 0 1 0-3zm0 9h27a1.5 1.5 0 0 1 0 3h-27a1.5 1.5 0 0 1 0-3zM6 0a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/></svg> </span> </div> <span class="font-semibold text-heading-2 mb-16 ">resume</span> <div class="flex items-center"> <span class="mr-8 text-right">Drop files to upload</span> <span class="italic mr-8">or</span> <label class="hover:text-secondary trans-ease cursor-pointer font-semibold underline focus:outline-none focus:text-secondary focus:ring-2 ring-secondary-20 px-4 rounded-6" for="_curriculum_vitae">Browse</label> </div> <div class="overflow-hidden relative w-full hidden" data-role="progress"> <div class="flex items-end mb-8 mt-16 text-body-sm"> <span class="font-semibold mr-auto" data-role="filename" style="max-width:54rem;"></span> <span class="flex-none cursor-pointer underline hidden" data-role="cancel">cancel</span> <span class="flex-none cursor-pointer underline hidden" data-role="delete">delete</span> <span class="flex-none font-semibold ml-auto" data-role="fileprogress"></span> </div> <div class="h-4 bg-primary-20 rounded-32"> <div class="progress-bar h-full rounded-32 bg-secondary" data-role="fileprogressbar"></div> </div> </div> </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="curriculum_vitae" data-error-text="curriculum_vitae"></div> </div> <div class="flex flex-col mb-32"> <div class="file-upload border-dashed border-2 site__border--text-light rounded-6 p-24 flex flex-col items-center justify-center trans-ease-slow group" data-error-border="motivation_letter" data-error-text="motivation_letter"> <input class="visually-hidden" type="file" name="_motivation_letter" id="_motivation_letter"> <input type="hidden" name="motivation_letter" /> <div class="text-semantic-error mb-16 flex justify-center hidden" data-svg="forbidden"> <svg class="h-32 fill-current" viewBox="0 0 32 32"><path d="M16 6c1.6 0 3.2.4 4.6 1.1L7.1 20.6C6.4 19.2 6 17.6 6 16c0-5.5 4.5-10 10-10m0 20c-1.6 0-3.2-.4-4.6-1.1l13.5-13.5c.7 1.4 1.1 3 1.1 4.6 0 5.5-4.5 10-10 10m0-26C7.2 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0"/></svg> </div> <svg class="block fill-current text-primary-20 h-32 mb-16" viewBox="0 0 32 22" data-svg="default"><path d="M17 13v5h-2v-5h-5l6-6 6 6h-5zm9.842-3.855A10.949 10.949 0 0 0 16 0C11.322 0 7.242 2.883 5.665 7.233A7.467 7.467 0 0 0 0 14.5c0 3.908 3.042 7.201 7 7.5h19c.03 0 .06-.001.09-.004C29.404 21.697 32 18.844 32 15.5c0-3.081-2.208-5.729-5.158-6.355z"/></svg> <span class="font-semibold text-heading-2 ">Cover letter</span> <small class="text-primary-80 text-body-sm mb-16">(not required)</small> <div class="flex items-center"> <span class="mr-8 text-right">Drop files to upload</span> <span class="italic mr-8">or</span> <label class="hover:text-secondary trans-ease cursor-pointer font-semibold underline focus:outline-none focus:text-secondary focus:ring-2 ring-secondary-20 px-4 rounded-6" for="_motivation_letter">Browse</label> </div> <div class="overflow-hidden relative w-full hidden" data-role="progress"> <div class="flex items-end mb-8 mt-16 text-body-sm"> <span class="font-semibold mr-auto" data-role="filename" style="max-width:54rem;"></span> <span class="flex-none cursor-pointer underline hidden" data-role="cancel">cancel</span> <span class="flex-none cursor-pointer underline hidden" data-role="delete">delete</span> <span class="flex-none font-semibold ml-auto" data-role="fileprogress"></span> </div> <div class="h-4 bg-primary-20 rounded-32"> <div class="progress-bar h-full rounded-32 bg-secondary" data-role="fileprogressbar"></div> </div> </div> </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="motivation_letter" data-error-text="motivation_letter"></div> </div> <div class="flex flex-col mb-32"> <label class="block mb-8" for="motivation" data-error-text="motivation"> Summary <small class="text-body-sm site__color--text-70">(not required)</small> </label> <div class="relative"> <textarea class="jobtoolz-editor focus:outline-none site__focus--brand site__focus--outline-brand w-full border site__rounded--small resize-none p-16 h-168 site__border--text-light" placeholder="" name="motivation" id="motivation" data-error-border="motivation"></textarea> </div> <div class="text-body-sm pl-4 pt-4 hidden" data-error-feedback="motivation" data-error-text="motivation"></div> </div> </fieldset> <fieldset class="mb-24 md:mb-32 lg:mb-48"> <h3 class="content-title site__font--display"> Disclaimer </h3> <div class="flex flex-col mb-16"> <div class="flex input-checkboxes text-body"> <div class="mr-32 flex items-center " data-error-text="disclaimer"> <label class="flex items-center w-full cursor-pointer"> <input class="visually-hidden site__focus--brand site__focus--outline-brand" type="checkbox" name="disclaimer" value="1" > <span class="flex-none checkmark rounded-32 w-32 h-32 flex items-center justify-center border-2 site__border--text-light trans-ease-slow mr-12 site__color--text-light" data-error-border="disclaimer" data-error-text="disclaimer" > <svg class="block fill-current" width="14" height="10"><path d="M5 10c-.3 0-.5-.1-.7-.3l-4-4c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0L5 7.6 12.3.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-8 8c-.2.2-.4.3-.7.3"/></svg> </span> <span class="checkmark-text text-left font-semibold">I agree with the general conditions and the disclaimer.</span> </label> <span class="ml-8 text-body-sm whitespace-nowrap cursor-pointer site__color--brand" data-action="disclaimer" > Read more </span> </div> </div> </div> </fieldset> <div class="text-semantic-error border-2 border-semantic-error p-16 font-semibold mb-32 rounded-6 flex items-center hidden" data-role="errors-feedback"> <svg enable-background="new 0 0 361.117 361.117" viewBox="0 0 361.117 361.117" class="fill-current block flex-none mr-16" width="40" height="40"> <path d="m359.568 327.246-168.057-305.428c-2.197-3.993-6.395-6.474-10.952-6.474-4.558 0-8.754 2.481-10.952 6.474l-168.058 305.428c-2.131 3.872-2.058 8.582.191 12.388 2.249 3.805 6.34 6.139 10.76 6.139h336.117c4.421 0 8.512-2.334 10.761-6.139 2.249-3.806 2.321-8.516.19-12.388zm-325.922-6.474 146.913-266.999 146.913 266.999z"/> <path d="m164.894 143.085v90.351c0 8.65 7.014 15.665 15.665 15.665 8.65 0 15.665-7.015 15.665-15.665v-90.351c0-8.651-7.015-15.665-15.665-15.665-8.651 0-15.665 7.015-15.665 15.665z"/> <path d="m180.559 265.364c-9.097 0-16.5 7.399-16.5 16.5 0 9.098 7.403 16.5 16.5 16.5s16.5-7.402 16.5-16.5c0-9.1-7.404-16.5-16.5-16.5z"/> </svg> There was an error while processing the form. Please review all required fields. </div> <p class="flex"> <button type="submit" id="form-submit" class="focus:outline-none site__focus--outline-brand ml-auto site__bg--brand site__color--brand-contrast font-semibold site__rounded--medium h-48 px-24 flex items-center justify-center w-full sm:w-1/2 md:w-auto"> <span class="mr-8"> Yes, I go for it </span> <svg class="trans-ease icon opacity-50 block stroke-current" width="16" height="14"> <path d="M9.75 1.75L15 7 9.75 1.75zM15 7l-5.25 5.25L15 7zm-2 0H1.5 13z" stroke-width="2" fill="none" stroke-linejoin="round"/> </svg> </button> </p> </form> </div> </div> </div> </div>   <div class="overflow-hidden scroll-scene"><footer component="[object Object]" class="pt-32 mb-32 flex items-center justify-center w-full" data-v-f9d06b72><p class="mr-16" data-v-f9d06b72>Proudly hosted by</p> <a href="https://jobtoolz.com" class="w-32 h-32" data-v-f9d06b72><svg width="32" height="32" class="block" data-v-f9d06b72><g data-v-f9d06b72><path d="M32 16a15.944 15.944 0 0 0-4.686-11.314A15.944 15.944 0 0 0 16 0 15.943 15.943 0 0 0 4.686 4.686 15.943 15.943 0 0 0 0 16a15.945 15.945 0 0 0 4.686 11.314A15.946 15.946 0 0 0 16 32a15.902 15.902 0 0 0 8.368-2.36l5.47 2.115-1.636-5.406a15.912 15.912 0 0 0 2.54-4.12A15.902 15.902 0 0 0 32 16z" fill="#231F20" data-v-f9d06b72></path><path d="M10.344 13.148c0 1.03-.089 1.562-.266 1.95-.178.376-.554.763-.908.974a3.094 3.094 0 0 1-1.65.476c-.189 0-2.349 0-2.703-2.16a3.842 3.842 0 0 1-.056-.631h2.227c0 .077.01.155.022.244.044.332.166.709.61.709.32 0 .475-.167.553-.376.077-.223.077-.477.077-.665V8.197h2.093v4.951h.001zm13.01 1.406h.985c.134 0 .4 0 .621-.1.232-.099.42-.299.42-.686 0-.354-.177-.532-.398-.62-.21-.089-.476-.089-.643-.089h-.985v1.495zm0-3.245h.741c.145 0 .366 0 .555-.077.188-.089.332-.256.332-.576 0-.31-.144-.466-.321-.543-.178-.077-.4-.077-.566-.077h-.741v1.273zM21.26 8.197h3.013c.841 0 1.517.188 1.983.553.476.355.73.898.73 1.596 0 .63-.288 1.273-.952 1.65 1.318.465 1.352 1.562 1.352 1.905 0 .653-.256 1.373-.754 1.783-.753.632-1.296.71-2.68.71H21.26V8.197zm-1.2 4.098a4.254 4.254 0 1 1-8.506.117 4.254 4.254 0 0 1 8.507-.117z" fill="#FFF" data-v-f9d06b72></path><path d="M17.746 13.774c.326-.424.503-.944.503-1.48a2.442 2.442 0 1 0-1.504 2.256l1.31.626-.309-1.402z" fill="#72CC66" data-v-f9d06b72></path><g transform="translate(4.266 17.6)" fill="#FFF" data-v-f9d06b72><path d="M1.64270934 1.528944L0.356261334 1.528944 0.356261334 0.405872 4.20125334 0.405872 4.20125334 1.528944 2.92158934 1.528944 2.92158934 5.412896 1.64270934 5.412896z" data-v-f9d06b72></path><path d="M11.334 2.902c0 .765.522 1.482 1.381 1.482.907 0 1.347-.826 1.347-1.468 0-.65-.44-1.482-1.36-1.482-.887 0-1.368.758-1.368 1.462v.006z" data-v-f9d06b72></path><path d="M16.0654934 0.405872L17.3442134 0.405872 17.3442134 4.289568 18.8261334 4.289568 18.8261334 5.412896 16.0654934 5.412896z" data-v-f9d06b72></path><path d="M20.8837334 4.289568L22.4805334 4.289568 22.4805334 5.412896 19.3206934 5.412896 19.3206934 4.573856 21.0459734 1.528944 19.3206934 1.528944 19.3206934 0.405872 22.4805334 0.405872 22.4805334 1.441136z" data-v-f9d06b72></path><path d="M10.108 2.91a2.59 2.59 0 1 1 5.18 0 2.59 2.59 0 0 1-5.18 0z" data-v-f9d06b72></path></g><path d="M16.965 19.023c-.202 0-.394.04-.568.113l-.795-.38.187.85a1.482 1.482 0 1 0 1.176-.583z" fill="#231F20" data-v-f9d06b72></path><path d="M8.616 20.51a2.59 2.59 0 1 1 5.18 0 2.59 2.59 0 0 1-5.18 0z" fill="#FFF" data-v-f9d06b72></path><path d="M9.724 20.51a1.482 1.482 0 1 1 2.962-.07 1.482 1.482 0 0 1-2.962.07z" fill="#231F20" data-v-f9d06b72></path></g></svg></a></footer></div></div></div> </div> <script nonce="8rNErqFMNmBcXWfL9unQq1Zu8kX2x5xf"> var Jobtoolz = (function () { return { api: { url: 'https://api.jobtoolz.com', token: 'eyJpdiI6IjBZMzRoN3BCajZXQXRwTCs3Nk1oUXc9PSIsInZhbHVlIjoiMldzdkY5WGpId3gzZVBiL21zZ1hrUHVzZHNZN0lPeVhvSHlrR2o1RXFsT0IzWW0veXQycE90SSt2K2dNdndYaSIsIm1hYyI6IjUwY2ZmYTJjNTlhZGU1NjNmZjdlNmNkYjIxMWE4NmZhMjRkODdlOWNhMmM3YWY5M2Y5ZDhkNmQ3NWJmZjczZWYiLCJ0YWciOiIifQ==' }, urls: { success: 'https://jobs.dstny.be/en/apply-spontaneously/apply/thanks' } }; })(); </script> <script src="/jobsites/js/manifest.js?id=3ef8d3e391ab97e0833084a5135aa0ee"></script> <script src="/jobsites/js/vendor.js?id=42c77de380a51b294cf0ff00c29580d8"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.js"></script> <div class="bg-opacity-20 bg-black items-center justify-center w-screen h-dvh fixed top-0 z-20 hidden" id="cookie_popup" x-data="{ onFirstTab: true, AnalyticsMarketingCookies: false }" > <div class="bg-white mx-16 shadow sm:w-4/5 md:w-1/2 lg:w-1/2 max-h-5/6 flex flex-col site__rounded--small "> <div class="bg-primary-5 px-16 sm:px-32 pt-16 site__rounded--small-top "> <img src="https://jobtoolz-assets.imgix.net/assets/companies/1310796430/logo-jazCUfv2LlfBH2i.jpg?dpr=2" alt="Company logo" class="inline-block align-middle max-h-32 sm:max-h-40 mb-14 mr-16"> <h2 class="hidden lg:inline-block align-middle font-semibold text-heading-2 mb-14">Enhance your experience through cookies</h2> </div> <div id="cp_content" class="overflow-y-auto overflow-x-hidden"> <div id="cp_content_first_tab" x-show="onFirstTab" class="px-16 sm:px-32 pt-16"> <h2 class="font-semibold text-ocean-blue text-heading-2 mb-12"> Cookie Policy </h2> <p class="mb-20">Destiny uses cookies to make the website perform better, to improve the operation and content of the website and to provide visitors of the website with relevant advertisements and content.</p> <p class="mb-20">If you choose "Accept all cookies", you agree that we use this information for the reasons mentioned above. If you refuse this consent, we will only use the cookies necessary for the site to function and unfortunately you will not receive any personalised content.</p> <p class=""> Jobtoolz collects anonymous data to improve the user experience on employer branding websites. <a href="https://jobtoolz.com/en/cookie-policy">Read here the complete cookie policy of Jobtoolz</a>. </p> </div> <div id="cp_content_second_tab" x-show="!onFirstTab" class="px-16 sm:px-32 pt-16"> <div x-data="{ checked: true, disabled: true, big: false, before: false}" class="flex-none"> <label class="flex cursor-pointer items-start mb-20 mt-12" x-bind:class="{'opacity-50': disabled, 'opacity-100': !disabled }" > <span x-show="before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Necessary cookies </h4> <span class="text-body"> (required) </span> </header> <span> These cookies are necessary for purely technical reasons for a normal visit to the website. Given the technical necessity, only an information obligation applies, and these cookies are placed as soon as you access the website </span> </span> <span class="toggle relative flex items-center justify-center cursor-pointer mt-2"> <input class="sr-only peer" type="checkbox" x-bind:checked="checked" x-bind:disabled="disabled" id="toggle-1" x-on:click="checked = !checked; $dispatch('toggled', { id: 1, checked: checked})" > <span class="block peer-checked:bg-secondary-80 rounded-32 bg-primary-20 w-32 h-16 mr-8" ></span> <span class="absolute left-2 top-2 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-16"></span> </span> <span x-show="!before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Necessary cookies </h4> <span class="text-body"> (required) </span> </header> <span class="text-2xl"> These cookies are necessary for purely technical reasons for a normal visit to the website. Given the technical necessity, only an information obligation applies, and these cookies are placed as soon as you access the website </span> </span> </label> </div> <div x-data="{ checked: true, disabled: true, big: false, before: false}" class="flex-none"> <label class="flex cursor-pointer items-start mb-20 mt-12" x-bind:class="{'opacity-50': disabled, 'opacity-100': !disabled }" > <span x-show="before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Functional cookies </h4> <span class="text-body"> (required) </span> </header> <span> You cannot refuse these cookies if you wish to browse this website, but they are only placed after a choice has been made regarding the placement of cookies. </span> </span> <span class="toggle relative flex items-center justify-center cursor-pointer mt-2"> <input class="sr-only peer" type="checkbox" x-bind:checked="checked" x-bind:disabled="disabled" id="toggle-2" x-on:click="checked = !checked; $dispatch('toggled', { id: 2, checked: checked})" > <span class="block peer-checked:bg-secondary-80 rounded-32 bg-primary-20 w-32 h-16 mr-8" ></span> <span class="absolute left-2 top-2 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-16"></span> </span> <span x-show="!before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Functional cookies </h4> <span class="text-body"> (required) </span> </header> <span class="text-2xl"> You cannot refuse these cookies if you wish to browse this website, but they are only placed after a choice has been made regarding the placement of cookies. </span> </span> </label> </div> <div x-data="{ checked: false, disabled: false, big: false, before: false}" class="flex-none"> <label class="flex cursor-pointer items-start mb-20 mt-12" x-bind:class="{'opacity-50': disabled, 'opacity-100': !disabled }" > <span x-show="before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Analytics & Marketing cookies </h4> <span class="text-body"> (optional) </span> </header> <span> These are cookies that allow us to know how many times a specific page has been visited. We only use this information to improve the content of our website. These cookies are only placed if you accept their placement </span> </span> <span class="toggle relative flex items-center justify-center cursor-pointer mt-2"> <input class="sr-only peer" type="checkbox" x-bind:checked="checked" x-bind:disabled="disabled" id="toggle-3" x-on:click="checked = !checked; $dispatch('toggled', { id: 3, checked: checked})" > <span class="block peer-checked:bg-secondary-80 rounded-32 bg-primary-20 w-32 h-16 mr-8" ></span> <span class="absolute left-2 top-2 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-16"></span> </span> <span x-show="!before"> <header class="leading-snug select-none -mt-2"> <h4 x-bind:class="{'text-secondary': checked, 'text-primary': !checked }" class="trans-ease font-semibold first-letter:uppercase inline-block"> Analytics & Marketing cookies </h4> <span class="text-body"> (optional) </span> </header> <span class="text-2xl"> These are cookies that allow us to know how many times a specific page has been visited. We only use this information to improve the content of our website. These cookies are only placed if you accept their placement </span> </span> </label> </div> </div> <div id="cp_fadeout" class="hidden sticky bottom-0 h-80 w-full bg-gradient-to-t from-white to-transparent pointer-events-none"></div> </div> <div class="text-body-sm px-16 sm:px-32 py-16"> <div class="flex flex-col lg:flex-row justify-end items-stretch gap-16"> <button role="button" x-on:click="onFirstTab=!onFirstTab" class="flex justify-center items-center cursor-pointer rounded-6 font-semibold tracking-wider py-10 px-24 trans-ease site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " x-bind:class="{'pl-24 pr-16': onFirstTab, 'pr-24 pl-16': !onFirstTab}" > <svg id="chevron" class="mr-4 w-24 h-24 site__color--brand-contrast " fill="currentColor" x-bind:class="{'rotate-180 order-last': onFirstTab}" viewBox="0 0 24 24" > <path d="m14 6.586-4.707 4.707c-.391.391-.391 1.023 0 1.414l4.707 4.707 1.414-1.414-4-4 4-4z"/> </svg> <span x-text="onFirstTab ? 'Manage cookies' : 'Back'"></span> </button> <button role="button" class="cursor-pointer rounded-6 font-semibold tracking-wider py-10 px-24 trans-ease site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " x-show="onFirstTab" x-on:click="window.acceptCookies(false)" > Refuse optional cookies </button> <button role="button" class="cursor-pointer rounded-6 font-semibold tracking-wider py-10 px-24 trans-ease site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " x-text="onFirstTab ? 'Accept all cookies' : 'Accept my selection'" x-on:toggled.window="if ($event.detail.id === 3) { AnalyticsMarketingCookies = $event.detail.checked }" x-on:click="window.acceptCookies(onFirstTab ? true : AnalyticsMarketingCookies)" ></button> </div> </div> </div> </div>  <div class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="cookie-policy" x-data="{ open: false }" @open-cookie.window="open = true" closable="closable" wider="wider" x-data="{ open: true }" x-show="open" x-cloak > <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity" @click="open = false" > <div class="absolute inset-0 site__bg--text opacity-75"></div> </div> <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" > <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> <button role="button" @click="open = false" class="absolute right-0 top-0 mr-20 mt-20 block w-40 h-40" aria-label="close"> <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <p class="mb-20">Destiny uses cookies to make the website perform better, to improve the operation and content of the website and to provide visitors of the website with relevant advertisements and content.</p> <p class="mb-20">If you choose "Accept all cookies", you agree that we use this information for the reasons mentioned above. If you refuse this consent, we will only use the cookies necessary for the site to function and unfortunately you will not receive any personalised content.</p> <p class=""> Jobtoolz collects anonymous data to improve the user experience on employer branding websites. <a href="https://jobtoolz.com/en/cookie-policy">Read here the complete cookie policy of Jobtoolz</a>. </p> </div> </div> </div>  <div class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="privacy-policy" x-data="{ open: false }" @open-policy.window="open = true" closable="closable" wider="wider" x-data="{ open: true }" x-show="open" x-cloak > <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity" @click="open = false" > <div class="absolute inset-0 site__bg--text opacity-75"></div> </div> <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" > <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> <button role="button" @click="open = false" class="absolute right-0 top-0 mr-20 mt-20 block w-40 h-40" aria-label="close"> <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <h2 class="font-semibold text-ocean-blue text-heading-2 mb-12"> Privacy Policy </h2> <div class="wysiwyg-content"> <p>In order to ensure high-quality recruitment and selection processes we collect your personal data with the help of Jobtoolz, our online application platform.</p><p>The provision of this personal data is therefore a necessary condition to complete the application process.</p><p>When collecting and processing your personal data, we always comply with the regulations on the protection of personal data as well as the General Data Protection Regulation ("AVG" or GDPR).</p><p>For more information on how we process your personal data, we would like to refer you to our privacy policy.</p> <p class="mt-32 text-body-sm"> Would you like to know more about the privacy policy of Jobtoolz <a href="https://jobtoolz.com/en/privacy-policy">Click here</a> </p> </div> </div> </div> </div>  <div class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="cancel-interview-modal" x-data="{ open: false }" wider="wider" closable="closable" @open-cancel-interview.window="open = true" @close-cancel-interview.window="open = false" x-data="{ open: true }" x-show="open" x-cloak > <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity" @click="open = false" > <div class="absolute inset-0 site__bg--text opacity-75"></div> </div> <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" > <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> <button role="button" aria-label="close" class="absolute right-0 top-0 mt-20 mr-20 block w-40 h-40" @click="open = false" > <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <form id="interview-cancel-form"> <div> <h2 class="text-heading-2 font-semibold">Cancel interview</h2> <p class="text-body mt-8">Are you sure you want to cancel this interview?</p> </div> <div> <textarea name="cancel_description" id="cancel_description" class="border-2 border-color-grey resize-none w-full h-144 mt-24 p-16" placeholder="Let Destiny know why you are cancelling the interview." ></textarea> </div> <div class="flex justify-end"> <button id="cancel-interview_btn" role="button" type="submit" class="border-1 border-color-primary bg-color-primary text-white text-body font-semibold py-8 px-16 mt-24 bg-semantic-error hover:bg-semantic-error-dark rounded-md" > Cancel interview </button> </div> </form> </div> </div> </div>  <div class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="reschedule-interview-modal" x-data="{ open: false }" wider="wider" closable="closable" @open-reschedule-interview.window="open = true" @close-reschedule-interview.window="open = false" x-data="{ open: true }" x-show="open" x-cloak > <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity" @click="open = false" > <div class="absolute inset-0 site__bg--text opacity-75"></div> </div> <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" > <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> <button role="button" aria-label="close" class="absolute right-0 top-0 mt-20 mr-20 block w-40 h-40" @click="open = false" > <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <form id="interview-reschedule-form"> <div> <h2 class="text-heading-2 font-semibold">Reschedule interview</h2> <p class="text-body mt-8">Are you sure you want to reschedule this interview?</p> </div> <div> <textarea name="reschedule_description" id="reschedule_description" class="border-2 border-color-grey resize-none w-full h-144 mt-24 p-16" placeholder="Let Destiny know why you are replanning the interview. If possible, include some new time slots." ></textarea> </div> <div class="flex justify-end"> <button id="reschedule-interview_btn" role="button" type="submit" class="border-1 border-color-primary bg-color-primary text-white text-body font-semibold py-8 px-16 mt-24 bg-semantic-warning hover:bg-semantic-warning-lightdark rounded-md" > Reschedule interview </button> </div> </form> </div> </div> </div> <script src="/jobsites/js/app.js?id=927ccf437c4ba009eed7f0ed6e6fc54c"></script> <script async src="https://platform-api.sharethis.com/js/sharethis.js#property=5dfce2cab103ed0012b9407a&product=sticky-share-buttons"></script> <div class="w-full bg-semantic-warning-light p-16 fixed top-0 left-0 z-20" id="iebanner" style="background-color: rgb(255, 251, 235); display: none;"> <div class="inline-block w-full sm:w-3/4"> <div class="text-semantic-warning inline-block align-middle mr-14 w-auto"> <svg class="h-20 w-20 text-semantic-warning" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" style="color: rgb(146, 64, 14);"> <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/> </svg> </div> <div class="inline-block align-middle w-11/12"> <h3 class="text-body-14 text-semantic-warning" style="color: rgb(146, 64, 14);"> Attention required! </h3> <div class="mt-8 text-body-14 text-semantic-warning" style="color: rgb(146, 64, 14);"> <p>We noticed you're using an old web browser which may cause this website not to work correctly. For a safe and uninterrupted experience we recommend you upgrade your browser immediately.</p> </div> </div> </div> <div class="mt-14 md:mt-0 w-full sm:w-1/5 inline-block align-middle space-x-24"> <a class="inline-block w-full sm:w-auto text-center sm:text-left rounded-6 bg-semantic-warning hover:bg-semantic-warning py-8 px-14" style="background-color: rgb(146, 64, 14); color: rgb(255, 251, 235);" href="https://browser-update.org/en/update.html?force_outdated=true"> Upgrade my browser </a> </div> </div> <script nonce="8rNErqFMNmBcXWfL9unQq1Zu8kX2x5xf"> // if (window.navigator.userAgent.match(/(MSIE|Trident)/)) { if (!(window.CSS && window.CSS.supports && window.CSS.supports('--css: variables'))) { document.addEventListener('DOMContentLoaded', function () { document.getElementById('iebanner').style.display = 'block'; }); } </script> </body> </html>

CINXE.COM

Destiny | Spontaneous Applications