1<!DOCTYPE html> 2<html lang="nl"> 3<head> 4
4<script nonce="iIFOPZwGf0toDN40S6l5OiH6Er2tk1xV"> 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="iIFOPZwGf0toDN40S6l5OiH6Er2tk1xV"> 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="iIFOPZwGf0toDN40S6l5OiH6Er2tk1xV"> 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="7ROzH26h0j49gQvvHZbMjMEnI7rp9WNizprRFWoA"> 53 54 55 <title>Welkom in de wereld van ICT Concept | Bekijk onze vacatures</title> 56 <meta name="description" content="Jij hebt die betrouwbare werkgever gevonden! Neem snel een kijkje wat wij kunnen betekenen voor jou!"> 57 <link rel="canonical" href="https://werkenbij.ict-concept.nl/nl"> 58 59 <meta property="og:title" content="Welkom in de wereld van ICT Concept | Bekijk onze vacatures"/> 60<meta property="og:description" content="Jij hebt die betrouwbare werkgever gevonden! Neem snel een kijkje wat wij kunnen betekenen voor jou!" /> 61<meta property="og:type" content="website" /> 62<meta property="og:url" content="https://werkenbij.ict-concept.nl/nl" /> 63<meta property="og:image" content="https://jobtoolz-assets.imgix.net/assets/companies/1378797865/XS0Z8tcq3uWyEVH.png?dpr=1" /> 64 65 <link rel="shortcut icon" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1378797865/favicons/favicon.ico?ver=TR35E"> 66<link rel="icon" type="image/png" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1378797865/favicons/favicon-96x96.png?ver=BcXHt" sizes="96x96" /> 67<link rel="apple-touch-icon" sizes="180x180" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1378797865/favicons/apple-touch-icon.png?ver=zSxj8"> 68<link rel="manifest" href="https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1378797865/favicons/site.webmanifest"> 69 70 <link rel="preload" as="style" href="https://werkenbij.ict-concept.nl/build/jobsites/assets/app.css" /><link rel="modulepreload" as="script" href="https://werkenbij.ict-concept.nl/build/jobsites/assets/app.js" /><link rel="stylesheet" href="https://werkenbij.ict-concept.nl/build/jobsites/assets/app.css" />
70<script type="module" src="https://werkenbij.ict-concept.nl/build/jobsites/assets/app.js"></script>
70 71
71<script src="https://elements.cronofy.com/js/CronofyElements.v1.56.3.js"></script>
71 72 73 <style> 74 75</style> 76 77
77<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.js"></script>
77 78 <link href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css" rel="stylesheet" /> 79
79<script nonce="iIFOPZwGf0toDN40S6l5OiH6Er2tk1xV"> 80 mapboxgl.accessToken = 'pk.eyJ1Ijoiam9idG9vbHoiLCJhIjoiY2ptdnVlM3ZzMzFqZDNwb2V3cjAyOWNxMiJ9.WJzemW29rU956AEHWmbyKQ'; 81 </script>
81 82
82<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
82 83<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css">
84<script nonce="iIFOPZwGf0toDN40S6l5OiH6Er2tk1xV"> 85 document.addEventListener( 'DOMContentLoaded', function () { 86 let elms = document.getElementsByClassName( 'splide' ); 87 for ( let i = 0, len = elms.length; i < len; i++ ) { 88 let splide = new Splide( elms[ i ], { 89 type: 'loop', 90 autoWidth: true, 91 // perMove: true, 92 // interval: 3000, 93 pagination: true, 94 focus: 'center', 95 // speed: 3000, 96 autoplay: false, 97 easing: 'ease', 98 pauseOnHover: true, 99 pauseOnFocus: false, 100 waitForTransition: false 101 } ); 102 103 splide.mount(); 104 } 105 } ); 106</script>
106 107 108 <style> 109 footer { 110 background-color: #99c221; 111 margin-bottom: 0!important; 112 padding-bottom: 3.2rem; 113 color: #fff!important; 114} 115/* delete logo in company intro */ 116#applications__company-logo { 117 display: none 118} 119 120#applications__company-intro { 121 width: 100% 122} 123/* delete website url in company intro */ 124#applications__company-intro p:last-child { 125 display: none 126} 127 128#applications__company-section > div { 129 margin-bottom: 0; 130} 131 </style> 132 133</head> 134 135<body class="text-body leading-normal site__color--text site__selection--complement-brand site__font--text site__select--brand"> 136<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"> 137 <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> 138</div>
vendor: 82 bytes, lines 138-141
138 139 140<noscript> 141 <iframe src="https://www.googletagmanager.com/ns.html?id=
141GTM-NLWJM4T
vendor: 108 bytes, lines 141-146
141" height="0" width="0" style="display:none;visibility:hidden"></iframe> 142 </noscript> 143 144 145 146
147<div id="jobsite-app"><div><div><style> 148 .site__rounded--small { 149 border-radius: 16px; 150 } 151 .site__rounded--small-top { 152 border-radius: 16px 16px 0 0; 153 } 154 .site--rounded--small-bottom { 155 border-radius: 0 0 16px 16px; 156 } 157 .site--rounded--small-left { 158 border-radius: 16px 0 0 16px; 159 } 160 .site--rounded--small-right { 161 border-radius: 0 16px 16px 0; 162 } 163 .site__rounded--medium { 164 border-radius: 32px; 165 } 166 .site__rounded--medium-top { 167 border-radius: 32px 32px 0 0; 168 } 169 .site__rounded--medium-bottom { 170 border-radius: 0 0 32px 32px; 171 } 172 .site__rounded--medium-left { 173 border-radius: 32px 0 0 32px; 174 } 175 .site__rounded--medium-right { 176 border-radius: 0 32px 32px 0; 177 } 178 .vacancy-alerts__image { 179 border-radius: 32px 32px 0 0; 180 } 181 @media (min-width: 1024px) { 182 .vacancy-alerts__image { 183 border-radius: 32px 0 0 32px; 184 } 185 } 186 .site__rounded--large { 187 border-radius: 999px; 188 } 189 .site__rounded--large-top { 190 border-radius: 999px 999px 0 0; 191 } 192 .site__rounded--large-bottom { 193 border-radius: 0 0 999px 999px; 194 } 195 .site__rounded--large-left { 196 border-radius: 999px 0 0 999px; 197 } 198 .site__rounded--large-right { 199 border-radius: 0 999px 999px 0; 200 } 201 .site__padding--small { 202 padding: 12.5px; 203 } 204 .site__padding--medium { 205 padding: 25px; 206 } 207 .site__padding--large { 208 padding: 32.5px; 209 } 210 .site__bg--brand { 211 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 212 } 213 .site__bg--brand-10 { 214 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 0.1); 215 } 216 .site__bg--brand-30 { 217 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 0.3); 218 } 219 .site__color--brand-contrast { 220 color: #000000; 221 fill: #000000; 222 } 223 .site__color--text-contrast { 224 color: #ffffff; 225 fill: #ffffff; 226 } 227 .site__color--brand { 228 color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 229 fill: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 230 } 231 .site__bg--text { 232 background-color: hsla(0, 0%, 26.66%, 0.72); 233 } 234 .site__hover__bg--text:hover { 235 background-color: hsla(0, 0%, 26.66%, 0.72); 236 } 237 .site__bg--text-80 { 238 background-color: hsla(0, 0%, 26.66%, 0.8); 239 } 240 .site__fill--brand { 241 fill: #99c221; 242 } 243 .site__fill--brand-contrast { 244 fill: #000000; 245 } 246 .site__color--text { 247 color: hsla(0, 0%, 26.66%, 0.72); 248 fill: hsla(0, 0%, 26.66%, 0.72); 249 } 250 ::placeholder { 251 color: #d9d9d9; 252 fill: #d9d9d9; 253 } 254 .site__color--text-light { 255 color: #d9d9d9; 256 fill: #d9d9d9; 257 } 258 .site__color--text-50 { 259 color: hsla(0, 0%, 26.66%, 0.5); 260 fill: hsla(0, 0%, 26.66%, 0.5); 261 } 262 .site__color--text-70 { 263 color: hsla(0, 0%, 26.66%, 0.7); 264 fill: hsla(0, 0%, 26.66%, 0.7); 265 } 266 .site__border--brand { 267 border-color: #99c221; 268 } 269 .site__focus--brand:focus, 270 .site__focus--brand:focus ~ .input-icon, 271 .site__focus--brand:focus ~ label, 272 .site__focus--brand:focus ~ span.checkmark { 273 border-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 274 } 275 .site__focus--outline-brand:focus, 276 .site__focus--outline-brand:focus ~ .file-upload, 277 .site__focus--outline-brand:focus ~ label, 278 .site__focus--outline-brand:focus ~ span.checkmark { 279 box-shadow: 0 0 0 0.2rem hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 0.5); 280 } 281 .site__select--brand *::selection { 282 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 283 } 284 .site__selection--complement-brand *::selection { 285 color: #4a21c2; 286 fill: #4a21c2; 287 }, 288 .site__border--text { 289 border-color: hsla(0, 0%, 26.66%, 0.72); 290 } 291 .site__border--text-light { 292 border-color: #d9d9d9; 293 } 294 .site__font--display { 295 font-family: Poppins, sans-serif; 296 } 297 .site__font--text { 298 font-family: Inter, sans-serif; 299 } 300 .site__btn--brand { 301 color: #000000; 302 fill: #000000; 303 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 304 border: 2px solid hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 305 border-radius: 32px; 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--brand:hover { 315 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 0.8); 316 } 317 .site__btn--neutral { 318 background-color: #D6D9E4; 319 border: 2px solid #D6D9E4; 320 border-radius: 32px; 321 transition: ease 150ms; 322 font-weight: 700; 323 height: 48px; 324 padding: 25px; 325 display: flex; 326 align-items: center; 327 justify-content: center; 328 } 329 .site__btn--neutral:hover { 330 background-color: #D6D9E480; 331 } 332 .site__btn--brand-small { 333 color: #000000; 334 fill: #000000; 335 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 336 border: 2px solid hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 337 border-radius: 16px; 338 transition: ease 150ms; 339 font-weight: 700; 340 height: 48px; 341 padding: 12.5px; 342 display: flex; 343 align-items: center; 344 justify-content: center; 345 } 346 .site__btn--brand-disabled { 347 color: #000000; 348 fill: #000000; 349 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 0.5); 350 border: 2px solid transparent; 351 border-radius: 32px; 352 transition: ease 150ms; 353 font-weight: 700; 354 height: 48px; 355 padding: 25px; 356 display: flex; 357 align-items: center; 358 justify-content: center; 359 } 360 .site__btn--brand-small-disabled { 361 color: #000000; 362 fill: #000000; 363 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 0.5); 364 border: 2px solid transparent; 365 border-radius: 16px; 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--brand-small:hover { 375 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 0.8); 376 } 377 .site__btn--neutral-small {
378 background-color: #D6D9E4; 379 border: 2px solid #D6D9E4; 380 border-radius: 16px; 381 transition: ease 150ms; 382 font-weight: 700; 383 height: 48px; 384 padding: 12.5px; 385 display: flex; 386 align-items: center; 387 justify-content: center; 388 } 389 .site__btn--neutral-small-disabled { 390 background-color: #D6D9E480; 391 border: 2px solid #D6D9E480; 392 border-radius: 16px; 393 transition: ease 150ms; 394 font-weight: 700; 395 height: 48px; 396 padding: 12.5px; 397 display: flex; 398 align-items: center; 399 justify-content: center; 400 } 401 .site__btn--neutral-small:hover { 402 background-color: #D6D9E480; 403 } 404 .site__dropdown--option { 405 color: hsla(0, 0%, 26.66%, 0.72); 406 fill: hsla(0, 0%, 26.66%, 0.72); 407 } 408 .site__dropdown--option:hover { 409 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 410 color: #000000; 411 fill: #000000; 412 } 413 .site__dropdown--selected:hover { 414 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 415 color: #000000; 416 fill: #000000; 417 } 418 .site__link--brand { 419 color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 420 fill: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 421 } 422 .site__link--brand:hover { 423 color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 0.8); 424 fill: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 0.8); 425 } 426 .cc-banner.cc-bottom { 427 background-color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 428 color: #000000; 429 fill: #000000; 430 } 431 .cc-banner.cc-bottom .cc-link { 432 color: #000000; 433 fill: #000000; 434 } 435 .cc-btn.cc-dismiss { 436 color: #000000; 437 fill: #000000; 438 background: transparent; 439 border: 2px solid #000000; 440 transition: ease 150ms; 441 } 442 .cc-btn.cc-dismiss:hover { 443 background: #000000; 444 color: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 445 fill: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 446 } 447 .bg-white-ie11{ 448 background-color: #fff; 449 } 450 .bg-black-ie11{ 451 background-color: #000; 452 } 453 .wysiwyg-content > table { 454 border-collapse: collapse; 455 width: 100%; 456 } 457 .wysiwyg-content > table td, 458 .wysiwyg-content > table th { 459 position: relative; 460 box-sizing: border-box; 461 vertical-align: top; 462 border: 1px solid #99c221; 463 padding: .6rem .8rem; 464 } 465 .wysiwyg-content > table td > *, 466 .wysiwyg-content > table th > * { 467 margin-bottom: 0; 468 } 469 .wysiwyg-content > table th { 470 font-weight: 600; 471 text-align: left; 472 } 473 .wysiwyg-content > table th { 474 font-weight: semibold; 475 text-align: left; 476 background: hsla(75.27950310559007, 70.9251101321586%, 44.509803921568626%, 1); 477 color: #000000; 478 fill: #000000; 479 } 480 </style>
480 <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Inter: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://werkenbij.ict-concept.nl"><img alt="ICT Concept" src="https://jobtoolz-assets.imgix.net/assets/companies/1378797865/logo-JReqzMCj5behgGr.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://ict-concept.nl/"><span class="mr-8 truncate text-body-sm">Naar de 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/1378797865/header-WcnJuEprBipheEj.png?dpr=1&w=2000&h=650&fit=max);"><!----></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"></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 class="relative flex-none shadow-lg px-24 h-full flex items-center justify-center overflow-hidden site__color--brand-contrast site__rounded--small-top"><!--[--><span class="mr-16 relative z-10"><a href="https://twitter.com/ICTConcepT" target="_blank" title="twitter" class="capitalize"><svg class="block fill-current flex-none" width="24" height="20"><path d="M24 2.6c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5"/></svg></a></span><span class="mr-16 relative z-10"><a href="https://www.youtube.com/channel/UCikVl5rnhfh-gc5sw-UK2aw" target="_blank" title="youtube" class="capitalize"><svg class="block fill-current flex-none" height="18" width="24" viewBox="0 0 24 18"><path d="m9.5 12.1v-6.7l6.5 3.4zm14.3-7.9s-.2-1.7-1-2.4c-.9-1-1.9-1-2.4-1-3.4-.2-8.4-.2-8.4-.2s-5 0-8.4.2c-.5.1-1.5.1-2.4 1-.7.7-1 2.4-1 2.4s-.2 1.9-.2 3.9v1.8c0 1.9.2 3.9.2 3.9s.2 1.7 1 2.4c.9 1 2.1.9 2.6 1 1.9.2 8.2.2 8.2.2s5 0 8.4-.3c.5-.1 1.5-.1 2.4-1 .7-.7 1-2.4 1-2.4s.2-1.9.2-3.9v-1.8c0-1.9-.2-3.8-.2-3.8z"/></svg></a></span><span class="mr-16 relative z-10"><a href="https://www.facebook.com/ICTConceptBV" target="_blank" title="facebook" class="capitalize"><svg class="block fill-current flex-none" height="24" viewBox="0 0 24 24" width="24"><path d="m23 0h-22c-.552 0-1 .448-1 1v22c0 .552.448 1 1 1h12v-9h-3v-4h3v-2.587c0-3.1 1.893-4.788 4.659-4.788 1.324 0 2.463.099 2.794.143v3.239l-1.918.001c-1.503 0-1.795.71
4805-1.795 1.763v2.229h4.441l-1 4h-3.441v9h6.26c.552 0 1-.448 1-1v-22c0-.552-.448-1-1-1"/></svg></a></span><span class="relative z-10"><a href="https://www.linkedin.com/company/ict-concept/nl" target="_blank" title="linkedin" class="capitalize"><svg class="block fill-current flex-none" width="24" height="24"><path d="M20.5 20.5h-3.6v-5.6c0-1.3 0-3-1.8-3-1.9 0-2.1 1.4-2.1 2.9v5.7H9.4V9h3.4v1.6c.5-.9 1.6-1.8 3.4-1.8 3.6 0 4.3 2.4 4.3 5.5v6.2zM5.3 7.4c-1.1 0-2.1-.9-2.1-2.1 0-1.1.9-2.1 2.1-2.1 1.1 0 2.1.9 2.1 2.1 0 1.2-.9 2.1-2.1 2.1zm1.8 13.1H3.6V9h3.6v11.5h-.1zM23 0H1C.4 0 0 .4 0 1v22c0 .6.4 1 1 1h22c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"/></svg></a></span><!--]--> <div class="absolute inset-0 site__bg--brand opacity-85"></div></div></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 mx-auto px-24 lg:px-0"><!----> <section class="text-body md:text-body flex-grow wysiwyg-content min-w-0" data-version="live"><p>Bij ICT Concept werken we al 25 jaar aan ICT voor de juridische praktijk. Dat doen we voor advocaten- en notariskantoren die dagelijks moeten kunnen vertrouwen op hun ITâomgeving. Betrouwbaarheid, samenwerking en heldere communicatie vormen daarbij de basis van ons werk.</p><p>Binnen ICT Concept werken we vanuit duidelijke afspraken. We zeggen wat we doen en doen wat we afspreken â richting klanten en richting elkaar. Samenwerking is vanzelfsprekend: we werken in teams met korte lijnen, delen kennis en lossen zaken samen op. Daarbij communiceren we open, ook als iets anders loopt dan gepland.</p><p>Als je bij ICT Concept werkt, draag je direct bij aan ICT die gebruikt wordt in de dagelijkse praktijk. Je krijgt ruimte om je werk goed te doen, zelf verantwoordelijkheid te nemen en mee te denken over oplossingen. We werken praktisch en doelgericht, zonder onnodige lagen of ingewikkelde processen.</p><p>We vinden het belangrijk dat iedereen weet waar hij of zij aan toe is. Dat zorgt voor duidelijkheid in het werk en een prettige manier van samenwerken. Geen grootse beloftes, maar een omgeving waarin je je vak kunt uitoefenen en waarin afspraken tellen.</p><p>Nieuwsgierig naar werken bij ICT Concept? Bekijk dan onze <strong>openstaande vacatures</strong> en ontdek of er een rol is die bij jou past. Staat jouw functie er op dit moment niet tussen, maar denk je dat je goed aansluit? Dan nodigen we je uit om contact met ons op te nemen.</p><p></p><p> </p><p></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">Onze vacatures</h1> <!----></div></div></div> <style></style> <div id="vacatures" x-data="window.jobComponent( 481 [{"id":184757490,"title":"Credit Controller","button":"bekijk vacature","url":"https://werkenbij.ict-concept.nl/nl/credit-controller","image_url":"https://jobtoolz-assets.imgix.net/assets/companies/1378797865/job-a51vZPqqq8L3BZN.png?dpr=1","location":"Hybride (Amersfoort)","types":"Voltijds, Deeltijds","filters":{"filterIds":[],"locationId":1042184390,"types":["fulltime","parttime"]}},{"id":733481277,"title":"(Junior) Financial Controller","button":"bekijk vacature","url":"https://werkenbij.ict-concept.nl/nl/junior-financial-controller","image_url":"https://jobtoolz-assets.imgix.net/assets/companies/1378797865/job-QimaDcm0Id3eglq.png?dpr=1","location":"Hybride (Amersfoort)","types":"Voltijds, Deeltijds","filters":{"filterIds":[],"locationId":1042184390,"types":["fulltime","parttime"]}},{"id":269759358,"title":"Inside Sales Medewerker","button":"bekijk vacature","url":"https://werkenbij.ict-concept.nl/nl/inside-sales-medewerker","image_url":"https://jobtoolz-assets.imgix.net/assets/companies/1378797865/job-9VUhxRrf2x6q6Og.jpg?dpr=1","location":"Hybride (Amersfoort)","types":"Voltijds, Deeltijds","filters":{"filterIds":[653750415],"locationId":1042184390,"types":["fulltime","parttime"]}}], 482 6, 483 [{"id":"","alias":"Alle locaties"},{"id":1042184390,"alias":"Kantoor Amersfoort"}], 484 [{"id":"","alias":"Voltijds & Deeltijds"},{"id":"fulltime","alias":"Voltijds"},{"id":"parttime","alias":"Deeltijds"}], 485 [{"id":582965704,"alias":"Filter op type","order":0,"filters":[{"id":"","alias":"Alle types"},{"id":653750415,"alias":"ICT Concept"}]}] 486 )" 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="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(0, 0%, 26.66%, 0.72);" 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"> 487 <template x-for="filter in locations"> 488 <li class="mb-8 -mt-8 flex items-center pl-12 pr-16 py-4 hover:bg-primary-5" x-on:click="locationFilterSelected(filter)"> 489 <input type="checkbox" class="mr-10" :checked="filter.id === '' && !locationFilter.length ? true : containsLocation(filter)">
490 <span class="block cursor-pointer whitespace-nowrap" x-text="filter.alias"></span> 491 </li> 492 </template> 493 </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(0, 0%, 26.66%, 0.72);" 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"> 494 <template x-for="filter in types"> 495 <li class="mb-8 -mt-8 flex items-center pl-12 pr-16 py-4 hover:bg-primary-5" x-on:click="typeFilterSelected(filter)"> 496 <input type="checkbox" class="mr-10" :checked="filter.id === '' && !typeFilter.length ? true : containsType(filter)"> 497 <span class="block cursor-pointer whitespace-nowrap" x-text="filter.alias"></span> 498 </li> 499 </template> 500 </ul></div> <!--[--><div class="relative" x-data="{ group: {"id":582965704,"alias":"Filter op type","order":0,"filters":[{"id":"","alias":"Alle types"},{"id":653750415,"alias":"ICT Concept"}]} }"><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="openJobsiteFilter(group.id)"><svg class="block fill-current flex-none" width="22" height="16"><path d="m1 0c-.6 0-1 .4-1 1v2c0 .3.1.6.4.8l5.6 4.7v6.5c0 .4.2.8.6.9.1.1.3.1.4.1.3 0 .5-.1.7-.3l2-2c.2-.2.3-.4.3-.7v-4.5l5.6-4.7c.3-.2.4-.5.4-.8v-2c0-.6-.4-1-1-1z"></path> <path d="m19 8h-2v3h-3v2h3v3h2v-3h3v-2h-3z"></path></svg> <span class="capitalize mx-8 ${this.styleFilterText}" x-text="group.alias"></span> <span style="'border-top-color':${this.textHSLA};" class="dropdown-triangle trans-ease ${this.styleFilterIcon}" x-bind:class="{'transform -rotate-180': jobsiteFilterOpen[group.id]}"></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="jobsiteFilterOpen[group.id] = false" x-show="jobsiteFilterOpen[group.id]" 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" x-html="jobsiteFilterTemplate(group.id)"></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">
500<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="site__rounded--medium overflow-hidden mb-16 w-full grid grid-cols-1 auto-rows-fr"> 501 <template x-for="(job, index) in filteredItemsOnThisPage()"> 502 <li> 503 <a 504 x-bind:href="job.url" 505 class="h-full flex overflow-hidden job-link group flex-col mdplus:flex-row" 506 x-bind:class="index % 2 ? 'bg-transparent' : 'site__bg--brand-10'" 507 > 508 509 <div class="flex-none overflow-hidden w-full mdplus:w-5/12"> 510 <div 511 class="w-full h-full bg-cover bg-center job-image trans-ease-slow group-hover:scale-110 ease-in-out" 512 x-bind:style="'background-image: url(' + job.image_url + '&w=445&fit=max);'" 513 ></div> 514 </div> 515 516 <div 517 class="sm:flex p-40 items-center flex-grow gap-24 mdplus:w-7/12" 518 > 519 <div class="mr-auto flex flex-col">
520 <span class="site__color--text-70 text-body"> 521 <span x-show="job.location" class="mr-16" x-text="job.location"></span> 522 <span x-text="job.type"></span> 523 </span> 524 <p 525 class="text-heading-2 font-semibold group-hover:-translate-y-4 ease-in-out transition-transform hyphens-auto" 526 lang="nl" 527 style="overflow-wrap: break-word;" 528 x-text="job.title" 529 ></p> 530 </div> 531 <div class="inline-flex sm:flex-none sm:mt-0 sm:pl-24 md:pl-48"> 532 <div 533 class="first-letter:uppercase font-semibold job-button whitespace-nowrap branded trans-ease site__rounded--large site__color--brand-contrast site__bg--brand px-16 py-8 pb-12 flex items-center text-body-sm" 534 x-text="job.button" 535 > 536 bekijk vacature aub 537 </div> 538 </div> 539 </div> 540 </a> 541 </li> 542 </template> 543 </ul> <div class="flex justify-center mb-32" x-show="totalPages() > 1"> 544 <template x-for="p in loopPages()"> 545 <div x-on:click="paginate(p);" 546 class="site__rounded--large cursor-pointer h-40 w-40 flex items-center justify-center mx-4" 547 x-bind:class="page === p ? 'site__color--brand-contrast site__bg--brand' : 'border-2'" x-text="p"> 548 </div> 549 </template> 550 </div> <div class="flex flex-col items-center"><div class="text-body lg:text-heading-2 text-center font-semibold mb-24">Interesse om bij ons te werken, maar geen gepaste vacature gevonden?</div> <a class="text-body-sm site__rounded--large site__bg--brand site__color--brand-contrast px-16 py-8 pb-12 font-semibold flex items-center" href="https://werkenbij.ict-concept.nl/nl/creditcontroller">spontaan solliciteren</a></div></div></div></div></section></div></div><div><div class="scroll-scene overflow-hidden"><section id 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">Werken bij ICT Concept betekent dat jij er nooit alleen voor staat!</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">Waar vind je ons?</h1> <!----></div></div></div> <style></style> <div class="site__container"><div data-locations="[{"pivot_company_location_id_vacancy_alert_locations":null,"id":1042184390,"vdab_id":null,"lat":"52.174060","lng":"5.418520","is_hq":0,"city":"Amersfoort","region":"Utrecht","group":null,"postal_code":"3821 BR","street":"Basicweg 19A","phone":"033 - 433 01 88","email":"[email protected]","country":"Nederland","country_code":"NL","thumbnail_url":"https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1378797865/locations/GcOgR6sKe0Y1hD3khy3g.jpg","alias":{"en":"","fr":"","nl":"Kantoor Amersfoort"},"order":5,"created_at":"2021-07-15T15:43:55.000000Z","updated_at":"2025-10-06T07:22:32.000000Z","vdabJob":[],"vacancy_alerts":[],"pivot":{"component_id":1536076684,"location_id":1042184390,"order":2}},{"pivot_company_location_id_vacancy_alert_locations":null,"id":1659992785,"vdab_id":null,"lat":"52.325193","lng":"4.918526","is_hq":0,"city":"Amsterdam-Duivendrecht","region":"North Holland","group":null,"postal_code":"1114 AN","street":"Joan Muyskenweg 98","phone":"020 - 663 55 88","email":"[email protected]","country":"Nederland","country_code":"NL","thumbnail_url":"https://jobtoolz-assets.s3.eu-west-3.amazonaws.com/public/companies/1378797865/locations/1Q5tETEJZDZV0SOv8k8Z.jpg","alias":{"en":"","fr":"","nl":"Kantoor Amsterdam"},"order":8,"created_at":"2021-07-15T15:47:24.000000Z","updated_at":"2025-10-06T07:22:42.000000Z","vdabJob":[],"vacancy_alerts":[],"pivot":{"component_id":1536076684,"location_id":1659992785,"order":5}}]" class="site__rounded--medium overflow-hidden border border-primary-20 md:flex md:h-480 locations w-full site__rounded--medium"><div class="md:w-1/2 h-full overflow-y-auto scroll-styled h-480"><ul class="flex flex-col h-full"><!--[--><li class="border-b-2 border-primary-20 flex-grow"><div class="px-32 py-24 block leading-normal trans-ease location-link h-full flex flex-col justify-center" data-location-id="1042184390"><div class="font-semibold text-heading-1 mb-8">Kantoor Amersfoort</div> <div><div class="flex mb-4"><span class="opacity-50"><svg class="w-16 h-16 block fill-current mt-2 mr-8 flex-none" viewBox="0 0 14 16"><path d="M7 0C3.1 0 0 3.1 0 7c0 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> <span>Basicweg 19A</span></div> <div class="flex mb-4"><span>
5503821 BR Amersfoort</span></div> <div class="flex flex-wrap"><div class="flex items-center flex-none mr-16"><span class="opacity-50"><svg class="w-16 h-16 block fill-current mr-8 flex-none" viewBox="0 0 16 16"><path d="M15.285 11.89l-2.578-2.594a1 1 0 0 0-1.416-.002L9 11.585l-5-5 2.294-2.294a1 1 0 0 0 .001-1.414L3.715.293a1 1 0 0 0-1.415 0L.004 2.588 0 2.585c0 7.18 5.82 13 13 13l2.283-2.283a1 1 0 0 0 .002-1.412"></path></svg></span> <a href="tel:033 - 433 01 88" onclick="event.stopPropagation()"><span>033 - 433 01 88</span></a></div> <div class="flex items-center flex-none"><span class="opacity-50"><svg class="w-16 h-14 block fill-current mr-8 flex-none" viewBox="0 0 16 14"><path d="M15 0c.6 0 1 .4 1 1v1.5L8 6.9 0 2.4V1c0-.6.4-1 1-1h14zM7.5 8.9c.28.14.72.14 1 0L16 4.7V13c0 .6-.4 1-1 1H1c-.6 0-1-.4-1-1V4.7l7.5 4.2z"></path></svg></span> <a href="mailto:[email protected]" onclick="event.stopPropagation()"><span>[email protected]</span></a></div></div></div></div></li><li class="flex-grow"><div class="px-32 py-24 block leading-normal trans-ease location-link h-full flex flex-col justify-center" data-location-id="1659992785"><div class="font-semibold text-heading-1 mb-8">Kantoor Amsterdam</div> <div><div class="flex mb-4"><span class="opacity-50"><svg class="w-16 h-16 block fill-current mt-2 mr-8 flex-none" viewBox="0 0 14 16"><path d="M7 0C3.1 0 0 3.1 0 7c0 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> <span>Joan Muyskenweg 98</span></div> <div class="flex mb-4"><span>1114 AN Amsterdam-Duivendrecht</span></div> <div class="flex flex-wrap"><div class="flex items-center flex-none mr-16"><span class="opacity-50"><svg class="w-16 h-16 block fill-current mr-8 flex-none" viewBox="0 0 16 16"><path d="M15.285 11.89l-2.578-2.594a1 1 0 0 0-1.416-.002L9 11.585l-5-5 2.294-2.294a1 1 0 0 0 .001-1.414L3.715.293a1 1 0 0 0-1.415 0L.004 2.588 0 2.585c0 7.18 5.82 13 13 13l2.283-2.283a1 1 0 0 0 .002-1.412"></path></svg></span> <a href="tel:020 - 663 55 88" onclick="event.stopPropagation()"><span>020 - 663 55 88</span></a></div> <div class="flex items-center flex-none"><span class="opacity-50"><svg class="w-16 h-14 block fill-current mr-8 flex-none" viewBox="0 0 16 14"><path d="M15 0c.6 0 1 .4 1 1v1.5L8 6.9 0 2.4V1c0-.6.4-1 1-1h14zM7.5 8.9c.28.14.72.14 1 0L16 4.7V13c0 .6-.4 1-1 1H1c-.6 0-1-.4-1-1V4.7l7.5 4.2z"></path></svg></span> <a href="mailto:[email protected]" onclick="event.stopPropagation()"><span>[email protected]</span></a></div></div></div></div></li><!--]--></ul></div> <div class="md:w-1/2 h-288 md:h-full locations-map site__color--brand"><!----></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 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">Met wie kun jij bij je sollicitatie in contact komen?</h1> <!----></div></div></div> <div class="site__container"><div class="lg:-mx-8"><ul class="w-full xs:w-3/4 sm:w-full md:w-5/6 mdplus:w-3/4 lg:w-full mx-auto flex flex-wrap justify-center -mt-48"><!--[--><li class="w-full sm:w-1/2 lg:w-1/3 px-8 flex-none pt-48"><div class="w-full px-32"><div class="w-full mb-24 site__rounded--medium relative bg-center bg-cover bg-no-repeat" style="padding-top:100%;background-image:url(https://jobtoolz-assets.imgix.net/assets/companies/1378797865/team-HyLWXcbDw7n2yaS.jpg?dpr=1&w=430&fit=max);"></div> <div class="flex flex-col items-center text-center"><!----> <h2 class="text-heading-1 font-semibold mb-4">Frank Hoekstra</h2> <p class="text-body italic mb-16">Managing Director</p> <p class="text-body-sm"></p></div></div></li><li class="w-full sm:w-1/2 lg:w-1/3 px-8 flex-none pt-48"><div class="w-full px-32"><div class="w-full mb-24 site__rounded--medium relative bg-center bg-cover bg-no-repeat" style="padding-top:100%;background-image:url(https://jobtoolz-assets.imgix.net/assets/companies/1378797865/team-RRwtN4fN21GYk1Y.jpg?dpr=1&w=430&fit=max);"></div> <div class="flex flex-col items-center text-center"><!----> <h2 class="text-heading-1 font-semibold mb-4">Stefan Hofland</h2> <p class="text-body italic mb-16">Finance Director</p> <p class="text-body-sm"></p></div></div></li><li class="w-full sm:w-1/2 lg:w-1/3 px-8 flex-none pt-48"><div class="w-full px-32"><div class="w-full mb-24 site__rounded--medium relative bg-center bg-cover bg-no-repeat" style="padding-top:100%;background-image:url(https://jobtoolz-assets.imgix.net/assets/companies/1378797865/team-QR1t4koeYjlGaCk.png?dpr=1&w=430&fit=max);"></div> <div class="flex flex-col items-center text-center"><!----> <h2 class="text-heading-1 font-semibold mb-4">Mark Noordzij</h2> <p class="text-body italic mb-16">Manager NOC & Cloud</p> <p class="text-body-sm"></p></div></div></li>
550<!--]--></ul></div></div></section></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 mx-auto px-24 lg:px-0"><!----> <section class="text-body md:text-body flex-grow wysiwyg-content min-w-0" data-version="live"><h1>Voor meer informatie</h1><p></p><p>Voor meer informatie over bovenstaande vacatures of open sollicitaties kun je contact opnemen per e-mail via <a href="mailto:[email protected]" rel="noopener noreferrer nofollow">[email protected]</a>.</p><p></p></section></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> 551 <div 552 x-data="window.toastMessages()" 553 class="fixed bottom-0 right-1/2 translate-x-1/2 -translate-y-5 z-top" 554 x-on:mouseenter="supportsHover && (isFanned = true)" 555 x-on:mouseleave="supportsHover && (isFanned = false)" 556 x-on:click.capture="onStackClickCapture($event)" 557 x-on:touchstart.passive="pauseAll()" 558 x-on:touchend="onTouchEnd()" 559 x-on:touchcancel="onTouchEnd()" 560 > 561 <template x-for="(toast, index) in $store.toasts.items" :key="toast.id"> 562 <div 563 class="relative" 564 x-bind:style="{ zIndex: $store.toasts.items.length - index }" 565 x-transition:enter="transition ease-out duration-300" 566 x-transition:enter-start="opacity-0 translate-y-4" 567 x-transition:enter-end="opacity-100 translate-y-0" 568 x-transition:leave="transition ease-in duration-300 absolute" 569 x-transition:leave-start="opacity-100 scale-100" 570 x-transition:leave-end="opacity-0 scale-90" 571 > 572 <div class="transition-all duration-300 ease-out" x-bind:style="stackStyle(index)"> 573 <div 574 role="status" 575 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" 576 x-bind:class="typeConfig[toast.type]?.accent" 577 x-on:click="remove(toast.id)" 578 > 579 <svg 580 class="mt-1 size-16 shrink-0" 581 x-bind:class="typeConfig[toast.type]?.iconColor" 582 fill="none"
583 viewBox="0 0 24 24" 584 stroke-width="1.8" 585 stroke="currentColor" 586 > 587 <path stroke-linecap="round" stroke-linejoin="round" x-bind:d="typeConfig[toast.type]?.iconPath" /> 588 </svg> 589 <p class="min-w-0 flex-1 leading-snug" x-text="toast.message"></p> 590 <button 591 type="button" 592 aria-label="Close" 593 class="shrink-0 rounded p-0.5 transition-colors text-primary-80 hover:text-primary" 594 > 595 <svg class="size-12" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"> 596 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 597 </svg> 598 </button> 599 </div> 600 </div> 601 </div> 602 </template> 603 </div> 604</div></div> 605</div> 606
607<script nonce="iIFOPZwGf0toDN40S6l5OiH6Er2tk1xV"> 608 var Jobtoolz = (function () { 609 return { 610 api: { 611 url: 'https://api.jobtoolz.com', 612 token: 'eyJpdiI6ImdDTnJrV1R0Qk9sOEtSMWxKaTQxUEE9PSIsInZhbHVlIjoiZk9CTHZZUDBvREZSekhiMVR1OExGZ2FXTjNKTERPR1hwemhxMGRmS1JUeisyaG45SXY4T2JEWUpDclZZdGVqUiIsIm1hYyI6IjRhMDZhYjg3NTczODEzYzNhMjIyMTdhZTNhYzAwMzAyNTQxYmNlOTM4YWY3NmUxOGNhZTdmZDBkNmJhMmM0YTYiLCJ0YWciOiIifQ==' 613 }, 614 }; 615 })(); 616</script>
616 617
618<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.js"></script>
vendor: 1 bytes, line 618
618
619<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.js"></script>
619 620 621<div 622 id="cookie_popup" 623 class="w-screen h-dvh pointer-events-none fixed top-0 z-top" 624 x-data="window.cookieComponent()" 625 x-bind:class="{'cursor-progress': handlingCookies}" 626 > 627 628 <div 629 class="w-full h-full pointer-events-auto py-64 bg-black/20 items-center justify-center fixed top-0 z-top hidden" 630 id="initial_cookie_popup" 631 > 632 <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 "> 633 634 <div class="px-16 sm:px-32 pt-16 site__rounded--small-top "> 635 <img src="https://jobtoolz-assets.imgix.net/assets/companies/1378797865/logo-JReqzMCj5behgGr.png?dpr=2" alt="ICT Concept logo" 636 class="inline-block align-middle max-h-32 sm:max-h-42 mb-12 mr-16"> 637 <h2 class="hidden lg:inline-block align-middle font-semibold text-body mb-12"> 638 <span class="font-semibold" x-show="onFirstTab">Wij respecteren uw privacy</span> 639 <span class="font-semibold" x-show="!onFirstTab">Voorkeuren instellen</span> 640 </h2> 641 </div> 642 643 <div id="initial_cp_content" class="grow overflow-y-auto overflow-x-hidden text-body-sm"> 644 645 <div id="initial_cp_content_first_tab" x-show="onFirstTab" class="px-16 sm:px-32 pt-16 space-y-12"> 646 <div class="wysiwyg-content"> 647 <p>ICT Concept B.V. gebruikt cookies om website verkeer te analyseren. Lees meer in onze <a href="https://www.iubenda.com/privacy-policy/33987457" rel="noopener noreferrer nofollow">privacy & cookie verklaring</a></p> 648 </div> 649 <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> 650 </div> 651 652 <div id="initial_cp_content_second_tab" x-show="!onFirstTab" class="px-16 sm:px-32 pt-16"> 653 <label 654 for="toggle_necessary" 655 class="flex cursor-pointer items-start mb-24 mt-12 opacity-50" 656 > 657 <span class="toggle relative flex items-center justify-center mt-2"> 658 <input 659 id="toggle_necessary" 660 type="checkbox" 661 class="sr-only peer" 662 checked 663 disabled 664 > 665 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 666 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 667 </span> 668 <span class="inline-flex flex-col text-body-sm"> 669 <span class="leading-snug select-none -mt-px"> 670 <span class="font-semibold first-letter:uppercase inline-block text-secondary"> 671 Strikt noodzakelijk 672 </span> 673 <span class="opacity-50">(verplicht)</span> 674 </span> 675 <span class="site__color--text"> 676 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. 677 </span> 678 </span> 679 </label> 680 <label 681 for="toggle_functional" 682 class="flex cursor-pointer items-start mb-24 mt-12" 683 >
684 <span class="toggle relative flex items-center justify-center mt-2"> 685 <input 686 id="toggle_functional" 687 type="checkbox" 688 class="sr-only peer" 689 x-bind:checked="functionalCookies" 690 x-on:change="functionalCookies = !functionalCookies; handleCookieToggle('functional', $event.target.checked)" 691 > 692 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 693 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 694 </span> 695 <span class="inline-flex flex-col text-body-sm"> 696 <span class="leading-snug select-none -mt-px"> 697 <span 698 x-bind:class="{'text-secondary': functionalCookies, 'site__color--text': !functionalCookies }" 699 class="font-semibold first-letter:uppercase inline-block" 700 > 701 Functioneel 702 </span> 703 <span class="opacity-50">(optioneel)</span> 704 </span> 705 <span class="site__color--text"> 706 Deze cookies zorgen ervoor dat je gebruik kan maken van (externe) functionaliteiten zoals het delen van de content van onze website op sociale media. 707 </span> 708 </span> 709 </label> 710 <label 711 for="toggle_analytics" 712 class="flex cursor-pointer items-start mb-24 mt-12" 713 > 714 <span class="toggle relative flex items-center justify-center mt-2"> 715 <input 716 id="toggle_analytics" 717 type="checkbox" 718 class="sr-only peer" 719 x-bind:checked="analyticsCookies" 720 x-on:change="analyticsCookies = !analyticsCookies; handleCookieToggle('analytics', $event.target.checked)" 721 > 722 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 723 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 724 </span> 725 <span class="inline-flex flex-col text-body-sm"> 726 <span class="leading-snug select-none -mt-px"> 727 <span 728 x-bind:class="{'text-secondary': analyticsCookies, 'site__color--text': !analyticsCookies }" 729 class="font-semibold first-letter:uppercase inline-block" 730 > 731 Analytisch 732 </span> 733 <span class="opacity-50">(optioneel)</span> 734 </span> 735 <span class="site__color--text"> 736 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. 737 </span> 738 </span> 739 </label> 740 <label 741 for="toggle_marketing" 742 class="flex cursor-pointer items-start mb-24 mt-12" 743 >
744 <span class="toggle relative flex items-center justify-center mt-2"> 745 <input 746 id="toggle_marketing" 747 type="checkbox" 748 class="sr-only peer" 749 x-bind:checked="marketingCookies" 750 x-on:change="marketingCookies = !marketingCookies; handleCookieToggle('marketing', $event.target.checked)" 751 > 752 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 753 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 754 </span> 755 <span class="inline-flex flex-col text-body-sm"> 756 <span class="leading-snug select-none -mt-px"> 757 <span 758 x-bind:class="{'text-secondary': marketingCookies, 'site__color--text': !marketingCookies }" 759 class="font-semibold first-letter:uppercase inline-block" 760 > 761 Marketing 762 </span> 763 <span class="opacity-50">(optioneel)</span> 764 </span> 765 <span class="site__color--text"> 766 Marketing cookies worden gebruikt om bezoekers op websites te volgen, zodat uitgevers relevante en boeiende advertenties kunnen weergeven. 767 </span> 768 </span> 769 </label> 770 </div> 771 <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> 772 </div> 773 774 <div class="text-14 px-16 sm:px-32 py-16"> 775 <div class="flex flex-col lg:flex-row justify-end items-stretch gap-16"> 776 <button role="button" 777 x-on:click="onFirstTab = !onFirstTab" 778 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 " 779 x-bind:class="{'pl-16 pr-12': onFirstTab, 'pr-16 pl-12': !onFirstTab}" 780 x-bind:disabled="handlingCookies" 781 > 782 <svg id="chevron" 783 class="mr-4 w-18 h-18 site__color--brand-contrast " 784 fill="currentColor" 785 x-bind:class="{'rotate-180 order-last': onFirstTab}"
786 viewBox="0 0 24 24" 787 > 788 <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"/> 789 </svg> 790 <span x-text="onFirstTab ? 'Mijn selectie aanvaarden' : 'Terug'"></span> 791 </button> 792 <button role="button" 793 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 " 794 x-show="onFirstTab" 795 x-on:click="setCookies(false, true)" 796 x-bind:disabled="handlingCookies" 797 > 798 Weiger optionele cookies 799 </button> 800 <button role="button" 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-text="onFirstTab ? 'Alle cookies aanvaarden' : 'Mijn selectie aanvaarden'" 803 x-on:click="setCookies(onFirstTab, onFirstTab)" 804 x-bind:disabled="handlingCookies" 805 ></button> 806 </div> 807 </div> 808 </div> 809 </div> 810 811 <div 812 class="w-full h-full pointer-events-auto py-64 bg-black/20 items-center justify-center fixed top-0 z-top hidden" 813 id="reset_cookie_popup" 814 > 815 <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 "> 816 817 <div class="px-16 sm:px-32 py-16 flex justify-between items-center site__rounded--small-top "> 818 <div> 819 <img src="https://jobtoolz-assets.imgix.net/assets/companies/1378797865/logo-JReqzMCj5behgGr.png?dpr=2" alt="ICT Concept logo" 820 class="inline-block align-middle max-h-32 sm:max-h-42 mr-16"> 821 <h2 class="hidden lg:inline-block align-middle font-semibold text-body"> 822 Wij respecteren uw privacy 823 </h2> 824 </div> 825 <div id="cp_close" class="cursor-pointer"> 826 <svg class="w-18 aspect-square fill-neutral-grey" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> 827 <mask id="mask_cancel" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="18"> 828 <rect width="18" height="18"/> 829 </mask> 830 <g mask="url(#mask_cancel)"> 831 <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
83156 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"/> 832 </g> 833 </svg> 834 </div> 835 </div> 836 837 <div id="reset_cp_content" class="grow overflow-y-auto overflow-x-hidden text-body-sm"> 838 <div class="px-16 sm:px-32 pt-16 space-y-12"> 839 <div class="wysiwyg-content"> 840 <p>ICT Concept B.V. gebruikt cookies om website verkeer te analyseren. Lees meer in onze <a href="https://www.iubenda.com/privacy-policy/33987457" rel="noopener noreferrer nofollow">privacy & cookie verklaring</a></p> 841 </div> 842 <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> 843 </div> 844 <div class="px-16 sm:px-32 pt-16"> 845 <label 846 for="toggle_necessary" 847 class="flex cursor-pointer items-start mb-24 mt-12 opacity-50" 848 > 849 <span class="toggle relative flex items-center justify-center mt-2"> 850 <input 851 id="toggle_necessary" 852 type="checkbox" 853 class="sr-only peer" 854 checked 855 disabled 856 > 857 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 858 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 859 </span> 860 <span class="inline-flex flex-col text-body-sm"> 861 <span class="leading-snug select-none -mt-px"> 862 <span class="font-semibold first-letter:uppercase inline-block text-secondary"> 863 Strikt noodzakelijk 864 </span> 865 <span class="opacity-50">(verplicht)</span> 866 </span> 867 <span class="site__color--text"> 868 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. 869 </span> 870 </span> 871 </label> 872 <label 873 for="toggle_functional" 874 class="flex cursor-pointer items-start mb-24 mt-12" 875 > 876 <span class="toggle relative flex items-center justify-center mt-2"> 877 <input 878 id="toggle_functional" 879 type="checkbox" 880 class="sr-only peer" 881 x-bind:checked="functionalCookies" 882 x-on:change="functionalCookies = !functionalCookies; handleCookieToggle('functional', $event.target.checked)" 883 >
884 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 885 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 886 </span> 887 <span class="inline-flex flex-col text-body-sm"> 888 <span class="leading-snug select-none -mt-px"> 889 <span 890 x-bind:class="{'text-secondary': functionalCookies, 'site__color--text': !functionalCookies }" 891 class="font-semibold first-letter:uppercase inline-block" 892 > 893 Functioneel 894 </span> 895 <span class="opacity-50">(optioneel)</span> 896 </span> 897 <span class="site__color--text"> 898 Deze cookies zorgen ervoor dat je gebruik kan maken van (externe) functionaliteiten zoals het delen van de content van onze website op sociale media. 899 </span> 900 </span> 901 </label> 902 <label 903 for="toggle_analytics" 904 class="flex cursor-pointer items-start mb-24 mt-12" 905 > 906 <span class="toggle relative flex items-center justify-center mt-2"> 907 <input 908 id="toggle_analytics" 909 type="checkbox" 910 class="sr-only peer" 911 x-bind:checked="analyticsCookies" 912 x-on:change="analyticsCookies = !analyticsCookies; handleCookieToggle('analytics', $event.target.checked)" 913 > 914 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 915 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 916 </span> 917 <span class="inline-flex flex-col text-body-sm"> 918 <span class="leading-snug select-none -mt-px"> 919 <span 920 x-bind:class="{'text-secondary': analyticsCookies, 'site__color--text': !analyticsCookies }" 921 class="font-semibold first-letter:uppercase inline-block" 922 > 923 Analytisch 924 </span> 925 <span class="opacity-50">(optioneel)</span> 926 </span> 927 <span class="site__color--text"> 928 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. 929 </span> 930 </span> 931 </label> 932 <label 933 for="toggle_marketing" 934 class="flex cursor-pointer items-start mb-24 mt-12" 935 > 936 <span class="toggle relative flex items-center justify-center mt-2"> 937 <input 938 id="toggle_marketing" 939 type="checkbox" 940 class="sr-only peer" 941 x-bind:checked="marketingCookies" 942 x-on:change="marketingCookies = !marketingCookies; handleCookieToggle('marketing', $event.target.checked)" 943 >
944 <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span> 945 <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span> 946 </span> 947 <span class="inline-flex flex-col text-body-sm"> 948 <span class="leading-snug select-none -mt-px"> 949 <span 950 x-bind:class="{'text-secondary': marketingCookies, 'site__color--text': !marketingCookies }" 951 class="font-semibold first-letter:uppercase inline-block" 952 > 953 Marketing 954 </span> 955 <span class="opacity-50">(optioneel)</span> 956 </span> 957 <span class="site__color--text"> 958 Marketing cookies worden gebruikt om bezoekers op websites te volgen, zodat uitgevers relevante en boeiende advertenties kunnen weergeven. 959 </span> 960 </span> 961 </label> 962 </div> 963 <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> 964 </div> 965 966 <div class="text-14 px-16 sm:px-32 py-16"> 967 <div class="flex flex-col lg:flex-row justify-end items-stretch gap-16"> 968 <button role="button" 969 x-on:click="setCookies(false, false)" 970 x-bind:disabled="handlingCookies" 971 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 " 972 > 973 Mijn selectie aanvaarden 974 </button> 975 <button role="button" 976 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 " 977 x-bind:disabled="handlingCookies" 978 x-on:click=" 979 functionalCookies = false; 980 marketingCookies = false; 981 analyticsCookies = false; 982 setCookies(false, true)" 983 > 984 Weiger optionele cookies 985 </button> 986 <button role="button" 987 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 " 988 x-bind:disabled="handlingCookies" 989 x-on:click="setCookies(true, false)" 990 > 991 Alle cookies aanvaarden 992 </button> 993 </div> 994 </div> 995 </div> 996 </div> 997 </div> 998 <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"> 999 <svg class="w-full h-full fill-white" viewBox="0 0 18 18"> 1000 <mask id="mask_cookie" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="18"> 1001 <rect width="18" height="18"/> 1002 </mask> 1003 <g mask="url(#mask_cookie)"> 1004 <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
10047187C10.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"/> 1005 </g> 1006 </svg> 1007 </button> 1008 1009<!-- /resources/views/jobsites/components/modal.blade.php --> 1010 1011<div 1012 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" 1013 x-data="{ open: true }" 1014 x-show="open" 1015 x-cloak 1016> 1017 1018 1019 <div 1020 x-show="open" 1021 x-transition:enter="ease-out duration-300" 1022 x-transition:enter-start="opacity-0" 1023 x-transition:enter-end="opacity-100" 1024 x-transition:leave="ease-in duration-200" 1025 x-transition:leave-start="opacity-100" 1026 x-transition:leave-end="opacity-0" 1027 class="fixed inset-0 transition-opacity" 1028 @click="open = false" 1029 > 1030 <div class="absolute inset-0 site__bg--text opacity-75"></div> 1031 </div> 1032 1033 1034 <div 1035 x-show="open" 1036 x-transition:enter="ease-out duration-300" 1037 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1038 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 1039 x-transition:leave="ease-in duration-200" 1040 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 1041 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1042 class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" 1043 > 1044 <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> 1045 1046 <button role="button" @click="open = false" class="absolute right-0 top-0 mr-20 mt-20 block w-40 h-40" aria-label="close"> 1047 <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"> 1048 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 1049 </svg> 1050 </button> 1051 1052 <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> 1053 <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> 1054 <p class=""> 1055 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> 1056 </p> 1057 1058 </div> 1059 </div> 1060 1061</div> 1062 1063<!-- /resources/views/jobsites/components/modal.blade.php --> 1064 1065<div 1066 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" 1067 x-data="{ open: true }" 1068 x-show="open" 1069 x-cloak 1070> 1071 1072 1073 <div 1074 x-show="open" 1075 x-transition:enter="ease-out duration-300" 1076 x-transition:enter-start="opacity-0" 1077 x-transition:enter-end="opacity-100" 1078 x-transition:leave="ease-in duration-200" 1079 x-transition:leave-start="opacity-100" 1080 x-transition:leave-end="opacity-0" 1081 class="fixed inset-0 transition-opacity" 1082 @click="open = false" 1083 > 1084 <div class="absolute inset-0 site__bg--text opacity-75"></div> 1085 </div> 1086 1087 1088 <div 1089 x-show="open" 1090 x-transition:enter="ease-out duration-300" 1091 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1092 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 1093 x-transition:leave="ease-in duration-200" 1094 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 1095 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1096 class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" 1097 > 1098 <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> 1099 1100 <button role="button" @click="open = false" class="absolute right-0 top-0 mr-20 mt-20 block w-40 h-40" aria-label="close"> 1101 <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"> 1102 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 1103 </svg> 1104 </button> 1105 1106 <h2 class="font-semibold text-ocean-blue text-heading-2 mb-12"> 1107 Privacy beleid 1108 </h2> 1109 <div class="wysiwyg-content"> 1110 <p>Wij verzamelen met behulp van dit 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> 1111 <p class="mt-32 text-body-sm"> 1112 Wil je meer weten over het privacybeleid van Jobtoolz <a href="https://jobtoolz.com/nl/privacy-policy">Klik hier</a> 1113 </p> 1114 </div> 1115 1116 </div> 1117 </div> 1118 1119</div> 1120 1121<!-- /resources/views/jobsites/components/modal.blade.php --> 1122 1123<div 1124 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" 1125 x-data="{ open: true }" 1126 x-show="open" 1127 x-cloak 1128> 1129 1130 1131 <div 1132 x-show="open" 1133 x-transition:enter="ease-out duration-300" 1134 x-transition:enter-start="opacity-0" 1135 x-transition:enter-end="opacity-100" 1136 x-transition:leave="ease-in duration-200" 1137 x-transition:leave-start="opacity-100" 1138 x-transition:leave-end="opacity-0" 1139 class="fixed inset-0 transition-opacity" 1140 @click="open = false" 1141 > 1142 <div class="absolute inset-0 site__bg--text opacity-75"></div> 1143 </div> 1144 1145 1146 <div 1147 x-show="open" 1148 x-transition:enter="ease-out duration-300" 1149 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1150 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 1151 x-transition:leave="ease-in duration-200" 1152 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 1153 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1154 class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" 1155 > 1156 <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> 1157 1158 <button 1159 role="button" 1160 aria-label="close" 1161 class="absolute right-0 top-0 mt-20 mr-20 block w-40 h-40" 1162 @click="open = false" 1163 > 1164 <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"> 1165 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 1166 </svg> 1167 </button> 1168 <form id="interview-cancel-form"> 1169 <div> 1170 <h2 class="text-heading-2 font-semibold">Interview annuleren</h2> 1171 <p class="text-body mt-8">Weet u zeker dat u dit interview wil annuleren?</p> 1172 </div> 1173 <div> 1174 <textarea 1175 name="cancel_description" 1176 id="cancel_description" 1177 class="border-2 border-color-grey resize-none w-full h-144 mt-24 p-16"
1178 placeholder="Laat ICT Concept weten waarom je het interview annuleert." 1179 ></textarea> 1180 </div> 1181 <div class="flex justify-end"> 1182 <button 1183 id="cancel-interview_btn" 1184 role="button" 1185 type="submit" 1186 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" 1187 > 1188 Interview annuleren 1189 </button> 1190 </div> 1191 </form> 1192 1193 </div> 1194 </div> 1195 1196</div> 1197 1198<!-- /resources/views/jobsites/components/modal.blade.php --> 1199 1200<div 1201 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" 1202 x-data="{ open: true }" 1203 x-show="open" 1204 x-cloak 1205> 1206 1207 1208 <div 1209 x-show="open" 1210 x-transition:enter="ease-out duration-300" 1211 x-transition:enter-start="opacity-0" 1212 x-transition:enter-end="opacity-100" 1213 x-transition:leave="ease-in duration-200" 1214 x-transition:leave-start="opacity-100" 1215 x-transition:leave-end="opacity-0" 1216 class="fixed inset-0 transition-opacity" 1217 @click="open = false" 1218 > 1219 <div class="absolute inset-0 site__bg--text opacity-75"></div> 1220 </div> 1221 1222 1223 <div 1224 x-show="open" 1225 x-transition:enter="ease-out duration-300" 1226 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1227 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 1228 x-transition:leave="ease-in duration-200" 1229 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 1230 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 1231 class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full" 1232 > 1233 <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh"> 1234 1235 <button 1236 role="button" 1237 aria-label="close" 1238 class="absolute right-0 top-0 mt-20 mr-20 block w-40 h-40" 1239 @click="open = false" 1240 > 1241 <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"> 1242 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 1243 </svg> 1244 </button> 1245 <form id="interview-reschedule-form"> 1246 <div> 1247 <h2 class="text-heading-2 font-semibold">Interview herplannen</h2> 1248 <p class="text-body mt-8">Ben je zeker dat je dit interview wil herplannen?</p> 1249 </div> 1250 <div> 1251 <textarea 1252 name="reschedule_description" 1253 id="reschedule_description" 1254 class="border-2 border-color-grey resize-none w-full h-144 mt-24 p-16" 1255 placeholder="Laat ICT Concept weten waarom je het interview herplant. Indien mogelijk, geef enkele nieuwe tijdsloten mee." 1256 ></textarea> 1257 </div> 1258 <div class="flex justify-end"> 1259 <button 1260 id="reschedule-interview_btn" 1261 role="button" 1262 type="submit" 1263 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" 1264 > 1265 Interview herplannen 1266 </button> 1267 </div> 1268 </form> 1269 1270 </div> 1271 </div> 1272 1273</div> 1274 1275
1275<script async src="https://platform-api.sharethis.com/js/sharethis.js#property=5dfce2cab103ed0012b9407a&product=sticky-share-buttons"></script>
1275 1276 1277 1278<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;"> 1279 <div class="inline-block w-full sm:w-3/4"> 1280 <div class="text-semantic-warning inline-block align-middle mr-14 w-auto"> 1281 <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);"> 1282 <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"/> 1283 </svg> 1284 </div> 1285 <div class="inline-block align-middle w-11/12"> 1286 <h3 class="text-body-14 text-semantic-warning" style="color: rgb(146, 64, 14);"> 1287 Opgepast! 1288 </h3> 1289 <div class="mt-8 text-body-14 text-semantic-warning" style="color: rgb(146, 64, 14);"> 1290 <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> 1291 </div> 1292 </div> 1293 </div> 1294 <div class="mt-14 md:mt-0 w-full sm:w-1/5 inline-block align-middle space-x-24"> 1295 <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"> 1296 Update mijn browser 1297 </a> 1298 </div> 1299</div> 1300
1301<script nonce="iIFOPZwGf0toDN40S6l5OiH6Er2tk1xV"> 1302 // if (window.navigator.userAgent.match(/(MSIE|Trident)/)) { 1303 if (!(window.CSS && window.CSS.supports && window.CSS.supports('--css: variables'))) { 1304 document.addEventListener('DOMContentLoaded', function () { 1305 document.getElementById('iebanner').style.display = 'block'; 1306 }); 1307 } 1308</script>
1308 1309</body> 1310</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.