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>Telstar-Online.nl - Adverteren Pijnacker-Nootdorp | Telstar-online | Krant en Online</title> 7 8 9
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', 'telstar-online.nl'); 18 // Voeg het script toe aan de <head> van de pagina 19 document.head.appendChild(script); 20 } 21 })(); 22</script>
22<script type="text/javascript" src="https://mmcdn.nl/tags/telstar/telstar-online.js"></script>
22 23 24 <style type="text/css"> 25 :root { 26 --color-primary: 238, 114, 3; 27 --color-secondary: 94, 94, 94; 28 --color-premium: 0, 0, 0; 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=""/> 43 44 <link rel="icon" type="image/png" 45 href="https://storage.pubble.nl/assets/favicons/www/telstar-online/favicon-48x48.png?v=8nyq" 46 sizes="48x48"/> 47 <link rel="icon" type="image/svg+xml" 48 href="https://storage.pubble.nl/assets/favicons/www/telstar-online/favicon.svg?v=8nyq"/> 49 <link rel="shortcut icon" 50 href="https://storage.pubble.nl/assets/favicons/www/telstar-online/favicon.ico?v=8nyq"/> 51 <link rel="apple-touch-icon" sizes="180x180" 52 href="https://storage.pubble.nl/assets/favicons/www/telstar-online/apple-touch-icon.png?v=8nyq"/> 53 <link rel="shortcut icon" 54 href="https://storage.pubble.nl/assets/favicons/www/telstar-online/favicon.ico?v=8nyq"> 55 <meta name="apple-mobile-web-app-capable" content="yes"> 56 57 58 <link rel="dcterms.rights" href="https://www.telstar-online.nl/privacy" /> 59 60 <meta name="twitter:site" content="telstaronline" /> 61 62 <meta property="og:site_name" content="Telstar-Online.nl" /> 63 64 <meta property="og:locale" content="nl_NL" /> 65
66<script type="application/ld+json"> 67 { 68 "@context": "https://schema.org", 69 "@type": "WebSite", 70 "name": "Telstar-Online.nl", 71 "url": "https://telstar-online.nl/", 72 "potentialAction": { 73 "@type": "SearchAction", 74 "target": { 75 "@type": "EntryPoint", 76 "urlTemplate": "https://telstar-online.nl/search?q={search_term_string}" 77 }, 78 "queryInput": "required name=search_term_string" 79 } 80} 81</script>
81 82 83 84
85<script type="text/javascript"> 86 var exports = {}; 87 var pubbleEnv = { 88 pubbleContentApiKey: '85qN8tvOGCMaj6DU4kcwHA==', 89 pubbleContentApiHash: 'dGVsZGF0YXwyMHx0ZWxzdGFyLW9ubGluZS5ubA==', 90 domain: 'telstar-online.nl', 91 siteHosts: [], 92 language: 'nl', 93 commonDomain: '', 94 userId: typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : null, 95 subscriptions: null, 96 pushEnabled: true, 97 regionPages: false, 98 regionPagesAutoRedirect: false, 99 isAuthenticated: false, 100 hasPrivileges: false, 101 region: '', 102 }; 103 var lureArticle = { 104 articleAccessLevel: 'null', 105 userAccessLevel: 'Visitor', 106 articlesLeft: -1, 107 articleId: null, 108 hasAccess: false, 109 giftToken: '', 110 articleHeadline: '', 111 articleType: 'null', 112 authorIds: [], 113 articleContentType: 'null', 114 articleIsLiveBlog: false, 115 articleCategory: '', 116 articleSubcategory: '', 117 articleStatus: 'inactive', 118 articleSource: '', 119 articleAuthors: '', 120 articleDate: '' 121 } 122 123 var pubbleStatsContext = null; 124 125 window.dataLayer = window.dataLayer || []; 126 127 window.dataLayer.push({ 128 'articleId': null, 129 'userId': typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : 'n.a.', 130 'pageType': 'home', 131 'region': '' 132 }); 133</script>
133 134 135 136 <link rel="dns-prefetch" href="//storage.pubble.cloud"> 137 <link rel="dns-prefetch" href="//storage.pubble.nl"> 138 139 <link rel="stylesheet" href="//storage.pubble.cloud/assets/static/css/tailwind.styles.min.css?v=260923-1"/> 140
140<script>window.PubbleAssets = { base: '//storage.pubble.cloud/assets/static', v: '260925-2' };</script>
140 141 142
142<script defer src="https://storage.pubble.nl/assets/web/alpine-intersect-3-10-5.cdn.min.js"></script>
142 143 <style>[x-cloak] { 144 display: none !important; 145 } 146 </style> 147<style type="text/css"> 148 149table { 150 width: 100%; 151 border-collapse: collapse; 152 font-family: Arial, sans-serif; 153} 154 155th, 156td { 157 padding: 12px 15px; 158 text-align: left; 159 border-bottom: 1px solid #ddd; 160} 161 162th { 163 background-color: #f5f5f5; 164 font-weight: 600; 165} 166 167tbody tr:hover { 168 background-color: #fafafa; 169} 170 171@media (max-width: 600px) { 172 table { 173 font-size: 14px; 174 } 175 176 th, 177 td { 178 padding: 10px; 179 } 180} 181</style><div class="max-w-7xl flex items-center justify-center mx-auto px-0 md:px-6 lg:px-8"> 182<div class="pbph py-2" w="728" h="90" pos="1" max=""> </div> 183</div><style type="text/css"> 184 185.leaderboarddiv { 186 background: #ffffff! important; 187} 188 189.from-black { 190 --tw-gradient-from: #000000 !important; 191 --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,transparent); 192} 193 194img { 195 user-drag: none; 196 user-select: none; 197 -moz-user-select: none; 198 -webkit-user-drag: none; 199 -webkit-user-select: none; 200 -ms-user-select: none; 201} 202 203.button-container { 204 display: flex; 205 flex-wrap: wrap; 206 gap: 1rem; /* ruimte tussen de knoppen */ 207} 208 209.responsive-button { 210 flex: 1 1 100%; /* default: neemt volledige breedte */ 211 padding: 1rem; 212 font-size: 1rem; 213} 214 215/* Als het scherm breed genoeg is, zet ze naast elkaar */ 216@media (min-width: 600px) { 217 .responsive-button { 218 flex: 1 1 0; /* even groot */ 219 } 220} 221 222</style><!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 67 bytes, lines 222-223
222 223<script async="" src="https://www.googletagmanager.com/gtag/js?id=
223G-91FLCWJCVP
vendor: 12 bytes, line 223
223"></script>
224<script> 225
vendor: 134 bytes, lines 225-229
225window.dataLayer = window.dataLayer || []; 226 function gtag(){dataLayer.push(arguments);} 227 gtag('js', new Date()); 228 229 gtag('config', '
229G-91FLCWJCVP
vendor: 4 bytes, line 229
229');
230</script>
230<style> 231.flex-container { 232 display: flex; 233 flex-wrap: wrap; 234} 235 236.flex-item-left { 237 flex: 50%; 238} 239 240.flex-item-right { 241 flex: 50%; 242} 243 244@media (max-width: 800px) { 245 .flex-item-right, .flex-item-left { 246 flex: 100%; 247 } 248} 249</style>
249<script async="" src="https://boot.pbstck.com/v1/tag/6632caa6-69ef-4a54-a67c-4ce542fb2fed"></script>
249</head> 250<body class=""> 251 252 253 254 255 256<div style="margin:0 auto; width:100%; max-width:728px;" class="max-w-7xl flex justify-center mx-auto"> 257 258<div class="pbph" w="728" h="90" pos="110" max="1" advobject="desktopleaderbordone" data-pubble-id-onempty="desktopleaderbordone" data-pubble-onempty="desktopleaderbordone()"></div> 259</div> 260 261 262 263 264 <div id="pageTopLeaderboard"></div> 265 266 267 268<header class="sticky md:relative top-0 w-full z-20 bg-white-500 transition-all pt-0 "> 269 270 <nav x-data="{ open: false }" class="bg-white shadow md:shadow-none md:bg-none"> 271 <div class=""> 272 <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8"> 273 <div class="relative flex justify-between min-h-16"> 274 <div class="absolute px-2 inset-y-0 left-0 flex items-center md:hidden"> 275 <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()"> 276 <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"> 277 <path stroke-linecap="round" class="css-hamburgermenu-p" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 278 </svg> 279 <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"> 280 <path stroke-linecap="round" class="css-hamburgermenu-p" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 281 </svg> 282 </button> 283 </div> 284 <div class="flex-1 flex items-center justify-center md:items-stretch md:justify-start"> 285 <div class="flex-shrink-0 h-16 md:h-auto flex items-center"> 286 <a href="/" class="w-48 md:w-full"> 287 <?xml version="1.0" encoding="utf-8"?> 288<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 289<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="266px" height="60px" 290 viewBox="0 0 266 60" style="enable-background:new 0 0 266 60;" xml:space="preserve"> 291<style type="text/css"> 292 .st0{fill:#F49712;} 293</style> 294<g id="Klaar"> 295 <g> 296 <g> 297 <path class="st0" d="M261.5,27.7c0,5.7-5.3,7.2-10.1,7.3c0.5-5.4,3.6-11.3,7.1-11.3C260.5,23.7,261.5,25.1,261.5,27.7 298 M265.4,27.9c0-5-2.6-7.3-7-7.3c-8.1,0-11.4,11.1-11.4,19.2c0,7.8,3.9,9.2,7.6,9.2c2.2-0.1,4.3-0.5,6.3-1.3l0.7-3.9 299 c0,0-3.9,1.7-6.4,1.7c-2,0-4.2-0.7-4.2-5.9c0-0.5,0.1-1,0.1-1.4C257.2,38.1,265.4,35.5,265.4,27.9 M242.2,28.6 300 c0.8-4.3,0.1-8.1-4.7-8.1c-5.1,0-8.9,5.9-8.9,5.9l0.2-5.4h-3.4l-4.8,27.4h4.1l3.1-17.4c0,0,4.5-6.8,8.7-6.8c2.1,0,2,2.2,1.6,4.1 301 l-3.6,20.1h4.1L242.2,28.6z M217.9,21.1h-4.1l-4.8,27.4h4.1L217.9,21.1z M219.5,13.8c0-1.5-1.2-2.8-2.7-2.8 302 c-1.5,0-2.8,1.2-2.8,2.7c0,0,0,0.1,0,0.1c0,1.5,1.2,2.8,2.7,2.8c1.5,0,2.8-1.2,2.8-2.7C219.5,13.9,219.5,13.9,219.5,13.8 303 M208,11.3h-4.1l-6.6,37.2h4.1L208,11.3z M192.8,28.6c0.8-4.3,0.1-8.1-4.7-8.1c-5.1,0-8.9,5.9-8.9,5.9l0.2-5.4H176l-4.8,27.4h4.1 304 l3.1-17.4c0,0,4.5-6.8,8.7-6.8c2.1,0,2,2.2,1.6,4.1l-3.6,20.1h4.1L192.8,28.6z M163.8,29.6c-0.1,4.1-1,8.1-2.7,11.9 305 c-1.2,2.6-3.4,4.2-5.3,4.2c-2.3,0-4-1.4-4-6.3c0-3.2,1.2-9,3.5-12.6c1.2-1.8,2.7-3.1,4.5-3.1C162.2,23.8,163.8,25.1,163.8,29.6 306 M168,30c0-7.2-3.5-9.4-7.9-9.4c-3.3-0.1-6.4,1.6-8.2,4.3c-2.7,3.9-4.3,9.9-4.3,14.7c0,7.4,3.8,9.4,7.8,9.4 307 c4.6,0,7.8-2.4,9.6-6.1C166.8,38.8,167.9,34.4,168,30"/> 308 <path d="M142.3,29.3v-8.2c0,0-0.8-0.6-3.1-0.6c-2,0-3.8,1.2-4.4,3.2l-1.4-2.6h-7.8v27.4h9.8V29.7c1-0.6,2.1-0.9,3.3-0.9 309 C139.9,28.8,141.1,29,142.3,29.3 M111.7,42.6c-0.4,0.2-0.8,0.3-1.3,0.3c-1.3,0-1.9-0.9-1.9-3.4c0-3.3,0.5-4.1,2.4-4.2l0.8-0.1 310 L111.7,42.6z M121.5,48.5V28.9c0-6.8-4-8.4-9.6-8.4c-3.4,0-6.8,0.6-10.1,1.6v7c0,0,4.8-1.3,7.5-1.3c1.8,0,2.3,0.5,2.3,1.7v1.1 311 h-1.9c-3.8,0-10.8,0.7-10.8,9.5c0,8.1,4.8,8.8,7.7,8.8c2,0.1,3.9-0.8,5.2-2.4l1.6,1.9L121.5,48.5z M98,48.1v-7 312 c0,0-2.8,0.4-3.5,0.4c-1.1,0-1.7-0.4-1.7-2.2v-12h3.9l1.3-6.3h-5.2v-8.3l-8.6,2.1L83,21.1h-3.6v6.3H83v13.8c0,7.6,5.2,7.9,8,7.9 313 C93.3,48.9,95.7,48.6,98,48.1 M78.3,39.7c0-5.2-3.4-6.9-5.8-8l-1-0.5c-1.3-0.6-2.4-1-2.4-2.2c0-1,0.9-1.3,2.1-1.3
314 c2.1,0.1,4.2,0.5,6.2,1.1v-6.9C75,21,72.5,20.5,70,20.6c-4.8,0-10.5,1.6-10.5,8.9c0,5,3.3,6.9,5.6,8l1.2,0.6 315 c1.3,0.6,2.3,1,2.3,2.2c0,1.3-1.1,1.6-2.6,1.6c-1.5,0-6.2-1.2-6.2-1.2v7.1c2.5,0.8,5.2,1.2,7.9,1.3C72.2,49,78.3,48,78.3,39.7 316 M56.4,11.3h-9.8v37.2h9.8V11.3z M34.3,32.7h-4.1c0.1-3.3-0.2-6.3,2.3-6.3C34.5,26.4,34.3,29.5,34.3,32.7 M43.5,38v-3.3 317 c0-11-4.6-14.2-11-14.2c-6.2,0-12.1,2.7-12.1,14.3C20.4,48,27.9,49,34.1,49c2.7-0.1,5.4-0.5,8-1.4v-7.1c0,0-5.1,1.1-8,1.1 318 c-2.4,0-3.9-0.6-3.9-3.5H43.5z M23.8,12.3H0V20h7v28.4h9.8V20h5.7L23.8,12.3z"/> 319 </g> 320 </g> 321</g> 322</svg> 323 324 </a> 325 </div> 326 </div> 327 328 329 <div class="absolute inset-y-0 right-0 flex items-center pr-2 md:static md:inset-auto md:ml-6 md:pr-0"> 330 331<div class="ml-3 relative" x-data="{ isOpen: false }"> 332 <div> 333 <a href="/login?returnUrl=%2fapp"> 334 <button type="button" class="flex hover:text-primary" id="user-menu-button" aria-expanded="false" aria-haspopup="true"> 335 <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"> 336 <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> 337 </svg> 338 </button> 339 </a> 340 </div> 341</div> 342 </div> 343 344 <div class="absolute right-0 pr-2 md:static md:inset-auto md:ml-6"> 345 <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.telstar-online.nl/archive"><img alt="Lees de krant online" src="https://pubblestorage.blob.core.windows.net/4c0aa478/pdf/telstar20220119lr.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> 346 </div> 347 </div> 348 </div> 349 350 <div class=""> 351 352 <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8"> 353 <nav class="h-12 space-x-8 hidden md:flex relative items-center border-primary border-t-4"> 354 355 356 357 <a href="/" class="hover:text-opacity-60"> 358 <button type="button" 359 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 360 :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 }"> 361 <span>Nieuws</span> 362 </button> 363 </a> 364 <a href="/app"> 365 <button type="button" 366 class="text-gray-500 text-gray-900 font-medium text-base text-nav group inline-flex items-center" 367 :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 }"> 368 <span>App</span> 369 </button> 370 </a> 371 <a href="/agenda" class="hover:text-opacity-60"> 372 <button type="button" 373 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 374 :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 }">
375 <span>Agenda</span> 376 </button> 377 </a> 378 <a href="/search" class="hover:text-opacity-60"> 379 <button type="button" 380 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 381 :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 }"> 382 <span>Archief</span> 383 </button> 384 </a> 385 <a href="/marktplein" class="hover:text-opacity-60"> 386 <button type="button" 387 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 388 :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 }"> 389 <span>Marktplein</span> 390 </button> 391 </a> 392 <a href="/bedrijven" class="hover:text-opacity-60"> 393 <button type="button" 394 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 395 :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 }"> 396 <span>Bedrijvengids</span> 397 </button> 398 </a> 399 <a href="/joboffers" target="_blank" class="hover:text-opacity-60"> 400 <button type="button" 401 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 402 :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 }"> 403 <span>Vacatures</span> 404 </button> 405 </a> 406 <a href="/overlijdensberichten" class="hover:text-opacity-60"> 407 <button type="button" 408 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 409 :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 }"> 410 <span>Familieberichten</span> 411 </button> 412 </a> 413 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 414 <button type="button" @click="isOpen = !isOpen" 415 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 416 :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 }" 417 aria-expanded="false"> 418 <span>Adverteren</span> 419 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 420 :class="{ 'absolute left-0': open,'': !open }" 421 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 422 <path fill-rule="evenodd" 423 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" 424 clip-rule="evenodd" /> 425 </svg> 426 </button> 427 428 <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" 429 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 430 x-show="isOpen" 431 @click.away="isOpen = false" 432 x-transition:enter="transition ease-out duration-200" 433 x-transition:enter-start="opacity-0 translate-y-1" 434 x-transition:enter-end="opacity-100 translate-y-0" 435 x-transition:leave="transition ease-in duration-150" 436 x-transition:leave-start="opacity-100 translate-y-0" 437 x-transition:leave-end="opacity-0 translate-y-1"> 438 439 <div class="" 440 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 441 <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"> 442 <a href="/adverteren" class="menu-item__sub -m
442-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 443 <p class="text-base font-medium text-gray-900"> 444 Adverteren 445 </p> 446 </a> 447 <a href="/crossmediaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 448 <p class="text-base font-medium text-gray-900"> 449 Crossmediaal adverteren 450 </p> 451 </a> 452 <a href="/digitaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 453 <p class="text-base font-medium text-gray-900"> 454 Digitaal adverteren 455 </p> 456 </a> 457 <a href="https://adverteren.telstar-online.nl/campaign/print/maken" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 458 <p class="text-base font-medium text-gray-900"> 459 Zetter opgeven 460 </p> 461 </a> 462 <a href="https://adverteren.telstar-online.nl/campaign/felicitaties" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 463 <p class="text-base font-medium text-gray-900"> 464 Felicitatie 465 </p> 466 </a> 467 </div> 468 </div> 469 </div> 470 </div> 471 <div class="relative sm:border-b-0 border-b hover:text-opacity-60" x-data="{ isOpen: false }"> 472 <button type="button" @click="isOpen = !isOpen" 473 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 474 :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 }" 475 aria-expanded="false"> 476 <span>Contact</span> 477 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 478 :class="{ 'absolute left-0': open,'': !open }" 479 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 480 <path fill-rule="evenodd" 481 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" 482 clip-rule="evenodd" /> 483 </svg> 484 </button> 485 486 <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" 487 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 488 x-show="isOpen" 489 @click.away="isOpen = false" 490 x-transition:enter="transition ease-out duration-200" 491 x-transition:enter-start="opacity-0 translate-y-1" 492 x-transition:enter-end="opacity-100 translate-y-0" 493 x-transition:leave="transition ease-in duration-150" 494 x-transition:leave-start="opacity-100 translate-y-0" 495 x-transition:leave-end="opacity-0 translate-y-1"> 496 497 <div class="" 498 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 499 <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"> 500 <a href="/colofon" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 501 <p class="text-base font-medium text-gray-900"> 502 Colofon 503 </p> 504 </a> 505 <a href="/richtlijnen" class="menu-item__sub -m
505-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 506 <p class="text-base font-medium text-gray-900"> 507 Richtlijnen 508 </p> 509 </a> 510 </div> 511 </div> 512 </div> 513 </div> 514 <div class="relative sm:border-b-0 border-b hover:text-opacity-60" x-data="{ isOpen: false }"> 515 <button type="button" @click="isOpen = !isOpen" 516 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 517 :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 }" 518 aria-expanded="false"> 519 <span>Bezorging</span> 520 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 521 :class="{ 'absolute left-0': open,'': !open }" 522 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 523 <path fill-rule="evenodd" 524 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" 525 clip-rule="evenodd" /> 526 </svg> 527 </button> 528 529 <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" 530 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 531 x-show="isOpen" 532 @click.away="isOpen = false" 533 x-transition:enter="transition ease-out duration-200" 534 x-transition:enter-start="opacity-0 translate-y-1" 535 x-transition:enter-end="opacity-100 translate-y-0" 536 x-transition:leave="transition ease-in duration-150" 537 x-transition:leave-start="opacity-100 translate-y-0" 538 x-transition:leave-end="opacity-0 translate-y-1"> 539 540 <div class="" 541 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 542 <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"> 543 <a href="/afhaalpunten" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 544 <p class="text-base font-medium text-gray-900 hover:text-opacity-60"> 545 Afhaalpunten 546 </p> 547 </a> 548 <a href="/bezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 549 <p class="text-base font-medium text-gray-900 hover:text-opacity-60"> 550 Bezorger worden? 551 </p> 552 </a> 553 <a href="/bezorgklacht" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 554 <p class="text-base font-medium text-gray-900 hover:text-opacity-60"> 555 Bezorgklacht 556 </p> 557 </a> 558 </div> 559 </div> 560 </div> 561 </div> 562 563 564 <div class="flex-grow"></div> 565 566 567 <div x-data="{ searchOpen: false }" class=""> 568 <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class=" flex items-center focus:outline-none focus:border-transparent"> 569 <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">
570 <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> 571 </svg> 572 <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"> 573 <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> 574 </svg> 575 </button> 576 577 <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"> 578 <span class="text-3xl block lg:text-2xl pl-5 font-medium text-black-600 leading-normal">Zoeken</span> 579 <div class="px-4"> 580 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 581 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 582 value="" 583 placeholder="Vul je zoekwoord in.." 584 aria-label="Zoeken"> 585 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 586 <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> 587 </button> 588 </form> 589 </div> 590 </div> 591 </div> 592 </nav> 593 </div> 594 </div> 595 596 597 <div class="md:hidden"> 598 <div x-show="open" 599 x-transition:enter="transition-opacity ease-linear duration-300" 600 x-transition:enter-start="opacity-0" 601 x-transition:enter-end="opacity-100" 602 x-transition:leave="transition-opacity ease-linear duration-300" 603 x-transition:leave-start="opacity-100" 604 x-transition:leave-end="opacity-0" 605 class="fixed inset-0 bg-gray-600 bg-opacity-75"> 606 </div> 607 <nav class="h-12 space-x-8 hidden md:flex relative items-center border-primary border-t-4" 608 :class="{ 'fixed inset-0 flex z-50': open, 'hidden relative items-center h-12 space-x-8': !open }"> 609 610 <div x-show="open" 611 x-transition:enter="transition ease-in-out duration-300 transform" 612 x-transition:enter-start="-translate-x-full" 613 x-transition:enter-end="translate-x-0" 614 x-transition:leave="transition ease-in-out duration-300 transform" 615 x-transition:leave-start="translate-x-0" 616 x-transition:leave-end="-translate-x-full" 617 class="relative flex-1 flex flex-col max-w-xs w-full pb-4 overflow-auto bg-white " @click.away="open = false"> 618 619 <div class="py-5 w-full border border-grey-dark z-10 bg-gray-50"> 620 <div class="px-4"> 621 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 622 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 623 value="" 624 placeholder="Vul je zoekwoord in.." 625 aria-label="Zoeken"> 626 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 627 <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">
627<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> 628 </button> 629 </form> 630 </div> 631 </div> 632 633 <div class="pl-7 py-2 border border-grey-dark"> 634 635<div class="ml-3 relative" x-data="{ isOpen: false }"> 636 <div> 637 <a href="/login?returnUrl=%2fapp"> 638 <button type="button" class="flex hover:text-primary" id="user-menu-button" aria-expanded="false" aria-haspopup="true"> 639 <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"> 640 <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> 641 </svg> 642 </button> 643 </a> 644 </div> 645</div> 646 </div> 647 648 649 650 <a href="/" class="hover:text-opacity-60"> 651 <button type="button" 652 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 653 :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 }"> 654 <span>Nieuws</span> 655 </button> 656 </a> 657 <a href="/app"> 658 <button type="button" 659 class="text-gray-500 text-gray-900 font-medium text-base text-nav group inline-flex items-center" 660 :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 }"> 661 <span>App</span> 662 </button> 663 </a> 664 <a href="/agenda" class="hover:text-opacity-60"> 665 <button type="button" 666 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 667 :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 }"> 668 <span>Agenda</span> 669 </button> 670 </a> 671 <a href="/search" class="hover:text-opacity-60"> 672 <button type="button" 673 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 674 :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 }"> 675 <span>Archief</span> 676 </button> 677 </a> 678 <a href="/marktplein" class="hover:text-opacity-60"> 679 <button type="button" 680 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 681 :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 }"> 682 <span>Marktplein</span> 683 </button> 684 </a> 685 <a href="/bedrijven" class="hover:text-opacity-60"> 686 <button type="button" 687 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 688 :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 }">
689 <span>Bedrijvengids</span> 690 </button> 691 </a> 692 <a href="/joboffers" target="_blank" class="hover:text-opacity-60"> 693 <button type="button" 694 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 695 :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 }"> 696 <span>Vacatures</span> 697 </button> 698 </a> 699 <a href="/overlijdensberichten" class="hover:text-opacity-60"> 700 <button type="button" 701 class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center" 702 :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 }"> 703 <span>Familieberichten</span> 704 </button> 705 </a> 706 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 707 <button type="button" @click="isOpen = !isOpen" 708 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 709 :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 }" 710 aria-expanded="false"> 711 <span>Adverteren</span> 712 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 713 :class="{ 'absolute left-0': open,'': !open }" 714 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 715 <path fill-rule="evenodd" 716 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" 717 clip-rule="evenodd" /> 718 </svg> 719 </button> 720 721 <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" 722 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 723 x-show="isOpen" 724 @click.away="isOpen = false" 725 x-transition:enter="transition ease-out duration-200" 726 x-transition:enter-start="opacity-0 translate-y-1" 727 x-transition:enter-end="opacity-100 translate-y-0" 728 x-transition:leave="transition ease-in duration-150" 729 x-transition:leave-start="opacity-100 translate-y-0" 730 x-transition:leave-end="opacity-0 translate-y-1"> 731 732 <div class="" 733 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 734 <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"> 735 <a href="/adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 736 <p class="text-base font-medium text-gray-900"> 737 Adverteren 738 </p> 739 </a> 740 <a href="/crossmediaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 741 <p class="text-base font-medium text-gray-900"> 742 Crossmediaal adverteren 743 </p> 744 </a> 745 <a href="/digitaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 746 <p class="text-base font-medium text-gray-900"> 747 Digitaal adverteren 748 </p> 749 </a> 750 <a href="https://adverteren.telstar-online.nl/campaign/print/maken" target="_blank" class="menu-item__sub -m
750-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 751 <p class="text-base font-medium text-gray-900"> 752 Zetter opgeven 753 </p> 754 </a> 755 <a href="https://adverteren.telstar-online.nl/campaign/felicitaties" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 756 <p class="text-base font-medium text-gray-900"> 757 Felicitatie 758 </p> 759 </a> 760 </div> 761 </div> 762 </div> 763 </div> 764 <div class="relative sm:border-b-0 border-b hover:text-opacity-60" x-data="{ isOpen: false }"> 765 <button type="button" @click="isOpen = !isOpen" 766 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 767 :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 }" 768 aria-expanded="false"> 769 <span>Contact</span> 770 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 771 :class="{ 'absolute left-0': open,'': !open }" 772 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 773 <path fill-rule="evenodd" 774 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" 775 clip-rule="evenodd" /> 776 </svg> 777 </button> 778 779 <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" 780 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 781 x-show="isOpen" 782 @click.away="isOpen = false" 783 x-transition:enter="transition ease-out duration-200" 784 x-transition:enter-start="opacity-0 translate-y-1" 785 x-transition:enter-end="opacity-100 translate-y-0" 786 x-transition:leave="transition ease-in duration-150" 787 x-transition:leave-start="opacity-100 translate-y-0" 788 x-transition:leave-end="opacity-0 translate-y-1"> 789 790 <div class="" 791 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 792 <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"> 793 <a href="/colofon" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 794 <p class="text-base font-medium text-gray-900"> 795 Colofon 796 </p> 797 </a> 798 <a href="/richtlijnen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 799 <p class="text-base font-medium text-gray-900"> 800 Richtlijnen 801 </p> 802 </a> 803 </div> 804 </div> 805 </div> 806 </div> 807 <div class="relative sm:border-b-0 border-b hover:text-opacity-60" x-data="{ isOpen: false }"> 808 <button type="button" @click="isOpen = !isOpen" 809 class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center" 810 :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 }" 811 aria-expanded="false">
812 <span>Bezorging</span> 813 <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5" 814 :class="{ 'absolute left-0': open,'': !open }" 815 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 816 <path fill-rule="evenodd" 817 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" 818 clip-rule="evenodd" /> 819 </svg> 820 </button> 821 822 <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" 823 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 824 x-show="isOpen" 825 @click.away="isOpen = false" 826 x-transition:enter="transition ease-out duration-200" 827 x-transition:enter-start="opacity-0 translate-y-1" 828 x-transition:enter-end="opacity-100 translate-y-0" 829 x-transition:leave="transition ease-in duration-150" 830 x-transition:leave-start="opacity-100 translate-y-0" 831 x-transition:leave-end="opacity-0 translate-y-1"> 832 833 <div class="" 834 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 835 <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"> 836 <a href="/afhaalpunten" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 837 <p class="text-base font-medium text-gray-900 hover:text-opacity-60"> 838 Afhaalpunten 839 </p> 840 </a> 841 <a href="/bezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 842 <p class="text-base font-medium text-gray-900 hover:text-opacity-60"> 843 Bezorger worden? 844 </p> 845 </a> 846 <a href="/bezorgklacht" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 847 <p class="text-base font-medium text-gray-900 hover:text-opacity-60"> 848 Bezorgklacht 849 </p> 850 </a> 851 </div> 852 </div> 853 </div> 854 </div> 855 856 857 858 859 </div> 860 <div x-show="open" 861 x-transition:enter="ease-in-out duration-300" 862 x-transition:enter-start="opacity-0" 863 x-transition:enter-end="opacity-100" 864 x-transition:leave="ease-in-out duration-300" 865 x-transition:leave-start="opacity-100" 866 x-transition:leave-end="opacity-0" 867 class="absolute top-0 right-0 -mr-12 pt-2"> 868 <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"> 869 <span class="sr-only">Sluit zijkant</span> 870 <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"> 871 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> 872 </svg> 873 </button> 874 </div> 875 </nav> 876 </div> 877 </div> 878 </nav> 879</header> 880 881<main role="main" class="pb-3 mt-0 pt-1 md:pt-0 md:mt-4"> 882 883 884 885<style type="text/css"> 886 @media (min-width: 1024px) { 887 .custompage-settings-open { margin-left: 0 !important; margin-right: 36rem !important; } 888 } 889</style> 890<div x-data="{ IsRedirect : false, settingsOpen: false }" 891 @open-redirect="IsRedirect=true" 892 @close-redirect="IsRedirect=false" 893 :class="{ 'custompage-settings-open': settingsOpen }" 894 class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 mt-10 mb-2"> 895 896 <div x-show="!IsRedirect" class="prose max-w-none" id=""> 897<h1 style="color: rgb(244, 151, 19); text-align: left;"><span style="font-size: 24px;">Download de Telstar Online app</span></h1><div class="flex-container"><div class="flex-item-left"><a href="https://apps.apple.com/nl/app/telstar/id1643895862" rel="noopener noreferrer" target="_blank"><img src="https://telstarmediacentrum.nl/wp-content/uploads/2024/06/App-store.png" alt="Button app store" style="height: auto; max-width: 250px;" class="fr-fic fr-dii"></a></div><div class="flex-item-right"><a href="https://play.google.com/store/apps/details?id=nl.pubble.telstar&pcampaignid=web_share" rel="noopener noreferrer" target="_blank"><img src="https://telstarmediacentrum.nl/wp-content/uploads/2024/06/Google-play-store.png" alt="Button google play" style="height: auto; max-width: 250px;" class="fr-fic fr-dii"></a></div></div><p>Maak kennis met nieuwsapp Telstar Online: dé app die je elk moment van de dag op de hoogte brengt van het laatste lokale nieuws uit Pijnacker-Nootdorp en Delfgauw.<br>Hier lees je ook weekblad Telstar.</p><p><strong style="color:#F49713; font-size: 16px;">Breaking nieuwsmeldingen</strong><br>Ontvang realtime updates over actuele nieuwsberichten uit jouw buurt.<br>Zo blijf jij 24/7 op de hoogte van het lokale nieuws.</p><p><strong style="color:#F49713; font-size: 16px;">Deel interessante artikelen</strong><br>Sla interessante artikelen op voor later gebruik of deel ze met vrienden en familie via sociale media, e-mail of berichtenapps.</p><p><strong style="color:#F49713; font-size: 16px;">Gebruiksvriendelijk</strong><br>Geniet van een strak en intuïtief ontwerp dat zorgt voor naadloze navigatie en een verbeterde leeservaring. Switch tussen de donker- en lichtmodus en pas de lettergroottes aan.<br>Download vandaag nog Telstar Online vanuit de <a href="https://apps.apple.com/nl/app/telstar/id1643895862"><strong class="text-primary">App Store</strong></a> of <a href="https://play.google.com/store/apps/details?id=nl.pubble.telstar&pcampaignid=web_share&pli=1"><strong class="text-primary">Play Store</strong></a> om op de hoogte te blijven, geïnformeerd te worden en verbonden te blijven met de wereld om je heen.</p><p><br></p><p><img src="https://telstarmediacentrum.nl/wp-content/uploads/2023/10/telstar-app-scaled.jpg" class="fr-fic fr-dii fr-fil"></p><p><br></p> </div> 898</div> 899 900 901</main> 902 903 904<footer class="css-bg-footer bg-gray-800 pt-0 sm:mt-10"> 905 906 <div class="max-w-7xl px-2 pt-5 m-auto text-gray-800 flex flex-wrap justify-left"> 907 <div class="p-5 w-full md:flex sm:w-4/12 md:w-10/12 "> 908 909 <div class="pt-5 md:p-0 w-full md:w-12/12 text-gray-300"> 910 <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">Boezemweg 21</p><p class="text-gray-400 text-sm font-medium">2641 KG Pijnacker</p><p class="text-gray-400 text-sm font-medium">015 - 361 54 77</p><p><br></p><p class="text-gray-400 text-sm font-medium">Postadres:</p><p class="text-gray-400 text-sm font-medium">Postbus 109</p><p class="text-gray-400 text-sm font-medium">2640 AC Pijnacker</p></div><div class="md:col-span-4 col-span-12 w-full "><p><strong>Advertenties:</strong></p><p class="block text-gray-400 hover:text-gray-100 text-sm font-medium duration-700"><a href="mailto:[email protected]">[email protected]</a></p><p class="text-gray-400 text-sm font-medium">015 - 361 54 77</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><p class="block text-gray-400 hover:text-gray-100 text-sm font-medium duration-700">015 - 361 54 77</p><p class="text-gray-400 text-sm font-medium">WhatsApp nieuwsbeelden: 06 - 2879 2157</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.telstar-online.nl/privacy" rel="noopener noreferrer" target="_blank"><span class="text-gray-200">privacybeleid</span></a>.</p></div> 911 </div> 912 </div> 913 914 </div> 915 916 917 <div class="max-w-7xl px-2 m-auto w-full"> 918 919 <ul role="list" class="flex items-center space-x-1 mt-4 mb-2 justify-end"> 920 921 922 <li> 923 <div class="mx-2 bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 924 <a href="//facebook.com/telstaronline.pijnacker" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="facebook"> 925 <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">
926 <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> 927 </svg> 928 </a> 929 </div> 930 </li> 931 932 <li> 933 <div class="mx-2 bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 934 <a href="https://www.instagram.com/telstaronline" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="instagram"> 935 <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> 936 <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> 937 </svg> 938 </a> 939 </div> 940 </li> 941 942 <li> 943 <div class="mx-2 bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 944 <a href="https://x.com/telstaronline" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="twitter"> 945 <svg class="h-4" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> 946 <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"/> 947 </svg> 948 </a> 949 </div> 950 </li> 951 952 953 <li> 954 <div class="mx-2 bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 955 <a href="http://www.youtube.com/user/Telstarvideoteam" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="youtube"> 956 <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> 957 <path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path> 958 </svg> 959 </a> 960 </div> 961 </li> 962 963 964 965 966 967 968 <li> 969 <div class="mx-2 bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 970 <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"> 971 <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">
972 <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> 973 </svg> 974 </a> 975 </div> 976 </li> 977 978 </ul> 979 </div> 980 981 <div class="pt-2"> 982 <div class="flex pb-5 px-3 m-auto pt-5 983 border-t border-gray-500 text-gray-400 text-sm 984 flex-col md:flex-row max-w-7xl px-2"> 985 <div class="mt-2"> 986 © Copyright Telstar Mediacentrum | 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. 987 Gemaakt met 988 <a style="font-weight: bold;" href="https://www.pubble.nl/" target="_blank" rel="noopener"> 989 <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=""> 990 </a> 991 </div> 992 </div> 993 </div> 994</footer> 995 996 <div id="subscribe_container" style="position: fixed; top: 0px; width: 100%; z-index: 999999991; display: none; "> 997 <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); "> 998 <div> 999 <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> 1000 </div> 1001 <div style="clear:both;"> 1002 <div onclick="pushNotification.reqPermission();pushNotification.closeSubscribe();" 1003 class="py-4 text-center bg-primary text-white cursor-pointer rounded font-bold mt-4 mb-2 w-full"> 1004 Ja houd mij op de hoogte! 1005 </div> 1006 <a href="#" onclick="pushNotification.closeSubscribe();"> 1007 Nee, bedankt 1008 </a> 1009 </div> 1010 </div> 1011 </div> 1012 1013 1014 1015 1016 1017 1018
1018<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble.script.min.js?version=260925-2"></script>
1018 1019
1019<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/pubble.PubbleContent.js?v=260902-1"></script>
vendor: 1 bytes, line 1019
1019
1020<script type="text/javascript" src="/lure/js/pubble/lures.js?version=260925-2"></script>
vendor: 1 bytes, line 1020
1020
1021<script src="/components/js/pubble.stats.min.js?app_name=web&version=260925-2" async></script>
1021 1022
1022<script defer src="/components/rum/pubble-rum.js?v=260925-2"></script>
1022 1023 1024 1025 1026 1027 1028 1029 1030 1031<!-- web-earth--r189-1-85756f968c-6rnf4 --> 1032</body> 1033</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.