PageSourceSearch

https://www.osasense.com/about

html osasense.com collected 2026-10-06 21:13:21 UTC 62,497 bytes, 1,214 lines download raw bytes

1<!DOCTYPE html>
2<html lang="nl">
3    <head>
4        <meta http-equiv="origin-trial"
5              content="Az520Inasey3TAyqLyojQa8MnmCALSEU29yQFW8dePZ7xQTvSt73pHazLFTK5f7SyLUJSo2uKLesEtEa9aUYcgMAAACPeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZyIsImV4cGlyeSI6MTcyNTQwNzk5OSwiaXNTdWJkb21haW4iOnRydWUsImlzVGhpcmRQYXJ0eSI6dHJ1ZX0=">
6        <meta charset="UTF-8">
7        <meta name="viewport" content="width=device-width, initial-scale=1.0">
8        <meta http-equiv="X-UA-Compatible" content="ie=edge">
9        <title>OSAsense</title>
10        <meta name="csrf-token" content="HeeohL2wsCLzyRbBYkdqWjnqPMNDKoTglgHSyNgQ">
11        <meta name="keywords" content="OSAsense, Haaksbergen, Slaapapneu, Gevalideerde screeningstool, DiagnOSAS">
12        <meta name="description" content="Een klinisch gevalideerde screeningstool voor slaapapneu.">
13        <meta name="subject" content="Een klinisch gevalideerde screeningstool voor slaapapneu.">
14        <meta name="copyright" content="OSAsense">
15        <meta name="language" content="NL">
16        <meta name="author" content="OSAsense, [email protected]">
17        <meta name="reply-to" content="[email protected]">
18        <meta name="owner" content="OSAsense">
19        <link rel="icon" href="/assets/favicon.png" type="image/x-icon" />
20        <link rel="shortcut icon" href="/assets/favicon.png" type="image/x-icon" />
21        <link rel="stylesheet" href="/assets/css/all.css">
22        <title>OSAsense</title>
23        <meta name="description" content="OSAsense">
24<meta property="og:title" content="OSAsense | Ons" />
25<meta property="og:description" content="OSAsense" />
26
27
28        <link rel="preload" as="style" href="https://www.osasense.com/build/assets/site-bcc181e9.css" /><link rel="modulepreload" href="https://www.osasense.com/build/assets/site-3a95a435.js" /><link rel="stylesheet" href="https://www.osasense.com/build/assets/site-bcc181e9.css" />
28<script type="module" src="https://www.osasense.com/build/assets/site-3a95a435.js"></script>
28
29    </head>
30
31    <body class="flex flex-col min-h-screen overflow-x-hidden">
32        <header>
33            <div class="relative">
34    <div class="relative flex justify-center h-20 z-30 px-8 shadow-md">
35        <nav x-data="{ isMobile: false, showMobileNav: false }" x-screen="isMobile = ($width < 1024)" x-cloak
36             class="container flex flex-wrap content-center items-center justify-between py-10 lg:py-6">
37            <div class="lg:mt-2 antialiased font-medium text-md max-w-[200px] lg:w-[140px] xl:w-[200px]">
38                <a href="/" aria-label="OSAsense" class="block mr-12 text-xl font-black lg:inline-block">
39    
40        <img src="/assets/logo.svg" alt="Logo" class="max-h-8">
41    
42</a>
43
44            </div>
45
46            <!-- Toggle Button (mobile) -->
47            <div class="block lg:hidden flex items-center">
48    <div class="w-8 cursor-pointer inline-block relative text-center">
49        <li class="flex justify-center items-center" x-cloak>
50            <img alt="Language selector"
51                 src="/assets/flags/nl.svg"
52                 class="inline self-center w-6"
53                 id="current-language-btn-mobile">
54        </li>
55        <div id="language-options-mobile" class="hidden cursor-pointer absolute right-0 mt-2 w-full bg-white rounded-sm border-1 border-gray-400 ring-opacity-5 shadow-lg" x-cloak>
56            <div class="my-1 flex flex-col space-y-1">
57                
58                
59                
60                
61                <a href="/en/about">
62                    <img alt="en"
63                         src="/assets/flags/en.svg"
64                         class="inline self-center w-6">
65                </a>
66                
67                
68                
69                <a href="/de/about">
70                    <img alt="de"
71                         src="/assets/flags/de.svg"
72                         class="inline self-center w-6">
73                </a>
74                
75                
76            </div>
77        </div>
78    </div>
79
80    <button id="open-toggle" class="flex items-center p-3 text-gray-800" x-bind:class="{ 'hidden': showMobileNav }"
81        @click="showMobileNav = true">
82        <svg class="w-5 h-5 fill-current" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
83            <title>Open Menu</title>
84            <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
85        </svg>
86    </button>
87
88    <button class="items-center p-3 text-gray-800" x-bind:class="{ 'flex': showMobileNav, 'hidden': ! showMobileNav }"
89        @click="showMobileNav = false" x-cloak>
90        <svg class="w-5 h-5 fill-current" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
91            <title>Close Menu</title>
92            <path
93                d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z" />
94        </svg>
95    </button>
96</div>
97
98<script>
99    document.addEventListener('DOMContentLoaded', function () {
100        document.getElementById('current-language-btn-mobile').addEventListener('click', function () {
101            toggleLanguageOptions('language-options-mobile');
102        });
103
104        document.getElementById('open-toggle').addEventListener('click', function () {
105            const optionsElement = document.getElementById('language-options-mobile');
106            let hidden = optionsElement.classList.contains('hidden');
107            if (!hidden) {
108                toggleLanguageOptions('language-options-mobile');
109            }
110        });
111    });
112</script>
112
113
114
115            <!-- Mobile -->
116            <div id="mobile-nav" class="items-center h-full w-full lg:hidden" x-cloak x-show="showMobileNav" @click.outside="showMobileNav = false">
117    <div class="bg-white mt-1 -mx-8 px-10 pb-8 shadow-md border-t-1 border-gray-300">
118        <ul class="divide-y mt-4 mb-6">
119            
120            <li>
121                <a href="/" aria-label="Home" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all
122        block  ">
123                    Home
124                    
125                </a>
126            </li>
127            
128            <li>
129                <a href=" javascript:void(0) " aria-label="Over" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all
130        block  text-[#7371b5]">
131                    Over
132                    
133                        <div class="ml-5 pt-4 -mb-4 flex flex-col items-start">
134                            
135                                <button onclick="redirectToPage(this, event, '/about', '/')" class="flex flex-nowrap lg:text-sm font-sans text-gray-600 py-3">
136                                    <span class=" text-[#7371b5]"><i class="mr-5 fas fa-angle-right"></i>
137                                    Ons</span>
138                                </button>
139                            
140                                <button onclick="redirectToPage(this, event, '/collaborations', '/')" class="flex flex-nowrap lg:text-sm font-sans text-gray-600 py-3">
141                                    <span class=" "><i class="mr-5 fas fa-angle-right"></i>
142                                    Samenwerkingen</span>
143                                </button>
144                            
145                        </div>
146                    
147                </a>
148            </li>
149            
150            <li>
151                <a href="/services" aria-label="Diensten" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all
152        block  ">
153                    Diensten
154                    
155                </a>
156            </li>
157            
158            <li>
159                <a href="/support" aria-label="Ondersteuning" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all
160        block  ">
161                    Ondersteuning
162                    
163                </a>
164            </li>
165            
166            <li>
167                <a href="/patient-information" aria-label="Patiënteninformatie" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all
168        block  ">
169                    Patiënteninformatie
170                    
171                </a>
172            </li>
173            
174            <li>
175                <a href="/join" aria-label="Aanmelden" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all
176        block  ">
177                    Aanmelden
178                    
179                </a>
180            </li>
181            
182        </ul>
183
184        <div class="inline lg:px-2 py-2 text-lg font-medium tracking-wider text-gray-700 cursor-pointer trans whitespace-no-wrap">
185            <a href="https://app.osasense.com/login"
186               target="_blank"
187               aria-label="Login to our client panel!"
188               rel="noreferrer"
189               class="px-4 py-2 text-white rounded-lg bg-gradient-purple trans focus:outline-none hover:shadow-md hover:opacity-85">
190                <span class="mr-2 fas fa-user"></span>Inloggen
191            </a>
192        </div>
193    </div>
194</div>
195
196
197
198
199            <!-- Desktop -->
200            <!-- Desktop -->
201<template x-if="!isMobile">
202    <ul class="hidden lg:w-auto lg:flex lg:items-center md:text-xs xl:text-sm">
203        
204            <li>
205                <a href="/" aria-label="Home" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all
206        block text-[#4a5568]  cursor-pointer">
207                    Home
208                        
209                    
210                </a>
211            </li>
212        
213            <li>
214                <a href=" javascript:void(0) " aria-label="Over" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all
215        block text-[#4a5568] text-[#7371b5] cursor-default">
216                    Over
217                        
218                            <span><i class="ml-1 fas fa-angle-down text-[#4a5568] group-hover:text-[#7371b5]  text-[#7371b5]"></i></span>
219                        
220                    
221                    <div class="absolute hidden z-10 bg-grey-200 group-hover:block">
222                        <div class="-ml-12 bg-white shadow-md mt-10 border-1 border-gray-300 rounded-[4px]">
223                            <div class="grid grid-cols-1 px-6">
224                                
225                                <button onclick="redirectToPage(this, event, '/about', '/')" class="lg:text-sm font-sans  py-3 hover:text-[#7371b5]  border-b-1 border-gray-300   text-[#7371b5] ">
226                                    Ons
227                                </button>
228                                
229                                <button onclick="redirectToPage(this, event, '/collaborations', '/')" class="lg:text-sm font-sans  py-3 hover:text-[#7371b5]   text-gray-600 ">
230                                    Samenwerkingen
231                                </button>
232                                
233                            </div>
234                        </div>
235                    </div>
236                    
237                </a>
238            </li>
239        
240            <li>
241                <a href="/services" aria-label="Diensten" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all
242        block text-[#4a5568]  cursor-pointer">
243                    Diensten
244                        
245                    
246                </a>
247            </li>
248        
249            <li>
250                <a href="/support" aria-label="Ondersteuning" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all
251        block text-[#4a5568]  cursor-pointer">
252                    Ondersteuning
253                        
254                    
255                </a>
256            </li>
257        
258            <li>
259                <a href="/patient-information" aria-label="Patiënteninformatie" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all
260        block text-[#4a5568]  cursor-pointer">
261                    Patiënteninformatie
262                        
263                    
264                </a>
265            </li>
266        
267            <li>
268                <a href="/join" aria-label="Aanmelden" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all
269        block text-[#4a5568]  cursor-pointer">
270                    Aanmelden
271                        
272                    
273                </a>
274            </li>
275        
276    </ul>
277</template>
278
279<template x-if="!isMobile">
280    <div class="w-8 cursor-pointer inline-block relative text-center">
281        <li class="flex justify-center">
282            <img alt="nl"
283                 src="/assets/flags/nl.svg"
284                 class="inline self-center w-6"
285                 id="current-language-btn">
286        </li>
287        <div id="language-options" class="hidden cursor-pointer absolute right-0 mt-2 w-full bg-white rounded-sm border-1 border-gray-400 ring-opacity-5 shadow-lg">
288            <div class="my-1 flex flex-col space-y-1">
289                
290                    
291                
292                    
293                        <a href="/en/about">
294                            <img alt="en"
295                                 src="/assets/flags/en.svg"
296                                 class="inline self-center w-6">
297                        </a>
298                    
299                
300                    
301                        <a href="/de/about">
302                            <img alt="de"
303                                 src="/assets/flags/de.svg"
304                                 class="inline self-center w-6">
305                        </a>
306                    
307                
308            </div>
309        </div>
310    </div>
311</template>
312
313<!-- Desktop Login Button -->
314<template x-if="!isMobile">
315    <div id="desktop-login-btn" class="inline py-2 text-lg font-medium tracking-wider text-gray-700 cursor-pointer trans whitespace-no-wrap">
316        <a href="https://app.osasense.com/login"
317           target="_blank"
318           aria-label="Login to our client panel!"
319           rel="noreferrer"
320           class="px-4 py-2 text-white rounded-lg bg-gradient-purple trans focus:outline-none hover:shadow-md hover:opacity-85">
321            <span class="mr-2 fas fa-user"></span>Inloggen
322        </a>
323    </div>
324</template>
325<script>
326    document.addEventListener('DOMContentLoaded', function () {
327        handleResize();
328        window.addEventListener('resize', handleResize);
329
330        document.getElementById('current-language-btn').addEventListener('click', function () {
331            toggleLanguageOptions('language-options');
332        });
333    });
334    function handleResize() {
335        const loginButtonElement = document.getElementById('desktop-login-btn');
336        const languageElement = document.getElementById('current-language-btn');
337        let isTablet = window.innerWidth < 1024;
338
339        if (isTablet) {
340            if(loginButtonElement !== null && languageElement !== null) {
341                loginButtonElement.classList.add('hidden');
342                languageElement.classList.add('hidden');
343            }
344        } else {
345            if(loginButtonElement !== null && languageElement !== null) {
346                loginButtonElement.classList.remove('hidden');
347                languageElement.classList.remove('hidden');
348            }
349        }
350    }
351
352    function toggleLanguageOptions(optionsElementId) {
353        const optionsElement = document.getElementById(optionsElementId);
354        let hidden = optionsElement.classList.contains('hidden');
355        if (!hidden) {
356            optionsElement.classList.add('hidden');
357            document.removeEventListener('click', handleClickOutside);
358        } else {
359            optionsElement.classList.remove('hidden');
360            setTimeout(() => {
361                document.addEventListener('click', handleClickOutside);
362            }, 100);
363        }
364    }
365
366    function handleClickOutside(event) {
367        let isTablet = window.innerWidth < 1024;
368        let optionsElement;
369        if (isTablet) {
370            optionsElement = document.getElementById('language-options-mobile');
371        } else {
372            optionsElement = document.getElementById('language-options');
373        }
374        if (!optionsElement.classList.contains('hidden')) {
375            const isClickInside = optionsElement.contains(event.target);
376            if (!isClickInside) {
377                optionsElement.classList.add('hidden');
378                document.removeEventListener('click', handleClickOutside);
379            }
380        }
381    }
382
383    function redirectToPage(button, event, url, lang) {
384        if (lang === '/en' || lang === '/de') {
385            if (!url.startsWith('/en') && !url.startsWith('/de')) {
386                url = lang + url;
387            }
388        }
389        event.preventDefault();
390        window.location.href = url;
391    }
392</script>
392
393
394        </nav>
395    </div>
396</div>
397
398        </header>
399
400        <div class="bg-gray-100 pt-8 pb-16 px-8 text-lg leading-relaxed text-gray-800">
401    <!-- About us section -->
402    <div class="container mx-auto space-y-3">
403        <div>
404            <h1 class="text-3xl font-bold tracking-wide text-black leading-loose-xl">
405                Over OSAsense B.V.
406            </h1>
407            <p>OSAsense is ontstaan uit de constatering dat de diagnose van slaapapneu voor patiënten aanzienlijk verbeterd kan worden. Momenteel blijkt dat 20% tot 35% van de patiënten die naar het ziekenhuis worden verwezen met een verdenking op slaapapneu, uiteindelijk geen slaapapneu heeft. Tegelijkertijd wijzen onderzoeken uit dat er in Nederland veel mensen zijn die lijden aan slaapapneu zonder daarvoor behandeld te worden, terwijl zij vaak wel negatieve gezondheidseffecten ondervinden. De huidige methode (poly(somno)grafie) om slaapapneu vast te stellen is complex, tijdrovend en kostbaar.</p>
408        </div>
409        
410        <section>
411            <h3 class="text-xl font-semibold text-main leading-loose-xl">
412                Onze oplossing
413            </h3>
414            <p>We hebben het OSAsense platform ontwikkeld met als voornaamste doel het bieden van een oplossing waarmee patiënten thuis op een laagdrempelige, snelle en kosteneffectieve manier uitgesloten kunnen worden op de waarschijnlijkheid van slaapapneu. Dit door middel van een nachtelijke saturatiemeting en een gevalideerde vragenlijst.</p>
415        </section>
416        
417        <section>
418            <h3 class="text-xl font-semibold text-main leading-loose-xl">
419                Onze aanpak
420            </h3>
421            <p>Onze handelwijze is gebaseerd op evidence-based principes, waarbij we de richtlijnen voor ethisch medisch handelen volgen. Daarnaast streven we ernaar een rol te spelen in het vergroten van het bewustzijn onder huisartsen en patiënten over diverse aspecten, waaronder slaaphygiëne, symptomen, diagnostiek en behandeling van slaapapneu. Voor meer informatie verwijzen we u door naar onze <a href="/services"><span class="text-color" style="color: #7371b5">Diensten</span></a><span class="text-color" style="color: #7371b5"> </span>pagina.</p>
422        </section>
423        
424    </div>
425    <!-- Our team section -->
426    <div class="py-8 my-12 -mx-8 "  style="background-image: url(' /assets/banners/banner_about_us.png '); background-size: cover" >
427        <section class="fade-in container px-8 pb-8 mx-auto sm:px-2 xl:px-0 overflow-x-hidden">
428            <h1 class="mb-2 sm:px-6 xl:px-0 text-3xl text-shadow-md font-bold tracking-wide text-white leading-loose-xl">
429            Ons team
430            </h1>
431            <div id="staff" class="group flex">
432                
433                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
434                     style="box-sizing: border-box;">
435                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
436                        <div class="w-full">
437                            
438                            
439                            <img alt=""
440                                 src="/assets/staff/37.png"
441                                 class="block w-full rounded-t trans">
442                            
443                        </div>
444                        <div class="px-1 py-4">
445                            <p class="text-main">
446                            Dr.Ir. R.J. Mentink
447                            </p>
448                            <span class="text-sm text-gray-600">CEO - Directeur</span>
449                            
450                            <ul class="mt-2">
451                                <li>
452                                    <a href="https://www.linkedin.com/in/rjmentink/"
453                                       target="_blank"
454                                       rel="noreferrer"
455                                       class="text-gray-800 cursor-pointer trans hover:text-main">
456                                        <i class="fab fa-linkedin-in "></i>
457                                    </a>
458                                </li>
459                            </ul>
460                            
461                        </div>
462                    </div>
463                </div>
464                
465                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
466                     style="box-sizing: border-box;">
467                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
468                        <div class="w-full">
469                            
470                            
471                            <img alt=""
472                                 src="/assets/staff/djoni.png"
473                                 class="block w-full rounded-t trans">
474                            
475                        </div>
476                        <div class="px-1 py-4">
477                            <p class="text-main">
478                            Mevr. D. Wichman
479                            </p>
480                            <span class="text-sm text-gray-600">COO - Operationeel Directeur</span>
481                            
482                            <ul class="mt-2">
483                                <li>
484                                    <a href="https://www.linkedin.com/in/djoni-wichman-a46951195/"
485                                       target="_blank"
486                                       rel="noreferrer"
487                                       class="text-gray-800 cursor-pointer trans hover:text-main">
488                                        <i class="fab fa-linkedin-in "></i>
489                                    </a>
490                                </li>
491                            </ul>
492                            
493                        </div>
494                    </div>
495                </div>
496                
497                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
498                     style="box-sizing: border-box;">
499                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
500                        <div class="w-full">
501                            
502                            
503                            <img alt=""
504                                 src="/assets/staff/9.png"
505                                 class="block w-full rounded-t trans">
506                            
507                        </div>
508                        <div class="px-1 py-4">
509                            <p class="text-main">
510                            Dr. R. Pleijhuis
511                            </p>
512                            <span class="text-sm text-gray-600">CMO - Medisch Directeur</span>
513                            
514                            <ul class="mt-2">
515                                <li>
516                                    <a href="https://www.linkedin.com/in/rick-pleijhuis-11349411/"
517                                       target="_blank"
518                                       rel="noreferrer"
519                                       class="text-gray-800 cursor-pointer trans hover:text-main">
520                                        <i class="fab fa-linkedin-in "></i>
521                                    </a>
522                                </li>
523                            </ul>
524                            
525                        </div>
526                    </div>
527                </div>
528                
529                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
530                     style="box-sizing: border-box;">
531                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
532                        <div class="w-full">
533                            
534                            
535                            <img alt=""
536                                 src="/assets/staff/6.png"
537                                 class="block w-full rounded-t trans">
538                            
539                        </div>
540                        <div class="px-1 py-4">
541                            <p class="text-main">
542                            Dr. T.A. Hueting
543                            </p>
544                            <span class="text-sm text-gray-600">CSO - Wetenschappelijk Manager</span>
545                            
546                            <ul class="mt-2">
547                                <li>
548                                    <a href="https://www.linkedin.com/in/tom-hueting-814398a3/"
549                                       target="_blank"
550                                       rel="noreferrer"
551                                       class="text-gray-800 cursor-pointer trans hover:text-main">
552                                        <i class="fab fa-linkedin-in "></i>
553                                    </a>
554                                </li>
555                            </ul>
556                            
557                        </div>
558                    </div>
559                </div>
560                
561                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
562                     style="box-sizing: border-box;">
563                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
564                        <div class="w-full">
565                            
566                            
567                            <img alt=""
568                                 src="/assets/staff/43.png"
569                                 class="block w-full rounded-t trans">
570                            
571                        </div>
572                        <div class="px-1 py-4">
573                            <p class="text-main">
574                            Mevr. D.S. Moejes
575                            </p>
576                            <span class="text-sm text-gray-600">Kwaliteitsmedewerker</span>
577                            
578                            <ul class="mt-2">
579                                <li>
580                                    <a href="https://www.linkedin.com/in/ditte-moejes-02aa30bb/"
581                                       target="_blank"
582                                       rel="noreferrer"
583                                       class="text-gray-800 cursor-pointer trans hover:text-main">
584                                        <i class="fab fa-linkedin-in "></i>
585                                    </a>
586                                </li>
587                            </ul>
588                            
589                        </div>
590                    </div>
591                </div>
592                
593                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
594                     style="box-sizing: border-box;">
595                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
596                        <div class="w-full">
597                            
598                            
599                            <img alt=""
600                                 src="/assets/staff/jean-luc.png"
601                                 class="block w-full rounded-t trans">
602                            
603                        </div>
604                        <div class="px-1 py-4">
605                            <p class="text-main">
606                            Hr. J.L. De Comarmond
607                            </p>
608                            <span class="text-sm text-gray-600">Software ontwikkelaar</span>
609                            
610                            <ul class="mt-2">
611                                <li>
612                                    <a href="https://www.linkedin.com/in/jean-luc-de-comarmond-770ab919a/"
613                                       target="_blank"
614                                       rel="noreferrer"
615                                       class="text-gray-800 cursor-pointer trans hover:text-main">
616                                        <i class="fab fa-linkedin-in "></i>
617                                    </a>
618                                </li>
619                            </ul>
620                            
621                        </div>
622                    </div>
623                </div>
624                
625                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
626                     style="box-sizing: border-box;">
627                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
628                        <div class="w-full">
629                            
630                            
631                            <img alt=""
632                                 src="/assets/staff/lydianne2.png"
633                                 class="block w-full rounded-t trans">
634                            
635                        </div>
636                        <div class="px-1 py-4">
637                            <p class="text-main">
638                            Mevr. L.D. De Comarmond
639                            </p>
640                            <span class="text-sm text-gray-600">Software ontwikkelaar</span>
641                            
642                            <ul class="mt-2">
643                                <li>
644                                    <a href="https://www.linkedin.com/in/lydianne-d-06267a14a/"
645                                       target="_blank"
646                                       rel="noreferrer"
647                                       class="text-gray-800 cursor-pointer trans hover:text-main">
648                                        <i class="fab fa-linkedin-in "></i>
649                                    </a>
650                                </li>
651                            </ul>
652                            
653                        </div>
654                    </div>
655                </div>
656                
657                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
658                     style="box-sizing: border-box;">
659                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
660                        <div class="w-full">
661                            
662                            
663                            <img alt=""
664                                 src="/assets/staff/foto-s-website-.png"
665                                 class="block w-full rounded-t trans">
666                            
667                        </div>
668                        <div class="px-1 py-4">
669                            <p class="text-main">
670                            Mevr. S. Nijhuis
671                            </p>
672                            <span class="text-sm text-gray-600">Medisch Support Specialist</span>
673                            
674                            <ul class="mt-2">
675                                <li>
676                                    <a href="https://www.linkedin.com/in/sanne-nijhuis-69b20b225/"
677                                       target="_blank"
678                                       rel="noreferrer"
679                                       class="text-gray-800 cursor-pointer trans hover:text-main">
680                                        <i class="fab fa-linkedin-in "></i>
681                                    </a>
682                                </li>
683                            </ul>
684                            
685                        </div>
686                    </div>
687                </div>
688                
689                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
690                     style="box-sizing: border-box;">
691                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
692                        <div class="w-full">
693                            
694                            
695                            <img alt=""
696                                 src="/assets/staff/gijs.png"
697                                 class="block w-full rounded-t trans">
698                            
699                        </div>
700                        <div class="px-1 py-4">
701                            <p class="text-main">
702                            Hr. G.T. Ariens
703                            </p>
704                            <span class="text-sm text-gray-600">Support medewerker</span>
705                            
706                            <ul class="mt-2">
707                                <li>
708                                    <a href="https://www.linkedin.com/in/gijs-ari%C3%ABns-5b6194292/"
709                                       target="_blank"
710                                       rel="noreferrer"
711                                       class="text-gray-800 cursor-pointer trans hover:text-main">
712                                        <i class="fab fa-linkedin-in "></i>
713                                    </a>
714                                </li>
715                            </ul>
716                            
717                        </div>
718                    </div>
719                </div>
720                
721                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
722                     style="box-sizing: border-box;">
723                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
724                        <div class="w-full">
725                            
726                            
727                            <img alt=""
728                                 src="/assets/staff/nieke.png"
729                                 class="block w-full rounded-t trans">
730                            
731                        </div>
732                        <div class="px-1 py-4">
733                            <p class="text-main">
734                            Mevr. N. Miskotte
735                            </p>
736                            <span class="text-sm text-gray-600">BML Student</span>
737                            
738                            <ul class="mt-2">
739                                <li>
740                                    <a href="www.linkedin.com/in/nické-miskotte-7a955b361"
741                                       target="_blank"
742                                       rel="noreferrer"
743                                       class="text-gray-800 cursor-pointer trans hover:text-main">
744                                        <i class="fab fa-linkedin-in "></i>
745                                    </a>
746                                </li>
747                            </ul>
748                            
749                        </div>
750                    </div>
751                </div>
752                
753                <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans"
754                     style="box-sizing: border-box;">
755                    <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto">
756                        <div class="w-full">
757                            
758                            
759                            <img alt=""
760                                 src="/assets/staff/ontwerp-zonder-titel.png"
761                                 class="block w-full rounded-t trans">
762                            
763                        </div>
764                        <div class="px-1 py-4">
765                            <p class="text-main">
766                            Hr. Yeti
767                            </p>
768                            <span class="text-sm text-gray-600">DOG (Designated Office Guard)</span>
769                            
770                            <ul class="mt-2">
771                                <li>
772                                    <a href=""
773                                       target="_blank"
774                                       rel="noreferrer"
775                                       class="text-gray-800 cursor-pointer trans hover:text-main">
776                                        <i class="fab fa-linkedin-in  text-white "></i>
777                                    </a>
778                                </li>
779                            </ul>
780                            
781                        </div>
782                    </div>
783                </div>
784                
785            </div>
786        </section>
787    </div>
788    <!-- Vacancies section -->
789    <div id="leading">
790        <div class="container mx-auto">
791            <section>
792                <div class="fade-in block mb-4 text-center md:mb-8">
793                    <h1 class="inline text-3xl font-semibold tracking-wider text-center text-gray-800 md:text-4xl md:pb-1 md:border-b-3 md:border-main">
794                        Onze Vacatures
795                    </h1>
796                </div>
797
798                <div class="flex flex-col py-2 space-y-4">
799                    
800                    <div class="fade-in flex-auto flex-col flex-wrap w-full mb-6 md:mb-0">
801                        <h3 class="mb-1 text-xl font-medium text-left md:text-2xl md:mb-3">
802                            Wij zijn op zoek naar een (Embedded) Software Engineer (32-40 uur)
803                        </h3>
804                        <p class="text-left text-gray-900 opacity-75">
805                            <p><strong>Bouw mee aan onze software én de firmware voor onze e-health innovaties</strong></p><p>Krijg jij energie van de combinatie tussen webdevelopment en embedded software, en bedenk je graag slimme technische oplossingen voor de zorg? Dan past deze functie binnen onze groep goed bij jou!<br><br>Bij OSAsense ontwikkelen en leveren we innovatieve e-healthoplossingen en digitale zorgdiensten. We ondersteunen zorgverleners met slimme, gebruiksvriendelijke platforms om de zorg efficiënter en beter in te richten. Daarnaast ontwikkelen we medische hardware, waaronder onze specifieke smartwatch.<br><br>Ter versterking van ons ontwikkelteam zoeken wij een (Embedded) Software Engineer <br></p><p><strong>Over ons </strong></p><p>Ons kantoor is gevestigd aan Thermen 1 op het Kennispark in Enschede. We werken allemaal op locatie, houden van korte lijnen en een informele werksfeer met een vleugje humor.<br><br><strong>Jouw rol </strong></p><p>In deze veelzijdige functie werk je aan de volle breedte van onze technologie. Aan de ene kant bouw en onderhoud je de back-end en front-end van ons webplatform. Aan de andere kant ben je verantwoordelijk voor het ontwikkelen en optimaliseren van de C-firmware voor de OSAsense smartwatch.</p><p>Je schrijft niet alleen code, maar denkt ook actief mee over functionele en technische oplossingen. Omdat we werken met gevoelige medische gegevens, staat de veiligheid van klantinformatie bij al jouw werkzaamheden voorop.<br><br><strong>Wat ga je doen?</strong></p><p><em>Web &amp; Platform Development</em></p><p>• Het ontwikkelen, uitbreiden en onderhouden van ons webplatform. Bedenken en realiseren van zowel back-end als front-end oplossingen die aansluiten op de wensen van de gebruikers.</p><p>• Meedenken over de technische architectuur, de veiligheid van data en het optimaliseren van de code.<br><br><em>Firmware &amp; Hardware </em></p><p>• Ontwikkelen en onderhouden van de C-firmware voor de OSAsense smartwatch.</p><p>• Zorgen voor een betrouwbare en veilige meting en gegevensoverdracht van de smartwatch naar onze platforms.</p><p>• Testen en optimaliseren van de firmware-functionaliteiten in nauwe samenwerking met het team.<br><br><strong>Wat neem je mee?</strong></p><p>• Voldoende technische kennis van PHP, HTML, CSS, JavaScript, Laravel, Vue,js en MySQL.</p><p>• Ervaring met of kennis van C voor het ontwikkelen van firmware.</p><p>• Ervaring met Dev-ops en cloudhosting (bij voorkeur AWS)</p><p>• Je wilt meer dan alleen code schrijven: je bent een multi-talent met passie voor ontwikkelen en denkt graag mee over technische en functionele oplossingen.</p><p>• Je staat open voor en werkt graag met moderne AI-coding assistenten (zoals Claude) om slimmer en efficiënter te bouwen.</p><p>• Je bent assertief en trekt tijdig aan de bel als je knelpunten of problemen ziet ontstaan.</p><p>• Je werkt nauwkeurig en vindt de veiligheid van klantinformatie en medische data van groot belang.</p><p>• Je bent sterk, zelfstandig én in teamverband, en spreekt en schrijft goed Nederlands en Engels.<br><br><strong>Wat bieden wij jou?</strong></p><p>• Een arbeidsovereenkomst met een marktconform salaris dat aansluit bij jouw opleiding en ervaring.</p><p>• Goede secundaire arbeidsvoorwaarden, waaronder reiskostenvergoeding, vakantiegeld en een pensioenregeling.</p><p>• Een prettige werkplek op het Kennispark in Enschede (Thermen 1).</p><p>• Werken in een kleinschalig en groeiend team met korte lijnen, humor en een informele werksfeer.</p><p>• Ruimte en waardering voor eigen initiatief, ideeën en persoonlijke ontwikkeling.<br><br>Ben je geïnteresseerd in deze functie? Mooi! Stuur dan een e-mail inclusief CV en motivatie naar <a href="[email protected]">[email protected] </a>of bel naar <a href="tel:+31534787529">053-4787529</a>.</p>
806                        </p>
807                    </div>
808                    
809                    <div class="fade-in flex-auto flex-col flex-wrap w-full mb-6 md:mb-0">
810                        <h3 class="mb-1 text-xl font-medium text-left md:text-2xl md:mb-3">
811                            Open vacatures
812                        </h3>
813                        <p class="text-left text-gray-900 opacity-75">
814                            <p>U bent altijd welkom om interesse te tonen in OSAsense als werkgever. Geïnteresseerd of wilt u meer weten over hoe het is om bij ons te werken? Mail dan naar <a href="mailto:[email protected]"><span class="text-color" style="color: #7371b5">[email protected]</span></a> of bel naar <a href="tel:+31534787529"><span class="text-color" style="color: #7371b5">053-4787529</span></a>.</p>
815                        </p>
816                    </div>
817                    
818                    <div class="fade-in flex-auto flex-col flex-wrap w-full mb-6 md:mb-0">
819                        <h3 class="mb-1 text-xl font-medium text-left md:text-2xl md:mb-3">
820                            BML stage
821                        </h3>
822                        <p class="text-left text-gray-900 opacity-75">
823                            <p>
823Bij OSAsense werken wij graag samen met stagiaires! Als stagiair krijg je bij ons de mogelijkheid om zowel zelfstandig als in teamverband aan verschillende opdrachten/taken te werken. We moedigen je aan om jouw kwaliteiten als toekomstig BML’er te ontwikkelen.<br><br>Binnen OSAsense maak je deel uit van een dynamisch team bestaande uit diverse disciplines. Samen zorgen we voor een fijne en leerzame werkomgeving. Wij bieden een veelzijdige stage aan, waarin er ruimte is voor jouw eigen inbreng en ideeën. Jij gaat bezig met oplossingen die technologie en zorg samenbrengen. Ondanks het ontbreken van nat labwerk komen diverse analytische, probleemoplossende en communicatieve vaardigheden aan bod binnen OSAsense, die essentieel zijn voor een professional in het werkveld.<br><br><strong>Wat kan je verwachten?</strong></p><p>• 50% van je tijd besteed je aan uitdagende, zelfstandige taken, waarmee je volledig werkzaam bent binnen het OSAsense team;</p><p>• 50% van je tijd besteed je aan onderzoek binnen OSAsense;</p><p>• Professionele begeleiding;</p><p>• Een leeromgeving waarin jouw ideeën tellen.<br><br>Ben je geïnteresseerd in een fijne en leerzame stage bij ons? Mooi! Stuur ons een e-mail inclusief CV en motivatie naar<span class="text-color" style="color: #7371b5"> <a href="mailto:[email protected]">[email protected]</a></span>. Heb je twijfels of wil je meer weten over hoe het is om bij ons stage te lopen? Mail dan naar <a href="mailto:[email protected]"><span class="text-color" style="color: #7371b5">[email protected]</span></a> of bel naar<span class="text-color" style="color: #7371b5"> <a href="tel:+31534787529">053-4787529</a></span>.</p>
824                        </p>
825                    </div>
826                    
827                    <div class="fade-in flex-auto flex-col flex-wrap w-full mb-6 md:mb-0">
828                        <h3 class="mb-1 text-xl font-medium text-left md:text-2xl md:mb-3">
829                            Stageplekken software developer
830                        </h3>
831                        <p class="text-left text-gray-900 opacity-75">
832                            <p>Bij OSAsense werken wij graag met stagiaires! Als stagiair krijg je bij ons de mogelijkheid om zowel zelfstandig als in teamverband aan verschillende opdrachten te werken. We moedigen je aan om jouw developing- en scripting-skills te verbreden.<br><br>Binnen OSAsense maak je deel uit van een dynamisch team bestaande uit diverse disciplines. Samen zorgen we voor een fijne en leerzame werkomgeving. Wij bieden een veelzijdige stage aan, waarin er ruimte is voor jouw eigen inbreng en innovatieve ideeën. Kortom, een stageplek waar jij als software developer kunt groeien!<br><br>Ben je geïnteresseerd in een fijne en leerzame stage bij ons? Mooi! Stuur ons een e-mail inclusief CV en motivatie naar <a href="mailto:[email protected]"><span class="text-color" style="color: #7371b5">[email protected]</span></a>. Heb je twijfels of wil je meer weten over hoe het is om bij ons stage te lopen? Mail dan naar <a href="mailto:[email protected]"><span class="text-color" style="color: #7371b5">[email protected]</span></a> of bel naar <a href="tel:+31534787529"><span class="text-color" style="color: #7371b5">053-4787529</span></a>.</p>
833                        </p>
834                    </div>
835                    
836                </div>
837            </section>
838        </div>
839    </div>
840    <!-- Reviews section -->
841    
842</div>
843
844<script>
845    let slideDuration = 2500;
846    let slideInterval;
847
848    function startCarousel() {
849        slideInterval = setInterval(function () {
850            nextSlide();
851        }, slideDuration);
852    }
853
854    function nextSlide() {
855        let carousel = document.getElementById('staff');
856        let firstItem = carousel.children[0];
857        const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
858        carousel.style.transition = 'transform 0.6s ease-in-out';
859        let margin = 0;
860        if (screenWidth <= 450) {
861            margin = 30;
862        }
863        carousel.style.transform = 'translateX(' + (-firstItem.offsetWidth - margin) + 'px)';
864        setTimeout(function () {
865            carousel.style.transition = 'none';
866            carousel.style.transform = 'translateX(0)';
867            carousel.appendChild(firstItem.cloneNode(true));
868            carousel.removeChild(firstItem);
869            void carousel.offsetWidth;
870            carousel.style.transition = 'transform 0.6s ease-in-out';
871            carousel.style.transform = 'translateX(0)';
872        }, 600);
873
874    }
875
876    function changeReview(index, total) {
877        const reviewElement = document.getElementById(`review-${index}`);
878        const reviewBtn = document.getElementById(`review-btn-${index}`);
879        let rElement = reviewElement.querySelector('.review');
880        let rvElement = reviewElement.querySelector('.reviewer');
881
882        for (let i = 0; i < total; i++) {
883            if (i !== Number(index)) {
884                let otherReviewElement = document.getElementById(`review-${i}`);
885                let otherBtn = document.getElementById(`review-btn-${i}`);
886                let rElement = otherReviewElement.querySelector('.review');
887                let rvElement = otherReviewElement.querySelector('.reviewer');
888                rElement.style.opacity = 0;
889                rvElement.style.opacity = 0;
890                otherBtn.classList.remove('bg-[#48C4D0]');
891                otherBtn.classList.add('bg-gray-400');
892                otherBtn.classList.add('hover:bg-gray-300');
893                setTimeout(function () {
894                    otherReviewElement.classList.add('hidden');
895                }, 300);
896            }
897        }
898
899        setTimeout(function () {
900            reviewElement.classList.remove('hidden');
901            rElement.style.opacity = 1;
902            rvElement.style.opacity = 1;
903
904            reviewBtn.classList.remove('hover:bg-gray-300');
905            reviewBtn.classList.remove('bg-gray-400');
906            reviewBtn.classList.add('bg-[#48C4D0]');
907        }, 300);
908    }
909
910    window.addEventListener('load', function () {
911        startCarousel();
912    });
913
914    document.addEventListener('DOMContentLoaded', function () {
915        const reviewElement = document.getElementById('review-0');
916        const reviewBtn = document.getElementById('review-btn-0');
917        if (reviewElement) {
918            reviewElement.classList.remove('hidden');
919            reviewBtn.classList.remove('bg-gray-400');
920            reviewBtn.classList.add('bg-[#48C4D0]');
921            reviewBtn.classList.remove('hover:bg-gray-300');
922        }
923    })
924
925</script>
925
926
927
928        <!DOCTYPE html>
929<html lang="nl">
930<head>
931    <meta charset="UTF-8">
932    <meta name="viewport" content="width=device-width, initial-scale=1.0">
933    <link rel="stylesheet" href="/assets/css/all.css">
934    <title></title>
935</head>
936<body>
937<footer class="py-4 bg-white">
938    <div class="container flex flex-col mx-auto lg:flex-row">
939        <div class="flex-auto px-8 py-4 md:px-4">
940            <h3 class="block pb-2 w-full text-xl font-semibold tracking-wide uppercase border-b-1 border-gray-400">
941                Navigatie
942            </h3>
943            <div class="mt-3 text-lg">
944                <div class="block mb-1 last:mb-0">
945                    <a  href="/"
946                        class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1">
947                        Home
948                    </a>
949                </div>
950                <div class="block mb-1 last:mb-0">
951                    <a  href="/about"
952                        class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1">
953                        Over
954                    </a>
955                </div>
956                <div class="block mb-1 last:mb-0">
957                    <a  href="/services"
958                        class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1">
959                        Diensten
960                    </a>
961                </div>
962                <div class="block mb-1 last:mb-0">
963                    <a  href="/support"
964                        class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1">
965                        Ondersteuning
966                    </a>
967                </div>
968                <div class="block mb-1 last:mb-0">
969                    <a href="/news"
970                        class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1">
971                        Nieuws
972                    </a>
973                </div>
974            </div>
975        </div>
976        <div class="flex-auto px-8 py-4 md:px-4">
977            <h3
978                class="block pb-2 w-full text-xl font-semibold tracking-wide uppercase border-b-1 border-gray-400">
979                Inloggen / Aanmelden
980            </h3>
981            <div class="mt-3 text-lg">
982                <div class="block mb-1 last:mb-0">
983                    <a
984                        href="https://app.osasense.com/login"
985                        target="_blank"
986                        class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1"
987                        aria-label="Login to our client panel!"
988                        rel="noreferrer">
989                        Inloggen
990                    </a>
991                </div>
992                <div class="block mb-1 last:mb-0">
993                    <a href="/join"
994                        class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1"
995                        aria-label="Sign up on our client panel!"
996                        rel="noreferrer">
997                        Aanmelden huisarts / praktijk
998                    </a>
999                </div>
1000            </div>
1001        </div>
1002        <div class="flex-auto px-8 py-4 md:px-4">
1003            <h3 class="block pb-2 w-full text-xl font-semibold tracking-wide uppercase border-b-1 border-gray-400">
1004                Support
1005            </h3>
1006            <div class="mt-3 flex flex-col text-lg">
1007                <div class="block mb-2 last:mb-0">
1008                    <a id="teamViewerLink"
1009                        class="inline-block w-full rounded-lg border shadow md:m-1 md:p-2 sm:w-1/2 lg:w-4/5 trans hover:shadow-lg"
1010                        aria-label="Install the Teamviewer software"
1011                        rel="noreferrer">
1012                        <img
1013                            alt="Download Teamviewer"
1014                            src="/assets/download-teamviewer.svg"
1015                        />
1016                    </a>
1017                </div>
1018                <p class="px-3 font-light tracking-wide text-gray-800">Tel: <a href="tel:+31 053 478 75 29" class="text-main">053 478 75 29</a></p>
1019                <p class="px-3 font-light tracking-wide text-gray-800">
1019E-mail:
1020                    <a href="mailto:[email protected]"
1021                       rel="noreferrer"
1022                       class="text-main">
1023                        [email protected]
1024                </a></p>
1025            </div>
1026        </div>
1027        <div class="flex justify-center md:justify-start space-x-5 sm:space-x-2 px-6 py-6">
1028            <a href="/assets/pdfs/certificate_k-0203772_iso-27001_2017_en-gb_web.pdf"
1029                rel="noreferrer"
1030                target="_blank">
1031                <img
1032                    alt="Kiwa ISO 27001"
1033                    src="/assets/kiwa-iso-iec-27001.jpg"
1034                    class="self-start mx-auto w-20 no-dragging"
1035                />
1036            </a>
1037            <a href="/assets/pdfs/certificate_k-0203699_nen7510-1_-2017-a1_2020_en-gb_web.pdf"
1038                rel="noreferrer"
1039                target="_blank">
1040                <img
1041                    alt="Kiwa ISO 27001"
1042                    src="/assets/kiwa-nen-7510.jpg"
1043                    class="self-start mx-auto w-20 no-dragging"
1044                />
1045            </a>
1046        </div>
1047    </div>
1048    <div class="container flex justify-center px-4 mx-auto my-2 text-lg">
1049        <ul class="inline">
1050            <li class="inline mr-5 last:mr-0">
1051                <a
1052                    href="https://www.facebook.com/osasense"
1053                    target="_blank"
1054                    class="inline text-gray-800 cursor-pointer trans hover:text-main"
1055                    aria-label="Visit our Facebook page to know more about OSAsense!"
1056                    rel="noreferrer">
1057                    <i class="fab fa-facebook-f"></i>
1058                </a>
1059            </li>
1060            <li class="inline mr-5 last:mr-0">
1061                <a
1062                    href="https://twitter.com/OSAsense"
1063                    target="_blank"
1064                    class="inline text-gray-800 cursor-pointer trans hover:text-main"
1065                    aria-label="Visit our Twitter page to know more about OSAsense!"
1066                    rel="noreferrer">
1067                    <i class="fab fa-x-twitter"></i>
1068                </a>
1069            </li>
1070            <li class="inline mr-5 last:mr-0">
1071                <a
1072                    href="https://nl.linkedin.com/company/osasense"
1073                    target="_blank"
1074                    class="inline text-gray-800 cursor-pointer trans hover:text-main"
1075                    aria-label="Visit our Linkedin page to know more about OSAsense!"
1076                    rel="noreferrer">
1077                    <i class="fab fa-linkedin-in"></i>
1078                </a>
1079            </li>
1080        </ul>
1081    </div>
1082    <div class="container flex justify-center px-4 mx-auto mt-4">
1083        <ul class="inline flex flex-col md:flex-row">
1084            <li class="inline mb-2 text-center md:text-left md:mb-0">
1085                <a  href="/terms"
1086                    class="text-main trans-fast hover:text-gray-700">
1087                    Algemene voorwaarden
1088                </a>
1089            </li>
1090            <li class="hidden px-2 font-semibold text-gray-700 md:inline">
1091                <span>|</span>
1092            </li>
1093            <li class="inline mb-2 text-center md:text-left md:mb-0">
1094                <a  href="/privacy"
1095                    class="text-main trans-fast hover:text-gray-700">
1096                    Privacy
1097                </a>
1098            </li>
1099            <li class="hidden px-2 font-semibold text-gray-700 md:inline">
1100                <span>|</span>
1101            </li>
1102            <li class="inline mb-2 text-center md:text-left md:mb-0">
1103                <a  href="/disclaimer"
1104                    class="text-main trans-fast hover:text-gray-700">
1105                    Disclaimer
1106                </a>
1107            </li>
1108        </ul>
1109    </div>
1110    <div class="container flex justify-center px-4 mx-auto my-2 text-sm text-center md:text-lgt">
1111        <div>
1112            <span>Copyright 2017 - <span id="copyright-year"></span> - OSAsense B.V. - Alle rechten voorbehouden - KVK: 90006402</span>
1113        </div>
1114    </div>
1115</footer>
1116</body>
1117</html>
1118
1119<script>
1120    document.addEventListener('DOMContentLoaded', function() {
1121        // Sets correct link for teamviewer
1122        let teamViewerLink = document.getElementById('teamViewerLink');
1123        let isMacOS = navigator.userAgent.indexOf('Mac OS X') !== -1;
1124
1125        if (isMacOS) {
1126            teamViewerLink.href = 'https://download.teamviewer.com/download/TeamViewerQS.dmg';
1127        } else {
1128            teamViewerLink.href = 'https://www.teamviewer.com/link/?url=505374&id=716114372';
1129        }
1130
1131        // Sets correct copyright year
1132        document.getElementById('copyright-year').textContent = new Date().getFullYear().toString();
1133    });
1134</script>
1134
1135
1136    </body>
1137</html>
1138
1139
1140<script>
1141    const debounce = (fn) => {
1142        let frame;
1143
1144        return (...params) => {
1145            if (frame) {
1146                cancelAnimationFrame(frame);
1147            }
1148
1149            frame = requestAnimationFrame(() => {
1150                fn(...params);
1151            });
1152        };
1153    };
1154
1155    let triggered = false;
1156    let triggerDistance = 300;
1157    const navElement = document.getElementById('mobile-nav');
1158
1159    const updateHeader = () => {
1160        const scrollPosition = window.scrollY;
1161        const htmlElement = document.documentElement;
1162        const headerElement = document.querySelector('header');
1163
1164        if (scrollPosition <= triggerDistance) {
1165            htmlElement.dataset.scroll = 'past-trigger';
1166            headerElement.style.zIndex = 20;
1167            triggered = false;
1168            triggerDistance = 300;
1169        } else {
1170            if (!triggered) {
1171                triggered = true;
1172                triggerDistance = 0;
1173
1174                navElement.setAttribute('x-show', 'false');
1175                headerElement.style.transition = 'none';
1176                headerElement.style.transform = 'translateY(-100%)';
1177                htmlElement.dataset.scroll = 'before-trigger';
1178
1179                setTimeout(function () {
1180                    headerElement.style.transition = 'transform 0.5s ease-in-out';
1181                    headerElement.style.transform = 'translateY(0)';
1182                    navElement.setAttribute('x-show', 'showMobileNav');
1183                }, 200);
1184            }
1185        }
1186    };
1187
1188    document.addEventListener('scroll', debounce(updateHeader), { passive: true });
1189    updateHeader();
1190</script>
1190
1191
1192<style>
1193    html:not([data-scroll='past-trigger']) body {
1194        padding-top: 5em;
1195    }
1196
1197    html:not([data-scroll='past-trigger']) header {
1198        position: fixed;
1199        top: 0;
1200        padding: 0;
1201        width: 100%;
1202        background-color: rgba(255, 255, 255, 0.90);
1203        z-index: 100;
1204    }
1205
1206     .fade-in {
1207         opacity: 0;
1208         transition: opacity 0.5s ease-in-out;
1209     }
1210
1211    .fade-in.show {
1212        opacity: 1;
1213    }
1214</style>

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.