1<!DOCTYPE html> 2<html lang="nl"> 3<head> 4
4<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz"> 5 window.dataLayerJT = window.dataLayerJT || []; 6 window.dataLayer = window.dataLayer || []; 7 8 function gtag(){ 9 window.dataLayerJT.push(arguments); 10 } 11 12 // set default consent for all tags 13 gtag('consent', 'default', { 14 'ad_storage': 'denied', 15 'ad_user_data': 'denied', 16 'ad_personalization': 'denied', 17 'analytics_storage': 'denied' 18 }); 19 </script>
19 20 21 22
22<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz"> 23 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 24 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 25 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 26 'https://www.googletagmanager.com/gtm.js?id='+i+dl;var n=d.querySelector('[nonce]'); 27 n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f); 28 })(window,document,'script','dataLayerJT','GTM-NLWJM4T'); 29 </script>
29 30 31 32 33 34 35
35<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz"> 36 window.grantAnalyticsStorage = function() { 37 gtag('consent', 'update', { 38 'analytics_storage': 'granted', 39 }); 40 }; 41 42 window.grantAdStorage = function() { 43 gtag('consent', 'update', { 44 'ad_storage': 'granted', 45 }); 46 }; 47 </script>
47 48 49 <meta charset="UTF-8"> 50 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 51 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 52 <meta name="csrf-token" content="jPMj32X7IPg86YttqghnUs5V1Nzt6bRLZWhwhjAB"> 53 54 55 <title>Beltaste</title> 56 <meta name="description" content=""> 57 <link rel="canonical" href="https://jobs.vanreusel.eu/nl"> 58 59 <meta property="og:title" content=""/> 60<meta property="og:description" content="" /> 61<meta property="og:type" content="website" /> 62<meta property="og:url" content="https://jobs.vanreusel.eu/nl" /> 63<meta property="og:image" content="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/header-nmLdCxHhlkVermA.png?dpr=1" /> 64 65 66 <link rel="preload" as="style" href="https://jobs.vanreusel.eu/build/jobsites/assets/app.css" /><link rel="modulepreload" as="script" href="https://jobs.vanreusel.eu/build/jobsites/assets/app.js" /><link rel="stylesheet" href="https://jobs.vanreusel.eu/build/jobsites/assets/app.css" />
66<script type="module" src="https://jobs.vanreusel.eu/build/jobsites/assets/app.js"></script>
66 67
67<script src="https://elements.cronofy.com/js/CronofyElements.v1.56.3.js"></script>
67 68 69 <style> 70 71</style> 72 73
73<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
73 74<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css">
75<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz"> 76 document.addEventListener( 'DOMContentLoaded', function () { 77 let elms = document.getElementsByClassName( 'splide' ); 78 for ( let i = 0, len = elms.length; i < len; i++ ) { 79 let splide = new Splide( elms[ i ], { 80 type: 'loop', 81 autoWidth: true, 82 // perMove: true, 83 // interval: 3000, 84 pagination: true, 85 focus: 'center', 86 // speed: 3000, 87 autoplay: false, 88 easing: 'ease', 89 pauseOnHover: true, 90 pauseOnFocus: false, 91 waitForTransition: false 92 } ); 93 94 splide.mount(); 95 } 96 } ); 97</script>
97 98 99 <style> 100 #quote { 101background: #cf3339; /*kleur achtergrond*/ 102} 103#quote .site__color--brand { 104 color: #fcd60f !important;/*kleur letters*/ 105} 106#quote{ 107 margin-left: 0 !important; 108 margin-right: 0 !important; 109 display: flex; 110 flex-direction: column; 111 align-items: center; 112 width: 100%; 113 max-width: 100% !important; 114 padding-top: 0rem !important; 115 padding-bottom: 7rem !important;} 116 </style> 117 118</head> 119 120<body class="text-body leading-normal site__color--text site__selection--complement-brand site__font--text site__select--brand"> 121<div id="iframe_placeholder" class="hidden iframe-placeholder w-full h-full inset-0 flex justify-center items-center bg-primary-5 site__rounded--medium cursor-pointer"> 122 <p class="text-center p-32 w-3/5">Het lijkt erop dat je onze cookies nog niet hebt geaccepteerd. Klik hier om de cookies te aanvaarden en deze inhoud te bekijken.</p> 123</div>
vendor: 82 bytes, lines 123-126
123 124 125<noscript> 126 <iframe src="https://www.googletagmanager.com/ns.html?id=
126GTM-NLWJM4T
vendor: 108 bytes, lines 126-131
126" height="0" width="0" style="display:none;visibility:hidden"></iframe> 127 </noscript> 128 129 130 131
132<div id="jobsite-app"><div><div><style> 133 .site__rounded--small { 134 border-radius: 5px; 135 } 136 .site__rounded--small-top { 137 border-radius: 5px 5px 0 0; 138 } 139 .site--rounded--small-bottom { 140 border-radius: 0 0 5px 5px; 141 } 142 .site--rounded--small-left { 143 border-radius: 5px 0 0 5px; 144 } 145 .site--rounded--small-right { 146 border-radius: 0 5px 5px 0; 147 } 148 .site__rounded--medium { 149 border-radius: 10px; 150 } 151 .site__rounded--medium-top { 152 border-radius: 10px 10px 0 0; 153 } 154 .site__rounded--medium-bottom { 155 border-radius: 0 0 10px 10px; 156 } 157 .site__rounded--medium-left { 158 border-radius: 10px 0 0 10px; 159 } 160 .site__rounded--medium-right { 161 border-radius: 0 10px 10px 0; 162 } 163 .vacancy-alerts__image { 164 border-radius: 10px 10px 0 0; 165 } 166 @media (min-width: 1024px) { 167 .vacancy-alerts__image { 168 border-radius: 10px 0 0 10px; 169 } 170 } 171 .site__rounded--large { 172 border-radius: 999px; 173 } 174 .site__rounded--large-top { 175 border-radius: 999px 999px 0 0; 176 } 177 .site__rounded--large-bottom { 178 border-radius: 0 0 999px 999px; 179 } 180 .site__rounded--large-left { 181 border-radius: 999px 0 0 999px; 182 } 183 .site__rounded--large-right { 184 border-radius: 0 999px 999px 0; 185 } 186 .site__padding--small { 187 padding: 12.5px; 188 } 189 .site__padding--medium { 190 padding: 25px; 191 } 192 .site__padding--large { 193 padding: 32.5px; 194 } 195 .site__bg--brand { 196 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 197 } 198 .site__bg--brand-10 { 199 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.1); 200 } 201 .site__bg--brand-30 { 202 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.3); 203 } 204 .site__color--brand-contrast { 205 color: #000000; 206 fill: #000000; 207 } 208 .site__color--text-contrast { 209 color: #ffffff; 210 fill: #ffffff; 211 } 212 .site__color--brand { 213 color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 214 fill: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 215 } 216 .site__bg--text { 217 background-color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1); 218 } 219 .site__hover__bg--text:hover { 220 background-color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1); 221 } 222 .site__bg--text-80 { 223 background-color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 0.8); 224 } 225 .site__fill--brand { 226 fill: #fcd60f; 227 } 228 .site__fill--brand-contrast { 229 fill: #000000; 230 } 231 .site__color--text { 232 color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1); 233 fill: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1); 234 } 235 ::placeholder { 236 color: #f4cdcf; 237 fill: #f4cdcf; 238 } 239 .site__color--text-light { 240 color: #f4cdcf; 241 fill: #f4cdcf; 242 } 243 .site__color--text-50 { 244 color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 0.5); 245 fill: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 0.5); 246 } 247 .site__color--text-70 { 248 color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 0.7); 249 fill: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 0.7); 250 } 251 .site__border--brand { 252 border-color: #fcd60f; 253 } 254 .site__focus--brand:focus, 255 .site__focus--brand:focus ~ .input-icon, 256 .site__focus--brand:focus ~ label, 257 .site__focus--brand:focus ~ span.checkmark { 258 border-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470
258594%, 1); 259 } 260 .site__focus--outline-brand:focus, 261 .site__focus--outline-brand:focus ~ .file-upload, 262 .site__focus--outline-brand:focus ~ label, 263 .site__focus--outline-brand:focus ~ span.checkmark { 264 box-shadow: 0 0 0 0.2rem hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.5); 265 } 266 .site__select--brand *::selection { 267 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 268 } 269 .site__selection--complement-brand *::selection { 270 color: #0f35fc; 271 fill: #0f35fc; 272 }, 273 .site__border--text { 274 border-color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1); 275 } 276 .site__border--text-light { 277 border-color: #f4cdcf; 278 } 279 .site__font--display { 280 font-family: Rubik, sans-serif; 281 } 282 .site__font--text { 283 font-family: Montserrat, sans-serif; 284 } 285 .site__btn--brand { 286 color: #000000; 287 fill: #000000; 288 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 289 border: 2px solid hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 290 border-radius: 10px; 291 transition: ease 150ms; 292 font-weight: 700; 293 height: 48px; 294 padding: 25px; 295 display: flex; 296 align-items: center; 297 justify-content: center; 298 } 299 .site__btn--brand:hover { 300 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.8); 301 } 302 .site__btn--neutral { 303 background-color: #D6D9E4; 304 border: 2px solid #D6D9E4; 305 border-radius: 10px; 306 transition: ease 150ms; 307 font-weight: 700; 308 height: 48px; 309 padding: 25px; 310 display: flex; 311 align-items: center; 312 justify-content: center; 313 } 314 .site__btn--neutral:hover { 315 background-color: #D6D9E480; 316 } 317 .site__btn--brand-small { 318 color: #000000; 319 fill: #000000; 320 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 321 border: 2px solid hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 322 border-radius: 5px; 323 transition: ease 150ms; 324 font-weight: 700; 325 height: 48px; 326 padding: 12.5px; 327 display: flex; 328 align-items: center; 329 justify-content: center; 330 } 331 .site__btn--brand-disabled { 332 color: #000000; 333 fill: #000000; 334 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.5); 335 border: 2px solid transparent; 336 border-radius: 10px; 337 transition: ease 150ms; 338 font-weight: 700; 339 height: 48px; 340 padding: 25px; 341 display: flex; 342 align-items: center; 343 justify-content: center; 344 } 345 .site__btn--brand-small-disabled { 346 color: #000000; 347 fill: #000000; 348 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470
348594%, 0.5); 349 border: 2px solid transparent; 350 border-radius: 5px; 351 transition: ease 150ms; 352 font-weight: 700; 353 height: 48px; 354 padding: 12.5px; 355 display: flex; 356 align-items: center; 357 justify-content: center; 358 } 359 .site__btn--brand-small:hover { 360 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.8); 361 } 362 .site__btn--neutral-small { 363 background-color: #D6D9E4; 364 border: 2px solid #D6D9E4; 365 border-radius: 5px; 366 transition: ease 150ms; 367 font-weight: 700; 368 height: 48px; 369 padding: 12.5px; 370 display: flex; 371 align-items: center; 372 justify-content: center; 373 } 374 .site__btn--neutral-small-disabled { 375 background-color: #D6D9E480; 376 border: 2px solid #D6D9E480; 377 border-radius: 5px; 378 transition: ease 150ms; 379 font-weight: 700; 380 height: 48px; 381 padding: 12.5px; 382 display: flex; 383 align-items: center; 384 justify-content: center; 385 } 386 .site__btn--neutral-small:hover { 387 background-color: #D6D9E480; 388 } 389 .site__dropdown--option { 390 color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1); 391 fill: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1); 392 } 393 .site__dropdown--option:hover { 394 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 395 color: #000000; 396 fill: #000000; 397 } 398 .site__dropdown--selected:hover { 399 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 400 color: #000000; 401 fill: #000000; 402 } 403 .site__link--brand { 404 color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 405 fill: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 406 } 407 .site__link--brand:hover { 408 color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.8); 409 fill: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.8); 410 } 411 .cc-banner.cc-bottom { 412 background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 413 color: #000000; 414 fill: #000000; 415 } 416 .cc-banner.cc-bottom .cc-link { 417 color: #000000; 418 fill: #000000; 419 } 420 .cc-btn.cc-dismiss { 421 color: #000000; 422 fill: #000000; 423 background: transparent; 424 border: 2px solid #000000; 425 transition: ease 150ms; 426 } 427 .cc-btn.cc-dismiss:hover { 428 background: #000000; 429 color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 430 fill: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1); 431 } 432 .bg-white-ie11{ 433 background-color: #fff; 434 } 435 .bg-black-ie11{ 436 background-color: #000; 437 } 438 .wysiwyg-content > table { 439 border-collapse: collapse; 440 width: 100%; 441 } 442 .wysiwyg-content > table td, 443 .wysiwyg-content > table th { 444 position: relative; 445 box-sizing: border-box; 446 vertical-align: top; 447 border: 1px solid #fcd60f; 448 padding: .6rem .8rem; 449 } 450 .wysiwyg-content > table td > *, 451 .wysiwyg-content > table th > * { 452 margin-bottom: 0; 453 } 454 .wysiwyg-content > table th { 455 font-weight: 600; 456 text-align: left; 457 } 458 .wysiwyg-content > table th { 459 font-weight: semibold; 460 text-align: left; 461 background: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470
461594%, 1); 462 color: #000000; 463 fill: #000000; 464 } 465 </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="scroll-scene overflow-visible z-top"><header id="site__header"><div class="site__container pt-24"><div class="block md:flex mb-24 items-center justify-between"><a class="order-2 md:order-1 h-60 w-auto flex justify-center" href="https://jobs.vanreusel.eu"><img alt="Beltaste" src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/logo-JyZLBtHeGiSn6Ex.png?dpr=2&h=60" class="h-60"></a> <div class="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 flex justify-center"><a id="home__back-to-website-button" class="md:ml-auto site__rounded--small border site__border--text-light h-40 items-center px-16 flex-none group flex max-w-full" href="https://www.beltaste.eu/"><span class="mr-8 truncate text-body-sm">terug naar bedrijfswebsite</span> <span class="site__color--text opacity-25 group-hover:opacity-75 trans-ease flex justify-end overflow-visible"><svg class="block fill-current" height="16" width="16"><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></div></div></header></div> <div class="grow"><div class="flex-grow flex flex-col"></div> <div class="scroll-scene overflow-hidden"><div class="w-full overflow-hidden"><div id="hero-banner" class="pt-60pct sm:pt-40pct lg:pt-30pct relative"><div class="flex items-center justify-center absolute inset-0 bg-no-repeat bg-center bg-cover" style="background-image:url(https://jobtoolz-assets.imgix.net/assets/companies/1479744493/header-nmLdCxHhlkVermA.png?dpr=1&w=2000&h=650&fit=max);"><div class="absolute inset-0 bg-black opacity-25"></div></div> <div class="absolute inset-0 site__container h-full"><div class="h-full w-full relative"><div class="pt-24 md:pt-48 justify-center md:justify-center items-center md:items-center text-center md:text-center flex h-full"><div class="w-1/12 flex-none"></div> <div class="w-5/6 md:w-2/3 w-2/3 mb-72 flex-none text-white site__font--display leading-snug text-shadow"><h1 class="text-heading-1 md:text-big mb-8 md:mb-24 font-semibold">Welkom bij Vanreusel</h1> <h2 class="text-body md:text-heading-1"></h2></div> <div class="w-1/12 flex-none"></div></div> <div class="justify-center md:justify-end absolute bottom-0 w-full flex h-48"><!----></div></div></div></div></div></div> <div><!--[--><div><div class="scroll-scene overflow-hidden"><section id class="mb-64"><div class="site__container pt-64 overflow-hidden"><div class="block md:flex text-center md:text-left mx-auto px-24 lg:px-0"><h1 class="w-full md:w-1/3 lg:w-1/3 md:mr-32 lg:mr-48 text-heading-1 md:text-heading-1 lg:text-big break-words flex-none mx-auto mb-32 site__font--display font-semibold whitespace-pre-line">Werken bij Vanreusel</h1> <section class="text-body md:text-body flex-grow wysiwyg-content min-w-0" data-version="live"><h2><strong>Met trots gemaakt.</strong></h2><h2><strong>Door mensen zoals jou.</strong></h2><h2><strong>De smaakmakers achter onze snacks.</strong></h2><p></p><p>Vanreusel is veel meer dan een naam in de snackwereld. We zijn een warm Belgisch familiebedrijf dat sinds 1953 met passie en vakkennis is uitgegroeid tot een toonaangevende speler in kwalitatieve diepgevroren vleessnacks voor de volledige foodservice-industrie. Van herkenbare klassiekers onder onze eigen merken tot innovatieve private labels voor klanten in foodservice, retail, B2B en halal: bij Vanreusel bouwen we elke dag aan smaak, kwaliteit en vernieuwing.</p><p><strong>Een internationale groep met authentieke roots</strong></p><p>We produceren en verpakken onze producten op vier locaties:</p><ul><li><p><strong>Beltaste Hamont & Beltaste Packaging (België)</strong> â hier produceren en verpakken we onze hoogwaardige kook- en braadproducten.</p></li><li><p><strong>Beltaste Morahalom (Hongarije)</strong>
465 â dé plek waar we onze aanprikproducten maken, zoals satés en loempiaâs.</p></li><li><p><strong>Oma Bobs (Nederland)</strong> â gespecialiseerd in heerlijke ambachtelijke croquetten en bitterballen.</p></li></ul><p>Samen vormen we één trotse, sterke groep waarin ondernemerschap, teamwork en kwaliteit centraal staan.</p></section></div></div></section></div></div><div><div class="scroll-scene overflow-hidden"><section class="mb-64"><div class="site__container pt-64"><div class="-mx-8 mb-64"><div class="opacity-0 w-full md:w-2/3 px-8 mx-auto text-center scroll-scene__header"><h1 class="text-heading-1 lg:text-big font-semibold whitespace-pre-line site__font--display">Jobs</h1> <!----></div></div></div> <style></style> <div id="vacatures" x-data="window.jobComponent( 466 [{"id":1295240087,"title":"Flexi-job Storings Technieker Weekend","button":"bekijk vacature","url":"https://jobs.vanreusel.eu/nl/flexi-job-storings-technieker-weekend","image_url":"https://jobtoolz-assets.imgix.net/assets/companies/1479744493/header-nmLdCxHhlkVermA.png?dpr=1","location":"Hamont","types":"Voltijds","filters":{"filterIds":[],"locationId":1471695529,"types":["fulltime"]}},{"id":1356245816,"title":"Storings Technieker","button":"bekijk vacature","url":"https://jobs.vanreusel.eu/nl/onderhouds-storings-technieker","image_url":"https://jobtoolz-assets.imgix.net/assets/companies/1479744493/header-nmLdCxHhlkVermA.png?dpr=1","location":"Hamont","types":"Voltijds","filters":{"filterIds":[],"locationId":1471695529,"types":["fulltime"]}}], 467 999, 468 [{"id":"","alias":"Alle locaties"},{"id":1471695529,"alias":"Hamont"}], 469 [{"id":"","alias":"Voltijds & Deeltijds"},{"id":"fulltime","alias":"Voltijds"},{"id":"parttime","alias":"Deeltijds"}], 470 [] 471 )" class="site__container" x-on:location-filter-selected="locationFilter = $event.detail.id; page = 1" x-on:type-filter-selected="typeFilter = $event.detail.id; page = 1"><div class="w-full mx-auto"><div class="w-full text-body-sm mb-32"><div class="flex flex-wrap gap-12"><div class="relative"><button class="focus:outline-none site__focus--outline-brand trans-ease hover:bg-primary-5 site__rounded--small border site__border--text-light px-16 h-40 flex items-center cursor-pointer" x-on:click="locationFilterOpen = !locationFilterOpen;"><svg class="block fill-current flex-none" height="16" width="16"><path d="m8 0c-3.9 0-7 3.1-7 7 0 1.9.7 3.7 2.1 5 .1.1 4.1 3.7 4.2 3.8.4.3 1 .3 1.3 0 .1-.1 4.2-3.7 4.2-3.8 1.4-1.3 2.1-3.1 2.1-5 .1-3.9-3-7-6.9-7zm0 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></svg> <span class="hidden sm:inline-block first-letter:uppercase mx-8">Filter op locatie</span> <span class="ml-8 sm:ml-0 dropdown-triangle trans-ease" style="border-top-color:hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);" x-bind:class="{'transform -rotate-180': locationFilterOpen}"></span></button> <ul class="max-h-320 left-0 mt-8 bg-white border border-primary-5 absolute site__rounded--small overflow-x-hidden overflow-y-auto shadow pt-16 trans-ease z-10" x-cloak x-on:click.away="locationFilterOpen = false" x-show="locationFilterOpen" 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"> 472 <template x-for="filter in locations"> 473 <li class="mb-8 -mt-8 flex items-center pl-12 pr-16 py-4 hover:bg-primary-5" x-on:click="locationFilterSelected(filter)"> 474 <input type="checkbox" class="mr-10" :checked="filter.id === '' && !locationFilter.length ? true : containsLocation(filter)">
475 <span class="block cursor-pointer whitespace-nowrap" x-text="filter.alias"></span> 476 </li> 477 </template> 478 </ul></div> <div class="relative"><button class="focus:outline-none site__focus--outline-brand trans-ease hover:bg-primary-5 site__rounded--small border site__border--text-light px-16 h-40 flex items-center cursor-pointer" x-on:click="typeFilterOpen = !typeFilterOpen"><svg height="16" class="block fill-current flex-none" width="16"><path d="m8 0c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8zm0 14c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6z"></path><path d="m9 4h-2v5h5v-2h-3z"></path></svg> <span class="hidden sm:inline-block capitalize mx-8">Voltijds & Deeltijds</span> <span class="ml-8 sm:ml-0 dropdown-triangle trans-ease" style="border-top-color:hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);" x-bind:class="{'transform -rotate-180': typeFilterOpen}"></span></button> <ul class="max-h-320 left-0 mt-8 bg-white border border-primary-5 absolute site__rounded--small overflow-x-hidden overflow-y-auto shadow pt-16 trans-ease z-10" x-cloak x-on:click.away="typeFilterOpen = false" x-show="typeFilterOpen" 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"> 479 <template x-for="filter in types"> 480 <li class="mb-8 -mt-8 flex items-center pl-12 pr-16 py-4 hover:bg-primary-5" x-on:click="typeFilterSelected(filter)"> 481 <input type="checkbox" class="mr-10" :checked="filter.id === '' && !typeFilter.length ? true : containsType(filter)"> 482 <span class="block cursor-pointer whitespace-nowrap" x-text="filter.alias"></span> 483 </li> 484 </template> 485 </ul></div> <!----></div></div> <div x-show="items.length > 0 && !filteredItemsOnThisPage().length > 0" id="job-empty-state" class="flex mb-40 text-center md:justify-center"><div><div class="illustration_container bg-primary-5 flex flex-col mx-auto justify-center items-center mb-24 rounded-6 w-160 h-160 relative"><div class="w-160 h-160 absolute overflow-hidden rounded-6"><svg fill="none" height="160" viewBox="0 0 160 160" width="160" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M95.4364 -6.41777C121.205 -3.10253 147.172 0.915383 164.56 20.1773C183.302 40.9388 194.658 69.1155 188.155 96.2932C181.715 123.21 157.27 139.576 132.853 152.7C106.412 166.912 77.8003 180.117 49.1956 170.983C15.5703 160.245 -14.6761 136.331 -24.4277 102.475C-34.7443 66.6577 -27.9705 24.0501 -0.352662 -1.03982C24.5259 -23.6412 62.0665 -10.711 95.4364 -6.41777Z" fill-rule="evenodd" opacity="0.5" stroke="#D2E9FF"></path> <path clip-rule="evenodd" d="M90.9802 24.8397C107.335 26.9558 123.817 29.5205 134.853 41.8153C146.749 55.0673 153.956 73.0525 149.829 90.3999C145.742 107.581 130.226 118.027 114.729 126.404C97.9461 135.476 79.7865 143.905 61.631 138.074C40.2889 131.22 21.0914 115.956 14.9021 94.3457C8.35409 71.4836 12.6534 44.2873 30.1826 28.2725C45.9731 13.846 69.8002 22.0993 90.9802 24.8397Z" fill-rule="evenodd" opacity="0.5" stroke="#D2E9FF"></path> <path clip-rule="evenodd" d="M86.2972 45.9442C96.2986 47.2315 106.377 48.7916 113.126 56.271C120.4 64.3326 124.808 75.2736 122.284 85.8266C119.785 96.2782 110.297 102.633 100.82 107.729C90.557 113.248 79.4522 118.375 68.3499 114.828C55.299 110.659 43.5595 101.373 39.7746 88.227C35.7705 74.3192 38.3996 57.7748 49.1188 48.0324C58.7749 39.2563 73.3454 44.2771 86.2972 45.9442Z" fill-rule="evenodd" opacity="0.5" stroke="#D2E9FF"></path> <path clip-rule="evenodd" d="M93.8221 5.49329C115.943 8.33241 138.235 11.7733 153.161 28.2689C169.25 46.0487 178.999 70.1787 173.417 93.4532C167.888 116.504 146.903 130.52 125.942 141.759C103.244 153.93 78.6824 165.239 54.1268 157.416C25.2613 148.221 -0.703657 127.741 -9.07492 98.7472C-17.9312 68.0738 -12.1162 31.5855 11.5922 10.0989C32.9492 -9.2566 65.1758 1.81662 93.8221 5.49329Z" fill-rule="evenodd" opacity="0.5" stroke="#D2E9FF"></path></svg></div> <div class="illustration_elements flex flex-col justify-center items-center bg-none absolute"><div class="illustration_element illustration_element--right illustration_element--1 bg-white flex items-center p-5 rounded-4"><div class="illustration_elementType bg-primary-60 text-white w-24 h-24 flex items-center justify-center font-semibold rounded-4 mr-10">?</div> <div class="illustration_elementWireframe bg-primary-20 rounded-4 h-8"></div></div> <div class="illustration_element illustration_element--left illustration_element--2 bg-white flex items-center p-5 rounded-4"><div class="illustration_elementType bg-primary-60 text-white w-24 h-24 flex items-center justify-center font-semibold rounded-4 mr-10">?</div> <div class="illustration_elementWireframe bg-primary-20 rounded-4 h-8"></div></div> <div class="illustration_element illustration_element--right illustration_element--3 bg-white flex items-center p-5 rounded-4"><div class="illustration_elementType bg-primary-60 text-white w-24 h-24 flex items-center justify-center font-semibold rounded-4 mr-10">?</div> <div class="illustration_elementWireframe bg-primary-20 rounded-4 h-8"></div></div></div></div> <b class="text-heading-1">Ooh no!</b> <br> <p class="text-primary-40 text-body leading-relaxed mt-20 mb-28">Voor deze filter zijn geen openstaande vacatures gevonden <br/> Pas je zoekcriteria aan.</p></div></div> <div><ul class="grid-cols-1 md:grid-cols-2 lg:grid-cols-3 grid gap-16 auto-rows-fr"> 486 <template x-for="(job, index) in filteredItemsOnThisPage()"> 487 <li class="min-h-324 w-full"> 488 <a 489 x-bind:href="job.url" 490 class="h-full job-link block relative site__rounded--medium site__bg--brand overflow-hidden group" 491 >
492 <span class="site__color--brand-contrast flex flex-col h-full"> 493 494 <span 495 class="flex-grow flex flex-col justify-between gap-24 p-40 " 496 > 497 <div class="flex flex-col"> 498 <p class="mb-8 text-body"> 499 <span 500 class="mr-8" 501 x-show="job.location" 502 x-text="job.location" 503 ></span> 504 <span 505 x-show="job.type" 506 x-text="job.type" 507 ></span> 508 </p> 509 <p 510 class="text-heading-2 font-semibold group-hover:-translate-y-4 ease-in-out transition-transform hyphens-auto" 511 lang="nl" 512 style="overflow-wrap: break-word;" 513 x-text="job.title" 514 ></p> 515 </div> 516 <span class="flex items-center job-button font-semibold"> 517 <span 518 class="ml-auto mr-4 text-body" 519 x-text="job.button" 520 ></span> 521 <svg 522 class="w-18 h-18 trans-ease block fill-current group-hover:translate-x-4 ease-in-out transition-transform"
523 viewBox="0 0 16 13" 524 height="13" 525 width="16" 526 > 527 <path d="m819.3 2635-1.4 1.35821 4.3 4.17164h-12.2v1.9403h12.2l-4.3 4.17164 1.4 1.35821 6.7-6.5z" transform="translate(-810 -2635)"/> 528 </svg> 529 </span> 530 </span> 531 </span> 532 </a> 533 </li> 534 </template> 535 536 <li 537 id="spontaneous" 538 class="min-h-324 w-full" 539 > 540 <a 541 href="https://jobs.vanreusel.eu/nl/spontaan-solliciteren" 542 class="h-full job-link block relative site__rounded--medium site__bg--text site__color--text-contrast overflow-hidden group" 543 > 544 <span class="h-full flex flex-col justify-between p-40"> 545 <span class="text-heading-2 font-semibold group-hover:translate-y-4 ease-in-out transition-transform"> 546 Interesse om bij ons te werken, maar geen gepaste vacature gevonden? 547 </span> 548 <span> 549 <div class="w-full h-2 site__bg--brand mb-8"></div> 550 <span class="flex items-center job-button"> 551 <span class="ml-auto mr-16"> 552 spontaan solliciteren 553 </span> 554 <svg 555 class="w-18 h-18 trans-ease block fill-current group-hover:translate-x-4 ease-in-out transition-transform"
556 viewBox="0 0 16 13" 557 height="13" 558 width="16" 559 > 560 <path d="m819.3 2635-1.4 1.35821 4.3 4.17164h-12.2v1.9403h12.2l-4.3 4.17164 1.4 1.35821 6.7-6.5z" transform="translate(-810 -2635)"/> 561 </svg> 562 </span> 563 </span> 564 </span> 565 </a> 566 </li> 567 568 </ul> <div class="flex justify-center my-16" x-show="totalPages() > 1"> 569 <template x-for="p in loopPages()"> 570 <div x-on:click="paginate(p);" 571 class="site__rounded--large cursor-pointer h-40 w-40 flex items-center justify-center mx-4" 572 x-bind:class="page === p ? 'site__color--brand-contrast site__bg--brand' : 'border-2'" x-text="p"> 573 </div> 574 </template> 575 </div></div> <!----></div></div></section></div></div><div><div class="scroll-scene overflow-hidden"><section id class="mb-64"><div class="site__container pt-64"><!----></div> <div data-v-b1e40134><style data-v-b1e40134></style> <div class="splide" data-v-b1e40134><div class="splide__track" data-v-b1e40134><ul class="splide__list" data-v-b1e40134><!--[--><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-QsEG3SRlWGvcOXn.png?dpr=1&w=480&fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-hbnD7IBS7sZnlOP.jpg?dpr=1&w=480&fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-YUy4kPruzREDU1P.jpg?dpr=1&w=480&fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-QroSVsAdrw7tYwe.jpg?dpr=1&w=480&fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-BEElbNfTZaFQr8I.jpg?dpr=1&w=480&fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-xKPj8yDp67NY1LI.jpg?dpr=1&w=480&fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><!--]--></ul></div></div></div></section></div></div><div><div class="scroll-scene overflow-hidden"><section id="quote" class="mb-64"><!--[--><div class="site__color--brand site__font--display site__container pt-64 flex flex-col items-center"><div class="inline-flex items-center justify-center"><svg class="-mt-24 block fill-current w-24 lg:w-28 mr-8" width="46" height="36" transform="rotate(180)" enable-background="new 0 0 75.999 75.999" viewBox="0 0 75.999 75.999"><path d="m14.579 5c-8.052 0-14.579 6.716-14.579 15 0 8.285 6.527 15 14.579 15 14.578 0 4.859 29-14.579 29v7c34.69 0 48.286-66 14.579-66zm42 0c-8.052 0-14.579 6.716-14.579 15 0 8.285 6.527 15 14.579 15 14.578 0 4.859 29-14.579 29v7c34.69 0 48.286-66 14.579-66z"></path></svg> <p class="text-heading-2 lg:text-heading-1 flex justify-center text-center italic w-3/4 font-semibold">We create moments of happiness for everyone!</p> <svg class="-mt-24 block fill-current w-24 lg:w-28 ml-8" width="46" height="36" enable-background="new 0 0 75.999 75.999" viewBox="0 0 75.999 75.999"><path d="m14.579 5c-8.052 0-14.579 6.716-14.579 15 0 8.285 6.527 15 14.579 15 14.578 0 4.859 29-14.579 29v7c34.69 0 48.286-66 14.579-66zm42 0c-8.052 0-14.579 6.716-14.579 15 0 8.285 6.527 15 14.579 15 14.578 0 4.859 29-14.579 29v7c34.69 0 48.286-66 14.579-66z"></path></svg></div></div><!--]--></section></div></div><div><div class="scroll-scene overflow-hidden"><section id class="mb-64"><div class="site__container pt-64"><div class="-mx-8 mb-64"><div class="opacity-0 w-full md:w-2/3 px-8 mx-auto text-center scroll-scene__header"><h1 class="text-heading-1 lg:text-big font-semibold whitespace-pre-line site__font--display">Onze BELPROF waarden</h1> <!----></div></div></div> <div class="site__container"><div class="flex flex-wrap justify-center my-64 -mx-16"><!--[--><div class="sm:px-16 w-3/4 md:w-1/2 lg:w-1/4 mb-24 text-center perk-container"><div class="pr-0 md:pr-0 lg:my-16"><div class="pt-60pct relative"><div class="absolute inset-0 w-full h-full flex items-center justify-center site__rounded--small"><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/perk-yyw7i9QsbTa3ZeK.png?dpr=1&w=550&fit=max" class="block w-full h-full max-w-full max-h-full opacity-0"></div></div> <h2 class="font-semibold break-words site__font--display text-heading-2 pb-16 pt-24">Passie</h2> <p class="text-body">Plezier, enthousiasme en gezonde ambitie staan centraal.</p></div></div><div class="sm:px-16 w-3/4 md:w-1/2 lg:w-1/4 mb-24 text-center perk-container"><div class="pr-0 md:pr-0 lg:my-16"><div class="pt-60pct relative"><div class="absolute inset-0 w-full h-full flex items-center justify-center site__rounded--small"><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/perk-oAxPBQY1ioP9zmG.png?dpr=1&w=550&fit=max" class="block w-full h-full max-w-full max-h-full opacity-0"></div></div> <h2 class="font-semibold break-words site__font--display text-heading-2 pb-16 pt-24">Respect</h2> <p class="text-body">Met een positieve houding dragen we bij tot een constructieve, respectvolle samenwerking.</p></div></div><div class="sm:px-16 w-3/4 md:w-1/2 lg:w-1/4 mb-24 text-center perk-container"><div class="pr-0 md:pr-0 lg:my-16"><div class="pt-60pct relative"><div class="absolute inset-0 w-full h-full flex items-center justify-center site__rounded--small"><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/perk-B6c3XL56eixrsWy.png?dpr=1&w=550&fit=max" class="block w-full h-full max-w-full max-h-full opacity-0"></div></div> <h2 class="font-semibold break-words site__font--display text-heading-2 pb-16 pt-24">Open en eerlijk</h2> <p class="text-body">We zijn innovatief, leergierig en professioneel.</p></div></div><div class="sm:px-16 w-3/4 md:w-1/2 lg:w-1/4 mb-24 text-center perk-container"><div class="pr-0 md:pr-0 lg:my-16"><div class="pt-60pct relative"><div class="absolute inset-0 w-full h-full flex items-center justify-center site__rounded--small"><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/perk-rMUIMVtoa7vxH2u.png?dpr=1&w=550&fit=max" class="block w-full h-full max-w-full max-h-full opacity-0"></div></div> <h2 class="font-semibold break-words site__font--display text-heading-2 pb-16 pt-24">Familiaal</h2> <p class="text-body">Samen gaan we ervoor: we helpen en geven kansen in een warme mensgerichte sfeer.</p></div></div><!--]--></div></div></section></div></div><!--]--></div></div> <div class="scroll-scene overflow-hidden"><footer class="pt-32 mb-32 flex items-center justify-center"><p class="mr-16">Trots gehost door</p> <a href="https://jobtoolz.com" class="w-32 h-32"><svg width="32" height="32" class="block"><g><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"></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"></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"></path><g transform="translate(4.266 17.6)" fill="#FFF"><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"></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"></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"></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"></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"></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"></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"></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"></path></g></svg></a></footer></div></div> <div> 576 <div 577 x-data="window.toastMessages()" 578 class="fixed bottom-0 right-1/2 translate-x-1/2 -translate-y-5 z-top" 579 x-on:mouseenter="supportsHover && (isFanned = true)" 580 x-on:mouseleave="supportsHover && (isFanned = false)" 581 x-on:click.capture="onStackClickCapture($event)" 582 x-on:touchstart.passive="pauseAll()" 583 x-on:touchend="onTouchEnd()" 584 x-on:touchcancel="onTouchEnd()" 585 > 586 <template x-for="(toast, index) in $store.toasts.items" :key="toast.id"> 587 <div 588 class="relative" 589 x-bind:style="{ zIndex: $store.toasts.items.length - index }" 590 x-transition:enter="transition ease-out duration-300" 591 x-transition:enter-start="opacity-0 translate-y-4" 592 x-transition:enter-end="opacity-100 translate-y-0" 593 x-transition:leave="transition ease-in duration-300 absolute" 594 x-transition:leave-start="opacity-100 scale-100" 595 x-transition:leave-end="opacity-0 scale-90" 596 > 597 <div class="transition-all duration-300 ease-out" x-bind:style="stackStyle(index)"> 598 <div 599 role="status" 600 class="flex w-[min(calc(100vw-2rem),26rem)] cursor-pointer items-start gap-3 rounded-lg border border-l-4 site__border--brand bg-white px-4 py-3 shadow-lg" 601 x-bind:class="typeConfig[toast.type]?.accent" 602 x-on:click="remove(toast.id)" 603 > 604 <svg 605 class="mt-1 size-16 shrink-0" 606 x-bind:class="typeConfig[toast.type]?.iconColor" 607 fill="none"
608 viewBox="0 0 24 24" 609 stroke-width="1.8" 610 stroke="currentColor" 611 > 612 <path stroke-linecap="round" stroke-linejoin="round" x-bind:d="typeConfig[toast.type]?.iconPath" /> 613 </svg> 614 <p class="min-w-0 flex-1 leading-snug" x-text="toast.message"></p> 615 <button 616 type="button" 617 aria-label="Close" 618 class="shrink-0 rounded p-0.5 transition-colors text-primary-80 hover:text-primary" 619 > 620 <svg class="size-12" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"> 621 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 622 </svg> 623 </button> 624 </div> 625 </div> 626 </div> 627 </template> 628 </div> 629</div></div> 630</div> 631
632<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz"> 633 var Jobtoolz = (function () { 634 return { 635 api: { 636 url: 'https://api.jobtoolz.com', 637 token: 'eyJpdiI6ImcvcFVFdjI3TEtNVlNUa0pJNjk3Vmc9PSIsInZhbHVlIjoiaEJ2VmwzL0IyMVpxYlB6bTl3am4rM09hbytoUUdrM2pScjhhUXFpd0ZoRXlJUmNQK0xDNU1vTmgyYjJVMy9wSSIsIm1hYyI6IjIwNzUwMmM0NjU3MjZiNTdiNTRkMjIwMDc3YjYxODNkMDY1MWMwZGU4MWJiOTFlMzAwZWQ1ZmY1ZDc2ZDRjNDYiLCJ0YWciOiIifQ==' 638 }, 639 }; 640 })(); 641</script>
641 642
643<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.js"></script>
vendor: 1 bytes, line 643
643
644<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.js"></script>
644 645 646<div 647 id="cookie_popup" 648 class="w-screen h-dvh pointer-events-none fixed top-0 z-top" 649 x-data="window.cookieComponent()" 650 x-bind:class="{'cursor-progress': handlingCookies}" 651 > 652 653 <div 654 class="w-full h-full pointer-events-auto py-64 bg-black/20 items-center justify-center fixed top-0 z-top hidden" 655 id="initial_cookie_popup" 656 > 657 <div class="max-h-full 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 "> 658 659 <div class="px-16 sm:px-32 pt-16 site__rounded--small-top "> 660 <img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/logo-JyZLBtHeGiSn6Ex.png?dpr=2" alt="Beltaste logo" 661 class="inline-block align-middle max-h-32 sm:max-h-42 mb-12 mr-16"> 662 <h2 class="hidden lg:inline-block align-middle font-semibold text-body mb-12"> 663 <span class="font-semibold" x-show="onFirstTab">Wij respecteren uw privacy</span> 664 <span class="font-semibold" x-show="!onFirstTab">Voorkeuren instellen</span> 665 </h2> 666 </div> 667 668 <div id="initial_cp_content" class="grow overflow-y-auto overflow-x-hidden text-body-sm"> 669 670 <div id="initial_cp_content_first_tab" x-show="onFirstTab" class="px-16 sm:px-32 pt-16 space-y-12"> 671 <div>Wij en onze partners gebruiken cookies om informatie op je apparaat op te slaan en te raadplegen. Zo kunnen we je gebruikerservaring verbeteren en relevante content en gepersonaliseerde advertenties tonen.</div> 672 <p>Je kan de cookies accepteren, beheren of afwijzen. Je kan deze popup via de cookieknop links onderaan op elk moment opnieuw openen om je voorkeuren aan te passen. Voor meer informatie lees je onze <a href="https://jobtoolz.com/BE_NL/cookie-policy/" target="_blank">cookie policy</a>.</p> 673 </div> 674 675 <div id="initial_cp_content_second_tab" x-show="!onFirstTab" class="px-16 sm:px-32 pt-16"> 676 <label 677 for="toggle_necessary" 678 class="flex cursor-pointer items-start mb-24 mt-12 opacity-50" 679 > 680 <span class="toggle relative flex items-center justify-center mt-2"> 681 <input 682 id="toggle_necessary" 683 type="checkbox" 684 class="sr-only peer" 685 checked 686 disabled 687 > 688 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 689 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 690 </span> 691 <span class="inline-flex flex-col text-body-sm"> 692 <span class="leading-snug select-none -mt-px"> 693 <span class="font-semibold first-letter:uppercase inline-block text-secondary"> 694 Strikt noodzakelijk 695 </span> 696 <span class="opacity-50">(verplicht)</span> 697 </span> 698 <span class="site__color--text"> 699 Deze cookies zijn essentieel voor de basiswerking van onze website. Ze zorgen ervoor dat je bijvoorbeeld veilig kan inloggen en formulieren kan invullen. Hiervoor slaan we geen herkenbare persoonsgegevens op. 700 </span> 701 </span> 702 </label> 703 <label 704 for="toggle_functional" 705 class="flex cursor-pointer items-start mb-24 mt-12" 706 >
707 <span class="toggle relative flex items-center justify-center mt-2"> 708 <input 709 id="toggle_functional" 710 type="checkbox" 711 class="sr-only peer" 712 x-bind:checked="functionalCookies" 713 x-on:change="functionalCookies = !functionalCookies; handleCookieToggle('functional', $event.target.checked)" 714 > 715 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 716 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 717 </span> 718 <span class="inline-flex flex-col text-body-sm"> 719 <span class="leading-snug select-none -mt-px"> 720 <span 721 x-bind:class="{'text-secondary': functionalCookies, 'site__color--text': !functionalCookies }" 722 class="font-semibold first-letter:uppercase inline-block" 723 > 724 Functioneel 725 </span> 726 <span class="opacity-50">(optioneel)</span> 727 </span> 728 <span class="site__color--text"> 729 Deze cookies zorgen ervoor dat je gebruik kan maken van (externe) functionaliteiten zoals het delen van de content van onze website op sociale media. 730 </span> 731 </span> 732 </label> 733 <label 734 for="toggle_analytics" 735 class="flex cursor-pointer items-start mb-24 mt-12" 736 > 737 <span class="toggle relative flex items-center justify-center mt-2"> 738 <input 739 id="toggle_analytics" 740 type="checkbox" 741 class="sr-only peer" 742 x-bind:checked="analyticsCookies" 743 x-on:change="analyticsCookies = !analyticsCookies; handleCookieToggle('analytics', $event.target.checked)" 744 > 745 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 746 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 747 </span> 748 <span class="inline-flex flex-col text-body-sm"> 749 <span class="leading-snug select-none -mt-px"> 750 <span 751 x-bind:class="{'text-secondary': analyticsCookies, 'site__color--text': !analyticsCookies }" 752 class="font-semibold first-letter:uppercase inline-block" 753 > 754 Analytisch 755 </span> 756 <span class="opacity-50">(optioneel)</span> 757 </span> 758 <span class="site__color--text"> 759 Deze cookies helpen ons te begrijpen hoe bezoekers omgaan met de website door statistieken bij te houden en het gebruik van de site te analyseren. 760 </span> 761 </span> 762 </label> 763 <label 764 for="toggle_marketing" 765 class="flex cursor-pointer items-start mb-24 mt-12" 766 >
767 <span class="toggle relative flex items-center justify-center mt-2"> 768 <input 769 id="toggle_marketing" 770 type="checkbox" 771 class="sr-only peer" 772 x-bind:checked="marketingCookies" 773 x-on:change="marketingCookies = !marketingCookies; handleCookieToggle('marketing', $event.target.checked)" 774 > 775 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 776 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 777 </span> 778 <span class="inline-flex flex-col text-body-sm"> 779 <span class="leading-snug select-none -mt-px"> 780 <span 781 x-bind:class="{'text-secondary': marketingCookies, 'site__color--text': !marketingCookies }" 782 class="font-semibold first-letter:uppercase inline-block" 783 > 784 Marketing 785 </span> 786 <span class="opacity-50">(optioneel)</span> 787 </span> 788 <span class="site__color--text"> 789 Marketing cookies worden gebruikt om bezoekers op websites te volgen, zodat uitgevers relevante en boeiende advertenties kunnen weergeven. 790 </span> 791 </span> 792 </label> 793 </div> 794 <div id="initial_cp_fadeout" class="hidden sticky bottom-0 h-80 w-full bg-gradient-to-t from-white to-transparent pointer-events-none"></div> 795 </div> 796 797 <div class="text-14 px-16 sm:px-32 py-16"> 798 <div class="flex flex-col lg:flex-row justify-end items-stretch gap-16"> 799 <button role="button" 800 x-on:click="onFirstTab = !onFirstTab" 801 class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50 site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " 802 x-bind:class="{'pl-16 pr-12': onFirstTab, 'pr-16 pl-12': !onFirstTab}" 803 x-bind:disabled="handlingCookies" 804 > 805 <svg id="chevron" 806 class="mr-4 w-18 h-18 site__color--brand-contrast " 807 fill="currentColor" 808 x-bind:class="{'rotate-180 order-last': onFirstTab}"
809 viewBox="0 0 24 24" 810 > 811 <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"/> 812 </svg> 813 <span x-text="onFirstTab ? 'Mijn selectie aanvaarden' : 'Terug'"></span> 814 </button> 815 <button role="button" 816 class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50 site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " 817 x-show="onFirstTab" 818 x-on:click="setCookies(false, true)" 819 x-bind:disabled="handlingCookies" 820 > 821 Weiger optionele cookies 822 </button> 823 <button role="button" 824 class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50 site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " 825 x-text="onFirstTab ? 'Alle cookies aanvaarden' : 'Mijn selectie aanvaarden'" 826 x-on:click="setCookies(onFirstTab, onFirstTab)" 827 x-bind:disabled="handlingCookies" 828 ></button> 829 </div> 830 </div> 831 </div> 832 </div> 833 834 <div 835 class="w-full h-full pointer-events-auto py-64 bg-black/20 items-center justify-center fixed top-0 z-top hidden" 836 id="reset_cookie_popup" 837 > 838 <div class="max-h-full 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 "> 839 840 <div class="px-16 sm:px-32 py-16 flex justify-between items-center site__rounded--small-top "> 841 <div> 842 <img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/logo-JyZLBtHeGiSn6Ex.png?dpr=2" alt="Beltaste logo" 843 class="inline-block align-middle max-h-32 sm:max-h-42 mr-16"> 844 <h2 class="hidden lg:inline-block align-middle font-semibold text-body"> 845 Wij respecteren uw privacy 846 </h2> 847 </div> 848 <div id="cp_close" class="cursor-pointer"> 849 <svg class="w-18 aspect-square fill-neutral-grey" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> 850 <mask id="mask_cancel" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="18"> 851 <rect width="18" height="18"/> 852 </mask> 853 <g mask="url(#mask_cancel)"> 854 <path d="M9 10.05L11.175 12.225C11.3125 12.3625 11.4875 12.4312 11.7 12.4312C11.9125 12.4312 12.0875 12.3625 12.225 12.225C12.3625 12.0875 12.4312 11.9125 12.4312 11.7C12.4312 11.4875 12.3625 11.3125 12.225 11.175L10.05 9L12.225 6.825C12.3625 6.6875 12.4312 6.5125 12.4312 6.3C12.4312 6.0875 12.3625 5.9125 12.225 5.775C12.0875 5.6375 11.9125 5.56875 11.7 5.56875C11.4875 5.56875 11.3125 5.6375 11.175 5.775L9 7.95L6.825 5.775C6.6875 5.6375 6.5125 5.56875 6.3 5.56875C6.0875 5.56875 5.9125 5.6375 5.775 5.775C5.6375 5.9125 5.56875 6.0875 5.56875 6.3C5.56875 6.5125 5.6375 6.6875 5.775 6.825L7.95 9L5.775 11.175C5.6375 11.3125 5.56875 11.4875 5.56875 11.7C5.56875 11.9125 5.6375 12.0875 5.775 12.225C5.9125 12.3625 6.0875 12.4312 6.3 12.4312C6.5125 12.4312 6.6875 12.3625 6.825 12.225L9 10.05ZM9 16.5C7.9625 16.5 6.9875 16.3031 6.075 15.9094C5.1625 15.5156 4.36875 14.9813 3.69375 14.3063C3.01875 13.6313 2.48438 12.8375 2.09063 11.925C1.69687 11.0125 1.5 10.0375 1.5 9C1.5 7.9625 1.69687 6.9875 2.09063 6.075C2.48438 5.1625 3.01875 4.36875 3.69375 3.69375C4.36875 3.01875 5.1625 2.48438 6.075 2.09063C6.9875 1.69687 7.9625 1.5 9 1.5C10.0375 1.5 11.0125 1.69687 11.925 2.09063C12.8375 2.48438 13.6313 3.01875 14.3063 3.69375C14.9813 4.36875 15.5156 5.1625 15.9094 6.075C16.3031 6.9875 16.5 7.9625 16.5 9C16.5 10.0375 16.3031 11.0125 15.9094 11.925C15.51
85456 12.8375 14.9813 13.6313 14.3063 14.3063C13.6313 14.9813 12.8375 15.5156 11.925 15.9094C11.0125 16.3031 10.0375 16.5 9 16.5ZM9 15C10.675 15 12.0938 14.4187 13.2563 13.2563C14.4187 12.0938 15 10.675 15 9C15 7.325 14.4187 5.90625 13.2563 4.74375C12.0938 3.58125 10.675 3 9 3C7.325 3 5.90625 3.58125 4.74375 4.74375C3.58125 5.90625 3 7.325 3 9C3 10.675 3.58125 12.0938 4.74375 13.2563C5.90625 14.4187 7.325 15 9 15Z"/> 855 </g> 856 </svg> 857 </div> 858 </div> 859 860 <div id="reset_cp_content" class="grow overflow-y-auto overflow-x-hidden text-body-sm"> 861 <div class="px-16 sm:px-32 pt-16 space-y-12"> 862 <div>Wij en onze partners gebruiken cookies om informatie op je apparaat op te slaan en te raadplegen. Zo kunnen we je gebruikerservaring verbeteren en relevante content en gepersonaliseerde advertenties tonen.</div> 863 <p>Je kan de cookies accepteren, beheren of afwijzen. Je kan deze popup via de cookieknop links onderaan op elk moment opnieuw openen om je voorkeuren aan te passen. Voor meer informatie lees je onze <a href="https://jobtoolz.com/BE_NL/cookie-policy/" target="_blank">cookie policy</a>.</p> 864 </div> 865 <div class="px-16 sm:px-32 pt-16"> 866 <label 867 for="toggle_necessary" 868 class="flex cursor-pointer items-start mb-24 mt-12 opacity-50" 869 > 870 <span class="toggle relative flex items-center justify-center mt-2"> 871 <input 872 id="toggle_necessary" 873 type="checkbox" 874 class="sr-only peer" 875 checked 876 disabled 877 > 878 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 879 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 880 </span> 881 <span class="inline-flex flex-col text-body-sm"> 882 <span class="leading-snug select-none -mt-px"> 883 <span class="font-semibold first-letter:uppercase inline-block text-secondary"> 884 Strikt noodzakelijk 885 </span> 886 <span class="opacity-50">(verplicht)</span> 887 </span> 888 <span class="site__color--text"> 889 Deze cookies zijn essentieel voor de basiswerking van onze website. Ze zorgen ervoor dat je bijvoorbeeld veilig kan inloggen en formulieren kan invullen. Hiervoor slaan we geen herkenbare persoonsgegevens op. 890 </span> 891 </span> 892 </label> 893 <label 894 for="toggle_functional" 895 class="flex cursor-pointer items-start mb-24 mt-12" 896 > 897 <span class="toggle relative flex items-center justify-center mt-2"> 898 <input 899 id="toggle_functional" 900 type="checkbox" 901 class="sr-only peer" 902 x-bind:checked="functionalCookies" 903 x-on:change="functionalCookies = !functionalCookies; handleCookieToggle('functional', $event.target.checked)" 904 >
905 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 906 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 907 </span> 908 <span class="inline-flex flex-col text-body-sm"> 909 <span class="leading-snug select-none -mt-px"> 910 <span 911 x-bind:class="{'text-secondary': functionalCookies, 'site__color--text': !functionalCookies }" 912 class="font-semibold first-letter:uppercase inline-block" 913 > 914 Functioneel 915 </span> 916 <span class="opacity-50">(optioneel)</span> 917 </span> 918 <span class="site__color--text"> 919 Deze cookies zorgen ervoor dat je gebruik kan maken van (externe) functionaliteiten zoals het delen van de content van onze website op sociale media. 920 </span> 921 </span> 922 </label> 923 <label 924 for="toggle_analytics" 925 class="flex cursor-pointer items-start mb-24 mt-12" 926 > 927 <span class="toggle relative flex items-center justify-center mt-2"> 928 <input 929 id="toggle_analytics" 930 type="checkbox" 931 class="sr-only peer" 932 x-bind:checked="analyticsCookies" 933 x-on:change="analyticsCookies = !analyticsCookies; handleCookieToggle('analytics', $event.target.checked)" 934 > 935 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 936 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 937 </span> 938 <span class="inline-flex flex-col text-body-sm"> 939 <span class="leading-snug select-none -mt-px"> 940 <span 941 x-bind:class="{'text-secondary': analyticsCookies, 'site__color--text': !analyticsCookies }" 942 class="font-semibold first-letter:uppercase inline-block" 943 > 944 Analytisch 945 </span> 946 <span class="opacity-50">(optioneel)</span> 947 </span> 948 <span class="site__color--text"> 949 Deze cookies helpen ons te begrijpen hoe bezoekers omgaan met de website door statistieken bij te houden en het gebruik van de site te analyseren. 950 </span> 951 </span> 952 </label> 953 <label 954 for="toggle_marketing" 955 class="flex cursor-pointer items-start mb-24 mt-12" 956 > 957 <span class="toggle relative flex items-center justify-center mt-2"> 958 <input 959 id="toggle_marketing" 960 type="checkbox" 961 class="sr-only peer" 962 x-bind:checked="marketingCookies" 963 x-on:change="marketingCookies = !marketingCookies; handleCookieToggle('marketing', $event.target.checked)" 964 >
965 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 966 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 967 </span> 968 <span class="inline-flex flex-col text-body-sm"> 969 <span class="leading-snug select-none -mt-px"> 970 <span 971 x-bind:class="{'text-secondary': marketingCookies, 'site__color--text': !marketingCookies }" 972 class="font-semibold first-letter:uppercase inline-block" 973 > 974 Marketing 975 </span> 976 <span class="opacity-50">(optioneel)</span> 977 </span> 978 <span class="site__color--text"> 979 Marketing cookies worden gebruikt om bezoekers op websites te volgen, zodat uitgevers relevante en boeiende advertenties kunnen weergeven. 980 </span> 981 </span> 982 </label> 983 </div> 984 <div id="reset_cp_fadeout" class="hidden sticky bottom-0 h-80 w-full bg-gradient-to-t from-white to-transparent pointer-events-none"></div> 985 </div> 986 987 <div class="text-14 px-16 sm:px-32 py-16"> 988 <div class="flex flex-col lg:flex-row justify-end items-stretch gap-16"> 989 <button role="button" 990 x-on:click="setCookies(false, false)" 991 x-bind:disabled="handlingCookies" 992 class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50 site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " 993 > 994 Mijn selectie aanvaarden 995 </button> 996 <button role="button" 997 class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50 site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " 998 x-bind:disabled="handlingCookies" 999 x-on:click=" 1000 functionalCookies = false; 1001 marketingCookies = false; 1002 analyticsCookies = false; 1003 setCookies(false, true)" 1004 > 1005 Weiger optionele cookies 1006 </button> 1007 <button role="button" 1008 class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50 site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 " 1009 x-bind:disabled="handlingCookies" 1010 x-on:click="setCookies(true, false)" 1011 > 1012 Alle cookies aanvaarden 1013 </button> 1014 </div> 1015 </div> 1016 </div> 1017 </div> 1018 </div> 1019 <button type="button" id="toggle_cookie_popup" class="hidden fixed bottom-0 left-0 m-16 p-8 w-48 aspect-square z-top bg-green-dark/85 rounded-full hover:scale-105 hover:bg-green-dark transition-all"> 1020 <svg class="w-full h-full fill-white" viewBox="0 0 18 18"> 1021 <mask id="mask_cookie" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="18"> 1022 <rect width="18" height="18"/> 1023 </mask> 1024 <g mask="url(#mask_cookie)"> 1025 <path d="M9 16.5C7.9625 16.5 6.9875 16.3031 6.075 15.9094C5.1625 15.5156 4.36875 14.9812 3.69375 14.3062C3.01875 13.6312 2.48438 12.8375 2.09063 11.925C1.69687 11.0125 1.5 10.0375 1.5 8.99999C1.5 7.98749 1.70938 7.00312 2.12813 6.04687C2.54688 5.09062 3.12813 4.24999 3.87188 3.52499C4.61563 2.79999 5.5 2.24999 6.525 1.87499C7.55 1.49999 8.675 1.38749 9.9 1.53749C10.0875 1.56249 10.2313 1.64062 10.3313 1.7
10257187C10.4313 1.90312 10.4875 2.08124 10.5 2.30624C10.525 3.10624 10.8219 3.79062 11.3906 4.35937C11.9594 4.92812 12.6375 5.22499 13.425 5.24999C13.6875 5.26249 13.8875 5.33749 14.025 5.47499C14.1625 5.61249 14.2375 5.82499 14.25 6.11249C14.275 6.63749 14.4344 7.06874 14.7281 7.40624C15.0219 7.74374 15.4312 7.99999 15.9562 8.17499C16.1312 8.23749 16.2656 8.32812 16.3594 8.44687C16.4531 8.56562 16.5 8.71249 16.5 8.88749C16.525 9.92499 16.3438 10.9062 15.9562 11.8312C15.5687 12.7562 15.0375 13.5656 14.3625 14.2594C13.6875 14.9531 12.8875 15.5 11.9625 15.9C11.0375 16.3 10.05 16.5 9 16.5ZM9 15C10.525 15 11.8781 14.475 13.0594 13.425C14.2406 12.375 14.8875 11.0375 15 9.41249C14.375 9.13749 13.8844 8.76249 13.5281 8.28749C13.1719 7.81249 12.9312 7.28124 12.8062 6.69374C11.8438 6.55624 11.0188 6.14374 10.3313 5.45624C9.64375 4.76874 9.21875 3.94374 9.05625 2.98124C8.05625 2.95624 7.17812 3.13749 6.42188 3.52499C5.66563 3.91249 5.03437 4.40937 4.52812 5.01562C4.02187 5.62187 3.64062 6.28124 3.38438 6.99374C3.12813 7.70624 3 8.37499 3 8.99999C3 10.6625 3.58438 12.0781 4.75313 13.2469C5.92188 14.4156 7.3375 15 9 15ZM7.875 7.49999C8.1875 7.49999 8.45312 7.39062 8.67188 7.17187C8.89062 6.95312 9 6.68749 9 6.37499C9 6.06249 8.89062 5.79687 8.67188 5.57812C8.45312 5.35937 8.1875 5.24999 7.875 5.24999C7.5625 5.24999 7.29688 5.35937 7.07812 5.57812C6.85938 5.79687 6.75 6.06249 6.75 6.37499C6.75 6.68749 6.85938 6.95312 7.07812 7.17187C7.29688 7.39062 7.5625 7.49999 7.875 7.49999ZM6.375 11.25C6.6875 11.25 6.95312 11.1406 7.17188 10.9219C7.39062 10.7031 7.5 10.4375 7.5 10.125C7.5 9.81249 7.39062 9.54687 7.17188 9.32812C6.95312 9.10937 6.6875 8.99999 6.375 8.99999C6.0625 8.99999 5.79688 9.10937 5.57812 9.32812C5.35938 9.54687 5.25 9.81249 5.25 10.125C5.25 10.4375 5.35938 10.7031 5.57812 10.9219C5.79688 11.1406 6.0625 11.25 6.375 11.25ZM11.25 12C11.4625 12 11.6406 11.9281 11.7844 11.7844C11.9281 11.6406 12 11.4625 12 11.25C12 11.0375 11.9281 10.8594 11.7844 10.7156C11.6406 10.5719 11.4625 10.5 11.25 10.5C11.0375 10.5 10.8594 10.5719 10.7156 10.7156C10.5719 10.8594 10.5 11.0375 10.5 11.25C10.5 11.4625 10.5719 11.6406 10.7156 11.7844C10.8594 11.9281 11.0375 12 11.25 12Z"/> 1026 </g> 1027 </svg> 1028 </button> 1029 1030<!-- /resources/views/jobsites/components/modal.blade.php --> 1031 1032<div 1033 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" 1034 x-data="{ open: true }" 1035 x-show="open" 1036 x-cloak 1037> 1038 1039 1040 <div 1041 x-show="open" 1042 x-transition:enter="ease-out duration-300" 1043 x-transition:enter-start="opacity-0" 1044 x-transition:enter-end="opacity-100" 1045 x-transition:leave="ease-in duration-200" 1046 x-transition:leave-start="opacity-100" 1047 x-transition:leave-end="opacity-0" 1048 class="fixed inset-0 transition-opacity" 1049 @click="open = false" 1050 > 1051 <div class="absolute inset-0 site__bg--text opacity-75"></div> 1052 </div> 1053 1054 1055 <div 1056 x-show="open" 1057 x-transition:enter="ease-out duration-300" 1058 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1059 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 1060 x-transition:leave="ease-in duration-200" 1061 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 1062 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1063 class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" 1064 > 1065 <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> 1066 1067 <button role="button" @click="open = false" class="absolute right-0 top-0 mr-20 mt-20 block w-40 h-40" aria-label="close"> 1068 <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"> 1069 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 1070 </svg> 1071 </button> 1072 1073 <p class="mb-20">Wij en onze partners gebruiken cookies om informatie op je apparaat op te slaan en te raadplegen. Zo kunnen we je gebruikerservaring verbeteren en relevante content en gepersonaliseerde advertenties tonen.</p> 1074 <p class="mb-20">Je kan de cookies accepteren, beheren of afwijzen. Je kan deze popup via de cookieknop links onderaan op elk moment opnieuw openen om je voorkeuren aan te passen. Voor meer informatie lees je onze <a href=":link" target="_blank">cookie policy</a>.</p> 1075 <p class=""> 1076 Jobtoolz verzamelt anonieme gegevens voor het verbeteren van de gebruikerservaring. <a href="https://jobtoolz.com/nl/cookie-policy" target="_blank">Lees hier het cookiebeleid van Jobtoolz.</a> 1077 </p> 1078 1079 </div> 1080 </div> 1081 1082</div> 1083 1084<!-- /resources/views/jobsites/components/modal.blade.php --> 1085 1086<div 1087 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" 1088 x-data="{ open: true }" 1089 x-show="open" 1090 x-cloak 1091> 1092 1093 1094 <div 1095 x-show="open" 1096 x-transition:enter="ease-out duration-300" 1097 x-transition:enter-start="opacity-0" 1098 x-transition:enter-end="opacity-100" 1099 x-transition:leave="ease-in duration-200" 1100 x-transition:leave-start="opacity-100" 1101 x-transition:leave-end="opacity-0" 1102 class="fixed inset-0 transition-opacity" 1103 @click="open = false" 1104 > 1105 <div class="absolute inset-0 site__bg--text opacity-75"></div> 1106 </div> 1107 1108 1109 <div 1110 x-show="open" 1111 x-transition:enter="ease-out duration-300" 1112 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1113 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 1114 x-transition:leave="ease-in duration-200" 1115 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 1116 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1117 class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" 1118 > 1119 <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> 1120 1121 <button role="button" @click="open = false" class="absolute right-0 top-0 mr-20 mt-20 block w-40 h-40" aria-label="close"> 1122 <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"> 1123 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 1124 </svg> 1125 </button> 1126 1127 <h2 class="font-semibold text-ocean-blue text-heading-2 mb-12"> 1128 Privacy beleid 1129 </h2> 1130 <div class="wysiwyg-content"> 1131 <p>Wij verzamelen met behulp van Jobtoolz, ons online sollicitatieplatform, uw persoonsgegevens om kwaliteitsvolle aanwerving- en selectieprocessen mogelijk te kunnen maken.</p><p>Het verstrekken van deze persoonsgegevens is dan ook een noodzakelijke voorwaarde om het sollicitatietraject te doorlopen.</p><p>Bij de verzameling en verwerking van uw persoonsgegevens respecteren wij steeds de regelgeving inzake bescherming van persoonsgegevens, evenals de Algemene Verordening Gegevensbescherming (âAVGâ of GDPRâ).</p><p>Voor meer informatie over de manier waarop wij uw persoonsgegevens verwerken, verwijzen wij naar onze privacy policy.</p> 1132 <p class="mt-32 text-body-sm"> 1133 Wil je meer weten over het privacybeleid van Jobtoolz <a href="https://jobtoolz.com/nl/privacy-policy">Klik hier</a> 1134 </p> 1135 </div> 1136 1137 </div> 1138 </div> 1139 1140</div> 1141 1142<!-- /resources/views/jobsites/components/modal.blade.php --> 1143 1144<div 1145 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" 1146 x-data="{ open: true }" 1147 x-show="open" 1148 x-cloak 1149> 1150 1151 1152 <div 1153 x-show="open" 1154 x-transition:enter="ease-out duration-300" 1155 x-transition:enter-start="opacity-0" 1156 x-transition:enter-end="opacity-100" 1157 x-transition:leave="ease-in duration-200" 1158 x-transition:leave-start="opacity-100" 1159 x-transition:leave-end="opacity-0" 1160 class="fixed inset-0 transition-opacity" 1161 @click="open = false" 1162 > 1163 <div class="absolute inset-0 site__bg--text opacity-75"></div> 1164 </div> 1165 1166 1167 <div 1168 x-show="open" 1169 x-transition:enter="ease-out duration-300" 1170 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1171 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 1172 x-transition:leave="ease-in duration-200" 1173 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 1174 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1175 class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" 1176 > 1177 <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> 1178 1179 <button 1180 role="button" 1181 aria-label="close" 1182 class="absolute right-0 top-0 mt-20 mr-20 block w-40 h-40" 1183 @click="open = false" 1184 > 1185 <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"> 1186 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 1187 </svg> 1188 </button> 1189 <form id="interview-cancel-form"> 1190 <div> 1191 <h2 class="text-heading-2 font-semibold">Interview annuleren</h2> 1192 <p class="text-body mt-8">Weet u zeker dat u dit interview wil annuleren?</p> 1193 </div> 1194 <div> 1195 <textarea 1196 name="cancel_description" 1197 id="cancel_description" 1198 class="border-2 border-color-grey resize-none w-full h-144 mt-24 p-16"
1199 placeholder="Laat Beltaste weten waarom je het interview annuleert." 1200 ></textarea> 1201 </div> 1202 <div class="flex justify-end"> 1203 <button 1204 id="cancel-interview_btn" 1205 role="button" 1206 type="submit" 1207 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" 1208 > 1209 Interview annuleren 1210 </button> 1211 </div> 1212 </form> 1213 1214 </div> 1215 </div> 1216 1217</div> 1218 1219<!-- /resources/views/jobsites/components/modal.blade.php --> 1220 1221<div 1222 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" 1223 x-data="{ open: true }" 1224 x-show="open" 1225 x-cloak 1226> 1227 1228 1229 <div 1230 x-show="open" 1231 x-transition:enter="ease-out duration-300" 1232 x-transition:enter-start="opacity-0" 1233 x-transition:enter-end="opacity-100" 1234 x-transition:leave="ease-in duration-200" 1235 x-transition:leave-start="opacity-100" 1236 x-transition:leave-end="opacity-0" 1237 class="fixed inset-0 transition-opacity" 1238 @click="open = false" 1239 > 1240 <div class="absolute inset-0 site__bg--text opacity-75"></div> 1241 </div> 1242 1243 1244 <div 1245 x-show="open" 1246 x-transition:enter="ease-out duration-300" 1247 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1248 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 1249 x-transition:leave="ease-in duration-200" 1250 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 1251 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1252 class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" 1253 > 1254 <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> 1255 1256 <button 1257 role="button" 1258 aria-label="close" 1259 class="absolute right-0 top-0 mt-20 mr-20 block w-40 h-40" 1260 @click="open = false" 1261 > 1262 <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"> 1263 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 1264 </svg> 1265 </button> 1266 <form id="interview-reschedule-form"> 1267 <div> 1268 <h2 class="text-heading-2 font-semibold">Interview herplannen</h2> 1269 <p class="text-body mt-8">Ben je zeker dat je dit interview wil herplannen?</p> 1270 </div> 1271 <div> 1272 <textarea 1273 name="reschedule_description" 1274 id="reschedule_description" 1275 class="border-2 border-color-grey resize-none w-full h-144 mt-24 p-16" 1276 placeholder="Laat Beltaste weten waarom je het interview herplant. Indien mogelijk, geef enkele nieuwe tijdsloten mee." 1277 ></textarea> 1278 </div> 1279 <div class="flex justify-end"> 1280 <button 1281 id="reschedule-interview_btn" 1282 role="button" 1283 type="submit" 1284 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" 1285 > 1286 Interview herplannen 1287 </button> 1288 </div> 1289 </form> 1290 1291 </div> 1292 </div> 1293 1294</div> 1295 1296
1296<script async src="https://platform-api.sharethis.com/js/sharethis.js#property=5dfce2cab103ed0012b9407a&product=sticky-share-buttons"></script>
1296 1297 1298 1299<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;"> 1300 <div class="inline-block w-full sm:w-3/4"> 1301 <div class="text-semantic-warning inline-block align-middle mr-14 w-auto"> 1302 <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);"> 1303 <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"/> 1304 </svg> 1305 </div> 1306 <div class="inline-block align-middle w-11/12"> 1307 <h3 class="text-body-14 text-semantic-warning" style="color: rgb(146, 64, 14);"> 1308 Opgepast! 1309 </h3> 1310 <div class="mt-8 text-body-14 text-semantic-warning" style="color: rgb(146, 64, 14);"> 1311 <p>We merken dat je een oude browser gebruikt waardoor deze website mogelijk niet correct werkt. Voor een veilige, en ononderbroken ervaring, raden we je aan om je browser onmiddelijk te updaten.</p> 1312 </div> 1313 </div> 1314 </div> 1315 <div class="mt-14 md:mt-0 w-full sm:w-1/5 inline-block align-middle space-x-24"> 1316 <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/nl/update.html?force_outdated=true"> 1317 Update mijn browser 1318 </a> 1319 </div> 1320</div> 1321
1322<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz"> 1323 // if (window.navigator.userAgent.match(/(MSIE|Trident)/)) { 1324 if (!(window.CSS && window.CSS.supports && window.CSS.supports('--css: variables'))) { 1325 document.addEventListener('DOMContentLoaded', function () { 1326 document.getElementById('iebanner').style.display = 'block'; 1327 }); 1328 } 1329</script>
1329 1330</body> 1331</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.