1<!DOCTYPE html> 2<html lang="nl"> 3<head> 4 <meta charset="utf-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 6 <title>Nieuws</title> 7 8 9
10<script type="module" src="https://cdn.jsdelivr.net/npm/@hotwired/turbo@latest/dist/turbo.es2017-esm.min.js"></script>
10 11
11<script> 12 document.addEventListener('turbo:before-visit', function() { 13 if (typeof engagement !== 'undefined') engagement.stop(); 14 }); 15 document.addEventListener('turbo:load', function() { 16 if (typeof engagement !== 'undefined') { 17 engagement.stopped = false; 18 engagement.maximumScrollDepth = 0; 19 if (!engagement.listenersAttached) { 20 engagement.listenersAttached = true; 21 } 22 engagement.initalize(); 23 } 24 }); 25 </script>
vendor: 1 bytes, line 25
25
26<script type="text/javascript"> 27 (function(c,l,a,r,i,t,y){ 28 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 29 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 30 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 31 })(window, document, "clarity", "script", "xmuoewwive"); 32</script>
32 33 34 <style type="text/css"> 35 :root { 36 --color-primary: 255, 0, 130; 37 --color-secondary: 0, 0, 0; 38 --color-premium: 255, 238, 247; 39 --color-black: 0, 0, 0; 40 --color-white: 255, 255, 255; 41 --color-gray: 128, 128, 128; 42 } 43 44 @media (prefers-color-scheme: dark) { 45 .dark\:bg-dark { 46 background-color: #121212 47 } 48 } 49 </style> 50 51<meta name="description" 52 content="Het dagelijks nieuws van Bonaire"/> 53 54 <link rel="icon" type="image/png" 55 href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon-48x48.png?v=AIpW" 56 sizes="48x48"/> 57 <link rel="icon" type="image/svg+xml" 58 href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon.svg?v=AIpW"/> 59 <link rel="shortcut icon" 60 href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon.ico?v=AIpW"/> 61 <link rel="apple-touch-icon" sizes="180x180" 62 href="https://storage.pubble.nl/assets/favicons/www/bonaire/apple-touch-icon.png?v=AIpW"/> 63 <link rel="shortcut icon" 64 href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon.ico?v=AIpW"> 65 <meta name="apple-mobile-web-app-capable" content="yes"> 66 67 <style type="text/css"> 68 :root { 69 --cookiewall-accept: 61 197 60; 70 --cookiewall-accept-hover: 74 222 128; 71 --cookiewall-accept-text: 255 255 255; 72 --cookiewall-neutral-bg: 255 255 255; 73 --cookiewall-neutral-text: 0 0 0; 74 /* Follows the site's brand colour from head.cshtml (a "r, g, b" triplet), and falls back 75 to the old grey for websites that have no Colors configured */ 76 --cookiewall-neutral-border: var(--color-primary, 93 88 88); 77 --cookiewall-link: var(--color-primary, 61 66 74); 78 --cookiewall-backdrop: 0 0 0; 79 --cookiewall-backdrop-alpha: 55%; 80 --cookiewall-placeholder-bg: 232 229 229; 81 --cookiewall-placeholder-link: 0 113 160; 82 } 83 84 /* Primary action: only used where the choice is the visitor's own (saving custom settings) */ 85 .cookiewall-btn-accept { 86 background-color: rgb(var(--cookiewall-accept)); 87 border: 2px solid rgb(var(--cookiewall-accept)) !important; 88 color: rgb(var(--cookiewall-accept-text)); 89 } 90 91 .cookiewall-btn-accept:hover { 92 background-color: rgb(var(--cookiewall-accept-hover)); 93 } 94 95 /* 96 Consent choices. Accept and reject deliberately share ONE style, so no colour nudges the 97 visitor either way. Keep it that way -- equal prominence is a legal requirement here, 98 not a preference, and a coloured "accept" is the textbook dark pattern regulators look for. 99 */ 100 .cookiewall-btn-neutral { 101 background-color: rgb(var(--cookiewall-neutral-bg)); 102 border: 2px solid rgb(var(--cookiewall-neutral-border)) !important; 103 color: rgb(var(--cookiewall-neutral-text)); 104 } 105 106 /* 107 Dialog mode. Banner mode adds no rules at all, so .cookiewall-surface and .cookiewall-panel 108 are inert there and the original layout is untouched. The !important flags are needed to 109 beat the Tailwind utilities and the inline border-bottom-width on the section element. 110 */ 111 .cookiewall-mode-dialog .cookiewall-surface { 112 position: fixed !important; 113 inset: 0 !important; 114 width: auto !important; 115 max-height: none !important; 116 display: flex; 117 align-items: center; 118 justify-content: center; 119 padding: 1rem !important; 120 background-color: rgb(var(--cookiewall-backdrop) / var(--cookiewall-backdrop-alpha)) !important; 121 border-bottom-width: 0 !important; 122 } 123 124 .cookiewall-mode-dialog .cookiewall-panel { 125 background-color: rgb(var(--cookiewall-neutral-bg)); 126 width: 100%; 127 max-width: 42rem; 128 max-height: 90vh; 129 overflow-y: auto; 130 border-radius: 0.5rem; 131 box-shadow: 0 25px 50px -12px rgb(0 0 0 / 45%); 132 padding: 1.5rem; 133 } 134 135 /* One style for every text link in the wall, whether it is an <a> or a bare button */ 136 .cookiewall-link, 137 .cookiewall-btn-link { 138 color: rgb(var(--cookiewall-link)); 139 text-decoration: none; 140 } 141 142 .cookiewall-btn-link { 143 background-color: transparent; 144 border: 0 !important; 145 box-shadow: none !important; 146 } 147 148 .cookiewall-link:hover, 149 .cookiewall-btn-link:hover { 150 text-decoration: underline; 151 } 152 153 .consentframe { 154 background-color: rgb(var(--cookiewall-placeholder-bg)); 155 } 156 157 .consentframe a { 158 color: rgb(var(--cookiewall-placeholder-link)) !important; 159 } 160 </style> 161
161<script type="text/javascript"> 162 let CookieManagerConfig = { 163 DefaultConsent: '', 164 SecureCookie: true, 165 DefaultHosts: [ 166 /pubble.cloud/, 167/pubblestorage.blob.core.windows.net/ 168 169 ], 170 Consents: ['functional', 'analytics', 'socialmedia', 'advertisements'], 171 AnalyticsMode: 'whitelist', 172 ConsentRequiredAfter: 0, 173 PageReloadAfterConsent: false 174 }; 175 </script>
175 176
176<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/Pubble.CookieManager.js?v=260910-1"></script>
176 177 178 179 <link rel="dcterms.rights" href="https://www.bonaire.nu/privacy" /> 180 181 <meta name="twitter:site" content="ABCOnlineMedia" /> 182 183 <meta property="og:site_name" content="bonaire.nu" /> 184 185 <meta property="og:locale" content="nl_NL" /> 186
187<script type="application/ld+json"> 188 { 189 "@context": "https://schema.org", 190 "@type": "WebSite", 191 "name": "bonaire.nu", 192 "url": "https://bonaire.nu/", 193 "potentialAction": { 194 "@type": "SearchAction", 195 "target": { 196 "@type": "EntryPoint", 197 "urlTemplate": "https://bonaire.nu/search?q={search_term_string}" 198 }, 199 "queryInput": "required name=search_term_string" 200 } 201} 202</script>
202 203 204 205
206<script type="text/javascript"> 207 var exports = {}; 208 var pubbleEnv = { 209 pubbleContentApiKey: 'WPjd0qn2lcI0z8qJkLzMhA==', 210 pubbleContentApiHash: 'YWJjZGF0YXwyMnxib25haXJlLm51', 211 domain: 'bonaire.nu', 212 language: 'nl', 213 commonDomain: '', 214 userId: typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : null, 215 subscriptions: null, 216 pushEnabled: false, 217 regionPages: false, 218 regionPagesAutoRedirect: false, 219 isAuthenticated: false, 220 hasPrivileges: false, 221 region: '', 222 }; 223 var lureArticle = { 224 articleAccessLevel: 'null', 225 userAccessLevel: 'Visitor', 226 articlesLeft: -1, 227 articleId: null, 228 hasAccess: false, 229 giftToken: '', 230 articleHeadline: '', 231 articleType: 'null', 232 authorIds: [], 233 articleContentType: 'null', 234 articleIsLiveBlog: false, 235 articleCategory: '', 236 articleSubcategory: '', 237 articleStatus: 'inactive', 238 articleSource: '', 239 articleAuthors: '', 240 articleDate: '' 241 } 242 243 var pubbleStatsContext = null; 244 245 window.dataLayer = window.dataLayer || []; 246 247 window.dataLayer.push({ 248 'articleId': null, 249 'userId': typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : 'n.a.', 250 'pageType': 'home', 251 'region': '' 252 }); 253</script>
253 254 255 <link rel="canonical" href="/nieuws"/> 256 257
257<script type="application/ld+json"> 258 { 259 "@context": "https://schema.org", 260 "@type": "NewsMediaOrganization", 261 "name": "bonaire.nu", 262 "url": "https://bonaire.nu/", 263 "logo": { 264 "@type": "ImageObject", 265 "url": "https://storage.pubble.nl/assets/favicons/www/bonaire/apple-touch-icon.png?v=AIpW" 266 }, 267 "sameAs": [ 268 "https://www.facebook.com/bonaire.nu", 269 "https://twitter.com/ABCOnlineMedia", 270 "https://www.instagram.com/bonaire.nu" 271 ], 272 "alternateName": [], 273 "address": { 274 "@type": "PostalAddress", 275 "addressLocality": "bonaire", 276 "addressCountry": "NL" 277 }, 278 "contactPoint": [ 279 { 280 "@type": "ContactPoint", 281 "contactType": "customer service", 282 "email": "[email protected]" 283 }, 284 { 285 "@type": "ContactPoint", 286 "contactType": "customer support", 287 "email": "[email protected]" 288 } 289 ] 290} 291 </script>
291 292 293 294 <link rel="dns-prefetch" href="//storage.pubble.cloud"> 295 <link rel="dns-prefetch" href="//storage.pubble.nl"> 296 297 <link rel="stylesheet" href="//storage.pubble.cloud/assets/static/css/tailwind.styles.min.css?v=260923-1"/> 298
298<script>window.PubbleAssets = { base: '//storage.pubble.cloud/assets/static', v: '260924-1' };</script>
298 299 300
300<script defer src="https://storage.pubble.nl/assets/web/alpine-intersect-3-10-5.cdn.min.js"></script>
300 301 <style>[x-cloak] { 302 display: none !important; 303 } 304.group:hover .group-hover\:text-primary{color:#ff0082}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:text-primary::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-primary);transition:width .3s ease-in-out}.group:hover .group-hover\:text-primary{color:#ff0082}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:text-primary::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-primary);transition:width .3s ease-in-out}.group:hover .group-hover\:text-primary{color:#ff0082}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:text-primary::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-primary);transition:width .3s ease-in-out}@media(min-width:768px){.md\:\!overflow-y-visible{overflow-y:visible!important}}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--tw-space-x-reverse)))}@media(min-width:768px){.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))}}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*calc(1 - var(--tw-space-x-reverse)))}.h-8{height:2rem}@media(min-width:768px){.md\:h-12{height:3rem}}@media(max-width:768px){.text-nav .h-5{display:none}}.gt_float_switcher{font-family:Arial;font-size:14px!important;border-radius:2px;color:#555;display:inline-block;line-height:14px!important;box-shadow:rgba(0,0,0,0) 0 0 0!important;background:#fff;overflow:hidden;transition:all .5s cubic-bezier(.4,0,1,1)}.gt_float_switcher img{vertical-align:middle;display:inline-block;width:23px!important;height:auto;margin:0 5px 0 0;border-radius:3px}.gt_float_switcher .gt-selected .gt-current-lang{padding:5px 5px;color:#333;font-weight:bold}.logo-container{width:160px}@media(min-width:768px){.logo-container{width:256px}}.logo-container img{width:100%;height:auto;max-height:100%;object-fit:contain} </style> 305<style> 306 307html[lang="en"] .nl-article-hide { 308display: none!important; 309} 310 311 312body { 313font-family: 'Roboto', Helvetica, Arial, sans-serif !important; 314} 315 316.koptitel { 317font-family: 'Arimo', Helvetica, Arial, sans-serif !important; 318} 319 320.\!no-underline { 321 text-decoration-line: none !important; 322} 323 324 325article a { 326 color: #ff0082 !important; 327} 328 329article .swiper a { 330 color: #000 !important; 331} 332 333article .author a { 334 color: #9ca3af !important; 335} 336 337 338article button a, 339article a.bg-primary { 340 color: #fff !important; 341} 342 343.article-share__button, 344.article-share__button a, 345.article-share__button .text-white, 346.article-share__button path { 347 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; 348 color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; 349 fill: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; /* for path */ 350} 351 352 353@media (min-width: 768px) { 354 .md\:pr-2 { 355 padding-right: 0.5rem; 356 } 357} 358 359 360@media (min-width: 768px) { 361 .md\:mr-2 { 362 margin-right: 0.5rem; 363 } 364} 365 366.-mt-8 { 367 margin-top: -2rem; 368} 369 370@media (min-width: 768px) { 371 .md\:mt-4 { 372 margin-top: 1rem; 373 } 374} 375 376 377.gt_float_switcher { 378 font-family: Arial; 379 font-size: 14px !important; 380 border-radius: 2px; 381 color: #555; 382 display: inline-block; 383 line-height: 14px !important; 384 box-shadow: rgba(0, 0, 0, 0.0) 0 0px 0px !important; 385 background: #fff; 386 overflow: hidden; 387 transition: all .5s cubic-bezier(0.4, 0, 1, 1); 388} 389 390.gt_float_switcher img { 391 vertical-align: middle; 392 display: inline-block; 393 width: 23px !important; 394 height: auto; 395 margin: 0 5px 0 0; 396 border-radius: 3px; 397} 398 399.gt_float_switcher .gt-selected .gt-current-lang { 400 padding: 5px 5px; 401 color: #333; 402 font-weight: bold; 403} 404 405.border-l-3 { 406 border-left-width: 3px; 407} 408 409.kader-kop { 410 background-color: #e5e7eb; 411 padding: 15px; 412 margin: 0px; 413 color: #ff0082; 414 font-size: 18px; 415 font-weight: bold; 416 padding-bottom: 0; 417} 418 419.kader-tekst { 420 background-color: #e5e7eb; 421 padding: 15px; 422 font-size: 14px; 423 margin: 0px; 424 } 425 426</style>
426<link rel="preconnect" href="https://fonts.googleapis.com"> 427<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 428<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> 429 430<link rel="preconnect" href="https://fonts.googleapis.com"> 431<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 432<link href="https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Domine:[email protected]&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&family=Winky+Sans:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
vendor: 66 bytes, line 432
432<script async="" src="https://www.googletagmanager.com/gtag/js?id=
432G-3CRHE91GWE
vendor: 16 bytes, lines 432-433
432"></script> 433
433<script> 434
vendor: 151 bytes, lines 434-437
434window.dataLayer = window.dataLayer || []; 435 function gtag(){dataLayer.push(arguments);} 436 gtag('js', new Date()); 437 gtag('config', '
437G-3CRHE91GWE
vendor: 8 bytes, lines 437-438
437'); 438
438</script>
438</head> 439<body class=""> 440 441 442 443 <div id="cookieconsent" class="cookiewall-mode-banner" style="display:none;" x-data="{ showCookieSettings: false }"> 444 <section class="cookiewall-surface w-full max-h-screen overflow-y-auto p-5 lg:px-24 fixed top-0 bg-white border-primary z-50" 445 style="border-bottom-width: 4px"> 446 <div class="cookiewall-panel md:flex-1 px-3 mb-5 md:mb-0"> 447 <p class="text-black text-2xl mb-2"> 448 Deze website gebruikt cookies 449 </p> 450 <p class="max-w-2xl md:text-left text-gray-600 md:pr-12 mb-4"> 451 Wij gebruiken cookies om het gebruik van de website te analyseren en om het mogelijk te maken content via social media te bekijken. Cookies van onszelf en van derden kunnen worden gebruikt om advertenties te tonen die aansluiten op uw interesses. Deze cookies kunt u weigeren via de knop Cookie-instellingen aanpassen 452 </p> 453 <p class="mb-6"> 454 <a href='/privacy' aria-labe='Lees ons privacy statement' class='privacyConsentlink cookiewall-link pt-15 pl-sm-20'>Lees ons privacy statement</a> 455 </p> 456 <div x-show="!showCookieSettings" class="flex flex-col md:flex-row md:items-center gap-2 md:gap-3"> 457 <button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto" 458 onclick="giveConsent('default')"> 459 Akkoord 460 </button> 461 <button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto" 462 onclick="giveConsent('functional')"> 463 Afwijzen 464 </button> 465 <button class="cookiewall-btn-link py-4 px-4 w-full md:w-auto" 466 @click="showCookieSettings = true"> 467 Cookie instellingen aanpassen 468 </button> 469 </div> 470 471 <div id="consentcontainer" x-show="showCookieSettings"> 472 473 <div id="cookie_settings" class="mb-6"> 474 <span class="cookie-title text-black text-2xl mb-2">Cookie instellingen</span> 475 476 <div class="divide-y divide-gray-200 max-w-xl"> 477 <div class="relative flex items-start py-4"> 478 <div class="mr-3 flex items-center h-5"> 479 <input id="consent-functional" type="checkbox" checked="" disabled="" data-consenttype="functional" data-gtm-variable="necessary" 480 class="h-5 w-5 border-gray-300 rounded mt-2"> 481 </div> 482 483 <div class="min-w-0 flex-1 text-sm"> 484 <label for="consent-functional" class="font-medium text-gray-700">Functioneel</label> 485 <label for="consent-functional" class="text-gray-500 block">Deze cookies zijn nodig om ervoor te zorgen dat de website naar behoren werkt</label> 486 </div> 487 488 </div> 489 <div class="relative flex items-start py-4"> 490 <div class="mr-3 flex items-center h-5"> 491 <input id="consent-analytics" type="checkbox" checked="" disabled="" data-consenttype="analytics" 492 class="h-5 w-5 border-gray-300 rounded mt-2"> 493 </div> 494 <div class="min-w-0 flex-1 text-sm"> 495 <label for="consent-analytics" class="font-medium text-gray-700">Analytische cookies</label> 496 <label for="consent-analytics" class="text-gray-500 block">Cookies om het aantal bezoekers van deze site en het aantal unieke bezoekers te kunnen tellen.</label> 497 </div> 498 </div> 499 <div class="relative flex items-start py-4"> 500 <div class="mr-3 flex items-center h-5"> 501 <input id="consent-socialmedia" type="checkbox" data-consenttype="socialmedia" 502 class="h-5 w-5 border-gray-300 rounded mt-2"> 503 </div> 504 <div class="min-w-0 flex-1 text-sm"> 505 <label for="consent-socialmedia" class="font-medium text-gray-700">Sociale media</label> 506 <label for="consent-socialmedia" class="text-gray-500 block">Cookies om gedeelde content van sociale media te kunnen tonen</label> 507 </div> 508 </div> 509 510 <div class="relative flex items-start py-4"> 511 <div class="mr-3 flex items-center h-5"> 512 <input id="consent-advertisements" type="checkbox" data-consenttype="advertisements" 513 class="h-5 w-5 border-gray-300 rounded mt-2"> 514 </div> 515 <div class="min-w-0 flex-1 text-sm"> 516 <label for="consent-advertisements" class="font-medium text-gray-700">Advertenties</label> 517 <label for="consent-advertisements" class="text-gray-500 block">Cookies om relevante advertenties te tonen.</label> 518 </div> 519 </div> 520 521 <div class="relative flex items-start py-4"> 522 <div class="mr-3 flex items-center h-5"> 523 <input id="consent-marketing" type="checkbox" data-consenttype="marketing" 524 class="h-5 w-5 border-gray-300 rounded mt-2"> 525 </div> 526 <div class="min-w-0 flex-1 text-sm"> 527 <label for="consent-marketing" class="font-medium text-gray-700">Marketing</label> 528 <label for="consent-marketing" class="text-gray-500 block">Cookies om onze website zo goed mogelijk aan te laten sluiten op de wensen van onze gebruikers</label> 529 </div> 530 </div> 531 </div> 532 533 </div> 534 535 <div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-3"> 536 <button class="cookiewall-btn-accept py-4 px-8 rounded shadow-xl font-bold w-full md:w-auto" 537 onclick="giveConsent('custom')"> 538 Opslaan 539 </button> 540 <button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto" 541 onclick="giveConsent('default')"> 542 Alles accepteren 543 </button> 544 <button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto" 545 onclick="giveConsent('functional')"> 546 Alles afwijzen 547 </button> 548 </div>
549 </div> 550 </div> 551 </section> 552 </div> 553 554 555 556 557 558 559 560 <div id="pageTopLeaderboard"></div> 561 562 563 564 565
566<script> 567window.gtranslateSettings = { 568"default_language": "nl", 569"languages": ["nl","es","en","de","pt","zh-CN","fr"], 570"wrapper_selector": "#gtranslate_desktop, #gtranslate_mobile", 571"switcher_horizontal_position": "inline", 572"float_switcher_open_direction": "bottom" 573}; 574</script>
vendor: 2 bytes, line 574
574
575<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
575 576 577<!-- Custom CSS voor gtranslate styling --> 578<style> 579/* Maak gtranslate minder prominent */ 580#gtranslate_desktop select, 581#gtranslate_mobile select { 582 font-size: 0.875rem !important; /* text-sm */ 583 padding: 0.25rem 0.5rem !important; /* px-2 py-1 */ 584 border: 1px solid #d1d5db !important; /* border-gray-300 */ 585 border-radius: 0.375rem !important; /* rounded-md */ 586 background-color: white !important; 587 color: #374151 !important; /* text-gray-700 */ 588 max-width: 80px !important; /* Beperk breedte */ 589 box-shadow: none !important; /* Verwijder schaduw */ 590} 591 592#gtranslate_mobile select { 593 max-width: 60px !important; /* Nog smaller voor mobiel */ 594 font-size: 0.75rem !important; /* text-xs */ 595 box-shadow: none !important; /* Verwijder schaduw */ 596} 597 598/* Verwijder eventuele achtergrond overlays */ 599.gtranslate_wrapper { 600 position: relative !important; 601 z-index: auto !important; 602} 603</style> 604 605<header class="sticky md:relative top-0 w-full z-40 bg-white-500 transition-all pt-0 border-b border-black"> 606 <nav x-data="{ open: false }" class="bg-white shadow md:shadow-none md:bg-none"> 607 <div> 608 <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8"> 609 <div class="relative flex justify-between min-h-16"> 610 611 <div class="flex-shrink-0 h-20 md:h-auto flex items-center"> 612 <a href="/" class="logo-container md:m-1 m-2"> 613 <?xml version="1.0" encoding="UTF-8"?> 614<svg class="w-full max-h-full " id="Laag_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1232.25 383"> 615 <!-- Generator: Adobe Illustrator 29.8.3, SVG Export Plug-In . SVG Version: 2.1.1 Build 3) --> 616 <defs> 617 <style> 618 .st0 { 619 fill: #2c2c2c; 620 } 621 622 .st1 { 623 fill: #ff0082; 624 } 625 </style> 626 </defs> 627 <g> 628 <path class="st1" d="M1.82,92.95c0-3.51,1.76-5.28,5.28-5.28h58.45c9.14,0,17.16,1.02,24.05,3.06s12.69,4.96,17.41,8.76c4.71,3.8,8.26,8.33,10.66,13.61,2.39,5.28,3.59,11.15,3.59,17.62,0,11.26-3.8,20.82-11.39,28.7,9,7.74,13.5,17.8,13.5,30.17,0,6.89-1.2,13.15-3.59,18.78s-5.94,10.44-10.66,14.45c-4.71,4.01-10.52,7.11-17.41,9.28-6.89,2.18-14.91,3.27-24.05,3.27H7.11c-3.52,0-5.28-1.76-5.28-5.28V92.95h-.01ZM82.2,131.35c0-4.5-1.62-7.98-4.85-10.44-3.24-2.46-8.72-3.69-16.46-3.69h-18.99v28.48h18.99c7.73,0,13.22-1.33,16.46-4.01,3.23-2.67,4.85-6.12,4.85-10.34h0ZM41.9,205.83h21.1c7.73,0,13.22-1.44,16.46-4.33,3.23-2.88,4.85-6.65,4.85-11.29s-1.62-8.3-4.85-10.97c-3.24-2.67-8.72-4.01-16.46-4.01h-21.1v30.6h0Z"/> 629 <path class="st0" d="M130.73,161.31c0-10.41,2.04-20.22,6.12-29.43,4.08-9.21,9.63-17.27,16.67-24.16,7.03-6.89,15.3-12.31,24.79-16.25,9.5-3.94,19.66-5.91,30.49-5.91s20.99,1.97,30.49,5.91,17.76,9.36,24.79,16.25,12.59,14.95,16.67,24.16c4.08,9.21,6.12,19.03,6.12,29.43s-2.04,20.46-6.12,29.75c-4.08,9.28-9.64,17.34-16.67,24.16-7.04,6.82-15.3,12.24-24.79,16.25-9.5,4.01-19.66,6.01-30.49,6.01s-20.99-2-30.49-6.01c-9.49-4.01-17.76-9.42-24.79-16.25-7.04-6.82-12.59-14.88-16.67-24.16-4.08-9.29-6.12-19.2-6.12-29.75ZM170.82,161.31c0,5.21.98,10.13,2.95,14.77s4.67,8.72,8.12,12.24c3.45,3.52,7.52,6.26,12.24,8.23,4.71,1.97,9.74,2.96,15.09,2.96s10.09-.98,14.66-2.96c4.57-1.97,8.54-4.71,11.92-8.23,3.38-3.51,6.05-7.6,8.02-12.24s2.95-9.56,2.95-14.77-.99-10.09-2.95-14.66c-1.97-4.57-4.64-8.58-8.02-12.03-3.38-3.45-7.35-6.15-11.92-8.12-4.57-1.97-9.46-2.96-14.66-2.96s-10.38.99-15.09,2.96c-4.71,1.97-8.79,4.68-12.24,8.12-3.45,3.45-6.16,7.46-8.12,12.03-1.97,4.57-2.95,9.46-2.95,14.66Z"/> 630 <path class="st0" d="M341.09,164.69c-.99-1.12-1.48-.91-1.48.63v64.78c0,3.52-1.76,5.28-5.27,5.28h-29.54c-3.52,0-5.28-1.76-5.28-5.28V92.95c0-3.51,1.76-5.28,5.28-5.28h17.3c1.69,0,3.02.63,4.01,1.9l58.45,74.69c.98,1.13,1.48.92,1.48-.63v-70.68c0-3.51,1.76-5.28,5.28-5.28h29.54c3.51,0,5.27,1.76,5.27,5.28v137.15c0,3.52-1.76,5.28-5.27,5.28h-21.73c-1.55,0-2.88-.63-4.01-1.9l-54.01-68.78h-.02Z"/> 631 <path class="st0" d="M545.12,235.37c-3.38,0-5.63-1.69-6.75-5.06l-29.75-97.69h-1.05l-29.54,97.69c-.99,3.38-3.24,5.06-6.75,5.06h-31.65c-3.52,0-4.71-1.69-3.59-5.06l45.15-137.57c1.12-3.38,3.45-5.06,
6316.96-5.06h40.09c3.66,0,5.98,1.69,6.96,5.06l45.15,137.57c1.12,3.38-.07,5.06-3.59,5.06h-31.65,0ZM482.04,173.55h51.06v31.65h-51.06v-31.65Z"/> 632 <path class="st0" d="M590.28,92.95c0-3.51,1.76-5.28,5.28-5.28h29.54c3.51,0,5.27,1.76,5.27,5.28v137.15c0,3.52-1.76,5.28-5.27,5.28h-29.54c-3.52,0-5.28-1.76-5.28-5.28V92.95Z"/> 633 <path class="st0" d="M647.24,92.95c0-3.51,1.76-5.28,5.28-5.28h58.45c9.14,0,17.16,1.09,24.05,3.27s12.69,5.21,17.41,9.07c4.71,3.87,8.26,8.54,10.66,14.03,2.39,5.49,3.59,11.61,3.59,18.36,0,9.28-2.36,17.41-7.07,24.37-4.71,6.96-11.64,12.34-20.78,16.14l30.38,57.81c1.69,3.1.77,4.64-2.74,4.64h-31.65c-3.52,0-6.12-1.55-7.81-4.64l-27.64-52.33h-12.03v51.69c0,3.52-1.76,5.28-5.27,5.28h-29.54c-3.52,0-5.28-1.76-5.28-5.28V92.95h0ZM687.33,148.87h18.99c7.73,0,13.22-1.48,16.46-4.43,3.23-2.95,4.85-6.75,4.85-11.39,0-4.92-1.62-8.79-4.85-11.61-3.24-2.81-8.72-4.22-16.46-4.22h-18.99v31.65Z"/> 634 <path class="st0" d="M816.88,235.37c-5.91,0-11.29-.81-16.14-2.43-4.85-1.62-9-3.94-12.45-6.96s-6.12-6.64-8.02-10.87c-1.9-4.22-2.85-8.86-2.85-13.93v-80.81c0-4.92.95-9.39,2.85-13.4,1.9-4.01,4.57-7.45,8.02-10.34,3.45-2.88,7.6-5.1,12.45-6.65,4.85-1.55,10.23-2.32,16.14-2.32h60.56c3.51,0,5.27,1.76,5.27,5.28v27.43c0,3.52-1.76,5.28-5.27,5.28h-42.2c-5.49,0-9.81,1.05-12.98,3.16-3.16,2.11-4.75,4.93-4.75,8.44v8.44h51.69c3.51,0,5.28,1.76,5.28,5.28v21.1c0,3.52-1.76,5.28-5.28,5.28h-51.69v7.17c0,3.8,1.58,6.89,4.75,9.28s7.49,3.59,12.98,3.59h42.2c3.51,0,5.27,1.76,5.27,5.27v27.43c0,3.52-1.76,5.28-5.27,5.28h-60.56Z"/> 635 <path class="st0" d="M887.1,156.02c0-3.12,1.06-5.74,3.2-7.87,2.13-2.13,4.75-3.2,7.87-3.2s5.74,1.07,7.87,3.2c2.13,2.13,3.2,4.76,3.2,7.87s-1.07,5.74-3.2,7.87c-2.13,2.13-4.76,3.2-7.87,3.2s-5.74-1.07-7.87-3.2c-2.13-2.13-3.2-4.76-3.2-7.87Z"/> 636 <path class="st0" d="M937.57,128.78c-.53-.61-.8-.49-.8.34v35.09c0,1.91-.95,2.86-2.86,2.86h-16c-1.91,0-2.86-.95-2.86-2.86v-74.3c0-1.9.95-2.86,2.86-2.86h9.37c.92,0,1.64.34,2.17,1.03l31.67,40.47c.53.61.8.5.8-.34v-38.29c0-1.9.95-2.86,2.86-2.86h16c1.9,0,2.86.95,2.86,2.86v74.3c0,1.91-.95,2.86-2.86,2.86h-11.77c-.84,0-1.56-.34-2.17-1.03l-29.26-37.27h-.01Z"/> 637 <path class="st0" d="M1058.51,134.61c0,5.03-.8,9.6-2.4,13.72s-3.89,7.66-6.86,10.63-6.54,5.26-10.69,6.86c-4.15,1.6-8.75,2.4-13.77,2.4s-9.62-.8-13.77-2.4c-4.16-1.6-7.72-3.89-10.69-6.86s-5.26-6.52-6.86-10.63c-1.6-4.12-2.4-8.69-2.4-13.72v-44.7c0-1.9.95-2.86,2.86-2.86h16c1.9,0,2.86.95,2.86,2.86v43.78c0,4.19,1.09,7.56,3.26,10.12,2.17,2.55,5.09,3.83,8.75,3.83s6.57-1.28,8.75-3.83c2.17-2.55,3.26-5.93,3.26-10.12v-43.78c0-1.9.95-2.86,2.86-2.86h16c1.9,0,2.86.95,2.86,2.86v44.7h-.02Z"/> 638 </g> 639 <g> 640 <path class="st0" d="M23.04,269.21c12.26,0,21.22,9.08,21.22,20.71s-8.97,21.22-21.22,21.22-21.22-9.31-21.22-2
6401.22,8.97-20.71,21.22-20.71ZM23.04,301.78c5.9,0,10.67-5.11,10.67-11.86s-4.77-11.35-10.67-11.35-10.67,4.88-10.67,11.35,4.77,11.86,10.67,11.86Z"/> 641 <path class="st0" d="M50.5,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/> 642 <path class="st0" d="M102.64,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h0ZM98.33,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h0Z"/> 643 <path class="st0" d="M121.7,288.9h-3.57v-7.66h3.57v-.68c0-9.59,8.68-10.9,13.39-10.9,1.76,0,2.95.17,2.95.17v8.29s-.68-.11-1.59-.11c-1.93,0-4.94.34-4.94,2.84v.4h5.39v7.66h-5.39v21.56h-9.82v-21.56h0Z"/> 644 <path class="st0" d="M142.87,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v8.68c0,1.48-.11,2.5-.11,2.5h.11c1.64-2.89,5.05-4.65,8.91-4.65,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.01,0-4.99,1.76-5.84,4.31-.4,1.13-.51,2.38-.51,3.74v12.94h-9.82v-31.09h-.01Z"/> 645 <path class="st0" d="M195.01,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h-.01ZM190.7,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h.01Z"/> 646 <path class="st0" d="M214.07,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/> 647 <path class="st0" d="M251.91,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14.4,4.14,3.29v17.7h1.53c.85,0,1.82,0,2.33-.91l4.77-8.74h10.67l-6.64,11.24c-1.08,1.87-2.16,2.44-2.16,2.44v.11s1.19.45,2.21,2.44l1.87,3.8c.4.79,1.02.96,2.16.96h2.27v8.23h-7.43c-2.1,0-3.24-.34-4.2-2.21l-4.2-8.17c-.51-.96-1.59-.96-2.33-.96h-.85v11.35h-9.82v-31.09h.01Z"/> 648 <path class="st0" d="M297.82,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h0ZM301.28,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/> 649 <path class="st0" d="M317.45,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v26.96c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-26.95h0Z"/> 650 <path class="st0" d="M336.45,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v15.6c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-15.6ZM337.19,269.89h8.23v7.95h-8.23v-7.95Z"/> 651 <path class="st0" d="M351.15,313.98c1.93,0,5.28-.45,5.28-3.75v-19.52c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v25.82c0,9.82-9.19,11.06-13.73,11.06-1.59,0-2.61-.17-2.61-.17v-8.17s.51.06,1.25.06h0ZM357.05,269.89h8.23v7.95h-8.23v-7.95Z"/> 652 <path class="st0" d="M374.13,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14.4,4.14,3.29v17.7h1.53c.85,0,1.82,0,2.33-.91l4.77-8.74h10.67l-6.64,11.24c-1.08,1.87-2.16,2.44-2.16,2.44v.11s1.19.45,2.21,2.44l1.87,3.8c.4.79,1.02.96,2.16.96h2.27v8.23h-7.43c-2.1,0-3.24-.34-4.2-2.21l-4.2-8.17c-.51-.96-1.59-.96-2.33-.96h-.85v11.35h-9.82v-31.09h.01Z"/> 653 <path class="st0" d="M435.12,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM438.58,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59
653-4.88,3.74h8.34Z"/> 654 <path class="st0" d="M454.98,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/> 655 <path class="st0" d="M517.84,280.56c5.96,0,8.45,3.4,8.45,3.4h.11v-.4c0-.8.91-2.33,3.12-2.33h8.85v8.23h-2.04c-.74,0-1.25.4-1.25,1.08v17.25c0,10.67-8.51,14.58-16.51,14.58-3.92,0-8.23-1.13-11.07-2.61l2.84-7.66s3.57,1.87,8.17,1.87c3.52,0,6.75-1.3,6.75-5.62v-.45c0-.34.06-1.08.06-1.08h-.11c-1.7,1.87-3.92,2.78-7.32,2.78-8.8,0-13.17-7.21-13.17-14.7s4.26-14.36,13.11-14.36v.02ZM525.5,295.03c0-5.17-2.72-6.3-5.67-6.3-3.46,0-5.22,2.5-5.22,5.84,0,3.63,1.7,6.87,5.62,6.87,2.55,0,5.28-1.3,5.28-6.41h-.01Z"/> 656 <path class="st0" d="M556.08,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM559.55,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/> 657 <path class="st0" d="M575.71,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v6.87c0,1.48-.11,2.5-.11,2.5h.11s2.72-2.84,7.89-2.84c7.94,0,13.17,6.24,13.17,15.32s-5.84,15.27-13.62,15.27c-5.39,0-8-3.01-8-3.01h-.11s.06.74.06,1.65v.68h-9.19v-31.09h-.01ZM590.98,303.03c3.06,0,5.73-2.5,5.73-6.98s-2.33-7.21-5.73-7.21c-2.95,0-5.73,2.16-5.73,7.21,0,3.52,1.87,6.98,5.73,6.98Z"/> 658 <path class="st0" d="M626.27,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h-.01ZM621.96,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h0Z"/> 659 <path class="st0" d="M645.1,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v26.96c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-26.95h0Z"/> 660 <path class="st0" d="M678.01,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h-.01ZM673.7,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h0Z"/> 661 <path class="st0" d="M697.08,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/> 662 <path class="st0" d="M748.59,280.56c4.09,0,10.78,1.59,10.78,6.87v4.03h-8.51v-1.53c0-.91-1.08-1.25-2.27-1.25-4.14,0-6.64,3.12-6.64,7.04,0,4.99,3.75,6.98,7.38,6.98,4.2,0,8.06-3.8,8.06-3.8l3.92,6.58s-4.6,5.67-12.94,5.67c-10.44,0-16.29-7.26-16.29-15.32s5.45-15.26,16.51-15.26h0Z"/> 663 <path class="st0" d="M778.27,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM781.73,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/> 664 <path class="st0" d="M810.27,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM813.73,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/> 665 <path class="st0" d="M830.12,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.68c2.67,0,4.14,1.08,4.14,3.75v1.53c0,.91-.11,1.48-.11,1.48h.11c1.25-3.97,4.94-7.26,9.31-7.26.57,0,1.13.11,1.13.11v9.65s-.79-.17-1.99-.17c-2.33,0-6.13.74-7.55,5.11-.34,1.08-.51,2.38-.51,3.97v11.06h-9.82v-19.75h.02Z"/> 666 <path class="st0" d="M864.96,280.56c5.9,0,7.66,2.04,7.66,2.04h.11s-.06-.57-.06-1.3v-1.93c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v26.96c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.74c-2.78,0-3.8-1.42-3.8-2.78v-.51h-.11s-2.44,3.97-8.45,3.97c-7.94,0-13.17-6.24-13.17-15.32s5.56-15.26,13.34-15.26h0ZM872.96,295.82c0-3.52-1.87-6.98-5.73-6.98-3.06,0-5.73,2.5-5.73,6.98s2.33,7.21,5.73,7.21c2.95,0,5.73-2.16,5.73-7.21Z"/> 667 </g> 668</svg> 669 </a> 670</div> 671 672 <!-- Mobiele rechter sectie --> 673 <div class="flex items-center space-x-1 md:hidden"> 674 <!-- Vertaalwidget mobiel --> 675 <div class="flex items-center"> 676 <div id="gtranslate_mobile"></div> 677 </div> 678 679 <div x-data="{ extraMenuOpen: false }" class="relative"> 680 <button @click="extraMenuOpen = !extraMenuOpen" class="p-2 flex items-center focus:outline-none"> 681 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 682 <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"></path> 683 </svg> 684 </button> 685 686 <div x-cloak x-show="extraMenuOpen" @click.away="extraMenuOpen = false" class="absolute right-0 mt-2 py-2 w-48 bg-white rounded-md shadow-lg z-20"> 687 688 689 <div class="relative sm:border-b-0 border-b mr-4 hidden md:block" x-data="{ isOpen: false }"> 690 <button type="button" @click="isOpen = !isOpen" 691 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 692 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 693 aria-expanded="false">
694 <span>Kies website</span> 695 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 696 :class="{ 'absolute left-0': open,'': !open }" 697 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 698 <path fill-rule="evenodd" 699 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 700 clip-rule="evenodd" /> 701 </svg> 702 </button> 703 704 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 705 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 706 x-show="isOpen" 707 @click.away="isOpen = false" 708 x-transition:enter="transition ease-out duration-200" 709 x-transition:enter-start="opacity-0 translate-y-1" 710 x-transition:enter-end="opacity-100 translate-y-0" 711 x-transition:leave="transition ease-in duration-150" 712 x-transition:leave-start="opacity-100 translate-y-0" 713 x-transition:leave-end="opacity-0 translate-y-1"> 714 715 <div class="" 716 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 717 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 718 <a href="https://www.aruba.nu" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 719 <p class="text-base font-medium text-gray-900"> 720 Aruba.nu 721 </p> 722 </a> 723 <a href="https://www.curacao.nu/" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 724 <p class="text-base font-medium text-gray-900"> 725 curacao.nu 726 </p> 727 </a> 728 <a href="https://www.awor.nu" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 729 <p class="text-base font-medium text-gray-900"> 730 Awor.nu 731 </p> 732 </a> 733 <a href="https://www.bes-reporter.com" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 734 <p class="text-base font-medium text-gray-900"> 735 BES Reporter 736 </p> 737 </a> 738 </div> 739 </div> 740 </div> 741 </div> 742 <a href="https://www.aruba.nu" target="_blank" class="md:hidden block m-2"> 743 <button type="button" 744 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 745 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 746 <span>Aruba.nu</span> 747 </button> 748 </a> 749 <a href="https://www.curacao.nu" target="_blank" class="md:hidden block m-2"> 750 <button type="button" 751 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 752 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 753 <span>
753Curacao.nu</span> 754 </button> 755 </a> 756 <a href="https://www.awor.nu" target="_blank" class="md:hidden block m-2"> 757 <button type="button" 758 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 759 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 760 <span>Awor.nu</span> 761 </button> 762 </a> 763 <a href="https://www.bes-reporter.com" target="_blank" class="md:hidden block m-2"> 764 <button type="button" 765 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 766 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 767 <span>BES Reporter</span> 768 </button> 769 </a> 770 771 </div> 772 </div> 773 774 <div x-data="{ searchOpen: false }" class="relative"> 775 <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class="p-2 flex items-center focus:outline-none focus:border-transparent"> 776 <svg xmlns="http://www.w3.org/2000/svg" class="search-icon w-5 h-5" aria-hidden="true" focusable="false" viewBox="0 0 22 22"> 777 <path fill-rule="evenodd" d="M8.68 14.467A5.666 5.666 0 0 1 3.147 8.68a5.668 5.668 0 0 1 5.787-5.533 5.668 5.668 0 0 1 5.532 5.788 5.667 5.667 0 0 1-5.788 5.533m12.967 4.905-5.555-5.552c-.012-.01-.025-.014-.037-.024a8.756 8.756 0 0 0 1.561-4.989C17.615 3.95 13.663 0 8.807 0 3.95 0 0 3.95 0 8.807s3.95 8.808 8.807 8.808a8.757 8.757 0 0 0 5.011-1.574l5.201 5.202.005-.005.375.375a.983.983 0 0 0 1.383 0l.864-.862a.975.975 0 0 0 0-1.379"/> 778 </svg> 779 </button> 780 781 <div x-cloak x-show="searchOpen" class="absolute right-0 mt-2 py-2 w-64 border border-grey-dark z-30 bg-white rounded shadow-lg"> 782 <div class="px-4"> 783 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 784 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 785 value="" 786 placeholder="Vul je zoekwoord in.." 787 aria-label="Zoeken"> 788 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 789 <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg> 790 </button> 791 </form> 792 </div> 793 </div> 794 </div> 795 </div> 796 797 798 <div class="pubble-ad flex mt-4 mb-4 right-0 hidden md:block justify-end" w="128" h="0" pos="-1" max="1" refreshInterval="5000"> 799 </div> 800 </div> 801 </div> 802 803 <div> 804 <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8"> 805 <nav class="h-12 space-x-8 ml-1 mt-2 pl-1 md:p-0 h-8 md:h-12 text-sm md:text-base space-x-2 md:space-x-6 !text-white whitespace-nowrap flex relative items-center mr-4"> 806 807 808 809 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 810 <button type="button" @click="isOpen = !isOpen" 811 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 812 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 813 aria-expanded="false">
814 <span>Nieuws</span> 815 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 816 :class="{ 'absolute left-0': open,'': !open }" 817 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 818 <path fill-rule="evenodd" 819 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 820 clip-rule="evenodd" /> 821 </svg> 822 </button> 823 824 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 825 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 826 x-show="isOpen" 827 @click.away="isOpen = false" 828 x-transition:enter="transition ease-out duration-200" 829 x-transition:enter-start="opacity-0 translate-y-1" 830 x-transition:enter-end="opacity-100 translate-y-0" 831 x-transition:leave="transition ease-in duration-150" 832 x-transition:leave-start="opacity-100 translate-y-0" 833 x-transition:leave-end="opacity-0 translate-y-1"> 834 835 <div class="" 836 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 837 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 838 <a href="/nieuws" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 839 <p class="text-base font-medium text-gray-900"> 840 Laatste nieuws 841 </p> 842 </a> 843 <a href="/luchtvaart-en-reizen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 844 <p class="text-base font-medium text-gray-900"> 845 Luchtvaart & Reizen 846 </p> 847 </a> 848 <a href="/politie-en-justitie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 849 <p class="text-base font-medium text-gray-900"> 850 Politie en Justitie 851 </p> 852 </a> 853 <a href="/economie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 854 <p class="text-base font-medium text-gray-900"> 855 Economie 856 </p> 857 </a> 858 <a href="/sport" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 859 <p class="text-base font-medium text-gray-900"> 860 Sport 861 </p> 862 </a> 863 <a href="/zoek?q=" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 864 <p class="text-base font-medium text-gray-900"> 865 Archief 866 </p> 867 </a> 868 </div> 869 </div> 870 </div> 871 </div> 872 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 873 <button type="button" @click="isOpen = !isOpen" 874 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 875 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 876 aria-expanded="false">
877 <span>Vacatures</span> 878 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 879 :class="{ 'absolute left-0': open,'': !open }" 880 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 881 <path fill-rule="evenodd" 882 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 883 clip-rule="evenodd" /> 884 </svg> 885 </button> 886 887 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 888 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 889 x-show="isOpen" 890 @click.away="isOpen = false" 891 x-transition:enter="transition ease-out duration-200" 892 x-transition:enter-start="opacity-0 translate-y-1" 893 x-transition:enter-end="opacity-100 translate-y-0" 894 x-transition:leave="transition ease-in duration-150" 895 x-transition:leave-start="opacity-100 translate-y-0" 896 x-transition:leave-end="opacity-0 translate-y-1"> 897 898 <div class="" 899 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 900 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 901 <a href="/vacatures" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 902 <p class="text-base font-medium text-gray-900"> 903 Vacatures 904 </p> 905 </a> 906 <a href="/plaats-je-vacature-op-bonaire-nu-en-vind-snel-de-juiste-medewerker/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 907 <p class="text-base font-medium text-gray-900"> 908 Plaats je vacature 909 </p> 910 </a> 911 <a href="/personeel-en-werk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 912 <p class="text-base font-medium text-gray-900"> 913 Personeel & werk 914 </p> 915 </a> 916 <a href="/nieuws/bedrijfspagina/79851/snel-aan-de-slag-met-tempo-bonaire-xq327a" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 917 <p class="text-base font-medium text-gray-900"> 918 Werken bij Tempo Bonaire 919 </p> 920 </a> 921 </div> 922 </div> 923 </div> 924 </div> 925 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 926 <button type="button" @click="isOpen = !isOpen" 927 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 928 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 929 aria-expanded="false"> 930 <span>Vakantie</span> 931 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 932 :class="{ 'absolute left-0': open,'': !open }" 933 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 934 <path fill-rule="evenodd" 935 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 936 clip-rule="evenodd" /> 937 </svg> 938 </button> 939 940 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 941 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 942 x-show="isOpen" 943 @click.away="isOpen = false" 944 x-transition:enter="transition ease-out duration-200" 945 x-transition:enter-start="opacity-0 translate-y-1" 946 x-transition:enter-end="opacity-100 translate-y-0" 947 x-transition:leave="transition ease-in duration-150" 948 x-transition:leave-start="opacity-100 translate-y-0" 949 x-transition:leave-end="opacity-0 translate-y-1"> 950 951 <div class="" 952 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 953 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 954 <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
954-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 955 <p class="text-base font-medium text-gray-900"> 956 Bedrijvengids 957 </p> 958 </a> 959 <a href="/vakantie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 960 <p class="text-base font-medium text-gray-900"> 961 Vakantie tips 962 </p> 963 </a> 964 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Restaurants" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 965 <p class="text-base font-medium text-gray-900"> 966 Restaurants 967 </p> 968 </a> 969 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Verblijf+en+vervoer" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 970 <p class="text-base font-medium text-gray-900"> 971 Verblijf en vervoer 972 </p> 973 </a> 974 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Activiteiten" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 975 <p class="text-base font-medium text-gray-900"> 976 Activiteiten 977 </p> 978 </a> 979 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Shoppen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 980 <p class="text-base font-medium text-gray-900"> 981 Shoppen 982 </p> 983 </a> 984 </div> 985 </div> 986 </div> 987 </div> 988 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 989 <button type="button" @click="isOpen = !isOpen" 990 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 991 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 992 aria-expanded="false"> 993 <span>Wonen</span> 994 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 995 :class="{ 'absolute left-0': open,'': !open }" 996 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 997 <path fill-rule="evenodd" 998 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 999 clip-rule="evenodd" /> 1000 </svg> 1001 </button> 1002 1003 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1004 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1005 x-show="isOpen" 1006 @click.away="isOpen = false" 1007 x-transition:enter="transition ease-out duration-200" 1008 x-transition:enter-start="opacity-0 translate-y-1" 1009 x-transition:enter-end="opacity-100 translate-y-0" 1010 x-transition:leave="transition ease-in duration-150" 1011 x-transition:leave-start="opacity-100 translate-y-0" 1012 x-transition:leave-end="opacity-0 translate-y-1"> 1013 1014 <div class="" 1015 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1016 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1017 <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
1017-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1018 <p class="text-base font-medium text-gray-900"> 1019 Bedrijvengids 1020 </p> 1021 </a> 1022 <a href="/nieuws/algemeen/14759/uitgelicht-woningaanbod-bonaire" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1023 <p class="text-base font-medium text-gray-900"> 1024 Uitgelicht woningaanbod 1025 </p> 1026 </a> 1027 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Wonen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1028 <p class="text-base font-medium text-gray-900"> 1029 Wonen 1030 </p> 1031 </a> 1032 <a href="/woontips" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1033 <p class="text-base font-medium text-gray-900"> 1034 Woontips 1035 </p> 1036 </a> 1037 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Bouwen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1038 <p class="text-base font-medium text-gray-900"> 1039 Bouwen en ontwerp 1040 </p> 1041 </a> 1042 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Zakelijk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1043 <p class="text-base font-medium text-gray-900"> 1044 Zakelijk 1045 </p> 1046 </a> 1047 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Lifestyle" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1048 <p class="text-base font-medium text-gray-900"> 1049 Lifestyle 1050 </p> 1051 </a> 1052 </div> 1053 </div> 1054 </div> 1055 </div> 1056 <a href="/agenda"> 1057 <button type="button" 1058 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1059 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1060 <span>Uitagenda</span> 1061 </button> 1062 </a> 1063 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 1064 <button type="button" @click="isOpen = !isOpen" 1065 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1066 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1067 aria-expanded="false"> 1068 <span>Contact</span> 1069 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1070 :class="{ 'absolute left-0': open,'': !open }" 1071 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1072 <path fill-rule="evenodd" 1073 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1074 clip-rule="evenodd" /> 1075 </svg> 1076 </button> 1077 1078 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1079 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1080 x-show="isOpen" 1081 @click.away="isOpen = false" 1082 x-transition:enter="transition ease-out duration-200" 1083 x-transition:enter-start="opacity-0 translate-y-1" 1084 x-transition:enter-end="opacity-100 translate-y-0" 1085 x-transition:leave="transition ease-in duration-150" 1086 x-transition:leave-start="opacity-100 translate-y-0" 1087 x-transition:leave-end="opacity-0 translate-y-1"> 1088 1089 <div class="" 1090 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1091 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1092 <a href="/contact" class="menu-item__sub -m
1092-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1093 <p class="text-base font-medium text-gray-900"> 1094 Contact 1095 </p> 1096 </a> 1097 <a href="/app" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1098 <p class="text-base font-medium text-gray-900"> 1099 App 1100 </p> 1101 </a> 1102 </div> 1103 </div> 1104 </div> 1105 </div> 1106 1107 1108 <div class="flex-grow"></div> 1109 1110 <!-- Desktop rechter sectie --> 1111 <div class="hidden md:flex items-center space-x-4"> 1112 1113 1114 <div class="relative sm:border-b-0 border-b mr-4 hidden md:block" x-data="{ isOpen: false }"> 1115 <button type="button" @click="isOpen = !isOpen" 1116 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1117 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1118 aria-expanded="false"> 1119 <span>Kies website</span> 1120 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1121 :class="{ 'absolute left-0': open,'': !open }" 1122 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1123 <path fill-rule="evenodd" 1124 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1125 clip-rule="evenodd" /> 1126 </svg> 1127 </button> 1128 1129 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1130 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1131 x-show="isOpen" 1132 @click.away="isOpen = false" 1133 x-transition:enter="transition ease-out duration-200" 1134 x-transition:enter-start="opacity-0 translate-y-1" 1135 x-transition:enter-end="opacity-100 translate-y-0" 1136 x-transition:leave="transition ease-in duration-150" 1137 x-transition:leave-start="opacity-100 translate-y-0" 1138 x-transition:leave-end="opacity-0 translate-y-1"> 1139 1140 <div class="" 1141 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1142 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1143 <a href="https://www.aruba.nu" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1144 <p class="text-base font-medium text-gray-900"> 1145 Aruba.nu 1146 </p> 1147 </a> 1148 <a href="https://www.curacao.nu/" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1149 <p class="text-base font-medium text-gray-900"> 1150 curacao.nu 1151 </p> 1152 </a> 1153 <a href="https://www.awor.nu" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1154 <p class="text-base font-medium text-gray-900"> 1155 Awor.nu 1156 </p> 1157 </a> 1158 <a href="https://www.bes-reporter.com" target="_blank" class="menu-item__sub -m
1158-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1159 <p class="text-base font-medium text-gray-900"> 1160 BES Reporter 1161 </p> 1162 </a> 1163 </div> 1164 </div> 1165 </div> 1166 </div> 1167 <a href="https://www.aruba.nu" target="_blank" class="md:hidden block m-2"> 1168 <button type="button" 1169 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1170 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1171 <span>Aruba.nu</span> 1172 </button> 1173 </a> 1174 <a href="https://www.curacao.nu" target="_blank" class="md:hidden block m-2"> 1175 <button type="button" 1176 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1177 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1178 <span>Curacao.nu</span> 1179 </button> 1180 </a> 1181 <a href="https://www.awor.nu" target="_blank" class="md:hidden block m-2"> 1182 <button type="button" 1183 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1184 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1185 <span>Awor.nu</span> 1186 </button> 1187 </a> 1188 <a href="https://www.bes-reporter.com" target="_blank" class="md:hidden block m-2"> 1189 <button type="button" 1190 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1191 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1192 <span>BES Reporter</span> 1193 </button> 1194 </a> 1195 1196 <!-- Vertaalwidget desktop --> 1197 <div class="flex items-center"> 1198 <div id="gtranslate_desktop"></div> 1199 </div> 1200 1201 <!-- Desktop zoeken --> 1202 <div x-data="{ searchOpen: false }" class="relative"> 1203 <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class="flex items-center focus:outline-none focus:border-transparent p-1"> 1204 <svg x-show="!searchOpen" class="search-icon h-5 w-5 text-gray-500" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1205 <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> 1206 </svg> 1207 <svg x-show="searchOpen" aria-hidden="true" focusable="false" class="search-icon h-5 w-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1208 <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2
120862.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"></path> 1209 </svg> 1210 </button> 1211 1212 <div x-cloak x-show="searchOpen" class="absolute right-0 mt-2 py-5 w-96 border border-gray-300 z-30 bg-white rounded-md shadow-lg"> 1213 <span class="text-2xl block pl-5 font-medium text-black leading-normal">Zoeken</span> 1214 <div class="px-4"> 1215 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 1216 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 1217 value="" 1218 placeholder="Vul je zoekwoord in.." 1219 aria-label="Zoeken"> 1220 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 1221 <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg> 1222 </button> 1223 </form> 1224 </div> 1225 </div> 1226 </div> 1227 </div> 1228 </nav> 1229 </div> 1230 </div> 1231 1232 1233 1234 <div class="md:hidden"> 1235 <div x-show="open" 1236 x-transition:enter="transition-opacity ease-linear duration-300" 1237 x-transition:enter-start="opacity-0" 1238 x-transition:enter-end="opacity-100" 1239 x-transition:leave="transition-opacity ease-linear duration-300" 1240 x-transition:leave-start="opacity-100" 1241 x-transition:leave-end="opacity-0" 1242 class="fixed inset-0 bg-gray-600 bg-opacity-75"> 1243 </div> 1244 <nav class="h-12 space-x-8 ml-1 mt-2 hidden md:flex relative items-center " 1245 :class="{ 'fixed inset-0 flex z-50': open, 'hidden relative items-center h-12 space-x-8 ml-1 mt-2': !open }"> 1246 1247 <div x-show="open" 1248 x-transition:enter="transition ease-in-out duration-300 transform" 1249 x-transition:enter-start="-translate-x-full" 1250 x-transition:enter-end="translate-x-0" 1251 x-transition:leave="transition ease-in-out duration-300 transform" 1252 x-transition:leave-start="translate-x-0" 1253 x-transition:leave-end="-translate-x-full" 1254 class="relative flex-1 flex flex-col max-w-xs w-full pb-4 overflow-auto bg-white " @click.away="open = false"> 1255 1256 <div class="py-5 w-full border border-grey-dark z-10 bg-gray-50"> 1257 <div class="px-4"> 1258 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 1259 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 1260 value="" 1261 placeholder="Vul je zoekwoord in.." 1262 aria-label="Zoeken"> 1263 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 1264 <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg> 1265 </button> 1266 </form> 1267 </div> 1268 </div> 1269 1270 1271 1272 1273 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 1274 <button type="button" @click="isOpen = !isOpen" 1275 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1276 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1277 aria-expanded="false">
1278 <span>Nieuws</span> 1279 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1280 :class="{ 'absolute left-0': open,'': !open }" 1281 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1282 <path fill-rule="evenodd" 1283 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1284 clip-rule="evenodd" /> 1285 </svg> 1286 </button> 1287 1288 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1289 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1290 x-show="isOpen" 1291 @click.away="isOpen = false" 1292 x-transition:enter="transition ease-out duration-200" 1293 x-transition:enter-start="opacity-0 translate-y-1" 1294 x-transition:enter-end="opacity-100 translate-y-0" 1295 x-transition:leave="transition ease-in duration-150" 1296 x-transition:leave-start="opacity-100 translate-y-0" 1297 x-transition:leave-end="opacity-0 translate-y-1"> 1298 1299 <div class="" 1300 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1301 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1302 <a href="/nieuws" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1303 <p class="text-base font-medium text-gray-900"> 1304 Laatste nieuws 1305 </p> 1306 </a> 1307 <a href="/luchtvaart-en-reizen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1308 <p class="text-base font-medium text-gray-900"> 1309 Luchtvaart & Reizen 1310 </p> 1311 </a> 1312 <a href="/politie-en-justitie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1313 <p class="text-base font-medium text-gray-900"> 1314 Politie en Justitie 1315 </p> 1316 </a> 1317 <a href="/economie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1318 <p class="text-base font-medium text-gray-900"> 1319 Economie 1320 </p> 1321 </a> 1322 <a href="/sport" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1323 <p class="text-base font-medium text-gray-900"> 1324 Sport 1325 </p> 1326 </a> 1327 <a href="/zoek?q=" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1328 <p class="text-base font-medium text-gray-900"> 1329 Archief 1330 </p> 1331 </a> 1332 </div> 1333 </div> 1334 </div> 1335 </div> 1336 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 1337 <button type="button" @click="isOpen = !isOpen" 1338 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1339 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1340 aria-expanded="false">
1341 <span>Vacatures</span> 1342 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1343 :class="{ 'absolute left-0': open,'': !open }" 1344 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1345 <path fill-rule="evenodd" 1346 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1347 clip-rule="evenodd" /> 1348 </svg> 1349 </button> 1350 1351 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1352 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1353 x-show="isOpen" 1354 @click.away="isOpen = false" 1355 x-transition:enter="transition ease-out duration-200" 1356 x-transition:enter-start="opacity-0 translate-y-1" 1357 x-transition:enter-end="opacity-100 translate-y-0" 1358 x-transition:leave="transition ease-in duration-150" 1359 x-transition:leave-start="opacity-100 translate-y-0" 1360 x-transition:leave-end="opacity-0 translate-y-1"> 1361 1362 <div class="" 1363 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1364 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1365 <a href="/vacatures" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1366 <p class="text-base font-medium text-gray-900"> 1367 Vacatures 1368 </p> 1369 </a> 1370 <a href="/plaats-je-vacature-op-bonaire-nu-en-vind-snel-de-juiste-medewerker/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1371 <p class="text-base font-medium text-gray-900"> 1372 Plaats je vacature 1373 </p> 1374 </a> 1375 <a href="/personeel-en-werk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1376 <p class="text-base font-medium text-gray-900"> 1377 Personeel & werk 1378 </p> 1379 </a> 1380 <a href="/nieuws/bedrijfspagina/79851/snel-aan-de-slag-met-tempo-bonaire-xq327a" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1381 <p class="text-base font-medium text-gray-900"> 1382 Werken bij Tempo Bonaire 1383 </p> 1384 </a> 1385 </div> 1386 </div> 1387 </div> 1388 </div> 1389 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 1390 <button type="button" @click="isOpen = !isOpen" 1391 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1392 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1393 aria-expanded="false"> 1394 <span>Vakantie</span> 1395 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1396 :class="{ 'absolute left-0': open,'': !open }" 1397 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1398 <path fill-rule="evenodd" 1399 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1400 clip-rule="evenodd" /> 1401 </svg> 1402 </button> 1403 1404 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1405 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1406 x-show="isOpen" 1407 @click.away="isOpen = false" 1408 x-transition:enter="transition ease-out duration-200" 1409 x-transition:enter-start="opacity-0 translate-y-1" 1410 x-transition:enter-end="opacity-100 translate-y-0" 1411 x-transition:leave="transition ease-in duration-150" 1412 x-transition:leave-start="opacity-100 translate-y-0" 1413 x-transition:leave-end="opacity-0 translate-y-1"> 1414 1415 <div class="" 1416 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1417 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1418 <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
1418-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1419 <p class="text-base font-medium text-gray-900"> 1420 Bedrijvengids 1421 </p> 1422 </a> 1423 <a href="/vakantie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1424 <p class="text-base font-medium text-gray-900"> 1425 Vakantie tips 1426 </p> 1427 </a> 1428 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Restaurants" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1429 <p class="text-base font-medium text-gray-900"> 1430 Restaurants 1431 </p> 1432 </a> 1433 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Verblijf+en+vervoer" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1434 <p class="text-base font-medium text-gray-900"> 1435 Verblijf en vervoer 1436 </p> 1437 </a> 1438 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Activiteiten" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1439 <p class="text-base font-medium text-gray-900"> 1440 Activiteiten 1441 </p> 1442 </a> 1443 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Shoppen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1444 <p class="text-base font-medium text-gray-900"> 1445 Shoppen 1446 </p> 1447 </a> 1448 </div> 1449 </div> 1450 </div> 1451 </div> 1452 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 1453 <button type="button" @click="isOpen = !isOpen" 1454 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1455 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1456 aria-expanded="false"> 1457 <span>Wonen</span> 1458 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1459 :class="{ 'absolute left-0': open,'': !open }" 1460 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1461 <path fill-rule="evenodd" 1462 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1463 clip-rule="evenodd" /> 1464 </svg> 1465 </button> 1466 1467 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1468 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1469 x-show="isOpen" 1470 @click.away="isOpen = false" 1471 x-transition:enter="transition ease-out duration-200" 1472 x-transition:enter-start="opacity-0 translate-y-1" 1473 x-transition:enter-end="opacity-100 translate-y-0" 1474 x-transition:leave="transition ease-in duration-150" 1475 x-transition:leave-start="opacity-100 translate-y-0" 1476 x-transition:leave-end="opacity-0 translate-y-1"> 1477 1478 <div class="" 1479 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1480 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1481 <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
1481-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1482 <p class="text-base font-medium text-gray-900"> 1483 Bedrijvengids 1484 </p> 1485 </a> 1486 <a href="/nieuws/algemeen/14759/uitgelicht-woningaanbod-bonaire" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1487 <p class="text-base font-medium text-gray-900"> 1488 Uitgelicht woningaanbod 1489 </p> 1490 </a> 1491 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Wonen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1492 <p class="text-base font-medium text-gray-900"> 1493 Wonen 1494 </p> 1495 </a> 1496 <a href="/woontips" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1497 <p class="text-base font-medium text-gray-900"> 1498 Woontips 1499 </p> 1500 </a> 1501 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Bouwen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1502 <p class="text-base font-medium text-gray-900"> 1503 Bouwen en ontwerp 1504 </p> 1505 </a> 1506 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Zakelijk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1507 <p class="text-base font-medium text-gray-900"> 1508 Zakelijk 1509 </p> 1510 </a> 1511 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Lifestyle" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1512 <p class="text-base font-medium text-gray-900"> 1513 Lifestyle 1514 </p> 1515 </a> 1516 </div> 1517 </div> 1518 </div> 1519 </div> 1520 <a href="/agenda"> 1521 <button type="button" 1522 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1523 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1524 <span>Uitagenda</span> 1525 </button> 1526 </a> 1527 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 1528 <button type="button" @click="isOpen = !isOpen" 1529 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1530 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1531 aria-expanded="false"> 1532 <span>Contact</span> 1533 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1534 :class="{ 'absolute left-0': open,'': !open }" 1535 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1536 <path fill-rule="evenodd" 1537 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1538 clip-rule="evenodd" /> 1539 </svg> 1540 </button> 1541 1542 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1543 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1544 x-show="isOpen" 1545 @click.away="isOpen = false" 1546 x-transition:enter="transition ease-out duration-200" 1547 x-transition:enter-start="opacity-0 translate-y-1" 1548 x-transition:enter-end="opacity-100 translate-y-0" 1549 x-transition:leave="transition ease-in duration-150" 1550 x-transition:leave-start="opacity-100 translate-y-0" 1551 x-transition:leave-end="opacity-0 translate-y-1"> 1552 1553 <div class="" 1554 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1555 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1556 <a href="/contact" class="menu-item__sub -m
1556-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1557 <p class="text-base font-medium text-gray-900"> 1558 Contact 1559 </p> 1560 </a> 1561 <a href="/app" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1562 <p class="text-base font-medium text-gray-900"> 1563 App 1564 </p> 1565 </a> 1566 </div> 1567 </div> 1568 </div> 1569 </div> 1570 1571 1572 1573 1574 1575 <div class="relative sm:border-b-0 border-b mr-4 hidden md:block" x-data="{ isOpen: false }"> 1576 <button type="button" @click="isOpen = !isOpen" 1577 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1578 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1579 aria-expanded="false"> 1580 <span>Kies website</span> 1581 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1582 :class="{ 'absolute left-0': open,'': !open }" 1583 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1584 <path fill-rule="evenodd" 1585 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1586 clip-rule="evenodd" /> 1587 </svg> 1588 </button> 1589 1590 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1591 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1592 x-show="isOpen" 1593 @click.away="isOpen = false" 1594 x-transition:enter="transition ease-out duration-200" 1595 x-transition:enter-start="opacity-0 translate-y-1" 1596 x-transition:enter-end="opacity-100 translate-y-0" 1597 x-transition:leave="transition ease-in duration-150" 1598 x-transition:leave-start="opacity-100 translate-y-0" 1599 x-transition:leave-end="opacity-0 translate-y-1"> 1600 1601 <div class="" 1602 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1603 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1604 <a href="https://www.aruba.nu" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1605 <p class="text-base font-medium text-gray-900"> 1606 Aruba.nu 1607 </p> 1608 </a> 1609 <a href="https://www.curacao.nu/" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1610 <p class="text-base font-medium text-gray-900"> 1611 curacao.nu 1612 </p> 1613 </a> 1614 <a href="https://www.awor.nu" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1615 <p class="text-base font-medium text-gray-900"> 1616 Awor.nu 1617 </p> 1618 </a> 1619 <a href="https://www.bes-reporter.com" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1620 <p class="text-base font-medium text-gray-900"> 1621 BES Reporter 1622 </p> 1623 </a> 1624 </div> 1625 </div> 1626 </div> 1627 </div> 1628 <a href="https://www.aruba.nu" target="_blank" class="md:hidden block m-2"> 1629 <button type="button" 1630 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1631 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1632 <span>Aruba.nu</span> 1633 </button> 1634 </a> 1635 <a href="https://www.curacao.nu" target="_blank" class="md:hidden block m-2"> 1636 <button type="button" 1637 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1638 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1639 <span>Curacao.nu</span> 1640 </button> 1641 </a> 1642 <a href="https://www.awor.nu" target="_blank" class="md:hidden block m-2"> 1643 <button type="button" 1644 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1645 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1646 <span>Awor.nu</span> 1647 </button> 1648 </a> 1649 <a href="https://www.bes-reporter.com" target="_blank" class="md:hidden block m-2"> 1650 <button type="button" 1651 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1652 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1653 <span>BES Reporter</span> 1654 </button> 1655 </a> 1656 1657 </div> 1658 <div x-show="open" 1659 x-transition:enter="ease-in-out duration-300" 1660 x-transition:enter-start="opacity-0" 1661 x-transition:enter-end="opacity-100" 1662 x-transition:leave="ease-in-out duration-300" 1663 x-transition:leave-start="opacity-100" 1664 x-transition:leave-end="opacity-0" 1665 class="absolute top-0 right-0 -mr-12 pt-2"> 1666 <button type="button" class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" @click="open = false" aria-label="Menu sluiten"> 1667 <span class="sr-only">Sluit zijkant</span> 1668 <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 1669 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> 1670 </svg> 1671 </button> 1672 </div> 1673 </nav> 1674 </div> 1675 </div> 1676 </nav> 1677</header> 1678 1679<main role="main" class="pb-3 mt-0 pt-1 md:pt-0 md:mt-4"> 1680 1681 1682 1683 1684 1685 <div > 1686 <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 builder__row "> 1687 <div class=" builder__column "> 1688 <div class=" component__button" > 1689 1690 1691 1692<a href="" > 1693 <button class="w-full justify-center inline-flex items-center px-6 py-3 border border-transparent text-base font-medium shadow-sm text-white bg-primary hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"> 1694 Nieuws 1695 </button> 1696</a> 1697 1698 1699 </div> 1700 </div> 1701 </div> 1702 </div> 1703 <div > 1704 <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 grid grid-cols-12 gap-6 builder__row "> 1705 <div class="content-start col-span-full lg:col-span-7 mt-4 mb-4 builder__column "> 1706 <div class=" component__article-row" > 1707 1708 1709 1710 1711 1712 1713 1714<div class="grid gap-3 grid-cols-1 "> 1715 <div class=""> 1716 <a :href="/nieuws/sport/95271/bonairiaanse-jeugd-pakt-meerdere-titels-op-pwa-world-cup-in-denemarken" class="w-full h-full shadow-lg transform hover:scale-105 transition duration-500 transition-shadow hover:shadow-xl" href="/nieuws/sport/95271/bonairiaanse-jeugd-pakt-meerdere-titels-op-pwa-world-cup-in-denemarken"> 1717 1718 <div class="relative "> 1719 <div class="relative w-full h-full overflow-hidden"> 1720 <img :src="https://images.pubble.cloud/worker/jpg/default/840/134018/0231088e/content/2026/9/f24e0be7-ae63-4814-b1d2-066a0e89688c" class="w-full 2xl:max-h-132 lg:h-92 xl:h-112-1380 2xl:h-132 h-full object-center object-cover" src="https://images.pubble.cloud/worker/jpg/default/840/134018/0231088e/content/2026/9/f24e0be7-ae63-4814-b1d2-066a0e89688c"> 1721 </div> 1722 1723 1724 <div class="absolute top-0 inset-x-0 h-full p-1 pb-2 md:p-4 flex items-end overflow-hidden"> 1725 1726 1727 1728 1729 <div aria-hidden="true" class="absolute h-1/2 z-10 inset-x-0 bottom-0 p-4 bg-gradient-to-t from-black w-full"></div> 1730 1731 1732 1733 1734 1735 1736 1737 1738 <div class=" w-full items-end overflow-hidden"> 1739 1740 1741 1742<div class="mb-2 relative z-20 pl-2 mt-2"> 1743 1744
1745 <span class="font-semibold relative z-30 px-4 py-1 bg-primary css-category text-white text-sm"> 1746 Sport 1747 </span> 1748</div> 1749 1750 1751 1752 1753 1754 1755 <p class="relative pl-2 w-full text-xl z-20 md:text-3xl font-semibold text-white justify-end">Bonairiaanse jeugd pakt meerdere titels op PWA World Cup in Denemarken</p> 1756 </div> 1757 </div> 1758 </div> 1759 </a> 1760 </div> 1761</div> 1762 1763 1764 1765 </div> 1766 </div> 1767 <div class="content-start col-span-full lg:col-span-5 mt-4 mb-4 builder__column "> 1768 <div class=" component__article-row" > 1769 1770 1771<div> 1772<div class ="border-l-4 border-primary"> 1773 </div> 1774 1775 1776 1777</div> 1778 </div> 1779 </div> 1780 </div> 1781 </div> 1782 <div > 1783 <div class="max-w-7xl -mt-8 md:mt-4 mx-auto px-2 sm:px-6 lg:px-8 grid grid-cols-12 gap-6 builder__row "> 1784 <div class="content-start col-span-full lg:col-span-2 mt-0 mb-0 builder__column "> 1785 </div> 1786 <div class="content-start col-span-full lg:col-span-8 mt-0 mb-0 builder__column "> 1787 <div class=" component__article-row" > 1788 1789 1790<div> 1791 1792 1793<a href="/nieuws/vacatures/95436/vacatures-web-xq7b0f" class=" group block relative flex flex-wrap m-2 mt-0 ml-0"> 1794 1795 <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0"> 1796 1797 <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/134116/0231088e/content/2026/9/eebd1529-d57c-42dd-81c2-9fe17fc8ee30 251w,https://images.pubble.cloud/worker/webp/default/420/134116/0231088e/content/2026/9/eebd1529-d57c-42dd-81c2-9fe17fc8ee30 420w,https://images.pubble.cloud/worker/webp/default/728/134116/0231088e/content/2026/9/eebd1529-d57c-42dd-81c2-9fe17fc8ee30 728w" type="image/webp" sizes="(min-width: 1215px) 243px, 149px">
1797<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/9/eebd1529-d57c-42dd-81c2-9fe17fc8ee30_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/134116/0231088e/content/2026/9/eebd1529-d57c-42dd-81c2-9fe17fc8ee30 251w,https://images.pubble.cloud/worker/jpg/default/420/134116/0231088e/content/2026/9/eebd1529-d57c-42dd-81c2-9fe17fc8ee30 420w,https://images.pubble.cloud/worker/jpg/default/728/134116/0231088e/content/2026/9/eebd1529-d57c-42dd-81c2-9fe17fc8ee30 728w" sizes="(min-width: 1215px) 243px, 149px"></picture></div> 1798 </div> 1799 1800 1801 1802 1803 <div class="p-2 pt-0 w-8/12 md:w-9/12"> 1804 <span class="font-semibold css-category text-primary uppercase text-sm "> 1805 Vacatures 1806 </span> 1807 1808 <span class="font-semibold group-hover:text-primary duration-300 mt-1 pb-1 block"> 1809 Vacatures WEB 1810 </span> 1811 1812 1813 1814 <span class="font-light text-gray-400 text-sm"> 1815 2 uur geleden 1816 </span> 1817 1818 1819 1820 </div> 1821 </a> 1822<a href="/nieuws/vacatures/95433/vacature-beleidsmedewerker-consumentenzaken" class=" group block relative flex flex-wrap m-2 mt-0 ml-0"> 1823 1824 <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0"> 1825 1826 <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/134113/0231088e/content/2026/9/0fed50cb-158a-4b4b-9349-a641a8a151af 251w,https://images.pubble.cloud/worker/webp/default/420/134113/0231088e/content/2026/9/0fed50cb-158a-4b4b-9349-a641a8a151af 420w,https://images.pubble.cloud/worker/webp/default/728/134113/0231088e/content/2026/9/0fed50cb-158a-4b4b-9349-a641a8a151af 728w" type="image/webp" sizes="(min-width: 1215px) 243px, 149px">
1826<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/9/0fed50cb-158a-4b4b-9349-a641a8a151af_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/134113/0231088e/content/2026/9/0fed50cb-158a-4b4b-9349-a641a8a151af 251w,https://images.pubble.cloud/worker/jpg/default/420/134113/0231088e/content/2026/9/0fed50cb-158a-4b4b-9349-a641a8a151af 420w,https://images.pubble.cloud/worker/jpg/default/728/134113/0231088e/content/2026/9/0fed50cb-158a-4b4b-9349-a641a8a151af 728w" sizes="(min-width: 1215px) 243px, 149px"></picture></div> 1827 </div> 1828 1829 1830 1831 1832 <div class="p-2 pt-0 w-8/12 md:w-9/12"> 1833 <span class="font-semibold css-category text-primary uppercase text-sm "> 1834 Vacatures 1835 </span> 1836 1837 <span class="font-semibold group-hover:text-primary duration-300 mt-1 pb-1 block"> 1838 Vacature Beleidsmedewerker Consumentenzaken 1839 </span> 1840 1841 1842 1843 <span class="font-light text-gray-400 text-sm"> 1844 5 uur geleden 1845 </span> 1846 1847 1848 1849 </div> 1850 </a> 1851 1852 1853</div> 1854 </div> 1855 <div class="my-4 component__pubble-banner" > 1856 1857 1858 1859 1860<div class="pbph flex Omslag-css grid grid-cols-12 bg-gray-100" 1861 1862w="728" 1863h="0" 1864pos="-1" 1865max="1" 1866sids="" 1867advobject=""> 1868 1869 1870</div> 1871 </div> 1872 <div class=" component__article-row" > 1873 1874 1875<div> 1876 1877 1878<a href="/nieuws/sport/95271/bonairiaanse-jeugd-pakt-meerdere-titels-op-pwa-world-cup-in-denemarken" class=" group block relative flex flex-wrap m-2 mt-0 ml-0"> 1879 1880 <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0"> 1881 1882 <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/134018/0231088e/content/2026/9/f24e0be7-ae63-4814-b1d2-066a0e89688c 251w,https://images.pubble.cloud/worker/webp/default/420/134018/0231088e/content/2026/9/f24e0be7-ae63-4814-b1d2-066a0e89688c 420w,https://images.pubble.cloud/worker/webp/default/728/134018/0231088e/content/2026/9/f24e0be7-ae63-4814-b1d2-066a0e89688c 728w" type="image/webp" sizes="(min-width: 1215px) 243px, 149px">
1882<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Bobbi-Lynn de Jong tijdens de wave. " loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/9/f24e0be7-ae63-4814-b1d2-066a0e89688c_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/134018/0231088e/content/2026/9/f24e0be7-ae63-4814-b1d2-066a0e89688c 251w,https://images.pubble.cloud/worker/jpg/default/420/134018/0231088e/content/2026/9/f24e0be7-ae63-4814-b1d2-066a0e89688c 420w,https://images.pubble.cloud/worker/jpg/default/728/134018/0231088e/content/2026/9/f24e0be7-ae63-4814-b1d2-066a0e89688c 728w" sizes="(min-width: 1215px) 243px, 149px"></picture></div> 1883 </div> 1884 1885 1886 1887 1888 <div class="p-2 pt-0 w-8/12 md:w-9/12"> 1889 <span class="font-semibold css-category text-primary uppercase text-sm "> 1890 Sport 1891 </span> 1892 1893 <span class="font-semibold group-hover:text-primary duration-300 mt-1 pb-1 block"> 1894 Bonairiaanse jeugd pakt meerdere titels op PWA World Cup in Denemarken 1895 </span> 1896 1897 1898 1899 1900 1901 1902 </div> 1903 </a> 1904<a href="/nieuws/politie-justitie/95422/diefstal-van-gereedschap-uit-bouwcontainer-punt-vierkant" class=" group block relative flex flex-wrap m-2 mt-0 ml-0"> 1905 1906 <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0"> 1907 1908 <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/134096/0231088e/content/2026/9/ee4facdd-66ff-42fd-806c-b15fa2d1169b 251w,https://images.pubble.cloud/worker/webp/default/420/134096/0231088e/content/2026/9/ee4facdd-66ff-42fd-806c-b15fa2d1169b 420w,https://images.pubble.cloud/worker/webp/default/728/134096/0231088e/content/2026/9/ee4facdd-66ff-42fd-806c-b15fa2d1169b 728w" type="image/webp" sizes="(min-width: 1215px) 243px, 149px">
1908<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/9/ee4facdd-66ff-42fd-806c-b15fa2d1169b_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/134096/0231088e/content/2026/9/ee4facdd-66ff-42fd-806c-b15fa2d1169b 251w,https://images.pubble.cloud/worker/jpg/default/420/134096/0231088e/content/2026/9/ee4facdd-66ff-42fd-806c-b15fa2d1169b 420w,https://images.pubble.cloud/worker/jpg/default/728/134096/0231088e/content/2026/9/ee4facdd-66ff-42fd-806c-b15fa2d1169b 728w" sizes="(min-width: 1215px) 243px, 149px"></picture></div> 1909 </div> 1910 1911 1912 1913 1914 <div class="p-2 pt-0 w-8/12 md:w-9/12"> 1915 <span class="font-semibold css-category text-primary uppercase text-sm "> 1916 Politie & Justitie 1917 </span> 1918 1919 <span class="font-semibold group-hover:text-primary duration-300 mt-1 pb-1 block"> 1920 Diefstal van gereedschap uit bouwcontainer Punt Vierkant 1921 </span> 1922 1923 1924 1925 1926 1927 1928 </div> 1929 </a> 1930<a href="/nieuws/economie/95415/agri-business-academy-start-met-nieuwe-groep-van-dertien-deelnemers" class=" group block relative flex flex-wrap m-2 mt-0 ml-0"> 1931 1932 <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0"> 1933 1934 <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/134089/0231088e/content/2026/9/6a5d1a1f-a1a1-4587-916d-92cc43bec372 251w,https://images.pubble.cloud/worker/webp/default/420/134089/0231088e/content/2026/9/6a5d1a1f-a1a1-4587-916d-92cc43bec372 420w,https://images.pubble.cloud/worker/webp/default/728/134089/0231088e/content/2026/9/6a5d1a1f-a1a1-4587-916d-92cc43bec372 728w" type="image/webp" sizes="(min-width: 1215px) 243px, 149px">
1934<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/9/6a5d1a1f-a1a1-4587-916d-92cc43bec372_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/134089/0231088e/content/2026/9/6a5d1a1f-a1a1-4587-916d-92cc43bec372 251w,https://images.pubble.cloud/worker/jpg/default/420/134089/0231088e/content/2026/9/6a5d1a1f-a1a1-4587-916d-92cc43bec372 420w,https://images.pubble.cloud/worker/jpg/default/728/134089/0231088e/content/2026/9/6a5d1a1f-a1a1-4587-916d-92cc43bec372 728w" sizes="(min-width: 1215px) 243px, 149px"></picture></div> 1935 </div> 1936 1937 1938 1939 1940 <div class="p-2 pt-0 w-8/12 md:w-9/12"> 1941 <span class="font-semibold css-category text-primary uppercase text-sm "> 1942 Economie 1943 </span> 1944 1945 <span class="font-semibold group-hover:text-primary duration-300 mt-1 pb-1 block"> 1946 Agri Business Academy start met nieuwe groep van dertien deelnemers 1947 </span> 1948 1949 1950 1951 1952 1953 1954 </div> 1955 </a> 1956 1957 1958</div> 1959 </div> 1960 <div class="my-4 component__pubble-banner" > 1961 1962 1963 1964 1965<div class="pbph flex Omslag-css grid grid-cols-12 bg-gray-100" 1966 1967w="728" 1968h="0" 1969pos="-1" 1970max="1" 1971sids="" 1972advobject=""> 1973 1974 1975</div> 1976 </div> 1977 <div class=" component__article-row" > 1978 1979 1980<div> 1981 1982 1983<a href="/nieuws/sport/95372/bondscoach-janga-ziet-kansen-voor-bonaire-in-nations-league" class=" group block relative flex flex-wrap m-2 mt-0 ml-0"> 1984 1985 <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0"> 1986 1987 <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/133999/0231088e/content/2026/9/3e5939c6-5911-4ac9-be82-9ee032c6647a 251w,https://images.pubble.cloud/worker/webp/default/420/133999/0231088e/content/2026/9/3e5939c6-5911-4ac9-be82-9ee032c6647a 420w,https://images.pubble.cloud/worker/webp/default/728/133999/0231088e/content/2026/9/3e5939c6-5911-4ac9-be82-9ee032c6647a 728w" type="image/webp" sizes="(min-width: 1215px) 243px, 149px">
1987<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Rilove Janga is coach van Bonaire. " loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/9/3e5939c6-5911-4ac9-be82-9ee032c6647a_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/133999/0231088e/content/2026/9/3e5939c6-5911-4ac9-be82-9ee032c6647a 251w,https://images.pubble.cloud/worker/jpg/default/420/133999/0231088e/content/2026/9/3e5939c6-5911-4ac9-be82-9ee032c6647a 420w,https://images.pubble.cloud/worker/jpg/default/728/133999/0231088e/content/2026/9/3e5939c6-5911-4ac9-be82-9ee032c6647a 728w" sizes="(min-width: 1215px) 243px, 149px"></picture></div> 1988 </div> 1989 1990 1991 1992 1993 <div class="p-2 pt-0 w-8/12 md:w-9/12"> 1994 <span class="font-semibold css-category text-primary uppercase text-sm "> 1995 Sport 1996 </span> 1997 1998 <span class="font-semibold group-hover:text-primary duration-300 mt-1 pb-1 block"> 1999 Bondscoach Janga ziet kansen voor Bonaire in Nations League 2000 </span> 2001 2002 2003 2004 2005 2006 2007 </div> 2008 </a> 2009<a href="/nieuws/nieuws-van-bonaire-infrastructuur/95418/selibon-breidt-wagenpark-fors-uit-om-afvalinzameling-op-bonaire-te-verbeteren" class=" group block relative flex flex-wrap m-2 mt-0 ml-0"> 2010 2011 <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0"> 2012 2013 <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/134092/0231088e/content/2026/9/dc74c19a-8684-4a34-b781-06eb38e2ef7d 251w,https://images.pubble.cloud/worker/webp/default/420/134092/0231088e/content/2026/9/dc74c19a-8684-4a34-b781-06eb38e2ef7d 420w,https://images.pubble.cloud/worker/webp/default/728/134092/0231088e/content/2026/9/dc74c19a-8684-4a34-b781-06eb38e2ef7d 728w" type="image/webp" sizes="(min-width: 1215px) 243px, 149px">
2013<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/9/dc74c19a-8684-4a34-b781-06eb38e2ef7d_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/134092/0231088e/content/2026/9/dc74c19a-8684-4a34-b781-06eb38e2ef7d 251w,https://images.pubble.cloud/worker/jpg/default/420/134092/0231088e/content/2026/9/dc74c19a-8684-4a34-b781-06eb38e2ef7d 420w,https://images.pubble.cloud/worker/jpg/default/728/134092/0231088e/content/2026/9/dc74c19a-8684-4a34-b781-06eb38e2ef7d 728w" sizes="(min-width: 1215px) 243px, 149px"></picture></div> 2014 </div> 2015 2016 2017 2018 2019 <div class="p-2 pt-0 w-8/12 md:w-9/12"> 2020 <span class="font-semibold css-category text-primary uppercase text-sm "> 2021 Infrastructuur 2022 </span> 2023 2024 <span class="font-semibold group-hover:text-primary duration-300 mt-1 pb-1 block"> 2025 Selibon breidt wagenpark fors uit om afvalinzameling op Bonaire te verbeteren 2026 </span> 2027 2028 2029 2030 2031 2032 2033 </div> 2034 </a> 2035<a href="/nieuws/natuur/95225/voorlopig-geen-geiten-meer-afgeschoten-in-washington-slagbaai" class=" group block relative flex flex-wrap m-2 mt-0 ml-0"> 2036 2037 <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0"> 2038 2039 <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/133788/0231088e/content/2026/9/1827b8ee-29b4-46fa-9aab-32940dab06e8 251w,https://images.pubble.cloud/worker/webp/default/420/133788/0231088e/content/2026/9/1827b8ee-29b4-46fa-9aab-32940dab06e8 420w,https://images.pubble.cloud/worker/webp/default/728/133788/0231088e/content/2026/9/1827b8ee-29b4-46fa-9aab-32940dab06e8 728w" type="image/webp" sizes="(min-width: 1215px) 243px, 149px">
2039<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/9/1827b8ee-29b4-46fa-9aab-32940dab06e8_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/133788/0231088e/content/2026/9/1827b8ee-29b4-46fa-9aab-32940dab06e8 251w,https://images.pubble.cloud/worker/jpg/default/420/133788/0231088e/content/2026/9/1827b8ee-29b4-46fa-9aab-32940dab06e8 420w,https://images.pubble.cloud/worker/jpg/default/728/133788/0231088e/content/2026/9/1827b8ee-29b4-46fa-9aab-32940dab06e8 728w" sizes="(min-width: 1215px) 243px, 149px"></picture></div> 2040 </div> 2041 2042 2043 2044 2045 <div class="p-2 pt-0 w-8/12 md:w-9/12"> 2046 <span class="font-semibold css-category text-primary uppercase text-sm "> 2047 Natuur 2048 </span> 2049 2050 <span class="font-semibold group-hover:text-primary duration-300 mt-1 pb-1 block"> 2051 Voorlopig geen geiten meer afgeschoten in Washington Slagbaai 2052 </span> 2053 2054 2055 2056 2057 2058 2059 </div> 2060 </a> 2061 2062 2063 <div> 2064 <button type="button" 2065 class="border-gray-200 hover:text-opacity-60 w-full border border-r border-b py-3 px-2 rounded text-primary font-semibold" 2066 onclick="loadMore.GetHtml(this, 'ArticleRow', 'ThFSGg8PGmZTGw1qSBFQFgkEBUpuFRUpEA4MHxBUFg8XQEJZW1JXJUddGlpcQ15RHgcGABEVFSIQDhYRHhRnXVpEdVlBU1ErR0AVC0dBQlEfFE4VCU1FNFcYFlwQDEBHQFYaGlkUDHYZG1wTCQEbFloUDRVUS14lH1dbX0EbBhcZEVwaDxQFZhkbUhMJaGoYEUYVDUdLQiQeFkURCBR2UF5aXFMVW1MhRxlZWFZGQEcRGhVFEQMObRBAFgkQBAQHAx4GARgEAhAFDw0BAwkHBBFL');"> 2067 Bekijk meer nieuws 2068</button> 2069 2070 </div> 2071</div> 2072 </div> 2073 </div> 2074 <div class="content-start col-span-full lg:col-span-2 mt-0 mb-0 builder__column "> 2075 </div> 2076 </div> 2077 </div> 2078 <div > 2079 <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 builder__row "> 2080 <div class=" builder__column "> 2081 <div class="mt-10 mb-10 component__pubble-banner" > 2082 2083 2084 2085 2086<div class="pbph flex Omslag-css grid grid-cols-12 bg-gray-100" 2087 2088w="728" 2089h="0" 2090pos="-1" 2091max="1" 2092sids="" 2093advobject=""> 2094 2095 2096</div> 2097 </div> 2098 </div> 2099 </div> 2100 </div> 2101 2102 2103 2104 2105 2106</main> 2107 2108 2109 2110<footer class="css-bg-footer bg-primary pt-0 sm:mt-10"> 2111 2112 <div class="max-w-7xl px-2 pt-5 m-auto text-gray-800 flex flex-wrap justify-left"> 2113 <div class="pt-5 ml-2 md:p-0 text-white w-full md:w-3/12 "> 2114 <div class="mt-4 w-60"><img src="https://pubblestorage.blob.core.windows.net/0231088e/content/web/BONAIRE_WHITE_SLOGAN-2.svg" class="mt-4 fr-fic fr-dib"></div> 2115 </div> 2116 </div> 2117 <div class="max-w-7xl px-2 pt-5 m-auto text-gray-800 flex flex-wrap justify-left"> 2118 <div class="p-5 w-full gap-12 md:flex "> 2119 2120 <div class="pt-5 md:p-0 text-white w-full md:w-3/12 "> 2121 <h4 class="wp-block-heading">Auteursrecht</h4><div class="widget widget_block widget_text" id="block-3"><p>Het is niet toegestaan berichten of delen daarvan over te nemen zonder schriftelijke toestemming van de desbetreffende auteur. Bij het overnemen van citaten is bronvermelding verplicht. Op fotoâs rust eveneens copyright.</p><p><br><a class="underline" href="/algemene-voorwaarden">Lees onze algemene voorwaarden</a></p></div><div class="widget widget_block widget_text" id="block-4"><p style="font-size:14px;"><br></p></div> 2122 </div> 2123 2124 2125 <div class="w-full md:w-6/12 p-0 md:flex"> 2126 <ul class="text-xs pt-2 md:pt-0 text-white w-full font-medium mb-2 md:w-6/12"> 2127 <p class="text-white text-xl mb-4 font-semibold ">Zakelijk</p> 2128 <li class=""> 2129 <a href="https://abconlinemedia.com/adverteren/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 2130 Adverteren 2131 </a> 2132 </li> 2133 <li class=""> 2134 <a href="https://abconlinemedia.com/adverteren/bedrijf-in-the-picture/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 2135 Bedrijf in the Picture 2136 </a> 2137 </li> 2138 <li class=""> 2139 <a href="https://abconlinemedia.com/banner/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 2140 Reclamebanners 2141 </a> 2142 </li> 2143 <li class=""> 2144 <a href="/plaats-je-vacature-op-bonaire-nu-en-vind-snel-de-juiste-medewerker" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 2145 Vacatureplaatsing 2146 </a> 2147 </li> 2148 <li class=""> 2149 <a href="/algemene-voorwaarden" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 2150 Algemene voorwaarden 2151 </a> 2152 </li> 2153 <li class=""> 2154 <a href="/zoek?q=" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 2155 Archief 2156 </a> 2157 </li> 2158 </ul> 2159 <ul class="text-xs pt-2 md:pt-0 text-white w-full font-medium mb-2 md:w-6/12"> 2160 <p class="text-white text-xl mb-4 font-semibold ">Websites</p> 2161 <li class=""> 2162 <a href="https://www.aruba.nu" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 2163 Aruba.nu 2164 </a> 2165 </li> 2166 <li class=""> 2167 <a href="https://www.curacao.nu/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 2168 curacao.nu 2169 </a> 2170 </li> 2171 <li class=""> 2172 <a href="https://www.awor.nu" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 2173 Awor.nu 2174 </a> 2175 </li> 2176 <li class=""> 2177 <a href="https://www.bes-reporter.com" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 2178 BES Reporter 2179 </a> 2180 </li> 2181 </ul> 2182 </div> 2183 2184<div class="pt-5 md:p-0 text-white w-full md:w-3/12 "> 2185 2186 <div class=" text-white"> 2187 <div class=""> 2188 <span class="text-xl md:text-xl w-full mb-4 font-bold text-white block ">Nieuwsbrief</span> 2189 </div> 2190 <div class=" max-w-2xl"> 2191 <form action="/nieuwsbrief/aanmelden" method="get" class="relative w-2xl "> 2192 <input name="email" class="w-full text-primary w-full rounded-md border-solid py-4 px-4 outline-none border-white focus:border-green-700" type="text" placeholder="E-mailadres"> 2193 <button type="submit" class="bg-white mt-4 right-2 mr-4 py-3 px-6 text-primary font-semibold">Verstuur</button> 2194 </form> 2195 </div> 2196</div> 2197 </div> 2198 2199 </div> 2200 2201 2202 <div class="max-w-7xl md:flex ml-2 w-full"> 2203 2204 <ul role="list" class="flex w-full items-center ml-1 mt-4 mb-2 "> 2205 2206 2207 <li> 2208 <div class="mx-2 bg-white hover:bg-opacity-60 text-primary rounded-full items-center justify-center flex p-2 shadow-md"> 2209 <a href="//facebook.com/bonaire.nu" target="_blank" class="flex items-center justify-center w-6 h-6 text-primary hover:text-gray-100" title="facebook"> 2210 <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
2211 <path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path> 2212 </svg> 2213 </a> 2214 </div> 2215 </li> 2216 2217 <li> 2218 <div class="mx-2 bg-white hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 2219 <a href="https://www.instagram.com/bonaire.nu" target="_blank" class="flex items-center justify-center w-6 h-6 text-primary hover:text-gray-100" title="instagram"> 2220 <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> 2221 <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> 2222 </svg> 2223 </a> 2224 </div> 2225 </li> 2226 2227 <li> 2228 <div class="mx-2 bg-white hover:bg-opacity-60 text-primary rounded-full items-center justify-center flex p-2 shadow-md"> 2229 <a href="https://x.com/ABCOnlineMedia" target="_blank" class="flex items-center justify-center w-6 h-6 text-primary hover:text-gray-100" title="twitter"> 2230 <svg class="h-4" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> 2231 <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="currentColor"/> 2232 </svg> 2233 </a> 2234 </div> 2235 </li> 2236 2237 2238 2239 2240 2241 2242 2243 2244 <li> 2245 <div class="mx-2 bg-white hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 2246 <a href="mailto:[email protected]" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="mail de redactie"> 2247 <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope-open" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 2248 <path fill="currentColor" d="M512 464c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V200.724a48 48 0 0 1 18.387-37.776c24.913-19.529 45.501-35.365 164.2-121.511C199.412 29.17 232.797-.347 256 .003c23.198-.354 56.596 29.172 73.413 41.433 118.687 86.137 139.303 101.995 164.2 121.512A48 48 0 0 1 512 200.724V464zm-65.666-196.605c-2.563-3.728-7.7-4.595-11.339-1.907-22.845 16.873-55.462 40.705-105.582 77.079-16.825 12.266-50.21 41.781-73.413 41.43-23.211.344-56.559-29.143-73.413-41.43-50.114-36.37-82.734-60.204-105.582-77.079-3.639-2.688-8.776-1.821-11.339 1.907l-9.072 13.196a7.998 7.998 0 0 0 1.839 10.967c22.887 16.899 55.454 40.69 105.303 76.868 20.274 14.781 56.524 47.813 92.264 47.573 35.724.242 71.961-32.771 92.263-47.5
224873 49.85-36.179 82.418-59.97 105.303-76.868a7.998 7.998 0 0 0 1.839-10.967l-9.071-13.196z"></path> 2249 </svg> 2250 </a> 2251 </div> 2252 </li> 2253 2254 </ul> 2255 2256 2257 <div class="flex mt-5 ml-4 md:justify-end space-x-4"> 2258 2259 <a href="https://apps.apple.com/us/app/abc-online-media/id6753170705" rel="noopener noreferrer" target="_blank"> 2260 2261 <img src="https://storage.pubble.nl/16c0059b/content/originals/2023/8/cd970d74-efb7-416f-ad03-1906696e8473_thumb840.jpg" style="width: 150px;" class="fr-fic rounded fr-dib fr-fil"> 2262 </a> 2263 2264 <a href="https://play.google.com/store/apps/details?id=nl.pubble.abcapp" rel="noopener noreferrer" target="_blank"> 2265 <img src="https://storage.pubble.nl/16c0059b/content/originals/2023/8/a2414c1a-50d8-4623-8d02-0691f6c0e1c9_thumb840.jpg" style="width: 150px;" class="fr-fic rounded fr-dib fr-fil"> 2266 </a> 2267 </div> 2268 2269 2270 2271 2272 2273 </div> 2274 2275 </div> 2276 2277 2278 2279 2280 <div class="pt-2"> 2281 <div class="flex pb-5 px-3 m-auto pt-5 2282 border-t text-white text-sm 2283 flex-col md:flex-row max-w-7xl px-2"> 2284 <div class="mt-2"> 2285 2286 Gemaakt met 2287 <a style="font-weight: bold;" href="https://www.pubble.nl/" target="_blank" rel="noopener"> 2288 <img style="width: 60px; height: auto; opacity: 1;" loading="lazy" width="60" height="25" class="inline" src="https://storage.pubble.nl/assets/images/Pubble-w-logo.svg" data-src="https://storage.pubble.nl/assets/images/Pubble-w-logo.svg" alt=""> 2289 </a> 2290 </div> 2291 </div> 2292 </div> 2293</footer> 2294 2295 2296 2297 2298 2299 2300 2301
2301<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble.script.min.js?version=260924-1"></script>
2301 2302
2302<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/pubble.serve.min.js?v=260924-1"></script>
vendor: 1 bytes, line 2302
2302
2303<script type="text/javascript" src="/lure/js/pubble/lures.js?version=260924-1"></script>
vendor: 1 bytes, line 2303
2303
2304<script src="/components/js/pubble.stats.min.js?app_name=web&version=260924-1" async></script>
2304 2305
2305<script defer src="/components/rum/pubble-rum.js?v=260924-1"></script>
2305 2306 2307 2308 2309<!-- Curaçao.nu Radio Player Plugin --> 2310<!-- Plak deze code aan het einde van je <body>, vlak voor </body> --> 2311 2312<!-- Turbo Permanent Frame: zorgt dat deze NIET refreshed bij navigatie --> 2313<div data-turbo-permanent="" id="curacao-radio-player-permanent"> 2314 2315<!-- Radio Player - Fixed Bottom Bar --> 2316<div id="curacao-radio-player" class="fixed bottom-0 left-0 right-0 shadow-2xl border-t z-50" style="background: rgba(17, 24, 39, 0.9); backdrop-filter: blur(8px); border-color: rgba(75, 85, 99, 0.5);"> 2317 <div style="max-width: 1536px; margin: 0 auto; padding: 0.5rem 1rem;"> 2318 <div style="display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 48px;"> 2319 2320 <!-- Logo --> 2321 <div style="flex-shrink: 0;"> 2322 <img src="https://storage.pubble.cloud/0231088e/embed/2025/10/preview-2.png" alt="Curaçao.nu" style="height: 1.75rem; width: auto;"> 2323 </div> 2324 2325 <!-- Left Section: Station Info --> 2326 <div style="display: flex; align-items: center; gap: 0.75rem; flex: 1; min-width: 0;"> 2327 <div style="min-width: 0;"> 2328 <div style="color: white; font-weight: 700; font-size: 0.875rem; line-height: 1.2;">Curaçao.nu 101.1FM</div> 2329 <div style="color: rgb(156, 163, 175); font-size: 0.75rem; font-weight: 500;">Luister Live</div> 2330 </div> 2331 </div> 2332 2333 <!-- Center: Play/Pause Button --> 2334 <div style="flex-shrink: 0;"> 2335 <button id="curacao-play-btn" style="width: 2.5rem; height: 2.5rem; border-radius: 9999px; background: linear-gradient(135deg, #FF0082 0%, #d10069 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); transition: all 0.2s; border: none; cursor: pointer; position: relative;"> 2336 <svg id="curacao-play-icon" style="width: 1.25rem; height: 1.25rem; color: white; margin-left: 0.2rem; position: absolute;" fill="currentColor" viewBox="0 0 24 24"> 2337 <path d="M8 5v14l11-7z"></path> 2338 </svg> 2339 <svg id="curacao-pause-icon" style="width: 1.25rem; height: 1.25rem; color: white; position: absolute; opacity: 0; visibility: hidden;" fill="currentColor" viewBox="0 0 24 24"> 2340 <path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"></path> 2341 </svg> 2342 </button> 2343 </div> 2344 2345 <!-- Right Section: Extra Controls --> 2346 <div style="display: flex; align-items: center; justify-content: flex-end; gap: 0.75rem; flex: 1;"> 2347 2348 <!-- Kijk Live Button --> 2349 <a href="https://www.curacao.nu/live" id="curacao-live-btn" style="display: flex; padding: 0.375rem 0.75rem; border-radius: 9999px; background-color: #FF0082; color: white; font-weight: 500; font-size: 0.75rem; text-decoration: none; transition: background-color 0.2s; white-space: nowrap;"> 2350 Kijk Live 2351 </a> 2352 <style> 2353 @media (min-width: 640px) { 2354 #curacao-live-btn { 2355 padding: 0.5rem 1.25rem !important; 2356 font-size: 0.875rem !important; 2357 } 2358 } 2359 #curacao-live-btn:hover { 2360 background-color: #d10069; 2361 } 2362 </style> 2363 2364 <!-- Mute Button --> 2365 <button id="curacao-mute-btn" style="display: none; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 9999px; background: rgba(31, 41, 55, 0.5); color: rgb(209, 213, 219); transition: all 0.2s; border: none; cursor: pointer; position: relative;"> 2366 <svg id="curacao-volume-icon" style="width: 1rem; height: 1rem; position: absolute;" fill="currentColor" viewBox="0 0 24 24"> 2367 <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"></path> 2368 </svg> 2369 <svg id="curacao-muted-icon" style="width: 1rem; height: 1rem; position: absolute; opacity: 0; visibility: hidden;" fill="currentColor" viewBox="0 0 24 24"> 2370 <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"></path> 2371 </svg> 2372 </button> 2373 <style> 2374 @media (min-width: 1024px) { 2375 #curacao-mute-btn { 2376 display: flex !important; 2377 } 2378 } 2379 #curacao-mute-btn:hover { 2380 background: rgba(55, 65, 81, 0.5); 2381 color: white; 2382 } 2383 #curacao-play-btn:hover { 2384 transform: scale(1.05); 2385 } 2386 #curacao-play-btn:active { 2387 transform: scale(0.95); 2388 } 2389 </style> 2390 2391 <!-- Open in Window Button --> 2392 <button id="curacao-popout-btn" style="display: none; align-items: center; gap: 0.5rem; padding: 0.375rem 0.875rem; border-radius: 9999px; background: rgba(31, 41, 55, 0.5); color: white; font-size: 0.8rem; font-weight: 500; transition: background-color 0.2s; border: none; cursor: pointer;">
2393 <span>Open in venster</span> 2394 <svg style="width: 0.875rem; height: 0.875rem;" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2395 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> 2396 </svg> 2397 </button> 2398 <style> 2399 @media (min-width: 640px) { 2400 #curacao-popout-btn { 2401 display: flex !important; 2402 } 2403 } 2404 #curacao-popout-btn:hover { 2405 background: rgba(55, 65, 81, 0.5); 2406 } 2407 </style> 2408 2409 </div> 2410 </div> 2411 </div> 2412</div> 2413 2414<!-- Audio Element --> 2415<audio id="curacao-radio-stream" preload="none"> 2416 <source src="https://media.hostin.live/audio/curacaonu.mp3" type="audio/mpeg"> 2417 <source src="https://media.hostin.live/audio/curacaonu.aac" type="audio/aac"> 2418</audio> 2419 2420</div> 2421<!-- Einde Turbo Permanent Frame --> 2422 2423<!-- Radio Player Script -->
2424<script> 2425(function() { 2426 'use strict'; 2427 2428 if (window.curacaoRadioInitialized) return; 2429 window.curacaoRadioInitialized = true; 2430 2431 const playBtn = document.getElementById('curacao-play-btn'); 2432 const playIcon = document.getElementById('curacao-play-icon'); 2433 const pauseIcon = document.getElementById('curacao-pause-icon'); 2434 const audio = document.getElementById('curacao-radio-stream'); 2435 const muteBtn = document.getElementById('curacao-mute-btn'); 2436 const volumeIcon = document.getElementById('curacao-volume-icon'); 2437 const mutedIcon = document.getElementById('curacao-muted-icon'); 2438 const popoutBtn = document.getElementById('curacao-popout-btn'); 2439 2440 audio.volume = 0.7; 2441 2442 playBtn.addEventListener('click', function() { 2443 if (audio.paused) { 2444 audio.play().catch(function(err) { 2445 console.error('Playback error:', err); 2446 alert('Kon audio niet afspelen. Probeer het opnieuw.'); 2447 }); 2448 } else { 2449 audio.pause(); 2450 } 2451 }); 2452 2453 audio.addEventListener('play', function() { 2454 playIcon.style.opacity = '0'; 2455 playIcon.style.visibility = 'hidden'; 2456 pauseIcon.style.opacity = '1'; 2457 pauseIcon.style.visibility = 'visible'; 2458 }); 2459 2460 audio.addEventListener('pause', function() { 2461 playIcon.style.opacity = '1'; 2462 playIcon.style.visibility = 'visible'; 2463 pauseIcon.style.opacity = '0'; 2464 pauseIcon.style.visibility = 'hidden'; 2465 }); 2466 2467 muteBtn.addEventListener('click', function() { 2468 audio.muted = !audio.muted; 2469 if (audio.muted) { 2470 volumeIcon.style.opacity = '0'; 2471 volumeIcon.style.visibility = 'hidden'; 2472 mutedIcon.style.opacity = '1'; 2473 mutedIcon.style.visibility = 'visible'; 2474 } else { 2475 volumeIcon.style.opacity = '1'; 2476 volumeIcon.style.visibility = 'visible'; 2477 mutedIcon.style.opacity = '0'; 2478 mutedIcon.style.visibility = 'hidden'; 2479 } 2480 }); 2481 2482 popoutBtn.addEventListener('click', function() { 2483 const width = 400; 2484 const height = 300; 2485 const left = (screen.width - width) / 2; 2486 const top = (screen.height - height) / 2; 2487 window.open('https://www.curacao.nu/online-radio-luisteren', 'RadioPlayer', 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',resizable=yes'); 2488 }); 2489 2490 window.updateCuracaoNowPlaying = function(data) { 2491 if (data.program) { 2492 document.getElementById('curacao-program-name').textContent = data.program; 2493 } 2494 if (data.track) { 2495 document.getElementById('curacao-track-info').textContent = data.track; 2496 } 2497 if (data.djImage) { 2498 document.getElementById('curacao-dj-image').src = data.djImage; 2499 } 2500 }; 2501 2502 document.addEventListener('turbo:before-visit', function(event) { 2503 if (!audio.paused) { 2504 console.log('Radio speelt - Turbo navigatie toegestaan (player blijft staan)'); 2505 } else { 2506 event.preventDefault(); 2507 const url = event.detail.url; 2508 window.location.href = url; 2509 return; 2510 } 2511 }); 2512 2513 document.addEventListener('turbo:load', function() { 2514 console.log('Turbo navigatie voltooid'); 2515 }); 2516 2517 document.addEventListener('turbo:submit-start', function(event) { 2518 const form = event.target; 2519 event.preventDefault(); 2520 form.setAttribute('data-turbo', 'false'); 2521 form.submit(); 2522 }); 2523 2524 console.log('Curaçao.nu Radio Player geïnitialiseerd'); 2525})(); 2526</script>
2526 2527 2528<style> 2529 body { 2530 padding-bottom: 64px !important; 2531 } 2532</style> 2533
2533<script type="text/javascript"></script>
2533 2534 2535<!-- web-earth--r147-1-55b4754df7-548vh --> 2536</body> 2537</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.