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>Archief</title> 7 8 9
10<script type="text/javascript" src="https://mmcdn.nl/tags/telstar/brielsnieuwsland.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', 'brielsnieuwsland.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: 0, 99, 175; 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" 42 content="De inwoners van Brielle en omgeving bereiken? Plaats een advertentie in Briels Nieuwsland: de best gelezen krant van de regio. Ook mega online bereik!"/> 43 44 <link rel="icon" type="image/png" 45 href="https://storage.pubble.nl/assets/favicons/www/brielsnieuwsland/favicon-48x48.png?v=PZKu" 46 sizes="48x48"/> 47 <link rel="icon" type="image/svg+xml" 48 href="https://storage.pubble.nl/assets/favicons/www/brielsnieuwsland/favicon.svg?v=PZKu"/> 49 <link rel="shortcut icon" 50 href="https://storage.pubble.nl/assets/favicons/www/brielsnieuwsland/favicon.ico?v=PZKu"/> 51 <link rel="apple-touch-icon" sizes="180x180" 52 href="https://storage.pubble.nl/assets/favicons/www/brielsnieuwsland/apple-touch-icon.png?v=PZKu"/> 53 <link rel="shortcut icon" 54 href="https://storage.pubble.nl/assets/favicons/www/brielsnieuwsland/favicon.ico?v=PZKu"> 55 <meta name="apple-mobile-web-app-capable" content="yes"> 56 57 <meta name="smartbanner:title" 58 content="Briels Nieuwsland"> 59 <meta name="smartbanner:author" 60 content="Groot Hellevoet Mediacentrum"> 61 <meta name="smartbanner:price" content="DOWNLOAD"> 62 <meta name="smartbanner:price-suffix-apple" content=" - In de App Store"> 63 <meta name="smartbanner:price-suffix-google" content=" - In Google Play"> 64 <meta name="smartbanner:icon-apple" content="https://storage.pubble.nl/assets/favicons/pinch/brielsnieuwsland/apple-touch-icon.png?v=z2ug"> 65 <meta name="smartbanner:icon-google" 66 content="https://storage.pubble.nl/assets/favicons/pinch/brielsnieuwsland/apple-touch-icon.png?v=z2ug"> 67 <meta name="smartbanner:button" content="Bekijk"> 68 <meta name="smartbanner:button-url-apple" 69 content="https://apps.apple.com/nl/app/briels-nieuwsland/id6503954445"> 70 <meta name="smartbanner:button-url-google" 71 content="https://play.google.com/store/apps/details?id=nl.pubble.brielsnieuwsland"> 72 <meta name="smartbanner:enabled-platforms" content="ios,android"> 73 <meta name="smartbanner:close-label" content="Sluiten"> 74 <link href="https://storage.pubble.nl/assets/web/app/smartbanner.min.css?v=2023" type="text/css" 75 rel="stylesheet"/> 76
76<script type="text/javascript" src="https://storage.pubble.nl/assets/web/app/smartbanner.min.js?v=2023" async="async"></script>
76 77 78 <link rel="dcterms.rights" href="https://www.brielsnieuwsland.nl/privacy" /> 79 80 <meta name="twitter:site" content="bnieuwsland" /> 81 82 <meta property="og:site_name" content="Brielsnieuwsland.nl" /> 83 84 <meta property="og:locale" content="nl_NL" /> 85
86<script type="application/ld+json"> 87 { 88 "@context": "https://schema.org", 89 "@type": "WebSite", 90 "name": "Brielsnieuwsland.nl", 91 "url": "https://brielsnieuwsland.nl/", 92 "potentialAction": { 93 "@type": "SearchAction", 94 "target": { 95 "@type": "EntryPoint", 96 "urlTemplate": "https://brielsnieuwsland.nl/search?q={search_term_string}" 97 }, 98 "queryInput": "required name=search_term_string" 99 } 100} 101</script>
101 102 103 104
105<script type="text/javascript"> 106 var exports = {}; 107 var pubbleEnv = { 108 pubbleContentApiKey: 'AfJwOTXT5xxDDYpSbUQLTrj5I2PWoF5Zt9Io/bEBIaw=', 109 pubbleContentApiHash: 'aGVsbGV2b2V0ZGF0YXwyNHxicmllbHNuaWV1d3NsYW5kLm5s', 110 domain: 'brielsnieuwsland.nl', 111 siteHosts: [], 112 language: 'nl', 113 commonDomain: '', 114 userId: typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : null, 115 subscriptions: null, 116 pushEnabled: true, 117 regionPages: false, 118 regionPagesAutoRedirect: false, 119 isAuthenticated: false, 120 hasPrivileges: false, 121 region: '', 122 }; 123 var lureArticle = { 124 articleAccessLevel: 'null', 125 userAccessLevel: 'Visitor', 126 articlesLeft: -1, 127 articleId: null, 128 hasAccess: false, 129 giftToken: '', 130 articleHeadline: '', 131 articleType: 'null', 132 authorIds: [], 133 articleContentType: 'null', 134 articleIsLiveBlog: false, 135 articleCategory: '', 136 articleSubcategory: '', 137 articleStatus: 'inactive', 138 articleSource: '', 139 articleAuthors: '', 140 articleDate: '' 141 } 142 143 var pubbleStatsContext = null; 144 145 window.dataLayer = window.dataLayer || []; 146 147 window.dataLayer.push({ 148 'articleId': null, 149 'userId': typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : 'n.a.', 150 'pageType': 'home', 151 'region': '' 152 }); 153</script>
153 154 155 156 <link rel="dns-prefetch" href="//storage.pubble.cloud"> 157 <link rel="dns-prefetch" href="//storage.pubble.nl"> 158 159 <link rel="stylesheet" href="//storage.pubble.cloud/assets/static/css/tailwind.styles.min.css?v=260923-1"/> 160
160<script>window.PubbleAssets = { base: '//storage.pubble.cloud/assets/static', v: '260925-2' };</script>
160 161 162
162<script defer src="https://storage.pubble.nl/assets/web/alpine-intersect-3-10-5.cdn.min.js"></script>
162 163 <style>[x-cloak] { 164 display: none !important; 165 } 166 </style> 167<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 67 bytes, lines 167-168
167 168<script async="" src="https://www.googletagmanager.com/gtag/js?id=
168G-1P9WXL89ND
vendor: 12 bytes, line 168
168"></script>
169<script> 170
vendor: 134 bytes, lines 170-174
170window.dataLayer = window.dataLayer || []; 171 function gtag(){dataLayer.push(arguments);} 172 gtag('js', new Date()); 173 174 gtag('config', '
174G-1P9WXL89ND
vendor: 4 bytes, line 174
174');
175</script>
175<style type="text/css"> 176 177.leaderboarddiv { 178 background: #ffffff! important; 179} 180 181img { 182 user-drag: none; 183 user-select: none; 184 -moz-user-select: none; 185 -webkit-user-drag: none; 186 -webkit-user-select: none; 187 -ms-user-select: none; 188} 189 190</style>
190<script async="" src="https://boot.pbstck.com/v1/tag/355a6eaf-3564-4234-96ae-0306a4b6b4bb"></script>
190</head> 191<body class=""> 192 193 194 195 196 197 198 199 200 201 202 <div id="pageTopLeaderboard"></div> 203 204 205 206<header class="sticky md:relative top-0 w-full z-20 bg-white-500 transition-all pt-0"> 207 208 <nav x-data="{ open: false }" class="bg-white shadow md:shadow-none md:bg-none"> 209 <div> 210 <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8"> 211 <div class="relative flex justify-between min-h-16"> 212 <div class="absolute px-2 inset-y-0 left-0 flex items-center md:hidden"> 213 <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()"> 214 <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"> 215 <path stroke-linecap="round" class="css-hamburgermenu-p" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 216 </svg> 217 <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"> 218 <path stroke-linecap="round" class="css-hamburgermenu-p" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 219 </svg> 220 </button> 221 </div> 222 <div class="flex-1 flex items-center justify-center md:items-stretch md:justify-start"> 223 <div class="flex-shrink-0 h-16 md:h-auto flex items-center"> 224 <a href="/" class="w-48 md:w-full"> 225 <?xml version="1.0" encoding="utf-8"?> 226<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 227<svg class="w-full max-h-full mt-3 mb-2" version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="416px" height="60px" 228 viewBox="0 0 416 60" style="enable-background:new 0 0 416 60;" xml:space="preserve"> 229<style type="text/css"> 230 .st0{fill:#0064B0;} 231</style> 232<g id="Klaar"> 233 <g id="briels_nieuwsland"> 234 <g> 235 <g> 236 <g> 237 <g> 238 <path d="M11.9,49.2H1.5V15.8h10.4c7.3,0,10.7,2.1,10.7,8.6c0,5.9-2.9,6.8-5.6,7.5c3,0.2,6.6,1.6,6.6,7.9 239 C23.5,47,20,49.2,11.9,49.2z M11.6,21.6h-1v7.7h0.6c1.7,0,2.6-0.6,2.6-4.2C13.8,22.4,13.3,21.6,11.6,21.6z M11,35.1h-0.3v8.2 240 h0.7c1.8,0,3.2-0.6,3.2-3.8C14.5,35.6,13.3,35.1,11,35.1z"/> 241 <path d="M38.5,31c-1.1,0-2.1,0.3-3,0.9v17.3h-9.1V23.9h7.2l1.3,2.4c0.6-1.8,2.2-2.9,4.1-2.9c2.1,0,2.8,0.5,2.8,0.5v7.6 242 C40.7,31.2,39.6,31,38.5,31z"/> 243 <path d="M43.7,49.2V23.9h9.1v25.3H43.7z M48.3,20.8c-2.5,0-4.5-2-4.5-4.5c0,0,0,0,0,0c0-2.5,2-4.5,4.4-4.5s4.5,2,4.5,4.4 244 c0,0,0,0.1,0,0.1C52.8,18.7,50.8,20.8,48.3,20.8C48.3,20.8,48.3,20.8,48.3,20.8z"/> 245 <path d="M65,39.6c0,2.7,1.3,3.2,3.6,3.2c2.5-0.1,5-0.5,7.4-1v6.6c-2.4,0.8-4.9,1.2-7.4,1.3c-5.7,0-12.6-0.9-12.6-13 246 c0-10.7,5.4-13.2,11.2-13.2c5.9,0,10.1,3,10.1,13.1v3H65z M67.1,28.8c-2.3,0-2.1,2.8-2.2,5.8h3.8 247 C68.8,31.7,68.9,28.8,67.1,28.8z"/> 248 <path d="M80.1,49.2V14.8h9.1v34.4H80.1z"/> 249 <path d="M99.7,49.7c-2.5,0-4.9-0.4-7.3-1.2V42c0,0,4.3,1.1,5.7,1.1c1.4,0,2.4-0.2,2.4-1.4c0-1.1-0.9-1.5-2.2-2.1L97.3,39 250 c-2.2-1-5.2-2.7-5.2-7.4c0-6.8,5.3-8.3,9.7-8.3c2.3,0,4.6,0.4,6.7,1.2V31c-1.8-0.6-3.8-0.9-5.7-1c-1.1,0-1.9,0.3-1.9,1.2 251 c0,1.1,1.1,1.5,2.2,2.1l1,0.4c2.2,1,5.4,2.6,5.4,7.4C109.5,48.7,103.8,49.7,99.7,49.7z"/> 252 <path class="st0" d="M140.2,49.2l-3-6.8c-1.5-3.5-4.1-10.8-4.1-10.8S134,38,134,42.1v7.1h-8.7V15.8h8l2.7,6.3 253 c1.4,3.3,3.7,10,3.7,10c-0.4-3.3-0.6-6.6-0.7-9.9v-6.4h8.7v33.5H140.2z"/> 254 <path class="st0" d="M151.5,49.2V23.9h9.1v25.3H151.5z M156,20.8c-2.5,0-4.5-2-4.5-4.5c0,0,0,0,0,0c0-2.5,2-4.5,4.4-4.5 255 c2.5,0,4.5,2,4.5,4.4c0,0,0,0.1,0,0.1C160.6,18.7,158.6,20.8,156,20.8C156.1,20.8,156.1,20.8,156,20.8z"/> 256 <path class="st0" d="M172.7,39.6c0,2.7,1.3,3.2,3.6,3.2c2.5-0.1,5-0.5,7.4-1v6.6c-2.4,0.8-4.9,1.2-7.4,1.3 257 c-5.7,0-12.6-0.9-12.6-13c0-10.7,5.4-13.2,11.2-13.2c5.9,0,10.1,3,10.1,13.1v3H172.7z M174.9,28.8c-2.3,0-2.1,2.8-2.2,5.8h3.8 258 C176.6,31.7,176.7,28.8,174.9,28.8z"/> 259 <path class="st0" d="M201.6,49.2l-1.2-1.7c-1.5,1.5-3.5,2.3-5.5,2.2c-3.5,0-7.2-1.2-7.2-8.4V23.9h9.1v16 260 c0,1.6,0.4,2.2,1.3,2.2c0.7-0.1,1.4-0.3,2.1-0.7V23.9h9.1v25.3H201.6z"/> 261 <path class="st0" d="M244.4,49.2h-11.5L231.2,39c-0.6-3.7-1.5-10.5-1.5-10.5s-0.9,6.6-1.5,10.5l-1.8,10.3H215l-4.4-25.3h9 262 l0.7,11.4c0.2,3.1,0.6,9.3,0.6,9.3s0.8-6.3,1.3-9.3l2-11.4h10.9l2,11.4c0.5,2.9,1.3,9.3,1.3,9.3s0.4-6.7,0.6-9.3l0.8-11.4h8.9 263 L244.4,49.2z"/> 264 <path class="st0" d="M257.2,49.7c-2.5,0-4.9-0.4-7.3-1.2V42c0,0,4.3,1.1,5.7,1.1c1.4,0,2.4-0.2,2.4-1.4c0-1.1-0.9-1.5-2.2-2.1 265 l-1.1-0.5c-2.2-1-5.2-2.7-5.2-7.4c0-6.8,5.3-8.3,9.7-8.3c2.3,0,4.6,0.4,6.7,1.2V31c-1.8-0.6-3.8-0.9-5.7-1 266 c-1.1,0-1.9,0.3-1.9,1.2c0,1.1,1.1,1.5,2.2,2.1l1,0.4c2.2,1,5.4,2.6,5.4,7.4C266.9,48.7,261.2,49.7,257.2,49.7z"/> 267 <path class="st0" d="M269.8,49.2V14.8h9.1v34.4H269.8z"/> 268 <path class="st0" d="M294.8,49.2l-1.4-1.8c-1.1,1.5-2.9,2.3-4.8,2.2c-2.6,0-7.1-0.7-7.1-8.2c0-8.1,6.5-8.8,10-8.8h1.7v-1 269 c0-1.1-0.5-1.6-2.2-1.6c-2.5,0-6.9,1.2-6.9,1.2v-6.5c3-1,6.2-1.5,9.3-1.5c5.2,0,8.8,1.5,8.8,7.7v18.1H294.8z M293.2,37l-0.8,0 270 c-1.7,0.1-2.2,0.9-2.2,3.9c0,2.2,0.5,3.1,1.8,3.1c0.4,0,0.8-0.1,1.2-0.3V37z"/> 271 <path class="st0" d="M319,49.2V32.7c0-1.3-0.3-1.5-1.2-1.5c-0.9,0.1-1.8,0.3-2.6,0.7v17.4h-9.1V23.9h7.3l1.7,1.9 272 c1.9-1.5,4.3-2.3,6.7-2.3c4.3,0,6.3,2.3,6.3,7.1v18.7H319z"/> 273 <path class="st0" d="M346.1,49.2l-1.2-1.5c-1.3,1.2-3,2-4.8,2c-3.3,0-9.1-0.7-9.1-13.1c0-12.3,6.4-13.1,9.6-13.1 274 c1.4-0.1,2.7,0.4,3.8,1.2v-9.8h9.1v34.4H346.1z M344.3,30.5c-0.6-0.2-1.2-0.4-1.8-0.4c-1.9,0-2.5,0.9-2.5,6.5 275 c0,5.6,0.7,6.4,2.3,6.4c0.7,0,1.4-0.3,2-0.8V30.5z"/> 276 <path class="st0" d="M364,49.7c-1.9,0-3.4-1.6-3.4-3.5c0,0,0,0,0,0c0-1.9,1.5-3.4,3.3-3.4c0,0,0,0,0.1,0 277 c1.8,0,3.3,1.5,3.3,3.3c0,0,0,0.1,0,0.1C367.4,48.1,365.9,49.6,364,49.7C364,49.7,364,49.7,364,49.7z"/> 278 <path class="st0" d="M396,49.2h-4.3l3.2-18.4c0.5-2.6-0.3-3.5-2.5-3.5c-4.5,0-9.2,7.3-9.2,7.3l-2.6,14.6h-4.3l4.4-25.3h3.6 279 l-0.3,6c0,0,4.1-6.5,9.7-6.5c4.4,0,6.3,2.8,5.4,7.6L396,49.2z"/> 280 <path class="st0" d="M409.3,49.2H405l6.1-34.4h4.3L409.3,49.2z"/> 281 </g> 282 </g> 283 </g> 284 </g> 285 </g> 286</g> 287</svg> 288 289 </a> 290 </div> 291 </div> 292 293 294 <div class="absolute inset-y-0 right-0 flex items-center pr-2 md:static md:inset-auto md:ml-6 md:pr-0"> 295 296<div class="ml-3 relative" x-data="{ isOpen: false }"> 297 <div> 298 <a href="/login?returnUrl=%2farchive"> 299 <button type="button" class="flex hover:text-primary" id="user-menu-button" aria-expanded="false" aria-haspopup="true"> 300 <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">
301 <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> 302 </svg> 303 </button> 304 </a> 305 </div> 306</div> 307 </div> 308 309 <div class="absolute right-0 pr-2 md:static md:inset-auto md:ml-6"> 310 <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="https://www.brielsnieuwsland.nl/archive"><img src="https://storage.pubble.nl/assets/images/krantje-bnobeta.jpg" class="shadow-lg pl-2 md:pl-0 w-16 md:w-40 h-full object-top object-cover fr-fil fr-dib"><p><br></p></a></div></div> 311 </div> 312 </div> 313 </div> 314 315 <div> 316 317 <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8"> 318 <nav class="h-12 space-x-8 hidden md:flex relative items-center border-primary border-t-4"> 319 320 321 322 <a href="/"> 323 <button type="button" 324 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 325 :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 }"> 326 <span>Nieuws</span> 327 </button> 328 </a> 329 <a href="/agenda"> 330 <button type="button" 331 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 332 :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 }"> 333 <span>Agenda</span> 334 </button> 335 </a> 336 <a href="/search"> 337 <button type="button" 338 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 339 :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 }"> 340 <span>Archief</span> 341 </button> 342 </a> 343 <a href="/joboffers" target="_blank"> 344 <button type="button" 345 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 346 :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 }"> 347 <span>Vacatures</span> 348 </button> 349 </a> 350 <a href="/overlijdensberichten"> 351 <button type="button" 352 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 353 :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 }"> 354 <span>Familieberichten</span> 355 </button> 356 </a> 357 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 358 <button type="button" @click="isOpen = !isOpen" 359 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 360 :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 }" 361 aria-expanded="false">
362 <span>Adverteren</span> 363 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 364 :class="{ 'absolute left-0': open,'': !open }" 365 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 366 <path fill-rule="evenodd" 367 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" 368 clip-rule="evenodd" /> 369 </svg> 370 </button> 371 372 <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" 373 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 374 x-show="isOpen" 375 @click.away="isOpen = false" 376 x-transition:enter="transition ease-out duration-200" 377 x-transition:enter-start="opacity-0 translate-y-1" 378 x-transition:enter-end="opacity-100 translate-y-0" 379 x-transition:leave="transition ease-in duration-150" 380 x-transition:leave-start="opacity-100 translate-y-0" 381 x-transition:leave-end="opacity-0 translate-y-1"> 382 383 <div class="" 384 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 385 <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"> 386 <a href="/adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 387 <p class="text-base font-medium text-gray-900"> 388 Adverteren 389 </p> 390 </a> 391 <a href="/crossmediaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 392 <p class="text-base font-medium text-gray-900"> 393 Crossmediaal adverteren 394 </p> 395 </a> 396 <a href="/digitaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 397 <p class="text-base font-medium text-gray-900"> 398 Digitaal adverteren 399 </p> 400 </a> 401 <a href="https://adverteren.groothellevoet.nl/campaign/felicitaties" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 402 <p class="text-base font-medium text-gray-900"> 403 Felicitatie 404 </p> 405 </a> 406 <a href="https://adverteren.groothellevoet.nl/campaign/print/maken" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 407 <p class="text-base font-medium text-gray-900"> 408 Vlinder opgeven 409 </p> 410 </a> 411 </div> 412 </div> 413 </div> 414 </div> 415 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 416 <button type="button" @click="isOpen = !isOpen" 417 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 418 :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 }" 419 aria-expanded="false"> 420 <span>Edities</span> 421 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 422 :class="{ 'absolute left-0': open,'': !open }" 423 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 424 <path fill-rule="evenodd" 425 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" 426 clip-rule="evenodd" /> 427 </svg> 428 </button> 429 430 <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" 431 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 432 x-show="isOpen" 433 @click.away="isOpen = false" 434 x-transition:enter="transition ease-out duration-200" 435 x-transition:enter-start="opacity-0 translate-y-1" 436 x-transition:enter-end="opacity-100 translate-y-0" 437 x-transition:leave="transition ease-in duration-150" 438 x-transition:leave-start="opacity-100 translate-y-0" 439 x-transition:leave-end="opacity-0 translate-y-1"> 440 441 <div class="" 442 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 443 <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"> 444 <a href="https://www.ggof.nl/" class="menu-item__sub -m
444-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 445 <p class="text-base font-medium text-gray-900"> 446 Groot Goeree Overflakkee 447 </p> 448 </a> 449 <a href="https://www.groothellevoet.nl/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 450 <p class="text-base font-medium text-gray-900"> 451 Groot Hellevoet 452 </p> 453 </a> 454 <a href="https://www.grootnissewaard.nl/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 455 <p class="text-base font-medium text-gray-900"> 456 Groot Nissewaard 457 </p> 458 </a> 459 <a href="https://www.hetkompasonline.nl/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 460 <p class="text-base font-medium text-gray-900"> 461 Het Kompas 462 </p> 463 </a> 464 <a href="https://www.voorne-putten.nl/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 465 <p class="text-base font-medium text-gray-900"> 466 Voorne-Putten 467 </p> 468 </a> 469 <a href="https://www.weekbladwestvoorne.nl/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 470 <p class="text-base font-medium text-gray-900"> 471 Weekblad Westvoorne 472 </p> 473 </a> 474 </div> 475 </div> 476 </div> 477 </div> 478 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 479 <button type="button" @click="isOpen = !isOpen" 480 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 481 :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 }" 482 aria-expanded="false"> 483 <span>Contact</span> 484 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 485 :class="{ 'absolute left-0': open,'': !open }" 486 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 487 <path fill-rule="evenodd" 488 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" 489 clip-rule="evenodd" /> 490 </svg> 491 </button> 492 493 <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" 494 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 495 x-show="isOpen" 496 @click.away="isOpen = false" 497 x-transition:enter="transition ease-out duration-200" 498 x-transition:enter-start="opacity-0 translate-y-1" 499 x-transition:enter-end="opacity-100 translate-y-0" 500 x-transition:leave="transition ease-in duration-150" 501 x-transition:leave-start="opacity-100 translate-y-0" 502 x-transition:leave-end="opacity-0 translate-y-1"> 503 504 <div class="" 505 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 506 <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"> 507 <a href="/colofon" class="menu-item__sub -m
507-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 508 <p class="text-base font-medium text-gray-900"> 509 Colofon 510 </p> 511 </a> 512 <a href="/richtlijnen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 513 <p class="text-base font-medium text-gray-900"> 514 Richtlijnen 515 </p> 516 </a> 517 </div> 518 </div> 519 </div> 520 </div> 521 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 522 <button type="button" @click="isOpen = !isOpen" 523 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 524 :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 }" 525 aria-expanded="false"> 526 <span>Bezorging</span> 527 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 528 :class="{ 'absolute left-0': open,'': !open }" 529 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 530 <path fill-rule="evenodd" 531 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" 532 clip-rule="evenodd" /> 533 </svg> 534 </button> 535 536 <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" 537 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 538 x-show="isOpen" 539 @click.away="isOpen = false" 540 x-transition:enter="transition ease-out duration-200" 541 x-transition:enter-start="opacity-0 translate-y-1" 542 x-transition:enter-end="opacity-100 translate-y-0" 543 x-transition:leave="transition ease-in duration-150" 544 x-transition:leave-start="opacity-100 translate-y-0" 545 x-transition:leave-end="opacity-0 translate-y-1"> 546 547 <div class="" 548 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 549 <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"> 550 <a href="/afhaalpunten" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 551 <p class="text-base font-medium text-gray-900"> 552 Afhaalpunten 553 </p> 554 </a> 555 <a href="/bezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 556 <p class="text-base font-medium text-gray-900"> 557 Bezorger worden? 558 </p> 559 </a> 560 <a href="/vakantiebezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 561 <p class="text-base font-medium text-gray-900"> 562 Vakantiebezorger 563 </p> 564 </a> 565 <a href="/bezorgklacht" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 566 <p class="text-base font-medium text-gray-900"> 567 Bezorgklacht 568 </p> 569 </a> 570 </div> 571 </div> 572 </div> 573 </div> 574 <a href="/app"> 575 <button type="button" 576 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 577 :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 }">
578 <span>App</span> 579 </button> 580 </a> 581 582 583 <div class="flex-grow"></div> 584 585 586 <div x-data="{ searchOpen: false }" class=""> 587 <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class=" flex items-center focus:outline-none focus:border-transparent"> 588 <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"> 589 <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> 590 </svg> 591 <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"> 592 <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 62.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> 593 </svg> 594 </button> 595 596 <div x-cloak x-show="searchOpen" x-effect="if(searchOpen) setTimeout(() => $el.querySelector('input')?.focus(), 50)" class="mt-2 py-5 w-full border border-grey-dark md:w-full right-0 absolute z-10 bg-gray-50 md:rounded"> 597 <span class="text-3xl block lg:text-2xl pl-5 font-medium text-black-600 leading-normal">Zoeken</span> 598 <div class="px-4"> 599 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 600 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 601 value="" 602 placeholder="Vul je zoekwoord in.." 603 aria-label="Zoeken"> 604 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 605 <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> 606 </button> 607 </form> 608 </div> 609 </div> 610 </div> 611 </nav> 612 </div> 613 </div> 614 615 616 <div class="md:hidden"> 617 <div x-show="open" 618 x-transition:enter="transition-opacity ease-linear duration-300" 619 x-transition:enter-start="opacity-0" 620 x-transition:enter-end="opacity-100" 621 x-transition:leave="transition-opacity ease-linear duration-300" 622 x-transition:leave-start="opacity-100" 623 x-transition:leave-end="opacity-0" 624 class="fixed inset-0 bg-gray-600 bg-opacity-75"> 625 </div> 626 <nav class="h-12 space-x-8 hidden md:flex relative items-center border-primary border-t-4" 627 :class="{ 'fixed inset-0 flex z-50': open, 'hidden relative items-center h-12 space-x-8': !open }"> 628 629 <div x-show="open" 630 x-transition:enter="transition ease-in-out duration-300 transform" 631 x-transition:enter-start="-translate-x-full" 632 x-transition:enter-end="translate-x-0" 633 x-transition:leave="transition ease-in-out duration-300 transform" 634 x-transition:leave-start="translate-x-0" 635 x-transition:leave-end="-translate-x-full" 636 class="relative flex-1 flex flex-col max-w-xs w-full pb-4 overflow-auto bg-white " @click.away="open = false"> 637 638 <div class="py-5 w-full border border-grey-dark z-10 bg-gray-50"> 639 <div class="px-4"> 640 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 641 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 642 value="" 643 placeholder="Vul je zoekwoord in.." 644 aria-label="Zoeken"> 645 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 646 <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">
646<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> 647 </button> 648 </form> 649 </div> 650 </div> 651 652 <div class="pl-7 py-2 border border-grey-dark"> 653 654<div class="ml-3 relative" x-data="{ isOpen: false }"> 655 <div> 656 <a href="/login?returnUrl=%2farchive"> 657 <button type="button" class="flex hover:text-primary" id="user-menu-button" aria-expanded="false" aria-haspopup="true"> 658 <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"> 659 <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> 660 </svg> 661 </button> 662 </a> 663 </div> 664</div> 665 </div> 666 667 668 669 <a href="/"> 670 <button type="button" 671 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 672 :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 }"> 673 <span>Nieuws</span> 674 </button> 675 </a> 676 <a href="/agenda"> 677 <button type="button" 678 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 679 :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 }"> 680 <span>Agenda</span> 681 </button> 682 </a> 683 <a href="/search"> 684 <button type="button" 685 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 686 :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 }"> 687 <span>Archief</span> 688 </button> 689 </a> 690 <a href="/joboffers" target="_blank"> 691 <button type="button" 692 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 693 :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 }"> 694 <span>Vacatures</span> 695 </button> 696 </a> 697 <a href="/overlijdensberichten"> 698 <button type="button" 699 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 700 :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 }"> 701 <span>Familieberichten</span> 702 </button> 703 </a> 704 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 705 <button type="button" @click="isOpen = !isOpen" 706 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 707 :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 }" 708 aria-expanded="false">
709 <span>Adverteren</span> 710 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 711 :class="{ 'absolute left-0': open,'': !open }" 712 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 713 <path fill-rule="evenodd" 714 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" 715 clip-rule="evenodd" /> 716 </svg> 717 </button> 718 719 <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" 720 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 721 x-show="isOpen" 722 @click.away="isOpen = false" 723 x-transition:enter="transition ease-out duration-200" 724 x-transition:enter-start="opacity-0 translate-y-1" 725 x-transition:enter-end="opacity-100 translate-y-0" 726 x-transition:leave="transition ease-in duration-150" 727 x-transition:leave-start="opacity-100 translate-y-0" 728 x-transition:leave-end="opacity-0 translate-y-1"> 729 730 <div class="" 731 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 732 <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"> 733 <a href="/adverteren" 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 Adverteren 736 </p> 737 </a> 738 <a href="/crossmediaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 739 <p class="text-base font-medium text-gray-900"> 740 Crossmediaal adverteren 741 </p> 742 </a> 743 <a href="/digitaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 744 <p class="text-base font-medium text-gray-900"> 745 Digitaal adverteren 746 </p> 747 </a> 748 <a href="https://adverteren.groothellevoet.nl/campaign/felicitaties" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 749 <p class="text-base font-medium text-gray-900"> 750 Felicitatie 751 </p> 752 </a> 753 <a href="https://adverteren.groothellevoet.nl/campaign/print/maken" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 754 <p class="text-base font-medium text-gray-900"> 755 Vlinder opgeven 756 </p> 757 </a> 758 </div> 759 </div> 760 </div> 761 </div> 762 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 763 <button type="button" @click="isOpen = !isOpen" 764 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 765 :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 }" 766 aria-expanded="false"> 767 <span>Edities</span> 768 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 769 :class="{ 'absolute left-0': open,'': !open }" 770 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 771 <path fill-rule="evenodd" 772 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" 773 clip-rule="evenodd" /> 774 </svg> 775 </button> 776 777 <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" 778 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 779 x-show="isOpen" 780 @click.away="isOpen = false" 781 x-transition:enter="transition ease-out duration-200" 782 x-transition:enter-start="opacity-0 translate-y-1" 783 x-transition:enter-end="opacity-100 translate-y-0" 784 x-transition:leave="transition ease-in duration-150" 785 x-transition:leave-start="opacity-100 translate-y-0" 786 x-transition:leave-end="opacity-0 translate-y-1"> 787 788 <div class="" 789 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 790 <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"> 791 <a href="https://www.ggof.nl/" class="menu-item__sub -m
791-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 792 <p class="text-base font-medium text-gray-900"> 793 Groot Goeree Overflakkee 794 </p> 795 </a> 796 <a href="https://www.groothellevoet.nl/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 797 <p class="text-base font-medium text-gray-900"> 798 Groot Hellevoet 799 </p> 800 </a> 801 <a href="https://www.grootnissewaard.nl/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 802 <p class="text-base font-medium text-gray-900"> 803 Groot Nissewaard 804 </p> 805 </a> 806 <a href="https://www.hetkompasonline.nl/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 807 <p class="text-base font-medium text-gray-900"> 808 Het Kompas 809 </p> 810 </a> 811 <a href="https://www.voorne-putten.nl/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 812 <p class="text-base font-medium text-gray-900"> 813 Voorne-Putten 814 </p> 815 </a> 816 <a href="https://www.weekbladwestvoorne.nl/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 817 <p class="text-base font-medium text-gray-900"> 818 Weekblad Westvoorne 819 </p> 820 </a> 821 </div> 822 </div> 823 </div> 824 </div> 825 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 826 <button type="button" @click="isOpen = !isOpen" 827 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 828 :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 }" 829 aria-expanded="false"> 830 <span>Contact</span> 831 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 832 :class="{ 'absolute left-0': open,'': !open }" 833 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 834 <path fill-rule="evenodd" 835 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" 836 clip-rule="evenodd" /> 837 </svg> 838 </button> 839 840 <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" 841 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 842 x-show="isOpen" 843 @click.away="isOpen = false" 844 x-transition:enter="transition ease-out duration-200" 845 x-transition:enter-start="opacity-0 translate-y-1" 846 x-transition:enter-end="opacity-100 translate-y-0" 847 x-transition:leave="transition ease-in duration-150" 848 x-transition:leave-start="opacity-100 translate-y-0" 849 x-transition:leave-end="opacity-0 translate-y-1"> 850 851 <div class="" 852 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 853 <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"> 854 <a href="/colofon" class="menu-item__sub -m
854-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 855 <p class="text-base font-medium text-gray-900"> 856 Colofon 857 </p> 858 </a> 859 <a href="/richtlijnen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 860 <p class="text-base font-medium text-gray-900"> 861 Richtlijnen 862 </p> 863 </a> 864 </div> 865 </div> 866 </div> 867 </div> 868 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 869 <button type="button" @click="isOpen = !isOpen" 870 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 871 :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 }" 872 aria-expanded="false"> 873 <span>Bezorging</span> 874 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 875 :class="{ 'absolute left-0': open,'': !open }" 876 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 877 <path fill-rule="evenodd" 878 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" 879 clip-rule="evenodd" /> 880 </svg> 881 </button> 882 883 <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" 884 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 885 x-show="isOpen" 886 @click.away="isOpen = false" 887 x-transition:enter="transition ease-out duration-200" 888 x-transition:enter-start="opacity-0 translate-y-1" 889 x-transition:enter-end="opacity-100 translate-y-0" 890 x-transition:leave="transition ease-in duration-150" 891 x-transition:leave-start="opacity-100 translate-y-0" 892 x-transition:leave-end="opacity-0 translate-y-1"> 893 894 <div class="" 895 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 896 <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"> 897 <a href="/afhaalpunten" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 898 <p class="text-base font-medium text-gray-900"> 899 Afhaalpunten 900 </p> 901 </a> 902 <a href="/bezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 903 <p class="text-base font-medium text-gray-900"> 904 Bezorger worden? 905 </p> 906 </a> 907 <a href="/vakantiebezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 908 <p class="text-base font-medium text-gray-900"> 909 Vakantiebezorger 910 </p> 911 </a> 912 <a href="/bezorgklacht" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 913 <p class="text-base font-medium text-gray-900"> 914 Bezorgklacht 915 </p> 916 </a> 917 </div> 918 </div> 919 </div> 920 </div> 921 <a href="/app"> 922 <button type="button" 923 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 924 :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 }">
925 <span>App</span> 926 </button> 927 </a> 928 929 930 931 932 </div> 933 <div x-show="open" 934 x-transition:enter="ease-in-out duration-300" 935 x-transition:enter-start="opacity-0" 936 x-transition:enter-end="opacity-100" 937 x-transition:leave="ease-in-out duration-300" 938 x-transition:leave-start="opacity-100" 939 x-transition:leave-end="opacity-0" 940 class="absolute top-0 right-0 -mr-12 pt-2"> 941 <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"> 942 <span class="sr-only">Sluit zijkant</span> 943 <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"> 944 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> 945 </svg> 946 </button> 947 </div> 948 </nav> 949 </div> 950 </div> 951 </nav> 952</header> 953 954<main role="main" class="pb-3 mt-0 pt-1 md:pt-0 md:mt-4"> 955 956 957 958 959<div class="container max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 mt-5 mb-2"> 960 961 962 <div class="flex flex-wrap items-center justify-center gap-2"> 963 <select id="newspaper-month" 964 class="border border-gray-300 rounded-md text-gray-600 h-10 px-5 bg-white hover:border-gray-400 focus:outline-none pr-10 appearance-none"> 965 <option value="1">januari</option> 966 <option value="2">februari</option> 967 <option value="3">maart</option> 968 <option value="4">april</option> 969 <option value="5">mei</option> 970 <option value="6">juni</option> 971 <option value="7">juli</option> 972 <option value="8">augustus</option> 973 <option value="9" selected>september</option> 974 <option value="10">oktober</option> 975 <option value="11">november</option> 976 <option value="12">december</option> 977 </select> 978 979 <select id="newspaper-year" 980 981 class="border border-gray-300 rounded-md text-gray-600 h-10 px-5 bg-white hover:border-gray-400 focus:outline-none pr-10 appearance-none"> 982 <option value="2026" selected>2026</option> 983 <option value="2025">2025</option> 984 <option value="2024">2024</option> 985 <option value="2023">2023</option> 986 <option value="2022">2022</option> 987 </select> 988 989 <button 990 class="bg-primary hover:bg-opacity-60 transition-colors duration-300 text-white py-2 px-4 rounded focus:outline-none focus:shadow-outline" 991 onclick="window.location.href='/archive/' + document.getElementById('newspaper-year').value + '/' + (document.getElementById('newspaper-month')?.value ?? 1) + ''" 992 style="font-size: 16px;"> 993 Kies datum 994 </button> 995 996 </div> 997 <style> 998 .edition-archive { 999 display: grid; 1000 grid-template-columns: repeat(auto-fill, minmax(15rem, 18.25rem)); 1001 gap: 1.5rem 1.25rem; 1002 /* A card never grows past the 292px cover, so on a wide screen the rows are narrower 1003 than the page: centre them instead of leaving all the slack on the right. */ 1004 justify-content: center; 1005 /* Cards keep their own height: a day with a supplement is a line taller than the rest, 1006 which reads better than stretching every other card and leaving a blank strip. */ 1007 align-items: start; 1008 margin-top: 2rem; 1009 } 1010 1011 /* A 15rem column no longer fits on a phone, so pin it to two columns there. */ 1012 @media (max-width: 40rem) { 1013 .edition-archive { 1014 grid-template-columns: repeat(2, minmax(0, 1fr)); 1015 gap: 1rem 0.75rem; 1016 } 1017 } 1018 1019 @media (min-width: 1024px) { 1020 .edition-archive--weekdays { 1021 grid-template-columns: repeat(var(--edition-columns), minmax(0, 18.25rem)); 1022 } 1023 1024 .edition-archive--weekdays > .edition-card { 1025 grid-column: var(--edition-column); 1026 grid-row: var(--edition-row); 1027 } 1028 } 1029 1030 .edition-card { 1031 display: flex; 1032 flex-direction: column; 1033 background: #fff; 1034 border: 1px solid #e5e7eb; 1035 border-radius: 0.375rem; 1036 overflow: hidden; 1037 transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; 1038 } 1039 1040 .edition-card:hover, 1041 .edition-card:focus-within { 1042 border-color: #d1d5db; 1043 box-shadow: 0 10px 20px -8px rgb(0 0 0 / 25%); 1044 transform: translateY(-2px); 1045 } 1046 1047 .edition-card img { 1048 display: block; 1049 width: 100%; 1050 height: auto; 1051 } 1052 1053 .edition-card .edition-meta { 1054 display: block; 1055 padding: 0.75rem; 1056 border-top: 1px solid #f3f4f6; 1057 line-height: 1.3; 1058 } 1059 1060 /* Supplements of the same day: one compact line each, never a second cover. */ 1061 .edition-card .edition-supplement { 1062 display: flex; 1063 align-items: center; 1064 gap: 0.375rem; 1065 padding: 0.5rem 0.75rem; 1066 border-top: 1px solid #f3f4f6; 1067 font-size: 0.75rem; 1068 font-weight: 600; 1069 color: #4b5563; 1070 } 1071 1072 .edition-card .edition-supplement:hover { 1073 background: #f9fafb; 1074 color: #111827; 1075 } 1076 1077 .edition-card .edition-supplement svg { 1078 flex: none; 1079 width: 0.875rem; 1080 height: 0.875rem; 1081 } 1082 1083 .edition-card .edition-name { 1084 display: block; 1085 font-size: 0.6875rem; 1086 font-weight: 600; 1087 letter-spacing: 0.06em; 1088 text-transform: uppercase; 1089 color: #6b7280; 1090 } 1091 1092 .edition-card .edition-weekday { 1093 display: block; 1094 font-size: 0.875rem; 1095 font-weight: 600; 1096 color: #111827; 1097 } 1098 1099 .edition-card .edition-date { 1100 display: block; 1101 margin-top: 0.125rem; 1102 font-size: 0.8125rem; 1103 color: #6b7280; 1104 } 1105 </style> 1106 1107 1108 <div class="edition-archive " 1109 style=""> 1110 <div class="edition-card" 1111 style=""> 1112 <a href="/reader/42580" target="_blank"> 1113 <img src="https://storage.pubble.cloud/65142601/paper/038a0c0c/files/thumb/1.jpg?version=02102318" 1114 alt="Briels Nieuwsland en Weekblad Westvoorne 30 september" 1115 loading="lazy" decoding="async"> 1116 </a> 1117 1118 <a href="/reader/42580" target="_blank" class="edition-meta">
1119 <span class="edition-name">Briels Nieuwsland en Weekblad Westvoorne</span> 1120 <span class="edition-weekday">30 september</span> 1121 </a> 1122 1123 </div> 1124 <div class="edition-card" 1125 style=""> 1126 <a href="/reader/42579" target="_blank"> 1127 <img src="https://storage.pubble.cloud/65142601/paper/d492d479/files/thumb/1.jpg?version=02101838" 1128 alt="Briels Nieuwsland en Weekblad Westvoorne 23 september" 1129 loading="lazy" decoding="async"> 1130 </a> 1131 1132 <a href="/reader/42579" target="_blank" class="edition-meta"> 1133 <span class="edition-name">Briels Nieuwsland en Weekblad Westvoorne</span> 1134 <span class="edition-weekday">23 september</span> 1135 </a> 1136 1137 </div> 1138 <div class="edition-card" 1139 style=""> 1140 <a href="/reader/42578" target="_blank"> 1141 <img src="https://storage.pubble.cloud/65142601/paper/845c2db9/files/thumb/1.jpg?version=01101950" 1142 alt="Briels Nieuwsland en Weekblad Westvoorne 16 september" 1143 loading="lazy" decoding="async"> 1144 </a> 1145 1146 <a href="/reader/42578" target="_blank" class="edition-meta"> 1147 <span class="edition-name">Briels Nieuwsland en Weekblad Westvoorne</span> 1148 <span class="edition-weekday">16 september</span> 1149 </a> 1150 1151 </div> 1152 <div class="edition-card" 1153 style=""> 1154 <a href="/reader/42577" target="_blank"> 1155 <img src="https://storage.pubble.cloud/65142601/paper/2dbd2d6a/files/thumb/1.jpg?version=01101950" 1156 alt="Briels Nieuwsland en Weekblad Westvoorne 9 september" 1157 loading="lazy" decoding="async"> 1158 </a> 1159 1160 <a href="/reader/42577" target="_blank" class="edition-meta"> 1161 <span class="edition-name">Briels Nieuwsland en Weekblad Westvoorne</span> 1162 <span class="edition-weekday">9 september</span> 1163 </a> 1164 1165 </div> 1166 <div class="edition-card" 1167 style=""> 1168 <a href="/reader/42576" target="_blank"> 1169 <img src="https://storage.pubble.cloud/65142601/paper/58080ef5/files/thumb/1.jpg?version=01101950" 1170 alt="Briels Nieuwsland en Weekblad Westvoorne 2 september" 1171 loading="lazy" decoding="async"> 1172 </a> 1173 1174 <a href="/reader/42576" target="_blank" class="edition-meta"> 1175 <span class="edition-name">Briels Nieuwsland en Weekblad Westvoorne</span> 1176 <span class="edition-weekday">2 september</span> 1177 </a> 1178 1179 </div> 1180 </div> 1181 <div class="mt-8 mb-4"> 1182 1183 </div> 1184</div> 1185</main> 1186 1187 1188<footer class="css-bg-footer bg-gray-800 pt-0 sm:mt-10"> 1189 1190 <div class="max-w-7xl px-2 pt-5 m-auto text-gray-800 flex flex-wrap justify-left"> 1191 <div class="p-5 w-full md:flex sm:w-4/12 md:w-10/12 "> 1192 1193 <div class="pt-5 md:p-0 w-full md:w-12/12 text-gray-300"> 1194 <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">Christiaan Huygensweg 9</p><p class="text-gray-400 text-sm font-medium">3225 LD Hellevoetsluis</p><p class="text-gray-400 text-sm font-medium">0181 - 316 979</p><p class="text-gray-400 text-sm font-medium">06 - 8399 9785</p></div><div class="md:col-span-4 col-span-12 w-full "><p><strong>Advertenties:</strong></p><p class="text-gray-400 text-sm font-medium">Henk Priem</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="https://www.brielsnieuwsland.nl/privacy" rel="noopener noreferrer" target="_blank"><span class="text-gray-200">privacybeleid</span></a>.</p></div> 1195 </div> 1196 </div> 1197 1198 </div> 1199 1200 1201 <div class="max-w-7xl px-2 m-auto w-full"> 1202 1203 <ul role="list" class="flex items-center space-x-1 mt-4 mb-2 justify-end"> 1204 1205 1206 <li> 1207 <div class="mx-2 bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 1208 <a href="//facebook.com/BrielsNieuwsland" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="facebook"> 1209 <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">
1210 <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> 1211 </svg> 1212 </a> 1213 </div> 1214 </li> 1215 1216 1217 <li> 1218 <div class="mx-2 bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 1219 <a href="https://x.com/bnieuwsland" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="twitter"> 1220 <svg class="h-4" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> 1221 <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="white"/> 1222 </svg> 1223 </a> 1224 </div> 1225 </li> 1226 1227 1228 1229 1230 1231 1232 1233 1234 <li> 1235 <div class="mx-2 bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 1236 <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"> 1237 <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"> 1238 <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> 1239 </svg> 1240 </a> 1241 </div> 1242 </li> 1243 1244 </ul> 1245 </div> 1246 1247 <div class="pt-2"> 1248 <div class="flex pb-5 px-3 m-auto pt-5 1249 border-t border-gray-500 text-gray-400 text-sm 1250 flex-col md:flex-row max-w-7xl px-2"> 1251 <div class="mt-2"> 1252 © Copyright Brielsnieuwsland.nl | Het is niet toegestaan teksten, fotoâs of enig onderdeel van deze website over te nemen of te verspreiden zonder uitdrukkelijke toestemming van de uitgever. 1253 Gemaakt met 1254 <a style="font-weight: bold;" href="https://www.pubble.nl/" target="_blank" rel="noopener"> 1255 <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=""> 1256 </a> 1257 </div> 1258 </div> 1259 </div> 1260</footer> 1261 1262 <div id="subscribe_container" style="position: fixed; top: 0px; width: 100%; z-index: 999999991; display: none; "> 1263 <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); "> 1264 <div> 1265 <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> 1266 </div> 1267 <div style="clear:both;"> 1268 <div onclick="pushNotification.reqPermission();pushNotification.closeSubscribe();" 1269 class="py-4 text-center bg-primary text-white cursor-pointer rounded font-bold mt-4 mb-2 w-full"> 1270 Ja houd mij op de hoogte! 1271 </div>
1272 <a href="#" onclick="pushNotification.closeSubscribe();"> 1273 Nee, bedankt 1274 </a> 1275 </div> 1276 </div> 1277 </div> 1278 1279 1280 1281 1282 1283 1284
1284<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble.script.min.js?version=260925-2"></script>
1284 1285
1285<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/pubble.PubbleContent.js?v=260902-1"></script>
vendor: 1 bytes, line 1285
1285
1286<script type="text/javascript" src="/lure/js/pubble/lures.js?version=260925-2"></script>
vendor: 1 bytes, line 1286
1286
1287<script src="/components/js/pubble.stats.min.js?app_name=web&version=260925-2" async></script>
1287 1288
1288<script defer src="/components/rum/pubble-rum.js?v=260925-2"></script>
1288 1289 1290 1291 1292 1293 1294<!-- web-earth--r206-1-5f675c4d9f-wkpgq --> 1295</body> 1296</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.