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>Zoeken</title> 7 8 9
10<script type="text/javascript" src="https://mmcdn.nl/tags/telstar/middelburgseveersebode.js"></script>
10<script> 11 (function() { 12 // Controleer of de huidige URL 'bctitletext' bevat 13 if (window.location.href.includes("bctitletext")) { 14 // Maak het script-element aan 15 var script = document.createElement('script'); 16 script.src = 'https://nookie.io/projects/branded_content/dist/bcLib.js'; 17 script.setAttribute('data-nookie-pubid', 'middelburgseveersebode.nl'); 18 // Voeg het script toe aan de <head> van de pagina 19 document.head.appendChild(script); 20 } 21 })(); 22</script>
22 23 24 <style type="text/css"> 25 :root { 26 --color-primary: 234, 86, 27; 27 --color-secondary: 94, 94, 94; 28 --color-premium: 213, 43, 30; 29 --color-black: 0, 0, 0; 30 --color-white: 255, 255, 255; 31 --color-gray: 128, 128, 128; 32 } 33 34 @media (prefers-color-scheme: dark) { 35 .dark\:bg-dark { 36 background-color: #121212 37 } 38 } 39 </style> 40 41 <meta name="description" content="Middelburgse Veerse Bode"/> 42 43 <link rel="icon" type="image/png" 44 href="https://storage.pubble.nl/assets/favicons/www/middelburgseveersebode/favicon-48x48.png?v=13xu" 45 sizes="48x48"/> 46 <link rel="icon" type="image/svg+xml" 47 href="https://storage.pubble.nl/assets/favicons/www/middelburgseveersebode/favicon.svg?v=13xu"/> 48 <link rel="shortcut icon" 49 href="https://storage.pubble.nl/assets/favicons/www/middelburgseveersebode/favicon.ico?v=13xu"/> 50 <link rel="apple-touch-icon" sizes="180x180" 51 href="https://storage.pubble.nl/assets/favicons/www/middelburgseveersebode/apple-touch-icon.png?v=13xu"/> 52 <link rel="shortcut icon" 53 href="https://storage.pubble.nl/assets/favicons/www/middelburgseveersebode/favicon.ico?v=13xu"> 54 <meta name="apple-mobile-web-app-capable" content="yes"> 55 56 57 <link rel="dcterms.rights" href="https://www.middelburgseveersebode.nl/privacy" /> 58 59 60 <meta property="og:site_name" content="Middelburgse Veerse Bode" /> 61 62 <meta property="og:locale" content="nl_NL" /> 63
64<script type="application/ld+json"> 65 { 66 "@context": "https://schema.org", 67 "@type": "WebSite", 68 "name": "Middelburgse Veerse Bode", 69 "url": "https://middelburgseveersebode.nl/", 70 "potentialAction": { 71 "@type": "SearchAction", 72 "target": { 73 "@type": "EntryPoint", 74 "urlTemplate": "https://middelburgseveersebode.nl/search?q={search_term_string}" 75 }, 76 "queryInput": "required name=search_term_string" 77 } 78} 79</script>
79 80 81 82
83<script type="text/javascript"> 84 var exports = {}; 85 var pubbleEnv = { 86 pubbleContentApiKey: 'cDxLxxrNLyi6BNel0XyFrlGmBuung/kpKlLWCKVyptw=', 87 pubbleContentApiHash: 'enZhbWVkaWFjZW50cnVtZGF0YXwzMHxtaWRkZWxidXJnc2V2ZWVyc2Vib2RlLm5s', 88 domain: 'middelburgseveersebode.nl', 89 siteHosts: [], 90 language: 'nl', 91 commonDomain: '', 92 userId: typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : null, 93 subscriptions: null, 94 pushEnabled: true, 95 regionPages: false, 96 regionPagesAutoRedirect: false, 97 isAuthenticated: false, 98 hasPrivileges: false, 99 region: '', 100 }; 101 var lureArticle = { 102 articleAccessLevel: 'null', 103 userAccessLevel: 'Visitor', 104 articlesLeft: -1, 105 articleId: null, 106 hasAccess: false, 107 giftToken: '', 108 articleHeadline: '', 109 articleType: 'null', 110 authorIds: [], 111 articleContentType: 'null', 112 articleIsLiveBlog: false, 113 articleCategory: '', 114 articleSubcategory: '', 115 articleStatus: 'inactive', 116 articleSource: '', 117 articleAuthors: '', 118 articleDate: '' 119 } 120 121 var pubbleStatsContext = null; 122 123 window.dataLayer = window.dataLayer || []; 124 125 window.dataLayer.push({ 126 'articleId': null, 127 'userId': typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : 'n.a.', 128 'pageType': 'home', 129 'region': '' 130 }); 131</script>
131 132 133<meta name="robots" content="noindex, follow"> 134 135 136 <link rel="dns-prefetch" href="//storage.pubble.cloud"> 137 <link rel="dns-prefetch" href="//storage.pubble.nl"> 138 139 <link rel="stylesheet" href="//storage.pubble.cloud/assets/static/css/tailwind.styles.min.css?v=261008-1"/> 140
140<script>window.PubbleAssets = { base: '//storage.pubble.cloud/assets/static', v: '260925-2' };</script>
140 141 142
142<script defer src="https://storage.pubble.nl/assets/web/alpine-intersect-3-10-5.cdn.min.js"></script>
142 143 <style>[x-cloak] { 144 display: none !important; 145 } 146 </style> 147<style> 148 body { 149 margin: 0; 150 font-family: sans-serif; 151 } 152 153 .banner--Zeeuws { 154 position: relative; 155 background-color: #1063AD; 156 color: white; 157 padding: 10px; 158 display: flex; 159 overflow: hidden; 160 z-index: 1; 161 } 162 163 .banner--Zeeuws::before { 164 content: ''; 165 position: absolute; 166 top: -10px; 167 left: 0; 168 width: 100%; 169 height: 20px; 170 background-color: white; 171 z-index: 2; 172 } 173 174 .banner-inner { 175 display: flex; 176 flex-wrap: wrap; 177 align-items: center; 178 gap: 8px; 179 max-width: 1200px; 180 width: 100%; 181 } 182 183 .image-left { 184 flex-shrink: 0; 185 margin-top: -10px; 186 margin-left: -10px; 187margin-bottom: -10px; 188 z-index: 3; 189 } 190 191 .image-left img { 192 max-width: clamp(140px, 25vw, 270px); /* responsive breedte */ 193 height: auto; 194 border-radius: 0; 195 display: block; 196 } 197 198 .content-area { 199 display: flex; 200 flex: 1; 201 flex-wrap: wrap; 202 align-items: center; 203 gap: 10px; 204 } 205 206 .text-block { 207 flex: 1; 208 min-width: 250px; 209 } 210 211 .text-block h1 { 212 font-size: clamp(0.5rem, 4vw, 2rem); /* responsive grootte */ 213 font-weight: bold; 214 line-height: 1.3; 215 margin-bottom: 5px; 216 } 217 218.buttons { 219 display: flex; 220 gap: 10px; 221 flex-wrap: wrap; 222 justify-content: flex-start; /* ruimte verdelen */ 223} 224 225.buttons a { 226 flex-grow: 1; /* laat ze groeien als er ruimte is */ 227 flex-basis: auto; 228 text-align: center; 229 white-space: nowrap; 230 text-decoration: none; 231 background-color: white; 232 color: black; 233 padding: 10px 10px; 234 border-radius: 10px; 235 font-size: 0.9rem; 236 font-weight: bold; 237 transition: background-color 0.3s ease; 238} 239 240 .buttons a:hover { 241 background-color: black; 242 color: white; 243 } 244 245 .buttons a:focus { 246 outline: 2px solid white; 247 outline-offset: 2px; 248 } 249 250@media (max-width: 600px) { 251 .image-left { 252 display: none; 253 } 254 .text-block { 255 text-align: center; 256 } 257 .banner::before { 258 height: 0px; 259} 260} 261</style><!-- Google tag (gtag.js) -->
vendor: 67 bytes, lines 261-262
261 262<script async="" src="https://www.googletagmanager.com/gtag/js?id=
262G-L6KV7GMVFF
vendor: 12 bytes, line 262
262"></script>
263<script> 264
vendor: 134 bytes, lines 264-268
264window.dataLayer = window.dataLayer || []; 265 function gtag(){dataLayer.push(arguments);} 266 gtag('js', new Date()); 267 268 gtag('config', '
268G-L6KV7GMVFF
vendor: 4 bytes, line 268
268');
269</script>
269<style type="text/css"> 270 271.leaderboarddiv { 272 background: #ffffff! important; 273} 274 275.from-black { 276 --tw-gradient-from: #000000 !important; 277 --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,transparent); 278} 279 280img { 281 user-drag: none; 282 user-select: none; 283 -moz-user-select: none; 284 -webkit-user-drag: none; 285 -webkit-user-select: none; 286 -ms-user-select: none; 287} 288 289.button-container { 290 display: flex; 291 flex-wrap: wrap; 292 gap: 1rem; /* ruimte tussen de knoppen */ 293} 294 295.responsive-button { 296 flex: 1 1 100%; /* default: neemt volledige breedte */ 297 padding: 1rem; 298 font-size: 1rem; 299} 300 301/* Als het scherm breed genoeg is, zet ze naast elkaar */ 302@media (min-width: 600px) { 303 .responsive-button { 304 flex: 1 1 0; /* even groot */ 305 } 306} 307 308</style></head> 309<body class=""> 310 311 312 313 314 315 316 317 318 319 320 <div id="pageTopLeaderboard"></div> 321 322 323 324 325<header class="sticky md:relative top-0 w-full z-20 bg-white-500 transition-all pt-0"> 326 327 <nav x-data="{ open: false }" class="bg-white shadow md:shadow-none md:bg-none"> 328 <div> 329 <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8"> 330 <div class="relative flex justify-between min-h-16"> 331 <div class="absolute px-2 inset-y-0 left-0 flex items-center md:hidden"> 332 <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" @click="open = !open; document.body.classList.toggle('overflow-hidden');" aria-expanded="false" x-bind:aria-expanded="open.toString()"> 333 <svg x-state:on="Menu open" x-state:off="Menu closed" class="h-6 w-6 block css-hamburgermenu" :class="{ 'hidden': open, 'block': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 334 <path stroke-linecap="round" class="css-hamburgermenu-p" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 335 </svg> 336 <svg x-state:on="Menu open" x-state:off="Menu closed" class="h-6 w-6 hidden css-hamburgermenu" :class="{ 'block': open, 'hidden': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 337 <path stroke-linecap="round" class="css-hamburgermenu-p" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 338 </svg> 339 </button> 340 </div> 341 <div class="flex-1 flex items-center justify-center md:items-stretch md:justify-start"> 342 <div class="flex-shrink-0 h-16 md:h-auto flex items-center"> 343 <a href="/" class="w-48 md:w-full"> 344 <?xml version="1.0" encoding="UTF-8"?> 345<svg class="w-full max-h-full " id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 282.83 35.72"> 346 <!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3) --> 347 <defs> 348 <style> 349 .st0 { 350 fill: none; 351 } 352 353 .st1 { 354 fill: #1d1d1b; 355 } 356 357 .st2 { 358 clip-path: url(#clippath-1); 359 } 360 361 .st3 { 362 clip-path: url(#clippath-2); 363 } 364 365 .st4 { 366 fill: #ea561b; 367 } 368 369 .st5 { 370 fill: #10a6de; 371 } 372 373 .st6 { 374 clip-path: url(#clippath); 375 } 376 </style> 377 <clipPath id="clippath"> 378 <rect class="st0" width="282.83" height="35.72"/> 379 </clipPath> 380 <clipPath id="clippath-1"> 381 <rect class="st0" width="282.83" height="35.72"/> 382 </clipPath> 383 <clipPath id="clippath-2"> 384 <rect class="st0" width="282.83" height="35.72"/> 385 </clipPath> 386 </defs> 387 <g class="st6"> 388 <path class="st1" d="M66.66,8.32c0-4.19-2.06-5.41-4.73-5.41h-2.44v11.04h2.72c2.73,0,4.44-1.94,4.44-5.64M62.06,1.57c3.84,0,6.25,2.13,6.25,6.36,0,5.45-2.91,7.37-6.13,7.37h-4.31V1.57h4.19Z"/> 389 <path class="st1" d="M76.72,7.49c0-.97-.64-1.55-1.57-1.55-2.21,0-3.05,2.08-3.12,3.69,1.11.08,4.69-.06,4.69-2.15M70.44,10.32c0-3.05,1.71-5.57,4.79-5.57,1.92,0,3.01,1.03,3.01,2.56,0,3.37-4.27,3.63-6.19,3.57.08,1.67.89,3.43,3.05,3.43,1.4,0,2.27-.66,2.64-.95l.62,1.1c-.52.43-1.69,1.13-3.34,1.13-3.22,0-4.58-2.19-4.58-5.26"/> 390 </g> 391 <polygon class="st1" points="88.52 1.57 91.29 9.27 91.37 9.27 94.22 1.57 97.87 1.57 98.57 15.29 95.23 15.29 94.82 8.11 94.76 8.11 92.55 13.91 90.05 13.91 87.86 8.24 87.8 8.24 87.39 15.29 84.04 15.29 84.83 1.57 88.52 1.57"/> 392 <g class="st2"> 393 <path class="st1" d="M103.9,15.29h-3.47V4.75h3.47v10.55ZM100.33,1.71c0-.93.7-1.71,1.82-1.71s1.84.78,1.84,1.71-.74,1.71-1.84,1.71-1.82-.72-1.82-1.71"/> 394 <path class="st1" d="M111.6,12.01v-4.99c-.21-.08-.48-.16-.81-.16-1.59,0-1.96,1.75-1.96,3.4s.31,2.89,1.47,2.89c.78,0,1.3-.6,1.3-1.14M105.41,10.55c0-3.59,1.79-6.13,5.18-6.13.45,0,.77.06,1.01.12V.95h3.4v12.1l.23,2.25h-2.89l-.19-.99h-.12c-.39.72-1.32,1.32-2.52,1.32-3.45,0-4.11-2.7-4.11-5.08"/> 395 <path class="st1" d="M122.85,12.01v-4.99c-.21-.08-.48-.16-.81-.16-1.59,0-1.96,1.75-1.96,3.4s.31,2.89,1.47,2.89c.78,0,1.3-.6,1.3-1.14M116.66,10.55c0-3.59,1.79-6.13,5.18-6.13.45,0,.77.06,1.01.12V.95h3.4v12.1l.23,2.25h-2.89l-.19-.99h-.12c-.39.72-1.32,1.32-2.52,1.32-3.45,0-4.11-2.7-4.11-5.08"/> 396 <path class="st1" d="M133.85,7.68c0-.52-.33-.85-.85-.85-1.03,0-1.67.97-1.74,2.4,1.11-.06,2.58-.54,2.58-1.55M127.91,10.3c0-2.99,1.79-5.88,5.3-5.88,2.17,0,3.61,1.05,3.61,3.24,0,2.97-3.22,3.61-5.41,3.73.14.89.78,1.67,2.04,1.67.99,0,1.9-.45,2.54-.89l.93,2.27c-.1.1-1.67,1.18-3.96,1.18-3.61,0-
3965.06-2.19-5.06-5.32"/> 397 <path class="st1" d="M138.25,11.56V.95h3.45v10.61c0,.93.25,1.36.91,1.36.31,0,.72-.12,1.2-.33l.74,2.27c-.74.54-1.96.77-2.89.77-3.2,0-3.41-2.08-3.41-4.07"/> 398 <path class="st1" d="M151.58,9.99c0-1.65-.27-3.14-1.63-3.14-.6,0-1.09.39-1.09.99v5.18c.31.12.7.21,1.05.21,1.24,0,1.67-1.2,1.67-3.24M145.41,14.76V.95h3.45v4.05c.48-.33,1.2-.58,2.11-.58,2.46,0,4.02,1.67,4.02,5.14,0,4.02-1.88,6.07-5.24,6.07-1.55,0-3.4-.39-4.33-.87"/> 399 <path class="st1" d="M156.6,11.83v-7.08h3.45v6.63c0,.95.12,1.59,1.01,1.59.7,0,1.24-.68,1.24-1.4v-6.81h3.45v8.54l.23,2h-2.91l-.17-1.01h-.08c-.64.87-1.61,1.28-2.7,1.28-2.35,0-3.51-1.24-3.51-3.74"/> 400 <path class="st1" d="M167.7,4.75h2.76l.29,1.45c.54-1.3,1.57-1.78,2.42-1.78.58,0,1.24.12,1.69.39l-.48,2.89c-.45-.21-.97-.37-1.49-.37-.89,0-1.49.54-1.51,1.51v6.46h-3.45V6.73l-.25-1.98Z"/> 401 <path class="st1" d="M181.32,16.12v-1.86c-1.24.7-2.29,1.71-2.29,2.99,0,.74.39,1.05,1.01,1.05.99,0,1.28-.78,1.28-2.19M181.26,11.06v-4.09c-.25-.08-.52-.12-.83-.12-1.28.02-1.94,1.24-1.94,2.91,0,1.34.16,2.74,1.49,2.74.7,0,1.28-.47,1.28-1.44M176.06,17.87c0-1.49.85-2.68,2.21-3.67-1.69-.25-3.22-1.67-3.22-4.37,0-3.55,2.25-5.41,5.43-5.41,1.24,0,3.04.27,4.23.76v8.44c0,.52-.04,1.84-.1,2.35-.29,2.99-1.86,4.79-4.83,4.79-2.48,0-3.72-1.14-3.72-2.89"/> 402 <path class="st1" d="M185.84,14.47l.89-2.42c.77.48,2.15,1.05,3.12,1.05.56,0,.95-.25.95-.78,0-.62-.58-.83-1.32-1.07-1.53-.47-3.28-1.01-3.28-3.24s1.92-3.59,4.13-3.59c1.65,0,3.12.62,4.13,1.55l-1.55,1.98c-.91-.7-1.76-1.07-2.4-1.07-.58,0-.95.31-.95.8,0,.6.6.85,1.42,1.14,1.51.52,3.24,1.11,3.24,3.28,0,2.31-1.69,3.53-4.23,3.53-1.9,0-3.51-.68-4.15-1.16"/> 403 <path class="st1" d="M201.14,7.68c0-.52-.33-.85-.85-.85-1.03,0-1.67.97-1.74,2.4,1.11-.06,2.58-.54,2.58-1.55M195.19,10.3c0-2.99,1.8-5.88,5.3-5.88,2.17,0,3.61,1.05,3.61,3.24,0,2.97-3.22,3.61-5.41,3.73.14.89.78,1.67,2.04,1.67.99,0,1.9-.45,2.54-.89l.93,2.27c-.1.1-1.67,1.18-3.96,1.18-3.61,0-
4035.06-2.19-5.06-5.32"/> 404 </g> 405 <polygon class="st1" points="228.47 1.57 231.25 11.21 231.32 11.21 234.16 1.57 237.59 1.57 233.05 15.29 229.38 15.29 224.9 1.57 228.47 1.57"/> 406 <g class="st3"> 407 <path class="st1" d="M242.98,7.68c0-.52-.33-.85-.85-.85-1.03,0-1.67.97-1.74,2.4,1.11-.06,2.58-.54,2.58-1.55M237.03,10.3c0-2.99,1.8-5.88,5.3-5.88,2.17,0,3.61,1.05,3.61,3.24,0,2.97-3.22,3.61-5.41,3.73.14.89.78,1.67,2.04,1.67.99,0,1.9-.45,2.54-.89l.93,2.27c-.1.1-1.67,1.18-3.96,1.18-3.61,0-5.06-2.19-5.06-5.32"/> 408 <path class="st1" d="M252.82,7.68c0-.52-.33-.85-.85-.85-1.03,0-1.67.97-1.74,2.4,1.11-.06,2.58-.54,2.58-1.55M246.88,10.3c0-2.99,1.8-5.88,5.3-5.88,2.17,0,3.61,1.05,3.61,3.24,0,2.97-3.22,3.61-5.41,3.73.14.89.78,1.67,2.04,1.67.99,0,1.9-.45,2.54-.89l.93,2.27c-.1.1-1.67,1.18-3.96,1.18-3.61,0-5.06-2.19-5.06-5.32"/> 409 <path class="st1" d="M257.05,4.75h2.76l.29,1.45c.54-1.3,1.57-1.78,2.42-1.78.58,0,1.24.12,1.69.39l-.48,2.89c-.45-.21-.97-.37-1.49-.37-.89,0-1.49.54-1.51,1.51v6.46h-3.45V6.73l-.25-1.98Z"/> 410 <path class="st1" d="M264.46,14.47l.89-2.42c.77.48,2.15,1.05,3.12,1.05.56,0,.95-.25.95-.78,0-.62-.58-.83-1.32-1.07-1.53-.47-3.28-1.01-3.28-3.24s1.92-3.59,4.13-3.59c1.65,0,3.12.62,4.13,1.55l-1.55,1.98c-.91-.7-1.76-1.07-2.4-1.07-.58,0-.95.31-.95.8,0,.6.6.85,1.42,1.14,1.51.52,3.24,1.11,3.24,3.28,0,2.31-1.69,3.53-4.23,3.53-1.9,0-3.51-.68-4.15-1.16"/> 411 <path class="st1" d="M279.76,7.68c0-.52-.33-.85-.85-.85-1.03,0-1.67.97-1.74,2.4,1.11-.06,2.58-.54,2.58-1.55M273.81,10.3c0-2.99,1.8-5.88,5.3-5.88,2.17,0,3.61,1.05,3.61,3.24,0,2.97-3.22,3.61-5.41,3.73.14.89.78,1.67,2.04,1.67.99,0,1.9-.45,2.54-.89l.93,2.27c-.1.1-1.67,1.18-3.96,1.18-3.61,0-
4115.06-2.19-5.06-5.32"/> 412 <path class="st1" d="M65.28,31.41c0-1.67-1.18-2.64-3.2-2.64h-2.58v5.32h2.5c2.5,0,3.28-1.16,3.28-2.68M64.64,25.17c0-1.84-1.28-2.19-2.97-2.19h-2.17v4.5h2c2.23,0,3.14-.95,3.14-2.31M62.02,21.69c2.19,0,4.31.66,4.31,3.32,0,1.53-.93,2.48-2.27,2.99,1.77.25,2.97,1.42,2.97,3.36,0,2.66-1.78,4.05-5.04,4.05h-4.13v-13.73h4.15Z"/> 413 <path class="st1" d="M76.12,30.34c0-2.48-.72-4.19-2.73-4.19s-2.83,1.63-2.83,3.86c0,2.04.39,4.46,2.75,4.46,1.94,0,2.81-1.88,2.81-4.13M68.93,30.21c0-4.27,2.54-5.35,4.58-5.35,1.43,0,4.23.45,4.23,5.12,0,4.02-1.98,5.72-4.58,5.72s-4.23-1.78-4.23-5.49"/> 414 <path class="st1" d="M86.69,32.25v-5.66c-.48-.25-1.24-.49-2.19-.49-2.25,0-3.18,1.86-3.18,4.29,0,2.13.58,4.07,2.68,4.07,1.67,0,2.68-1.18,2.68-2.21M79.73,30.58c0-3.47,1.69-5.72,4.83-5.72.83,0,1.46.16,2.13.37v-4.17h1.59v12.49l.16,1.86h-1.45l-.14-1.24-.06-.02c-.83,1.14-1.96,1.57-3.03,1.57-3.01,0-4.02-2.39-4.02-5.14"/> 415 <path class="st1" d="M97.17,27.61c0-.97-.64-1.55-1.57-1.55-2.21,0-3.05,2.08-3.12,3.69,1.11.08,4.69-.06,4.69-2.15M90.9,30.44c0-3.05,1.71-5.57,4.79-5.57,1.92,0,3.01,1.03,3.01,2.56,0,3.37-4.27,3.63-6.19,3.57.08,1.67.89,3.43,3.05,3.43,1.4,0,2.27-.66,2.64-.95l.62,1.1c-.52.43-1.69,1.13-3.34,1.13-3.22,0-4.58-2.19-4.58-5.26"/> 416 <path class="st1" d="M212.7,9.42c-.43.38-.7.94-.7,1.57,0,.98.6,1.74,1.83,1.74.7,0,1.28-.23,1.64-.57-1.02-.87-1.96-1.79-2.76-2.74M220.7,6.93c.06.49.06.98.06,1.45-.02,1.21-.21,2.23-.7,3.27,1,.79,2.06,1.6,2.55,1.94l-2.02,2.68c-.68-.47-1.68-1.21-2.66-2-.94.81-2.4,1.32-4.17,1.32-3.7,0-5.23-2.25-5.23-4.38s1.13-3.45,2.38-4.32c-.47-.7-.64-1.47-.64-2.21,0-2.21,1.66-3.81,4.47-3.81,2.13,0,3.42.89,4.36,2.25l-2.53,1.77c-.49-.79-1-1.34-1.64-1.34-.81,0-1.15.51-1.15,1.23,0,1.49,2.04,3.27,3.55,4.57.21-.74.23-1.51.19-2.42h3.17Z"/> 417 <path class="st4" d="M7.53,9.03v-.42l11.93,25.47.77,1.61h1.96l1.16-2.48,11.48-24.87v.17c.75-1.56,1.37-2.63,1.83-3.07,1.05-1,1.53-1.12,6.38-1.12,1.42,0,3.22,0,5.51,0V1.58h-13.72l-10.5,23.54L13.67,1.58H0v2.76c1.29,0,4.12.15,4.71.45.59.3,1.06.75,1.41,1.35.28.47.76,1.45,1.41,2.89M30.75,32.93h-.68v2.79h18.58v-2.79h-.78c-1.68,0-2.78-.31-3.31-.92-.53-.61-.79-1.7-.79-3.26V8.55c0-.88.11-1.57.28-2.15-.33,0-.71,0-1.01,0-4.38,0-4.48.09-4.95.55-.23.22-.97,1.26-2.98,6.01v.03s-.03.03-.03.03l-.24.52v15.2c0,1.53-.26,2.61-.77,3.24s-1.62.94-3.31.94M2.8,32.08c-.79.56-1.72.84-2.8.84v2.79h12.29v-2.79c-1.14,0-2.11-.26-2.91-.78-.8-.52-1.31-1.16-1.52-1.9-.22-.75-.33-1.91-.33-3.49v-12.85l-1.34-2.81v-.03s-.02-.03-.02-.03c-1.01-2.27-1.49-3.24-1.74-3.69.05.4.08.83.08,1.32v17.95c0,1.61-.09,2.78-.26,3.51-.18.73-.66,1.38-1.45,1.94"/> 418 <path class="st5" d="M48.65,1.58h-20.82v2.8c2.53,0,4.34.78,4.34,2.34,0,.79-.44,1.81-.96,2.97l-6.88,15.43-7-15.49c-.72-1.58-1.08-2.71-1.08-3.4,0-1.24,1.27-1.86,3.8-1.86V1.58H0v2.8c1.29,0,4.12.15,4.71.45.59.3,1.06.75,1.41,1.35.35.6,1,1.95,1.94,4.07l12.16,25.48h1.96l11.01-23.54c1.58-3.73,2.71-5.98,3.46-6.7,1.05-1,1.53-1.12,6.38-1.12,1.44,0,3.27.01,5.61.01V1.58Z"/> 419 </g> 420</svg> 421 </a> 422 </div> 423 </div> 424 425 426 <div class="absolute inset-y-0 right-0 flex items-center pr-2 md:static md:inset-auto md:ml-6 md:pr-0"> 427 428<div class="ml-3 relative" x-data="{ isOpen: false }"> 429 <div> 430 <a href="/login?returnUrl=%2fsearch"> 431 <button type="button" class="flex hover:text-primary" id="user-menu-button" aria-expanded="false" aria-haspopup="true"> 432 <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user-plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="h-6 w-6"> 433 <path fill="currentColor" d="M624 208h-64v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64h-64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h64v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64h64c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm-400 48c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z" class=""></path> 434 </svg> 435 </button> 436 </a> 437 </div> 438</div> 439 </div> 440 441 <div class="absolute right-0 pr-2 md:static md:inset-auto md:ml-6"> 442 <div class="bg-gray-100 ml-5 md:ml-0 flex mb-2 mt-3"><div class="hidden sm:block text-l font-medium p-4 pr-0 mt-3 text-gray-500 tracking-wide">KRANT ONLINE</div><div class="p-0 md:p-4 pr-2 h-10 md:h-20 overflow-hidden"><a href="/archive"><img alt="Lees de krant online" src="https://pubblestorage.blob.core.windows.net/3e1948ed/pdf/demiddelburgseenveer20251113lr_236bb160.jpg" class="shadow-lg pl-2 md:pl-0 w-16 md:w-4
4420 h-full object-top object-cover fr-fil fr-dib"><p><br></p></a></div></div> 443 </div> 444 </div> 445 </div> 446 447 <div> 448 449 <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8"> 450 <nav class="h-12 space-x-8 hidden md:flex relative items-center border-primary border-t-4"> 451 452 453 454 <a href="/"> 455 <button type="button" 456 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 457 :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 }"> 458 <span>Nieuws</span> 459 </button> 460 </a> 461 <a href="/agenda"> 462 <button type="button" 463 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 464 :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 }"> 465 <span>Agenda</span> 466 </button> 467 </a> 468 <a href="/search"> 469 <button type="button" 470 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 471 :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 }"> 472 <span>Archief</span> 473 </button> 474 </a> 475 <a href="/joboffers"> 476 <button type="button" 477 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 478 :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 }"> 479 <span>Vacatures</span> 480 </button> 481 </a> 482 <a href="/overlijdensberichten"> 483 <button type="button" 484 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 485 :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 }"> 486 <span>Familieberichten</span> 487 </button> 488 </a> 489 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 490 <button type="button" @click="isOpen = !isOpen" 491 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 492 :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 }" 493 aria-expanded="false"> 494 <span>Adverteren</span> 495 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 496 :class="{ 'absolute left-0': open,'': !open }" 497 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 498 <path fill-rule="evenodd" 499 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" 500 clip-rule="evenodd" /> 501 </svg> 502 </button> 503 504 <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" 505 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 506 x-show="isOpen" 507 @click.away="isOpen = false" 508 x-transition:enter="transition ease-out duration-200" 509 x-transition:enter-start="opacity-0 translate-y-1" 510 x-transition:enter-end="opacity-100 translate-y-0" 511 x-transition:leave="transition ease-in duration-150" 512 x-transition:leave-start="opacity-100 translate-y-0" 513 x-transition:leave-end="opacity-0 translate-y-1"> 514 515 <div class="" 516 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 517 <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"> 518 <a href="/adverteren" class="menu-item__sub -m
518-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 519 <p class="text-base font-medium text-gray-900"> 520 Adverteren 521 </p> 522 </a> 523 <a href="/crossmediaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 524 <p class="text-base font-medium text-gray-900"> 525 Crossmediaal adverteren 526 </p> 527 </a> 528 <a href="/digitaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 529 <p class="text-base font-medium text-gray-900"> 530 Digitaal adverteren 531 </p> 532 </a> 533 </div> 534 </div> 535 </div> 536 </div> 537 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 538 <button type="button" @click="isOpen = !isOpen" 539 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 540 :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 }" 541 aria-expanded="false"> 542 <span>Redactie</span> 543 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 544 :class="{ 'absolute left-0': open,'': !open }" 545 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 546 <path fill-rule="evenodd" 547 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" 548 clip-rule="evenodd" /> 549 </svg> 550 </button> 551 552 <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" 553 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 554 x-show="isOpen" 555 @click.away="isOpen = false" 556 x-transition:enter="transition ease-out duration-200" 557 x-transition:enter-start="opacity-0 translate-y-1" 558 x-transition:enter-end="opacity-100 translate-y-0" 559 x-transition:leave="transition ease-in duration-150" 560 x-transition:leave-start="opacity-100 translate-y-0" 561 x-transition:leave-end="opacity-0 translate-y-1"> 562 563 <div class="" 564 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 565 <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"> 566 <a href="/nieuws/insturen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 567 <p class="text-base font-medium text-gray-900"> 568 Aanleveren redactie 569 </p> 570 </a> 571 </div> 572 </div> 573 </div> 574 </div> 575 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 576 <button type="button" @click="isOpen = !isOpen" 577 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 578 :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 }" 579 aria-expanded="false"> 580 <span>Edities</span> 581 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 582 :class="{ 'absolute left-0': open,'': !open }" 583 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 584 <path fill-rule="evenodd" 585 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" 586 clip-rule="evenodd" /> 587 </svg> 588 </button> 589 590 <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" 591 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 592 x-show="isOpen" 593 @click.away="isOpen = false" 594 x-transition:enter="transition ease-out duration-200" 595 x-transition:enter-start="opacity-0 translate-y-1" 596 x-transition:enter-end="opacity-100 translate-y-0" 597 x-transition:leave="transition ease-in duration-150" 598 x-transition:leave-start="opacity-100 translate-y-0" 599 x-transition:leave-end="opacity-0 translate-y-1"> 600 601 <div class="" 602 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 603 <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"> 604 <a href="https://www.borselsebode.nl" target="_blank" class="menu-item__sub -m
604-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 605 <p class="text-base font-medium text-gray-900"> 606 De Borselse Bode 607 </p> 608 </a> 609 <a href="https://www.goesebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 610 <p class="text-base font-medium text-gray-900"> 611 De Goese Bode 612 </p> 613 </a> 614 <a href="https://www.reimerswaalsebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 615 <p class="text-base font-medium text-gray-900"> 616 De Reimerswaalse Bode 617 </p> 618 </a> 619 <a href="https://www.scheldepost.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 620 <p class="text-base font-medium text-gray-900"> 621 De Scheldepost 622 </p> 623 </a> 624 <a href="https://www.vlissingsebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 625 <p class="text-base font-medium text-gray-900"> 626 De Vlissingse Bode 627 </p> 628 </a>
629 <a href="https://www.hetgelekrantje.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 630 <p class="text-base font-medium text-gray-900"> 631 Het Gele Krantje 632 </p> 633 </a> 634 <a href="https://www.zva-online.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 635 <p class="text-base font-medium text-gray-900"> 636 Zeeuws Vlaams Advertentieblad 637 </p> 638 </a> 639 </div> 640 </div> 641 </div> 642 </div> 643 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 644 <button type="button" @click="isOpen = !isOpen" 645 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 646 :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 }" 647 aria-expanded="false"> 648 <span>Contact</span> 649 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 650 :class="{ 'absolute left-0': open,'': !open }" 651 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 652 <path fill-rule="evenodd" 653 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" 654 clip-rule="evenodd" /> 655 </svg> 656 </button> 657 658 <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" 659 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 660 x-show="isOpen" 661 @click.away="isOpen = false" 662 x-transition:enter="transition ease-out duration-200" 663 x-transition:enter-start="opacity-0 translate-y-1" 664 x-transition:enter-end="opacity-100 translate-y-0" 665 x-transition:leave="transition ease-in duration-150" 666 x-transition:leave-start="opacity-100 translate-y-0" 667 x-transition:leave-end="opacity-0 translate-y-1"> 668 669 <div class="" 670 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 671 <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"> 672 <a href="/colofon" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 673 <p class="text-base font-medium text-gray-900"> 674 Colofon 675 </p> 676 </a> 677 <a href="/richtlijnen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 678 <p class="text-base font-medium text-gray-900"> 679 Richtlijnen 680 </p> 681 </a> 682 </div> 683 </div> 684 </div> 685 </div> 686 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 687 <button type="button" @click="isOpen = !isOpen" 688 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 689 :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 }" 690 aria-expanded="false">
691 <span>Bezorging</span> 692 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 693 :class="{ 'absolute left-0': open,'': !open }" 694 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 695 <path fill-rule="evenodd" 696 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" 697 clip-rule="evenodd" /> 698 </svg> 699 </button> 700 701 <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" 702 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 703 x-show="isOpen" 704 @click.away="isOpen = false" 705 x-transition:enter="transition ease-out duration-200" 706 x-transition:enter-start="opacity-0 translate-y-1" 707 x-transition:enter-end="opacity-100 translate-y-0" 708 x-transition:leave="transition ease-in duration-150" 709 x-transition:leave-start="opacity-100 translate-y-0" 710 x-transition:leave-end="opacity-0 translate-y-1"> 711 712 <div class="" 713 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 714 <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"> 715 <a href="/bezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 716 <p class="text-base font-medium text-gray-900"> 717 Bezorger worden? 718 </p> 719 </a> 720 <a href="/bezorgklacht" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 721 <p class="text-base font-medium text-gray-900"> 722 Bezorgklacht 723 </p> 724 </a> 725 <a href="/afhaalpunten" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 726 <p class="text-base font-medium text-gray-900"> 727 Afhaalpunten 728 </p> 729 </a> 730 </div> 731 </div> 732 </div> 733 </div> 734 735 736 <div class="flex-grow"></div> 737 738 739 <div x-data="{ searchOpen: false }" class=""> 740 <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class=" flex items-center focus:outline-none focus:border-transparent"> 741 <svg x-cloak class="search-icon h-5 w-5 text-xl ml-4 text-gray-500" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" c role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 742 <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> 743 </svg> 744 <svg x-show="searchOpen" aria-hidden="true" focusable="false" data-prefix="far" data-icon="times-circle" class="search-icon h-5 w-5 text-xl ml-4 text-gray-500 svg-inline--fa fa-times-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 745 <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
74562.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> 746 </svg> 747 </button> 748 749 <div x-cloak x-show="searchOpen" class="mt-2 py-5 w-full border border-grey-dark md:w-full right-0 absolute z-10 bg-gray-50 md:rounded"> 750 <span class="text-3xl block lg:text-2xl pl-5 font-medium text-black-600 leading-normal">Zoeken</span> 751 <div class="px-4"> 752 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 753 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 754 value="" 755 placeholder="Vul je zoekwoord in.." 756 aria-label="Zoeken"> 757 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 758 <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> 759 </button> 760 </form> 761 </div> 762 </div> 763 </div> 764 </nav> 765 </div> 766 </div> 767 768 769 <div class="md:hidden"> 770 <div x-show="open" 771 x-transition:enter="transition-opacity ease-linear duration-300" 772 x-transition:enter-start="opacity-0" 773 x-transition:enter-end="opacity-100" 774 x-transition:leave="transition-opacity ease-linear duration-300" 775 x-transition:leave-start="opacity-100" 776 x-transition:leave-end="opacity-0" 777 class="fixed inset-0 bg-gray-600 bg-opacity-75"> 778 </div> 779 <nav class="h-12 space-x-8 hidden md:flex relative items-center border-primary border-t-4" 780 :class="{ 'fixed inset-0 flex z-50': open, 'hidden relative items-center h-12 space-x-8': !open }"> 781 782 <div x-show="open" 783 x-transition:enter="transition ease-in-out duration-300 transform" 784 x-transition:enter-start="-translate-x-full" 785 x-transition:enter-end="translate-x-0" 786 x-transition:leave="transition ease-in-out duration-300 transform" 787 x-transition:leave-start="translate-x-0" 788 x-transition:leave-end="-translate-x-full" 789 class="relative flex-1 flex flex-col max-w-xs w-full pb-4 overflow-auto bg-white " @click.away="open = false"> 790 791 <div class="py-5 w-full border border-grey-dark z-10 bg-gray-50"> 792 <div class="px-4"> 793 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 794 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 795 value="" 796 placeholder="Vul je zoekwoord in.." 797 aria-label="Zoeken"> 798 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 799 <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> 800 </button> 801 </form> 802 </div> 803 </div> 804 805 <div class="pl-7 py-2 border border-grey-dark"> 806 807<div class="ml-3 relative" x-data="{ isOpen: false }"> 808 <div> 809 <a href="/login?returnUrl=%2fsearch"> 810 <button type="button" class="flex hover:text-primary" id="user-menu-button" aria-expanded="false" aria-haspopup="true"> 811 <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user-plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="h-6 w-6">
812 <path fill="currentColor" d="M624 208h-64v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64h-64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h64v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64h64c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm-400 48c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z" class=""></path> 813 </svg> 814 </button> 815 </a> 816 </div> 817</div> 818 </div> 819 820 821 822 <a href="/"> 823 <button type="button" 824 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 825 :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 }"> 826 <span>Nieuws</span> 827 </button> 828 </a> 829 <a href="/agenda"> 830 <button type="button" 831 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 832 :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 }"> 833 <span>Agenda</span> 834 </button> 835 </a> 836 <a href="/search"> 837 <button type="button" 838 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 839 :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 }"> 840 <span>Archief</span> 841 </button> 842 </a> 843 <a href="/joboffers"> 844 <button type="button" 845 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 846 :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 }"> 847 <span>Vacatures</span> 848 </button> 849 </a> 850 <a href="/overlijdensberichten"> 851 <button type="button" 852 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 853 :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 }"> 854 <span>Familieberichten</span> 855 </button> 856 </a> 857 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 858 <button type="button" @click="isOpen = !isOpen" 859 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 860 :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 }" 861 aria-expanded="false"> 862 <span>Adverteren</span> 863 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 864 :class="{ 'absolute left-0': open,'': !open }" 865 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 866 <path fill-rule="evenodd" 867 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" 868 clip-rule="evenodd" /> 869 </svg> 870 </button> 871 872 <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" 873 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 874 x-show="isOpen" 875 @click.away="isOpen = false" 876 x-transition:enter="transition ease-out duration-200" 877 x-transition:enter-start="opacity-0 translate-y-1" 878 x-transition:enter-end="opacity-100 translate-y-0" 879 x-transition:leave="transition ease-in duration-150" 880 x-transition:leave-start="opacity-100 translate-y-0" 881 x-transition:leave-end="opacity-0 translate-y-1"> 882 883 <div class="" 884 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 885 <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"> 886 <a href="/adverteren" class="menu-item__sub -m
886-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 887 <p class="text-base font-medium text-gray-900"> 888 Adverteren 889 </p> 890 </a> 891 <a href="/crossmediaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 892 <p class="text-base font-medium text-gray-900"> 893 Crossmediaal adverteren 894 </p> 895 </a> 896 <a href="/digitaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 897 <p class="text-base font-medium text-gray-900"> 898 Digitaal adverteren 899 </p> 900 </a> 901 </div> 902 </div> 903 </div> 904 </div> 905 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 906 <button type="button" @click="isOpen = !isOpen" 907 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 908 :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 }" 909 aria-expanded="false"> 910 <span>Redactie</span> 911 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 912 :class="{ 'absolute left-0': open,'': !open }" 913 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 914 <path fill-rule="evenodd" 915 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" 916 clip-rule="evenodd" /> 917 </svg> 918 </button> 919 920 <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" 921 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 922 x-show="isOpen" 923 @click.away="isOpen = false" 924 x-transition:enter="transition ease-out duration-200" 925 x-transition:enter-start="opacity-0 translate-y-1" 926 x-transition:enter-end="opacity-100 translate-y-0" 927 x-transition:leave="transition ease-in duration-150" 928 x-transition:leave-start="opacity-100 translate-y-0" 929 x-transition:leave-end="opacity-0 translate-y-1"> 930 931 <div class="" 932 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 933 <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"> 934 <a href="/nieuws/insturen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 935 <p class="text-base font-medium text-gray-900"> 936 Aanleveren redactie 937 </p> 938 </a> 939 </div> 940 </div> 941 </div> 942 </div> 943 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 944 <button type="button" @click="isOpen = !isOpen" 945 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 946 :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 }" 947 aria-expanded="false"> 948 <span>Edities</span> 949 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 950 :class="{ 'absolute left-0': open,'': !open }" 951 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 952 <path fill-rule="evenodd" 953 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" 954 clip-rule="evenodd" /> 955 </svg> 956 </button> 957 958 <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" 959 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 960 x-show="isOpen" 961 @click.away="isOpen = false" 962 x-transition:enter="transition ease-out duration-200" 963 x-transition:enter-start="opacity-0 translate-y-1" 964 x-transition:enter-end="opacity-100 translate-y-0" 965 x-transition:leave="transition ease-in duration-150" 966 x-transition:leave-start="opacity-100 translate-y-0" 967 x-transition:leave-end="opacity-0 translate-y-1"> 968 969 <div class="" 970 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 971 <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"> 972 <a href="https://www.borselsebode.nl" target="_blank" class="menu-item__sub -m
972-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 973 <p class="text-base font-medium text-gray-900"> 974 De Borselse Bode 975 </p> 976 </a> 977 <a href="https://www.goesebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 978 <p class="text-base font-medium text-gray-900"> 979 De Goese Bode 980 </p> 981 </a> 982 <a href="https://www.reimerswaalsebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 983 <p class="text-base font-medium text-gray-900"> 984 De Reimerswaalse Bode 985 </p> 986 </a> 987 <a href="https://www.scheldepost.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 988 <p class="text-base font-medium text-gray-900"> 989 De Scheldepost 990 </p> 991 </a> 992 <a href="https://www.vlissingsebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 993 <p class="text-base font-medium text-gray-900"> 994 De Vlissingse Bode 995 </p> 996 </a>
997 <a href="https://www.hetgelekrantje.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 998 <p class="text-base font-medium text-gray-900"> 999 Het Gele Krantje 1000 </p> 1001 </a> 1002 <a href="https://www.zva-online.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1003 <p class="text-base font-medium text-gray-900"> 1004 Zeeuws Vlaams Advertentieblad 1005 </p> 1006 </a> 1007 </div> 1008 </div> 1009 </div> 1010 </div> 1011 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 1012 <button type="button" @click="isOpen = !isOpen" 1013 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 1014 :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 }" 1015 aria-expanded="false"> 1016 <span>Contact</span> 1017 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 1018 :class="{ 'absolute left-0': open,'': !open }" 1019 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1020 <path fill-rule="evenodd" 1021 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" 1022 clip-rule="evenodd" /> 1023 </svg> 1024 </button> 1025 1026 <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" 1027 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1028 x-show="isOpen" 1029 @click.away="isOpen = false" 1030 x-transition:enter="transition ease-out duration-200" 1031 x-transition:enter-start="opacity-0 translate-y-1" 1032 x-transition:enter-end="opacity-100 translate-y-0" 1033 x-transition:leave="transition ease-in duration-150" 1034 x-transition:leave-start="opacity-100 translate-y-0" 1035 x-transition:leave-end="opacity-0 translate-y-1"> 1036 1037 <div class="" 1038 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1039 <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"> 1040 <a href="/colofon" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1041 <p class="text-base font-medium text-gray-900"> 1042 Colofon 1043 </p> 1044 </a> 1045 <a href="/richtlijnen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1046 <p class="text-base font-medium text-gray-900"> 1047 Richtlijnen 1048 </p> 1049 </a> 1050 </div> 1051 </div> 1052 </div> 1053 </div> 1054 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 1055 <button type="button" @click="isOpen = !isOpen" 1056 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 1057 :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 }" 1058 aria-expanded="false">
1059 <span>Bezorging</span> 1060 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 1061 :class="{ 'absolute left-0': open,'': !open }" 1062 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1063 <path fill-rule="evenodd" 1064 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" 1065 clip-rule="evenodd" /> 1066 </svg> 1067 </button> 1068 1069 <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" 1070 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1071 x-show="isOpen" 1072 @click.away="isOpen = false" 1073 x-transition:enter="transition ease-out duration-200" 1074 x-transition:enter-start="opacity-0 translate-y-1" 1075 x-transition:enter-end="opacity-100 translate-y-0" 1076 x-transition:leave="transition ease-in duration-150" 1077 x-transition:leave-start="opacity-100 translate-y-0" 1078 x-transition:leave-end="opacity-0 translate-y-1"> 1079 1080 <div class="" 1081 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1082 <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"> 1083 <a href="/bezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1084 <p class="text-base font-medium text-gray-900"> 1085 Bezorger worden? 1086 </p> 1087 </a> 1088 <a href="/bezorgklacht" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1089 <p class="text-base font-medium text-gray-900"> 1090 Bezorgklacht 1091 </p> 1092 </a> 1093 <a href="/afhaalpunten" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1094 <p class="text-base font-medium text-gray-900"> 1095 Afhaalpunten 1096 </p> 1097 </a> 1098 </div> 1099 </div> 1100 </div> 1101 </div> 1102 1103 1104 1105 1106 </div> 1107 <div x-show="open" 1108 x-transition:enter="ease-in-out duration-300" 1109 x-transition:enter-start="opacity-0" 1110 x-transition:enter-end="opacity-100" 1111 x-transition:leave="ease-in-out duration-300" 1112 x-transition:leave-start="opacity-100" 1113 x-transition:leave-end="opacity-0" 1114 class="absolute top-0 right-0 -mr-12 pt-2"> 1115 <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"> 1116 <span class="sr-only">Sluit zijkant</span> 1117 <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"> 1118 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> 1119 </svg> 1120 </button> 1121 </div> 1122 </nav> 1123 </div> 1124 </div> 1125 </nav> 1126</header> 1127 1128<main role="main" class="pb-3 mt-0 pt-1 md:pt-0 md:mt-4"> 1129 1130 1131<div class="search__container"> 1132 <div > 1133 <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 grid grid-cols-12 gap-6 builder__row builder__row--m-flex"> 1134 <div class="col-span-12 builder__column "> 1135 <div class="mb-2 component__search-bar" > 1136 <form action="" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 1137 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 1138 value="" 1139 placeholder="Vul je zoekwoord in.." 1140 aria-label="Zoeken"> 1141 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 1142 <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">
1142<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> 1143 </button> 1144 </form> 1145 1146 </div> 1147 </div> 1148 <div class="col-span-12 md:col-span-3 builder__column builder__column--order-10"> 1149 <div class=" component__category-row" > 1150 1151 1152<div> 1153 1154 1155<div class="mb-6" x-data="{ open: false }" @click.outside="open = false"> 1156 <h4 class="font-bold text-lg text-primary mb-3">Zoekmodus</h4> 1157 <div class="relative"> 1158 <button type="button" 1159 class="w-full flex items-center justify-between px-4 py-3 bg-white border border-gray-300 rounded-lg text-sm text-left hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary transition-colors" 1160 @click="open = !open"> 1161 <span class="font-semibold text-gray-900"> 1162 Op datum 1163 </span> 1164 <svg class="h-4 w-4 text-gray-400 transition-transform duration-200" 1165 :class="{ 'rotate-180': open }" 1166 fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1167 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 1168 </svg> 1169 </button> 1170 1171 <div x-show="open" 1172 x-cloak 1173 x-transition:enter="transition ease-out duration-100" 1174 x-transition:enter-start="opacity-0 -translate-y-1" 1175 x-transition:enter-end="opacity-100 translate-y-0" 1176 x-transition:leave="transition ease-in duration-75" 1177 x-transition:leave-start="opacity-100 translate-y-0" 1178 x-transition:leave-end="opacity-0 -translate-y-1" 1179 class="absolute z-10 mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg overflow-hidden"> 1180 <a href="?preset=NewestFirst" 1181 rel="nofollow" 1182 @click="open = false" 1183 class="block px-4 py-3 text-sm hover:bg-gray-50 transition-colors bg-gray-100 border-l-2 border-primary"> 1184 <div class="font-semibold text-gray-900"> 1185 Op datum 1186 </div> 1187 </a>
1188 <a href="?preset=Balanced" 1189 rel="nofollow" 1190 @click="open = false" 1191 class="block px-4 py-3 text-sm hover:bg-gray-50 transition-colors "> 1192 <div class="font-medium text-gray-900"> 1193 Op datum & relevantie 1194 </div> 1195 </a> 1196 <a href="?preset=BestMatch" 1197 rel="nofollow" 1198 @click="open = false" 1199 class="block px-4 py-3 text-sm hover:bg-gray-50 transition-colors "> 1200 <div class="font-medium text-gray-900"> 1201 Op relevantie 1202 </div> 1203 </a> 1204 <a href="?preset=ExactKeywordsOnly" 1205 rel="nofollow" 1206 @click="open = false" 1207 class="block px-4 py-3 text-sm hover:bg-gray-50 transition-colors "> 1208 <div class="font-medium text-gray-900"> 1209 Op exacte woorden 1210 </div> 1211 </a> 1212 </div> 1213 </div> 1214</div> 1215 1216 1217 1218 1219 1220 1221</div> 1222 </div> 1223 </div> 1224 <div class="col-span-12 md:col-span-9 builder__column "> 1225 <div class="mb-10 p-4 pt-0 component__article-row" > 1226 1227 <h4 class="font-bold text-lg with-stripe">Zoekresultaten voor: </h4> 1228 1229<div class="grid gap-3 grid-cols-1 md:grid-cols-3 " data-nosnippet> 1230</div> 1231 1232 1233<nav class="pagination border-t border-gray-200 px-4 flex items-center justify-between sm:px-0 mt-20"> 1234 1235 1236 1237 <div class="hidden md:-mt-px md:flex"> 1238 1239 1240 1241 1242 <a href="?page=1" 1243 class="pagination__page pagination__page--active border-indigo-500 text-indigo-600 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium" 1244 aria-current="page"> 1245 1 1246 </a> 1247 </div> 1248 1249 1250 1251</nav> 1252 1253 </div> 1254 </div> 1255 </div> 1256 </div> 1257 1258</div> 1259 1260 1261 1262 1263</main> 1264 1265 1266<footer class="css-bg-footer bg-gray-800 pt-0 sm:mt-10"> 1267 1268 <div class="max-w-7xl px-2 pt-5 m-auto text-gray-800 flex flex-wrap justify-left"> 1269 <div class="p-5 w-full md:flex sm:w-4/12 md:w-10/12 "> 1270 1271 <div class="pt-5 md:p-0 w-full md:w-12/12 text-gray-300"> 1272 <div class="grid grid-cols-12 gap-4"><div class="md:col-span-4 col-span-12 w-full -"><p><strong>Contact:</strong></p><p class="text-gray-400 text-sm font-medium">Keizerstraat 3a</p><p class="text-gray-400 text-sm font-medium">4461 AN Goes</p></div><div class="md:col-span-4 col-span-12 w-full "><p><strong>Advertenties:</strong></p><p class="block text-gray-400 hover:text-gray-100 text-sm font-medium duration-700"><a href="mailto:[email protected]">[email protected]</a></p></div><div class="md:col-span-4 col-span-12 w-full"><p><strong>Redactie:</strong></p><p class="block text-gray-400 hover:text-gray-100 text-sm font-medium duration-700"><a href="mailto:[email protected]">[email protected]</a></p></div></div><div><p class="text-gray-400 text-sm font-medium"><br></p><p class="text-gray-400 text-sm" style="font-size: 0.9em;">Hier vindt u ons <a href="/privacy" rel="noopener noreferrer" target="_blank"><span class="text-gray-200">privacybeleid</span></a>.</p></div> 1273 </div> 1274 </div> 1275 1276 </div> 1277 1278 1279 <div class="max-w-7xl px-2 m-auto w-full"> 1280 1281 <ul role="list" class="flex items-center space-x-1 mt-4 mb-2 justify-end"> 1282 1283 1284 <li> 1285 <div class="mx-2 bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 1286 <a href="//facebook.com/MiddelburgseVeerseBode" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="facebook"> 1287 <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">
1288 <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> 1289 </svg> 1290 </a> 1291 </div> 1292 </li> 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 <li> 1304 <div class="mx-2 bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 1305 <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"> 1306 <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"> 1307 <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.573 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> 1308 </svg> 1309 </a> 1310 </div> 1311 </li> 1312 1313 </ul> 1314 </div> 1315 1316 <div class="pt-2"> 1317 <div class="flex pb-5 px-3 m-auto pt-5 1318 border-t border-gray-500 text-gray-400 text-sm 1319 flex-col md:flex-row max-w-7xl px-2"> 1320 <div class="mt-2"> 1321 1322 Gemaakt met 1323 <a style="font-weight: bold;" href="https://www.pubble.nl/" target="_blank" rel="noopener"> 1324 <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=""> 1325 </a> 1326 </div> 1327 </div> 1328 </div> 1329</footer> 1330 1331 <div id="subscribe_container" style="position: fixed; top: 0px; width: 100%; z-index: 999999991; display: none; "> 1332 <div class="subscribe_widget" style="background-color: rgb(255, 255, 255); padding: 25px; margin: 5px auto; border-radius: 5px; max-width: 550px; pointer-events: auto; box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.07), 0px 15px 35px 1px rgba(56, 58, 103, 0.1), 0px 5px 15px 0px rgba(62, 71, 92, 0.07); "> 1333 <div> 1334 <p class="text-black font-semibold">Direct een melding bij belangrijk nieuws?</p><p class="text-black mb-2">Druk dan op onderstaande knop om gratis push notificaties in te schakelen.</p> 1335 </div> 1336 <div style="clear:both;"> 1337 <div onclick="pushNotification.reqPermission();pushNotification.closeSubscribe();" 1338 class="py-4 text-center bg-primary text-white cursor-pointer rounded font-bold mt-4 mb-2 w-full"> 1339 Ja houd mij op de hoogte! 1340 </div> 1341 <a href="#" onclick="pushNotification.closeSubscribe();"> 1342 Nee, bedankt 1343 </a> 1344 </div> 1345 </div> 1346 </div> 1347 1348 1349 1350 1351 1352 1353
1353<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble.script.min.js?version=260925-2"></script>
1353 1354
1354<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/pubble.PubbleContent.js?v=260902-1"></script>
vendor: 1 bytes, line 1354
1354
1355<script type="text/javascript" src="/lure/js/pubble/lures.js?version=260925-2"></script>
vendor: 1 bytes, line 1355
1355
1356<script src="/components/js/pubble.stats.min.js?app_name=web&version=260925-2" async></script>
1356 1357
1357<script defer src="/components/rum/pubble-rum.js?v=260925-2"></script>
1357 1358 1359 1360 1361 1362
1362<script type="text/javascript"></script>
1362 1363 1364<!-- web-earth--scale-20261009-050223-e1d6-64487d98b8-44thv --> 1365</body> 1366</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.