PageSourceSearch

https://www.brielsnieuwsland.nl/archive

html brielsnieuwsland.nl collected 2026-10-02 22:23:18 UTC 76,917 bytes, 1,296 lines download raw bytes

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&#x2B;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.