Hoe krijg je zo'n klein logo'tje boven naast je title in een website?

Zoals je op deze site vanboven, boven je url-bar in de titel het goeie vraag logo'tje hebt. Hoe doe je dat? (in HTML of CSS of zoiets)

Verwijderde gebruiker

14 jaar geleden

in: Programmeren

5.9K

5.9K keer bekeken

Heb je meer informatie nodig om de vraag te beantwoorden? Reageer dan hier.

Geef jouw antwoord

Het is niet mogelijk om je eigen vraag te beantwoorden Je mag slechts 1 keer antwoord geven op een vraag Je hebt vandaag al antwoorden gegeven. Morgen mag je opnieuw maximaal antwoorden geven.

Het beste antwoord

Dat is een zogenaamde 'favicon'. Net zoals je de locatie van je CSS aangeeft in de wordt de favicon ook daar aangegeven. Je moet deze wel eerst zelf maken. Op de website www.favicon.cc kun je dit doen. Daar wordt ook nog beter uitgelegd hoe je het precies in je code moet zetten. Succes! </div> <a role="button" class="readmore-overlay | absolute bottom-0 right-0 px-2 py-0.5 text-sm z-30" x-cloak x-show="collapsed == true" x-on:click="collapsed = false"> (Lees meer...) </a> </div> </div> <div class="h-[calc(0.75rem_-_1px)] relative text-green-100 !mt-1 sm:!mt-3"> <div class="absolute left-0 h-[0.75rem] w-[calc(7%_+_1px)] border-b border-current"></div> <div class="absolute left-[7%] bottom-0 h-[0.75rem] w-[0.75rem] border-t border-l border-current rotate-45 translate-y-[calc(0.375rem)] translate-x-[calc(0.155rem_+_1px)]" > </div> <div class="absolute right-0 h-3 w-[calc(93%_-_1.06rem)] border-b border-current"></div> </div> <div class="stack-x space-x-3 justify-between | text-xs"> <div class="stack-x space-x-3 sm:space-x-4"> <span class="icon default-avatar | w-10 h-10 text-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1000 1000"><path d="M599.8 375.6c-10.2 0-22.6 2.5-37.1 5.3-18.7 3.8-39.9 8-62.8 8-22.8 0-44-4.2-62.7-8-14.4-2.8-26.8-5.3-37-5.3-11.9 0-28.3 0-28.3 51.1 0 85.7 39.6 172.1 128 172.1S628 512.4 628 426.7c.1-51.1-16.3-51.1-28.2-51.1zM500 557.2c-44.2 0-57.2-42.9-57.2-42.9h114.3c.1 0-12.9 42.9-57.1 42.9zm-65.5 48v71.1c39.2 17.9 84.6 17.8 123.6 0v-67.1c-17.6 8.4-37 13.2-58.1 13.2-24.1 0-46-6.3-65.5-17.2z"/><path d="M500 10C229.4 10 10 229.4 10 500s219.4 490 490 490 490-219.4 490-490S770.6 10 500 10zM264.6 757.3s51.8-55.6 146.4-80.1v-43.6h-79.1c0-137.9-19.5-160.8-19.5-206.9 0-101.5 61.8-183.9 187.6-183.9 125.7 0 187.6 82.4 187.6 183.9 0 49.1-19.4 72.5-19.4 206.9h-86.6v41.9c99.1 23.5 153.8 81.8 153.8 81.8H264.6z"/></svg></span> <div class="stack-y space-y-0 justify-center"> <div class="text-wrap"> <span class="italic text-current opacity-70">Verwijderde gebruiker</span> <span class="!ml-1"> </span> </div> <div class="opacity-light"> 14 jaar geleden </div> </div> </div> <div class="stack-x stack-x-0 items-center min-w-fit"> <div class="stack-x min-w-fit" x-data="VoteButtons" data-answer-id="579543" data-votes-up="4" data-votes-down="0" data-url-up="/v/programmeren/109785/zon-klein-logotje-boven-naast/579543/thumb_up/" data-url-down="/v/programmeren/109785/zon-klein-logotje-boven-naast/579543/thumb_down/" > <button class="block-footer-button min-w-fit" :disabled="votingPaused" @click="vote('up')" > <div class="stack-x space-x-2.5" x-show="!hasUserVotedUp"> <span x-text="votesUp">4</span> <span aria-hidden="true" class="icon aligned inline-block icon-2.5xl ml-2.5" > <svg xmlns="http://www.w3.org/2000/svg" style="fill:none;stroke:currentColor" width="24" height="24" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M14.5 8.5h4.764a2 2 0 0 1 1.789 2.894l-3.5 7a2 2 0 0 1-1.79 1.106h-4.017c-.163 0-.326-.02-.485-.06L7.5 18.5m7-10v-5a2 2 0 0 0-2-2h-.095c-.5 0-.905.405-.905.905a3.61 3.61 0 0 1-.608 2.006L7.5 9.5v9m7-10h-2m-5 10h-2a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2H8"/></svg> </span> </div> <div class="stack-x space-x-2.5" x-show="hasUserVotedUp" x-cloak> <span x-text="votesUp">4</span> <span aria-hidden="true" class="icon aligned inline-block icon-2.5xl ml-2.5" > <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24" viewBox="0 0 20 20"><path d="M2 8.5a1.5 1.5 0 1 1 3 0v6a1.5 1.5 0 0 1-3 0zm4-.167v5.43a2 2 0 0 0 1.106 1.79l.05.025A4 4 0 0 0 8.943 16h5.416a2 2 0 0 0 1.962-1.608l1.2-6A2 2 0 0 0 15.56 6H12V2a2 2 0 0 0-2-2 1 1 0 0 0-1 1v.667a4 4 0 0 1-.8 2.4L6.8 5.933a4 4 0 0 0-.8 2.4Z"/></svg> </span> </div> <input type="hidden" name="csrfmiddlewaretoken" :value="window.appConfig.csrf_token" /> </button> <button class="block-footer-button min-w-fit" :disabled="votingPaused" @click="vote('down')" > <div class="stack-x space-x-2.5" x-show="!hasUserVotedDown"> <span x-text="votesDown">0</span> <span aria-hidden="true" class="icon aligned inline-block icon-2.5xl ml-2.5" > <svg xmlns="http://www.w3.org/2000/svg" style="fill:none;stroke:currentColor" width="24" height="24" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="m14.508 15.994 4.764-.013c1.487-.004 2.449-1.57 1.781-2.899l-3.519-6.99a2 2 0 0 0-1.792-1.101L11.724 5c-.164 0-.325.021-.484.062l-3.758.95m7.027 9.98.013 5A2 2 0 0 1 12.528 23h-.096a.905.905 0 0 1-.908-.901 3.616 3.616 0 0 0-.613-2.006l-3.406-5.08-.024-9m7.027 9.982-2 .005M7.481 6.013l-2 .005a2 2 0 0 0-1.994 2.006l.016 6a2 2 0 0 0 2.005 1.994l2.5-.007"/></svg> </span> </div> <div class="stack-x space-x-2.5" x-show="hasUserVotedDown" x-cloak> <span x-text="votesDown">0</span> <span aria-hidden="true" class="icon aligned inline-block icon-2.5xl ml-2.5" > <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="m14.508 15.994 4.764-.013c1.487-.004 2.449-1.57 1.781-2.899l-3.519-6.99a2 2 0 0 0-1.792-1.101L11.724 5c-.164 0-.325.021-.484.062l-3.758.95m7.027 9.98.013 5A2 2 0 0 1 12.528 23h-.096a.905.905 0 0 1-.908-.901 3.616 3.616 0 0 0-.613-2.006l-3.406-5.08-.024-9m7.027 9.982-2 .005M7.481 6.013l-2 .005a2 2 0 0 0-1.994 2.006l.016 6a2 2 0 0 0 2.005 1.994l2.5-.007"/></svg> </span> </div> </button> <input type="hidden" name="csrfmiddlewaretoken" :value="window.appConfig.csrf_token" /> </div> <button class="block-footer-button min-w-fit children:active:opacity-80" x-on:click="commentsOpened=!commentsOpened" :class="!UserInfo.isAuthenticated ? '-mr-2.5' : ''" > <div class="stack-x space-x-2.5"> <span class="hidden sm:inline-block"> 2 </span> <span class="inline-block sm:hidden !ml-0"> 2 </span> <span aria-hidden="true" class="icon aligned inline-block icon-2.5xl cursor-pointer" > <svg xmlns="http://www.w3.org/2000/svg" style="fill:none;stroke:currentColor" width="24" height="24" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M21 12c0 4.418-4.03 8-9 8a9.862 9.862 0 0 1-4.255-.95L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8Z"/></svg> </span> </div> </button> </div> </div> <div class="!mt-4" x-cloak x-show="commentsOpened==true"> <div x-data="{ 'UserInfo': UserInfo() }" > <div class="stack-y space-y-3 mb-4"> <div class="stack-x space-x-3 | relative " id="515553" x-data="{ moreOpened: false }" data-entity-type="comment" > <div class="mt-3 min-w-fit"> <span class="icon default-avatar | w-10 h-10 text-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1000 1000"><path d="M599.8 375.6c-10.2 0-22.6 2.5-37.1 5.3-18.7 3.8-39.9 8-62.8 8-22.8 0-44-4.2-62.7-8-14.4-2.8-26.8-5.3-37-5.3-11.9 0-28.3 0-28.3 51.1 0 85.7 39.6 172.1 128 172.1S628 512.4 628 426.7c.1-51.1-16.3-51.1-28.2-51.1zM500 557.2c-44.2 0-57.2-42.9-57.2-42.9h114.3c.1 0-12.9 42.9-57.1 42.9zm-65.5 48v71.1c39.2 17.9 84.6 17.8 123.6 0v-67.1c-17.6 8.4-37 13.2-58.1 13.2-24.1 0-46-6.3-65.5-17.2z"/><path d="M500 10C229.4 10 10 229.4 10 500s219.4 490 490 490 490-219.4 490-490S770.6 10 500 10zM264.6 757.3s51.8-55.6 146.4-80.1v-43.6h-79.1c0-137.9-19.5-160.8-19.5-206.9 0-101.5 61.8-183.9 187.6-183.9 125.7 0 187.6 82.4 187.6 183.9 0 49.1-19.4 72.5-19.4 206.9h-86.6v41.9c99.1 23.5 153.8 81.8 153.8 81.8H264.6z"/></svg></span> </div> <div class="grow stack-x text-green-980 "> <div class="stack-y space-y-2 | w-full relative ml-1 px-4 py-3 rounded-md bg-accentone-container"> <div class="flex flex-row justify-between flex-wrap | text-xs"> <div class="text-wrap | font-bold "> <span> <span class="italic text-current opacity-70">Verwijderde gebruiker</span> </span> </div> <div class="min-w-fit text-xs opacity-80"> 14 jaar geleden </div> </div> <div class="!text-on-accentone-container whitespace-pre-line user-content">Maak een favicon.ico-bestand en plaats dat in de root van je website (meestal in public_html), in ieder geval op de plek waar je index.html of index.php staat. Dan gaat het vanzelf goed!</div> <div class="border-r-accentone-container | absolute w-0 h-0 !mt-0 border-t-[14px] border-t-transparent border-b-[14px] border-b-transparent border-r-[20px] right-[calc(100%_-_6px)] top-[2em] translate-y-[-50%]"> </div> </div> </div> </div> <div class="stack-x space-x-3 | relative " id="515930" x-data="{ moreOpened: false }" data-entity-type="comment" > <div class="mt-3 min-w-fit"> <span class="icon default-avatar | w-10 h-10 text-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1000 1000"><path d="M599.8 375.6c-10.2 0-22.6 2.5-37.1 5.3-18.7 3.8-39.9 8-62.8 8-22.8 0-44-4.2-62.7-8-14.4-2.8-26.8-5.3-37-5.3-11.9 0-28.3 0-28.3 51.1 0 85.7 39.6 172.1 128 172.1S628 512.4 628 426.7c.1-51.1-16.3-51.1-28.2-51.1zM500 557.2c-44.2 0-57.2-42.9-57.2-42.9h114.3c.1 0-12.9 42.9-57.1 42.9zm-65.5 48v71.1c39.2 17.9 84.6 17.8 123.6 0v-67.1c-17.6 8.4-37 13.2-58.1 13.2-24.1 0-46-6.3-65.5-17.2z"/><path d="M500 10C229.4 10 10 229.4 10 500s219.4 490 490 490 490-219.4 490-490S770.6 10 500 10zM264.6 757.3s51.8-55.6 146.4-80.1v-43.6h-79.1c0-137.9-19.5-160.8-19.5-206.9 0-101.5 61.8-183.9 187.6-183.9 125.7 0 187.6 82.4 187.6 183.9 0 49.1-19.4 72.5-19.4 206.9h-86.6v41.9c99.1 23.5 153.8 81.8 153.8 81.8H264.6z"/></svg></span> </div> <div class="grow stack-x text-green-980 "> <div class="stack-y space-y-2 | w-full relative ml-1 px-4 py-3 rounded-md bg-accentone-container"> <div class="flex flex-row justify-between flex-wrap | text-xs"> <div class="text-wrap | font-bold "> <span> <span class="italic text-current opacity-70">Verwijderde gebruiker</span> </span> </div> <div class="min-w-fit text-xs opacity-80"> 14 jaar geleden </div> </div> <div class="!text-on-accentone-container whitespace-pre-line user-content">Bedankt, het werkte perfect.</div> <div class="border-r-accentone-container | absolute w-0 h-0 !mt-0 border-t-[14px] border-t-transparent border-b-[14px] border-b-transparent border-r-[20px] right-[calc(100%_-_6px)] top-[2em] translate-y-[-50%]"> </div> </div> </div> </div> </div> <div class="mb-1" id="addComment"> <div class="stack-x space-x-3 items-center | relative" x-data="AddComment" > <div class="min-w-fit"> <img class="w-10 h-10 rounded-full" aria-hidden="true" :src="UserInfo.avatarUrl" x-show="UserInfo.avatarUrl" > <span class="icon default-avatar | w-10 h-10 text-current" x-show="!UserInfo.avatarUrl" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1000 1000"><path d="M599.8 375.6c-10.2 0-22.6 2.5-37.1 5.3-18.7 3.8-39.9 8-62.8 8-22.8 0-44-4.2-62.7-8-14.4-2.8-26.8-5.3-37-5.3-11.9 0-28.3 0-28.3 51.1 0 85.7 39.6 172.1 128 172.1S628 512.4 628 426.7c.1-51.1-16.3-51.1-28.2-51.1zM500 557.2c-44.2 0-57.2-42.9-57.2-42.9h114.3c.1 0-12.9 42.9-57.1 42.9zm-65.5 48v71.1c39.2 17.9 84.6 17.8 123.6 0v-67.1c-17.6 8.4-37 13.2-58.1 13.2-24.1 0-46-6.3-65.5-17.2z"/><path d="M500 10C229.4 10 10 229.4 10 500s219.4 490 490 490 490-219.4 490-490S770.6 10 500 10zM264.6 757.3s51.8-55.6 146.4-80.1v-43.6h-79.1c0-137.9-19.5-160.8-19.5-206.9 0-101.5 61.8-183.9 187.6-183.9 125.7 0 187.6 82.4 187.6 183.9 0 49.1-19.4 72.5-19.4 206.9h-86.6v41.9c99.1 23.5 153.8 81.8 153.8 81.8H264.6z"/></svg> </span> </div> <form id="addCommentForm" method="post" action="/v/programmeren/109785/zon-klein-logotje-boven-naast/comment/answer/579543/" class="grow stack-x space-x-2 items-center" x-ref="form" > <textarea name="text" placeholder="Voeg een reactie toe..." maxlength="5000" rows="1" class="grow ml-1 h-9 w-40 py-1.5 border border-gray-300 rounded-md overflow-hidden" x-validate.silent="required, minLength:10" x-auto-grow></textarea> <button type="button" class="button-filled w-9 h-9 rounded-full sm:w-auto sm:rounded-md text-sm" :disabled="isLoading" @click="addComment" > <span class="hidden sm:block">Voeg reactie toe</span> <span aria-hidden="true" class="icon inline-block w-4 h-4 block sm:hidden" > <svg xmlns="http://www.w3.org/2000/svg" style="fill:none;stroke:currentColor" width="24" height="24" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg> </span> </button> </form> </div> </div> </div> </div> </div> </div> </div> <div class=" bg-accentone border-green-400 px-4 h-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md"> </div> </div> </div> </div> <div class="bg-white px-5 py-3 space-y-5 mt-5 relative sm:shadow sm:shadow-gray-400/80 sm:rounded-md"> <div class="add_answer_block" x-data="{ ...AddAnswerBlock(3), 'UserInfo': UserInfo()}" x-on:click.outside="collapsed=true" > <div class="title-block"> <div class="my-4 font-condensed text-primary break-words text-xl"> Deel jouw antwoord </div> </div> <div class="add_answer_body"> <p class="p-2 mb-4 text-xs text-on-error rounded" :class="showDailyLimitsError ? 'bg-accentone' : 'bg-yellow-700'" x-show="hasErrorMessage" x-cloak > <span x-show="showOwnQuestionError" x-cloak> Het is niet mogelijk om je eigen vraag te beantwoorden </span> <span x-show="showAnswerOnceError" x-cloak> Je mag slechts 1 keer antwoord geven op een vraag </span> <span x-show="showDailyLimitsError" x-cloak> Je hebt vandaag al <span x-text="UserInfo.dailyLimits.maxAnswers"></span> antwoorden gegeven. Morgen mag je opnieuw maximaal <span x-text="UserInfo.dailyLimits.maxAnswers"></span> antwoorden geven. </span> </p> <form id="addAnswerForm" method="POST" action="/v/programmeren/109785/zon-klein-logotje-boven-naast/answer/" enctype="multipart/form-data" x-ref="form" > <div class="stack-y space-y-10" > <div class="space-y-6 !border-t-0" > <div> <div class="flex flex-row flex-nowrap items-start justify-evenly"> <div class="mr-3 mt-2 icon w-10 h-10 content-start text-gray-300 shrink-0"> <span class="icon default-avatar | w-10 h-10 text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1000 1000"><path d="M599.8 375.6c-10.2 0-22.6 2.5-37.1 5.3-18.7 3.8-39.9 8-62.8 8-22.8 0-44-4.2-62.7-8-14.4-2.8-26.8-5.3-37-5.3-11.9 0-28.3 0-28.3 51.1 0 85.7 39.6 172.1 128 172.1S628 512.4 628 426.7c.1-51.1-16.3-51.1-28.2-51.1zM500 557.2c-44.2 0-57.2-42.9-57.2-42.9h114.3c.1 0-12.9 42.9-57.1 42.9zm-65.5 48v71.1c39.2 17.9 84.6 17.8 123.6 0v-67.1c-17.6 8.4-37 13.2-58.1 13.2-24.1 0-46-6.3-65.5-17.2z"/><path d="M500 10C229.4 10 10 229.4 10 500s219.4 490 490 490 490-219.4 490-490S770.6 10 500 10zM264.6 757.3s51.8-55.6 146.4-80.1v-43.6h-79.1c0-137.9-19.5-160.8-19.5-206.9 0-101.5 61.8-183.9 187.6-183.9 125.7 0 187.6 82.4 187.6 183.9 0 49.1-19.4 72.5-19.4 206.9h-86.6v41.9c99.1 23.5 153.8 81.8 153.8 81.8H264.6z"/></svg> </span> </div> <div class="w-full mt-2 ml-1" x-data="{ count: 0 }" x-init="count = $refs.characterCounter.value.length"> <textarea name="text" cols="" rows="" placeholder="Plaats je antwoord" maxlength="2500" minlength="10" class="w-full h-10" x-ref="characterCounter" x-on:keyup="count = $refs.characterCounter.value.length" x-model="answer" x-bind:disabled="hasErrorMessage === true" x-bind:class="hasErrorMessage || collapsed ? 'h-10 text-nowrap overflow-hidden cursor-pointer' : 'h-36 cursor-default'" x-validate="required, minLength:10" data-natural-name="je antwoord" data-server-error="" x-transition="" required id="id_text"> </textarea> <div x-show="collapsed" x-cloak> <span class="float-right text-xs text-on-body-container-light"> <span x-html="count"></span> / <span x-html="$refs.characterCounter.maxLength"></span> </span> <span class="error-message" x-validate-message="text"></span> </div> </div> <div x-data class="flex space-x-2 m-auto mt-2 flex-column" data-ga-event-context="antwoord-geven" x-show="!showAnswerOnceError && !showOwnQuestionError && !showDailyLimitsError" > <span class="sr-only">Geef Antwoord</span> <button type="button" class="button-filled-orange text-base whitespace-nowrap h-10 is-form-action" :class="isSubmitting && 'loading'" :disabled="isSubmitting" x-validate-on-click.disable="isSubmitting=true;submitAnswer()" > <span aria-hidden="true" class="icon inline-block w-4 h-4 mr-3" x-cloak x-show=isSubmitting> <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="24" height="24" viewBox="0 0 100 100"><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84"><animate attributeName="opacity" begin="-0.9166666666666666s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(30 50 50)"><animate attributeName="opacity" begin="-0.8333333333333334s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(60 50 50)"><animate attributeName="opacity" begin="-0.75s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(90 50 50)"><animate attributeName="opacity" begin="-0.6666666666666666s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(120 50 50)"><animate attributeName="opacity" begin="-0.5833333333333334s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(150 50 50)"><animate attributeName="opacity" begin="-0.5s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(180 50 50)"><animate attributeName="opacity" begin="-0.4166666666666667s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(210 50 50)"><animate attributeName="opacity" begin="-0.3333333333333333s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(240 50 50)"><animate attributeName="opacity" begin="-0.25s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(270 50 50)"><animate attributeName="opacity" begin="-0.16666666666666666s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(300 50 50)"><animate attributeName="opacity" begin="-0.08333333333333333s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="6" height="24" x="47" y="2" fill="currentColor" rx="3" ry="3.84" transform="rotate(330 50 50)"><animate attributeName="opacity" begin="0s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect></svg> </span> Geef antwoord </button> </div> </div> <div class="mb-1" x-show="showAnswerOnceError"></div> <div class="mt-1 flex flex-nowrap flex-row justify-between"> <div x-data class="flex flex-row flex-nowrap justify-start ml-12 !mt-0 w-4/6" x-show="!showAnswerOnceError && !showOwnQuestionError && !showDailyLimitsError" > <div class="add_answer_upload_block flex flex-nowrap flex-column justify-between w-full ml-2" x-data="AnswerInputs" > <div class="uploads-error-block"> <span class="error-message" x-validate-message="image"></span> </div> <div class="flex flex-nowrap flex-row mb-2"> <button type="button" class="sm:w-auto !text-sm active:button-filled-orange mr-2 " :class="sourcesInputOpened ? 'text-orange-700':''" @click="sourcesInputOpened = !sourcesInputOpened" > <span class="sr-only">Add Sources</span> <span aria-hidden="true" class="icon aligned inline-block ml-0 fill-on-primary text-2xl" :class="sourcesInputOpened ? 'rotate-180 -translate-y-px' : ''"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M432-288H288q-79.68 0-135.84-56.23Q96-400.45 96-480.23 96-560 152.16-616q56.16-56 135.84-56h144v72H288q-50 0-85 35t-35 85q0 50 35 85t85 35h144v72Zm-96-156v-72h288v72H336Zm192 156v-72h144q50 0 85-35t35-85q0-50-35-85t-85-35H528v-72h144q79.68 0 135.84 56.23 56.16 56.22 56.16 136Q864-400 807.84-344 751.68-288 672-288H528Z"/></svg> </span> </button> <button type="button" class="sm:w-auto active:button-filled-orange mr-2 " :class="videoInputOpened ? 'text-orange-700':''" @click="videoInputOpened = !videoInputOpened" > <span class="sr-only">Add Video</span> <span aria-hidden="true" class="icon aligned inline-block ml-0 fill-on-primary text-2xl" :class="videoInputOpened ? 'rotate-180 -translate-y-px' : ''"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M360-240h160q17 0 28.5-11.5T560-280v-40l80 42v-164l-80 42v-40q0-17-11.5-28.5T520-480H360q-17 0-28.5 11.5T320-440v160q0 17 11.5 28.5T360-240ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z"/></svg> </span> </button> <div class="image-input"> <div class="space-y space-y-3 "> <div class="flex items-center" x-init=" editMode = ; showImage= ; " x-transition.opacity > <input type="file" name="image" class="hidden w-0" accept="image/*" x-ref="fileinput" x-validate="optional" data-server-error="" id="id_image"> <button type="button" class="w-full text-2xl" @click="openFileDialog; showImage!=showImage" :class="showImage ? 'text-orange-700' : ''" > <span class="sr-only">Upload Afbeelding</span> <span aria-hidden="true" class="icon aligned inline-block ml-0 mt-1 fill-on-primary" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z"/></svg> </span> </button> </div> </div> </div> </div> <div class="flex flex-column justify-between flex-nowrap mb-1 w-full"> <div class="video-input mb-3"> <div class="form-group space-y-3" x-model="videoUrl" x-modelable="video" x-init=" video = ''; videoInputOpened = false " > <div class="stack-y space-y-1 mb-1" x-show="videoInputOpened" x-transition.opacity x-cloak > <div class="flex items-center"> <input type="url" name="video" class="w-full" placeholder="Typ of plak hier de URL van de video" type="url" x-model="video" x-validate="optional, url, videoUrl" data-validate-if-hidden="" data-server-error="" id="id_video"> <button type="button" class="button-outlined rounded-full px-0 w-4 h-4 text-sm grow-0 shrink-0 ml-3" x-on:click="removeVideo"> <span aria-hidden="true" class="icon inline-block w3 h-3" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </span> </button> </div> <span class="error-message w-full" x-validate-message="video" ></span> </div> </div> </div> <div class="sources-input form-group space-y-3 mb-1"> <div class="space-y-3" x-show="sourcesInputOpened" :class="allSourcesShown() ? '' : 'sm:!-mb-6'" x-transition.opacity x-cloak > <div class="stack-y space-y-3"> <div class="stack-x items-center" x-show="sources[0].value || !sources[0].hidden" > <input name="form-0-url" placeholder="Bron / Url" class="w-full" :type="sources[0].value || !sources[0].hidden ? 'text' : 'hidden'" x-model="sources[0].value" x-validate="optional, url, differsFromElementValues:[#form-1-url #form-2-url]" data-error-differsFromElementValues="De toegevoegde bronnen moeten uniek zijn" data-validate-if-hidden x-ref="input-0" id="form-0-url" /> <button type="button" class="button-outlined rounded-full px-0 w-4 h-4 text-sm grow-0 shrink-0 ml-3" x-on:click="removeSource(0)"> <span aria-hidden="true" class="icon inline-block w3 h-3" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </span> </button> </div> <span class="error-message !mt-1 w-full" x-show="sources[0].value && !(sources[0].hidden)" x-validate-message="form-0-url" ></span> <div class="stack-x items-center" x-show="sources[1].value || !sources[1].hidden" > <input name="form-1-url" placeholder="Bron / Url" class="w-full" :type="sources[1].value || !sources[1].hidden ? 'text' : 'hidden'" x-model="sources[1].value" x-validate="optional, url, differsFromElementValues:[#form-0-url #form-2-url]" data-error-differsFromElementValues="De toegevoegde bronnen moeten uniek zijn" data-validate-if-hidden x-ref="input-1" id="form-1-url" /> <button type="button" class="button-outlined rounded-full px-0 w-4 h-4 text-sm grow-0 shrink-0 ml-3" x-on:click="removeSource(1)"> <span aria-hidden="true" class="icon inline-block w3 h-3" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </span> </button> </div> <span class="error-message !mt-1 w-full" x-show="sources[1].value && !(sources[1].hidden)" x-validate-message="form-1-url" ></span> <div class="stack-x items-center" x-show="sources[2].value || !sources[2].hidden" > <input name="form-2-url" placeholder="Bron / Url" class="w-full" :type="sources[2].value || !sources[2].hidden ? 'text' : 'hidden'" x-model="sources[2].value" x-validate="optional, url, differsFromElementValues:[#form-0-url #form-1-url]" data-error-differsFromElementValues="De toegevoegde bronnen moeten uniek zijn" data-validate-if-hidden x-ref="input-2" id="form-2-url" /> <button type="button" class="button-outlined rounded-full px-0 w-4 h-4 text-sm grow-0 shrink-0 ml-3" x-on:click="removeSource(2)"> <span aria-hidden="true" class="icon inline-block w3 h-3" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </span> </button> </div> <span class="error-message !mt-1 w-full" x-show="sources[2].value && !(sources[2].hidden)" x-validate-message="form-2-url" ></span> </div> <div class="text-light | flex justify-end !mt-1 text-sm" x-show="!allSourcesShown()" > + <button class="pr-8 pb-6 hover:underline" type="button" @click="addSource" > Nog een bron toevoegen </button> </div> </div> </div> <div class="shrink-0 relative mr-5 pb-5 pt-4 pr-4 w-fit mt-2 ml-0" x-show="showImage" x-cloak> <img class="h-32 w-32 object-cover rounded border border-primary-on" alt="Selected image" x-ref="imagepreview" > <button type="button" class="button-outlined rounded-full px-0 w-4 h-4 text-sm absolute -top-1.5 -right-1.5 bg-body-container text-on-body-container" x-on:click="removeImage"> <span aria-hidden="true" class="icon inline-block w3 h-3" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </span> </button> </div> </div> </div> </div> </div> </div> </div> <input type="hidden" name="csrfmiddlewaretoken" :value="window.appConfig.csrf_token" /> </div> </form> </div> </div> </div> <div class="space-y-5 mt-5"> <div id="o1_ace" class="ad_widget mt-5 mx-auto min-h-0" data-ace-position="o1" x-data> <script type="text/javascript"> if (window.loadAdvertSlot) { window.loadAdvertSlot("o1", "o1_ace"); } </script> </div> <div > <div class=" text-current relative sm:shadow sm:shadow-gray-400/80 sm:rounded-md"> <div class="bg-body-container border-gray-200 | pt-4 px-4 sm:pt-5 sm:px-5 sm:border-0 sm:rounded-t-md pb-4"> <h2 class="text-current block-header" x-ref="block_header"> Bekijk alle vragen in deze categorieën: </h2> </div> <div class="bg-body-container border-gray-200 px-4 -mb-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md " > <div class="flex flex-wrap gap-2 pt-1 pb-4"> <li class="flex items-center px-4 py-3 bg-gray-200 text-primary text-sm rounded hover:cursor-pointer hover:underline"> <a href="/v/computers-internet/">Computers & Internet</a> </li> <li class="flex items-center px-4 py-3 bg-gray-200 text-primary text-sm rounded hover:cursor-pointer hover:underline"> <a href="/v/computers-internet/besturingssystemen/">Besturingssystemen</a> </li> <li class="flex items-center px-4 py-3 bg-gray-200 text-primary text-sm rounded hover:cursor-pointer hover:underline"> <a href="/v/computers-internet/hardware/">Hardware</a> </li> <li class="flex items-center px-4 py-3 bg-gray-200 text-primary text-sm rounded hover:cursor-pointer hover:underline"> <a href="/v/computers-internet/internet/">Internet</a> </li> <li class="flex items-center px-4 py-3 bg-gray-200 text-primary text-sm rounded hover:cursor-pointer hover:underline"> <a href="/v/computers-internet/programmeren/">Programmeren</a> </li> <li class="flex items-center px-4 py-3 bg-gray-200 text-primary text-sm rounded hover:cursor-pointer hover:underline"> <a href="/v/computers-internet/social-media/">Social media</a> </li> <li class="flex items-center px-4 py-3 bg-gray-200 text-primary text-sm rounded hover:cursor-pointer hover:underline"> <a href="/v/computers-internet/software/">Software</a> </li> <li class="flex items-center px-4 py-3 bg-gray-200 text-primary text-sm rounded hover:cursor-pointer hover:underline"> <a href="/v/computers-internet/virussen-phishing-malware/">Virussen, Phishing & Malware</a> </li> </div> </div> <div class=" bg-body-container border-gray-200 px-4 h-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md"> </div> </div> </div> <div class="OUTBRAIN" data-src="https://www.startpagina.nl/v/computers-internet/programmeren/vraag/109785/zon-klein-logotje-boven-naast/" data-widget-id="AR_1"></div> </div> </div> </main> </div> <aside class="stack-y content-aside md:mt-8"> <div x-data="{ ...LoginBlock(), 'UserInfo': UserInfo() }" :hidden="UserInfo.isAuthenticated" class="mb-5"> <div class=" text-current relative sm:shadow sm:shadow-gray-400/80 sm:rounded-md"> <div class="bg-body-container border-gray-200 | pt-4 px-4 sm:pt-5 sm:px-5 sm:border-0 sm:rounded-t-md pb-4"> <div class="text-current block-header" x-ref="block_header"> Inloggen </div> </div> <div class="bg-body-container border-gray-200 px-4 -mb-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md pt-2 pb-4 sm:pb-5 " > <div class="stack-y space-y-4"> <div class="button-filled px-0"> <div class="flex items-center justify-center h-full p-3 border-r border-white"> <span aria-hidden="true" class="icon inline-block w-6 h-6" > <svg viewBox="0 0 1792 1792" width="24" height="24"><path fill="currentColor" d="M1600 1405q0 120-73 189.5t-194 69.5H459q-121 0-194-69.5T192 1405q0-53 3.5-103.5t14-109T236 1084t43-97.5 62-81 85.5-53.5T538 832q9 0 42 21.5t74.5 48 108 48T896 971t133.5-21.5 108-48 74.5-48 42-21.5q61 0 111.5 20t85.5 53.5 62 81 43 97.5 26.5 108.5 14 109 3.5 103.5zm-320-893q0 159-112.5 271.5T896 896 624.5 783.5 512 512t112.5-271.5T896 128t271.5 112.5T1280 512z"/></svg> </span> </div> <a :href="window.appConfig.registrationIsNotCompleted ? '/v/gebruiker/aanmelden/' : '/v/gebruiker/login/'" class="flex justify-center items-center h-full w-full " x-text= "window.appConfig.registrationIsNotCompleted ? 'Kies een gebruikersnaam' : 'Inloggen met Mijn Account'" > </a> </div> <div class="register-message flex justify-center text-sm sm:justify-start" :class="window.appConfig.registrationIsNotCompleted ? 'hidden' : ''" > Nog geen account? <a href="/v/gebruiker/aanmelden/" class="text-blue underline" > Registreer je gratis </a> </div> </div> </div> <div class=" bg-body-container border-gray-200 px-4 h-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md"> </div> </div> </div> <div id="r1_ace" class="ad_widget mb-5 mx-auto !border-0 !hidden md:!block min-h-[15rem]" data-ace-position="r1" x-data> <script type="text/javascript"> if (window.loadAdvertSlot) { window.loadAdvertSlot("r1", "r1_ace"); } </script> </div> <div class="mb-5 sidebar"> <div > <div class=" text-white relative sm:shadow sm:shadow-gray-400/80 sm:rounded-md"> <div class="bg-primary border-gray-200 | pt-4 px-4 sm:pt-5 sm:px-5 sm:border-0 sm:rounded-t-md pb-4"> <div class="text-white block-header" x-ref="block_header"> Stel zelf een vraag </div> </div> <div class="bg-primary border-gray-200 px-4 -mb-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md " > <div class="pb-4" x-data="{ ...AddQuestionMiniBlock(), 'UserInfo': UserInfo() }" > <form method="get" action="/v/vraag/stellen/" class="stack-y space-y-4" id="addQuestionMiniForm" x-ref="form" > <p class="p-2 bg-accentone text-xs text-on-error rounded" x-show="UserInfo.dailyLimits.maxQuestionsReached" x-cloak :hidden="!UserInfo.dailyLimits.maxQuestionsReached" hidden > Je hebt vandaag al <span x-text="UserInfo.dailyLimits.maxQuestions"></span> vragen gesteld. Morgen mag je opnieuw maximaal <span x-text="UserInfo.dailyLimits.maxQuestions"></span> vragen stellen. </p> <div class="stack-y space-y-1"> <input type="text" name="title" placeholder="Waar wil je antwoord op krijgen?" cols="" rows="" maxlength="100" minlength="10" class="w-full text-gray-500 placeholder-gray-400" x-validate.silent="required" data-natural-name="je vraag" :disabled="UserInfo.dailyLimits.maxQuestionsReached === true" required id="id_title"> <span class="flex justify-end text-xs text-blue-50" x-show="!UserInfo.dailyLimits.maxQuestionsReached" > <span x-count-chars-from="#id_title">0</span> / 100 </span> </div> <div class="flex justify-end !mt-3" x-show="!UserInfo.dailyLimits.maxQuestionsReached" > <button type="button" class="button-filled is-small-button" x-on:click.prevent="submitQuestion" > Stel je vraag </button> </div> </form> </div> </div> <div class=" bg-primary border-gray-200 px-4 h-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md"> </div> </div> </div> </div> <div class="mb-5 newest-questions-block"> <div > <div class=" text-current relative sm:shadow sm:shadow-gray-400/80 sm:rounded-md"> <div class="bg-body-container border-gray-200 | pt-4 px-4 sm:pt-5 sm:px-5 sm:border-0 sm:rounded-t-md pb-4"> <div class="text-current block-header" x-ref="block_header"> Top 3 nieuwste vragen </div> </div> <div class="bg-body-container border-gray-200 px-4 -mb-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md " > <ol class="newest-questions-list"> <li> <a href="/v/entertainment/films-series/vraag/716536/zoek-titel-oudere-film-rolverdeling/" class="font-condensed text-base text-primary my-auto line-clamp-2">Ik zoek de titel van een wat oudere film over rolverdeling in huis.?</a> </li> <li> <a href="/v/entertainment/muziek/vraag/716535/liedje-52-jaar-ongeveer-pop/" class="font-condensed text-base text-primary my-auto line-clamp-2">hoe heet dit liedje: 52 jaar ongeveer , pop muziek 1972?</a> </li> <li> <a href="/v/gezondheid/lichamelijke-klachten/vraag/716534/jarenlang-gerookt-redbull-gedronken-later/" class="font-condensed text-base text-primary my-auto line-clamp-2">Als je jarenlang hebt gerookt en redbull hebt gedronken kun je dan er later nog last van krijgen?</a> </li> </ol> </div> <div class=" bg-body-container border-gray-200 px-4 h-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md"> </div> </div> </div> </div> <div class="mb-5"> <div > <div class=" text-current relative sm:shadow sm:shadow-gray-400/80 sm:rounded-md"> <div class="bg-body-container border-gray-200 | pt-4 px-4 sm:pt-5 sm:px-5 sm:border-0 sm:rounded-t-md pb-4"> <h2 class="text-current block-header" x-ref="block_header"> Gerelateerde vragen </h2> </div> <div class="bg-body-container border-gray-200 px-4 -mb-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md " > <ol class="stack-y space-y-4 pt-1.5 pb-5 divide-y divide-gray-200 "> <li class="flex pt-4 first:pt-0" data-ga-event-context="similar-question" > <a x-data href="/v/computers-internet/programmeren/vraag/29803/nl-site-internet/" class="w-full text-primary" x-ga-event.click="'Similar question click', 'click'" > <span class="font-condensed mr-1"> Hoe maak ik een *.nl site aan op het internet? </span> <span class="underline text-xs whitespace-nowrap"> 3 antwoorden </span> </a> </li> <li class="flex pt-4 first:pt-0" data-ga-event-context="similar-question" > <a x-data href="/v/computers-internet/programmeren/vraag/270197/app-waarmee-server-minecraft-online/" class="w-full text-primary" x-ga-event.click="'Similar question click', 'click'" > <span class="font-condensed mr-1"> Is er een app waarmee je je server (van minecraft) altijd online kan laten staan? </span> <span class="underline text-xs whitespace-nowrap"> 3 antwoorden </span> </a> </li> <li class="flex pt-4 first:pt-0" data-ga-event-context="similar-question" > <a x-data href="/v/computers-internet/programmeren/vraag/273311/filmpje/" class="w-full text-primary" x-ga-event.click="'Similar question click', 'click'" > <span class="font-condensed mr-1"> filmpje maken? </span> <span class="underline text-xs whitespace-nowrap"> 1 antwoorden </span> </a> </li> </ol> </div> <div class=" bg-body-container border-gray-200 px-4 h-2 border-b sm:px-5 sm:border-0 sm:rounded-b-md"> </div> </div> </div> </div> </aside> </div> </div> <div class="!mt-0"> </div> <div id="h2_ace" class="ad_widget mt-8 min-h-0" data-ace-position="h2" x-data> <script type="text/javascript"> if (window.loadAdvertSlot) { window.loadAdvertSlot("h2", "h2_ace"); } </script> </div> <script type="application/ld+json"> {"@context": "https://schema.org", "@type": "QAPage", "mainEntity": {"@type": "Question", "acceptedAnswer": {"@type": "Answer", "author": {"@type": "Person", "award": "", "name": "", "url": ""}, "dateCreated": "2010-11-28T23:45:26+00:00", "downvoteCount": 0, "image": "", "text": "Dat is een zogenaamde \u0027favicon\u0027. Net zoals je de locatie van je CSS aangeeft in de \u003ctitle\u003e wordt de favicon ook daar aangegeven. Je moet deze wel eerst zelf maken. Op de website www.favicon.cc kun je dit doen. Daar wordt ook nog beter uitgelegd hoe je het precies in je code moet zetten. Succes!", "upvoteCount": 4, "url": "https://www.startpagina.nl/v/computers-internet/programmeren/vraag/109785/zon-klein-logotje-boven-naast/#579543"}, "answerCount": 1, "author": {"@type": "Person", "name": "", "url": ""}, "dateCreated": "2010-11-28T23:23:48+00:00", "image": "", "name": "Hoe krijg je zo\u0027n klein logo\u0027tje boven naast je title in een website?", "suggestedAnswer": [], "text": "Zoals je op deze site vanboven, boven je url-bar in de titel het goeie vraag logo\u0027tje hebt. Hoe doe je dat? (in HTML of CSS of zoiets)"}} </script> <nav role="navigation" class="hidden sm:flex h-12 bg-primary mt-8"> <div class="stack-x space-x-8 items-center | w-full max-content-width mx-auto px-safe-area-8 | text-sm text-white"> <a href="/v/voorwaarden" target="_blank" class="hover:underline" > Algemene Voorwaarden </a> <a href="https://www.startpagina.nl/klantenservice" target="_blank" class="hover:underline" > Contact </a> <a href="https://www.startpagina.nl/adverteren" target="_blank" class="hover:underline" > Adverteren </a> <a href="/v/huisregels" target="_blank" class="hover:underline" > Huisregels </a> </div> </nav> <footer class="mt-8 mx-auto margin-bottom-safe-area px-safe-area-3 w-full max-content-width sm+:px-safe-area-8"> <div class="stack-y space-y-6"> <div class="stack-y space-y-4 sm+:stack-x sm+:space-x-4 sm+:space-y-0 "> <div class="grow stack-y space-y-4 items-center | sm+:!items-start"> <a class="h-12" href="/v/" > <span class="sr-only">Back to frontpage</span> <svg viewBox="0 0 147 42" width="24" height="7" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M29.36 40.103c.87 0 1.577-.286 2.122-.857.546-.572.818-1.292.818-2.161v-1.28c0-.865-.273-1.585-.82-2.158-.547-.572-1.255-.859-2.124-.859-.85 0-1.54.287-2.073.86-.532.572-.798 1.292-.798 2.158v1.279c0 .87.266 1.59.798 2.16.532.572 1.225.858 2.078.858zm0-.972c-.523 0-.937-.191-1.24-.574-.302-.382-.453-.873-.453-1.472v-1.29c0-.592.15-1.078.454-1.46.302-.38.714-.57 1.235-.57.54 0 .97.19 1.287.57.317.382.476.868.476 1.46v1.29c0 .602-.157 1.094-.472 1.475-.314.38-.743.57-1.286.57zm5.35.869v-3.833a1.243 1.243 0 011.07-.576c.334 0 .584.084.749.251.164.168.246.45.246.847V40h1.187v-3.32c0-.707-.154-1.227-.462-1.56-.307-.334-.736-.5-1.286-.5a1.74 1.74 0 00-.886.226 1.89 1.89 0 00-.652.633l-.069-.762h-1.084V40h1.187zm6.423.103c.316 0 .593-.065.83-.193.238-.129.441-.317.61-.564l.118.654h.996v-7.617H42.5v2.905a1.74 1.74 0 00-.588-.496 1.666 1.666 0 00-.77-.173c-.653 0-1.161.258-1.523.774-.36.516-.542 1.196-.542 2.039v.102c0 .768.181 1.389.542 1.86.362.473.866.709 1.514.709zm.303-.967c-.407 0-.704-.145-.891-.435-.187-.29-.281-.679-.281-1.167v-.102c0-.547.096-.99.288-1.33.192-.341.49-.511.894-.511.24 0 .449.054.625.163.175.11.319.262.43.457v2.305c-.111.198-.254.351-.428.459a1.191 1.191 0 01-.637.16zm5.89.967c.434 0 .815-.06 1.143-.181.33-.12.593-.269.791-.444l-.38-.777a2.688 2.688 0 01-.66.337 2.54 2.54 0 01-.82.117c-.4 0-.714-.133-.94-.4-.226-.267-.349-.61-.368-1.03l.01-.025h3.295v-.698c0-.726-.19-1.305-.569-1.736-.379-.431-.925-.647-1.638-.647a2.093 2.093 0 00-1.658.755c-.44.506-.661 1.143-.661 1.911v.195c0 .769.222 1.398.666 1.888.445.49 1.041.735 1.79.735zm.894-3.272h-2.094l-.01-.024c.045-.358.163-.654.351-.887a.89.89 0 01.723-.349c.345 0 .603.106.774.318.171.211.256.485.256.82v.122zM51.64 40v-3.672a.965.965 0 01.36-.415c.154-.098.347-.146.578-.146l.508.02.142-1.11a1.462 1.462 0 00-.171-.04 1.106 1.106 0 00-.2-.018 1.2 1.2 0 00-.726.23c-.21.153-.381.364-.515.634l-.078-.766h-1.084V40h1.187zm4.212.103c.316 0 .592-.065.83-.193.238-.129.441-.317.61-.564l.118.654h.996v-7.617h-1.187v2.905a1.74 1.74 0 00-.588-.496 1.666 1.666 0 00-.77-.173c-.653 0-1.161.258-1.523.774-.36.516-.542 1.196-.542 2.039v.102c0 .768.181 1.389.542 1.86.362.473.866.709 1.514.709zm.303-.967c-.407 0-.704-.145-.891-.435-.188-.29-.281-.679-.281-1.167v-.102c0-.547.096-.99.288-1.33.192-.341.49-.511.894-.511.24 0 .449.054.625.163.175.11.319.262.43.457v2.305c-.111.198-.254.351-.428.459a1.191 1.191 0 01-.637.16zm5.89.967c.434 0 .815-.06 1.143-.181.33-.12.593-.269.791-.444l-.38-.777a2.688 2.688 0 01-.66.337 2.54 2.54 0 01-.82.117c-.4 0-.714-.133-.94-.4-.226-.267-.349-.61-.369-1.03l.01-.025h3.296v-.698c0-.726-.19-1.305-.569-1.736-.379-.431-.925-.647-1.638-.647a2.093 2.093 0 00-1.658.755c-.44.506-.661 1.143-.661 1.911v.195c0 .769.222 1.398.666 1.888.445.49 1.041.735 1.79.735zm.894-3.272h-2.094l-.01-.024c.045-.358.163-.654.351-.887a.89.89 0 01.723-.349c.345 0 .603.106.774.318.17.211.256.485.256.82v.122zm4.5 3.272c.433 0 .814-.06 1.142-.181.33-.12.593-.269.791-.444l-.38-.777a2.688 2.688 0 01-.66.337 2.54 2.54 0 01-.82.117c-.4 0-.714-.133-.94-.4-.226-.267-.35-.61-.369-1.03l.01-.025h3.296v-.698c0-.726-.19-1.305-.569-1.736-.379-.431-.925-.647-1.638-.647a2.093 2.093 0 00-1.658.755c-.44.506-.661 1.143-.661 1.911v.195c0 .769.222 1.398.666 1.888.445.49 1.041.735 1.79.735zm.893-3.272h-2.094l-.01-.024c.045-.358.163-.654.351-.887a.89.89 0 01.723-.349c.345 0 .603.106.774.318.17.211.256.485.256.82v.122zM71.831 40v-7.617h-1.187V40h1.187zm6.464 0l1.875-5.283h-1.225l-1.05 3.496-.093.43h-.03l-.087-.43-1.079-3.496H75.38L77.265 40h1.03zm4.129.103c.329 0 .626-.084.89-.252.266-.168.48-.375.643-.622.01.126.028.253.056.38s.063.258.105.391h1.201a3.332 3.332 0 01-.141-.588c-.03-.2-.044-.41-.044-.628v-2.348c0-.586-.19-1.036-.567-1.348-.377-.313-.874-.469-1.489-.469-.635 0-1.15.161-1.545.484-.396.322-.582.691-.56 1.108l.005.03h1.143a.62.62 0 01.24-.504c.159-.13.374-.195.644-.195.303 0 .535.078.698.234.163.157.244.373.244.65v.464h-.923c-.732 0-1.3.142-1.704.427-.403.285-.605.683-.605 1.194 0 .495.147.884.442 1.167.294.283.717.425 1.267.425zm.239-.953c-.244 0-.432-.059-.564-.178a.615.615 0 01-.198-.48c0-.232.098-.433.293-.604.196-.17.466-.256.81-.256h.943v.781c-.078.192-.237.363-.476.513-.24.15-.509.224-.808.224zm4.993.85v-3.833a1.243 1.243 0 011.07-.576c.334 0 .584.084.748.251.165.168.247.45.247.847V40h1.187v-3.32c0-.707-.154-1.227-.462-1.56-.308-.334-.736-.5-1.287-.5a1.74 1.74 0 00-.886.226 1.89 1.89 0 00-.652.633l-.068-.762h-1.084V40h1.187zm9.79.103c.77 0 1.393-.175 1.867-.525.474-.35.71-.821.71-1.414 0-.56-.198-1.02-.595-1.382-.397-.361-.978-.644-1.743-.85-.583-.159-1-.328-1.253-.507-.252-.18-.378-.404-.378-.674a.9.9 0 01.349-.732c.233-.19.566-.284.998-.284.46 0 .813.113 1.06.34.247.226.371.521.371.886h1.138l.01-.03c.016-.589-.213-1.093-.686-1.513-.474-.42-1.102-.63-1.883-.63-.748 0-1.36.186-1.833.557-.474.37-.71.843-.71 1.416 0 .556.213 1.006.641 1.35.428.343 1.04.62 1.834.827.557.15.945.32 1.164.508.22.19.33.432.33.728a.844.844 0 01-.366.72c-.244.177-.586.266-1.026.266-.478 0-.867-.106-1.167-.32-.3-.213-.449-.536-.449-.969h-1.142l-.01.03c-.016.683.255 1.22.815 1.613.56.392 1.211.589 1.953.589zm5.466 0c.15 0 .294-.016.434-.047.14-.03.26-.074.362-.13l-.127-.868a1.157 1.157 0 01-.367.063.513.513 0 01-.376-.14c-.094-.092-.141-.247-.141-.465v-2.92h.947v-.88h-.947v-1.283h-1.182v1.284h-.806v.879h.806v2.92c0 .547.124.948.371 1.203.248.256.59.384 1.026.384zm3.371 0c.329 0 .626-.084.891-.252.266-.168.48-.375.642-.622.01.126.029.253.056.38.028.127.063.258.105.391h1.202a3.332 3.332 0 01-.142-.588c-.03-.2-.044-.41-.044-.628v-2.348c0-.586-.189-1.036-.566-1.348-.378-.313-.874-.469-1.49-.469-.634 0-1.15.161-1.545.484-.396.322-.582.691-.56 1.108l.006.03h1.142a.62.62 0 01.24-.504c.16-.13.374-.195.644-.195.303 0 .536.078.698.234.163.157.245.373.245.65v.464h-.923c-.733 0-1.3.142-1.704.427-.404.285-.606.683-.606 1.194 0 .495.147.884.442 1.167.295.283.717.425 1.267.425zm.24-.953c-.245 0-.433-.059-.565-.178a.615.615 0 01-.197-.48c0-.232.097-.433.293-.604.195-.17.465-.256.81-.256h.943v.781c-.079.192-.237.363-.477.513-.239.15-.508.224-.808.224zm5.002.85v-3.672a.965.965 0 01.359-.415c.154-.098.347-.146.578-.146l.508.02.142-1.11a1.462 1.462 0 00-.171-.04 1.106 1.106 0 00-.2-.018 1.2 1.2 0 00-.726.23c-.21.153-.381.364-.515.634l-.078-.766h-1.084V40h1.187zm4.167.103c.15 0 .295-.016.435-.047.14-.03.26-.074.361-.13l-.127-.868a1.157 1.157 0 01-.366.063.513.513 0 01-.376-.14c-.095-.092-.142-.247-.142-.465v-2.92h.948v-.88h-.948v-1.283h-1.181v1.284h-.806v.879h.806v2.92c0 .547.123.948.37 1.203.248.256.59.384 1.026.384zm3.074 1.928v-2.563c.166.208.364.366.595.473.232.108.497.162.796.162.645 0 1.148-.236 1.51-.708.36-.472.541-1.093.541-1.86v-.103c0-.843-.181-1.523-.544-2.039-.363-.516-.87-.774-1.521-.774-.316 0-.594.065-.833.195-.24.13-.443.32-.613.567l-.117-.664h-1v7.314h1.186zm1.054-2.876c-.253 0-.467-.05-.64-.149-.172-.099-.31-.241-.414-.427v-2.388c.104-.188.242-.336.415-.441.172-.106.382-.16.63-.16.403 0 .707.173.91.516.204.343.305.785.305 1.326v.102c0 .485-.1.877-.3 1.174-.2.298-.502.447-.906.447zm5.008.948c.328 0 .625-.084.89-.252.266-.168.48-.375.643-.622.01.126.028.253.056.38s.063.258.105.391h1.201a3.332 3.332 0 01-.141-.588c-.03-.2-.044-.41-.044-.628v-2.348c0-.586-.19-1.036-.567-1.348-.377-.313-.874-.469-1.49-.469-.634 0-1.149.161-1.544.484-.396.322-.582.691-.56 1.108l.005.03h1.143a.62.62 0 01.24-.504c.159-.13.374-.195.644-.195.302 0 .535.078.698.234.163.157.244.373.244.65v.464h-.923c-.732 0-1.3.142-1.704.427-.404.285-.605.683-.605 1.194 0 .495.147.884.442 1.167.294.283.717.425 1.267.425zm.239-.953c-.244 0-.432-.059-.564-.178a.615.615 0 01-.198-.48c0-.232.098-.433.293-.604.195-.17.466-.256.81-.256h.943v.781c-.078.192-.237.363-.476.513-.24.15-.509.224-.808.224zm5.813 2.984c.771 0 1.367-.186 1.787-.557.42-.37.63-.897.63-1.577v-5.283h-.987l-.117.688a1.76 1.76 0 00-.608-.583 1.664 1.664 0 00-.832-.203c-.654 0-1.166.259-1.533.777-.368.517-.552 1.196-.552 2.036v.102c0 .768.184 1.389.552 1.86.367.473.875.709 1.523.709.293 0 .553-.055.779-.164a1.66 1.66 0 00.588-.481V40c0 .38-.099.663-.298.847-.198.184-.512.276-.942.276a3.1 3.1 0 01-.73-.085 2.872 2.872 0 01-.647-.237l-.254.932c.241.12.51.218.808.29.298.074.576.11.833.11zm.166-2.998c-.407 0-.707-.146-.901-.437-.194-.292-.29-.68-.29-1.165v-.102c0-.544.098-.987.295-1.328.197-.342.499-.513.906-.513.244 0 .453.054.627.163.174.11.317.26.427.452v2.315c-.107.198-.248.35-.422.456a1.216 1.216 0 01-.642.159zm4.865-5.713v-1.04h-1.186v1.04h1.186zm0 6.577v-5.283h-1.186V40h1.186zm2.605 0v-3.833a1.243 1.243 0 011.07-.576c.335 0 .585.084.75.251.164.168.246.45.246.847V40h1.186v-3.32c0-.707-.154-1.227-.461-1.56-.308-.334-.737-.5-1.287-.5a1.74 1.74 0 00-.886.226 1.89 1.89 0 00-.652.633l-.068-.762h-1.084V40h1.186zm6.072.103c.329 0 .626-.084.891-.252.265-.168.48-.375.642-.622.01.126.029.253.056.38.028.127.063.258.105.391h1.201a3.332 3.332 0 01-.141-.588c-.03-.2-.044-.41-.044-.628v-2.348c0-.586-.189-1.036-.566-1.348-.378-.313-.874-.469-1.49-.469-.634 0-1.15.161-1.545.484-.396.322-.582.691-.56 1.108l.006.03h1.142a.62.62 0 01.24-.504c.159-.13.374-.195.644-.195.303 0 .536.078.698.234.163.157.244.373.244.65v.464h-.922c-.733 0-1.3.142-1.705.427-.403.285-.605.683-.605 1.194 0 .495.147.884.442 1.167.294.283.717.425 1.267.425zm.24-.953c-.245 0-.433-.059-.565-.178a.615.615 0 01-.197-.48c0-.232.097-.433.292-.604.196-.17.466-.256.811-.256h.942v.781c-.078.192-.236.363-.476.513-.239.15-.508.224-.808.224z" fill="#B3B3B3" fill-rule="nonzero"/><g fill-rule="nonzero"><path d="M13.585.674c-1.28.007-2.553.185-3.785.53A13.558 13.558 0 00.14 16.163 13.556 13.556 0 0013.623 27.79a14.333 14.333 0 003.784-.531 12.989 12.989 0 002.954-1.282l6.055 1.627-1.695-5.678a13.56 13.56 0 00.845-13.989A13.555 13.555 0 0013.585.674z" fill="#FFF"/><path d="M17.397 21.748c-1.185.326-2.41.48-3.638.457-5.56 0-6.581-2.721-6.581-7.865 0-2.643.185-6.352 3.004-7.56a9.738 9.738 0 013.577-.514 25.6 25.6 0 013.413.152c.56.08 1.166.113 1.166.796v.79c0 .724-.073 1.102-.863 1.102-1.087 0-2.18-.192-3.229-.192a7.177 7.177 0 00-2.516.339c-1.615.683-1.39 3.67-1.39 5.081 0 1.813-.152 4.574 2.14 5.031.568.122 1.148.17 1.727.147a5.16 5.16 0 001.088-.147v-4.308H13.12c-1.015 0-.976-.638-.976-1.395 0-.756.225-1.129.976-1.129h4.243c.673 0 .975.305.975.988v7.058c.05.717-.263.982-.941 1.169zM30.72 22.207c-3.774 0-5.199-2.288-5.199-5.967s1.403-5.996 5.198-5.996c3.796 0 5.17 2.289 5.17 5.996 0 3.707-1.374 5.967-5.17 5.967zm1.84-8.702c-.406-.778-1.096-.755-1.852-.755s-1.446 0-1.851.755a6.636 6.636 0 00-.422 2.758 6.576 6.576 0 00.433 2.735c.405.755 1.095.732 1.851.732s1.446 0 1.851-.732a6.62 6.62 0 00.406-2.735 6.601 6.601 0 00-.416-2.758zM47.66 17.206h-5.63v.332c0 1.716.394 2.356 2.156 2.356.95-.02 1.893-.147 2.815-.377.265-.088.539-.144.816-.166.648 0 .67 1.064.67 1.51 0 .664-.185.898-.833 1.041-1.156.219-2.331.32-3.507.304-4.178 0-5.067-2.003-5.067-5.898 0-3.799.743-6.064 4.949-6.064 3.828 0 4.616 2.008 4.616 5.526.011.915.085 1.436-.985 1.436zm-1.858-2.523c0-1.464-.208-2.076-1.785-2.076-1.886 0-1.987.823-1.987 2.51h3.806l-.034-.434zM54.051 9.194h-.92c-.878 0-1.29-.12-1.29-1.067v-.826c0-.758.318-1.044 1.072-1.044h1.138a.974.974 0 01.73.306.92.92 0 01.243.738v.826c0 .66-.218 1.067-.973 1.067zm0 13.013h-.92c-.878 0-1.29-.12-1.29-1.067v-9.226c0-.757.318-1.044 1.072-1.044h1.138a.974.974 0 01.73.307.92.92 0 01.243.737v9.226c0 .666-.218 1.067-.973 1.067zM66.033 17.206h-5.661v.332c0 1.716.394 2.356 2.16 2.356a12.815 12.815 0 002.814-.377c.263-.089.535-.145.81-.166.648 0 .676 1.064.676 1.51 0 .664-.186.898-.839 1.041-1.156.219-2.33.32-3.505.303-4.176 0-5.065-2.002-5.065-5.897 0-3.799.743-6.064 4.946-6.064 3.827 0 4.615 2.008 4.615 5.526.022.915.095 1.436-.951 1.436zm-1.857-2.523c0-1.464-.208-2.076-1.784-2.076-1.902 0-2.02.823-2.02 2.522h3.804v-.446zM82.758 7.586l-4.935 13.53c-.478 1.33-1.272 1.07-2.549 1.07-.84 0-1.132-.31-1.418-1.07L68.682 7.35a1.043 1.043 0 01-.093-.357c0-.524.385-.714.863-.714h1.47a1.054 1.054 0 011.167.83l3.797 10.806 3.722-10.663c.245-.685.461-.996 1.254-.996h1.167c.478 0 .916 0 .916.576-.027.259-.09.513-.187.754zM90.842 13.032a4.949 4.949 0 00-3.2.978v7.118c0 .712-.236 1.08-.948 1.08h-.902c-.827 0-1.252-.102-1.252-1.08v-9.561c0-.76.304-1.056 1.04-1.056h1.114c.575 0 .758.344.873.86a6.097 6.097 0 013.108-1.127c1.15 0 1.04.736 1.04 1.66 0 .665-.144 1.128-.873 1.128zM102.765 21.916h-1.289c-.53 0-.67-.354-.67-.85a6.14 6.14 0 01-3.403 1.141c-2.232 0-3.293-1.244-3.293-3.504 0-2.569 1.496-3.425 3.756-3.699a20.663 20.663 0 012.918-.188c0-.936.14-2.283-1.15-2.283a14.41 14.41 0 00-3.314.49c-.182.048-.37.073-.558.075-.803 0-.664-.828-.664-1.415a.862.862 0 01.642-.988 15.561 15.561 0 013.778-.45c1.116 0 2.505.188 3.287 1.084.92 1.039.876 2.494.876 3.812v5.708c.005.736-.224 1.067-.916 1.067zm-1.958-4.965a14.867 14.867 0 00-1.116-.052 9.436 9.436 0 00-1.446.074c-.97.137-1.361.468-1.361 1.484 0 .571.095 1.576.854 1.576a5.193 5.193 0 003.08-1.176l-.011-1.906zM114.729 21.916h-1.29c-.557 0-.669-.354-.669-.85a6.156 6.156 0 01-3.404 1.141c-2.232 0-3.292-1.244-3.292-3.504 0-2.569 1.495-3.425 3.75-3.699a20.74 20.74 0 012.924-.188c0-.936.14-2.283-1.15-2.283a14.41 14.41 0 00-3.315.49c-.182.048-.37.073-.558.075-.803 0-.67-.828-.67-1.415a.867.867 0 01.648-.988 15.518 15.518 0 013.772-.45c1.116 0 2.511.188 3.293 1.084.92 1.039.876 2.494.876 3.812v5.708c.005.736-.229 1.067-.915 1.067zm-1.959-4.965a14.867 14.867 0 00-1.116-.052 9.506 9.506 0 00-1.451.074c-.965.137-1.356.468-1.356 1.484 0 .571.09 1.576.854 1.576a5.193 5.193 0 003.08-1.176l-.011-1.906zM128.686 25.22c-.965 1.392-2.818 1.77-4.438 1.77a19.141 19.141 0 01-4.507-.452.965.965 0 01-.72-1.079c0-.52.047-1.53.796-1.53a2.8 2.8 0 01.584.114c1.31.313 2.652.472 4 .474 1.811 0 1.689-1.108 1.689-2.523v-.115a15.85 15.85 0 01-2.795.303c-3.742 0-4.46-2.472-4.46-5.646 0-1.582.216-3.557 1.297-4.808 1.28-1.455 2.923-1.484 4.777-1.484 1.087 0 2.216 0 3.303.097.772.069.965.331.965 1.062v11.555a3.522 3.522 0 01-.491 2.261zm-2.579-12.43c-.625 0-1.28-.045-1.906-.045-.748 0-1.397 0-1.754.73a8.056 8.056 0 00-.456 2.94c0 .624.049 1.246.147 1.862.14 1.085.286 1.553 1.49 1.553a9.033 9.033 0 002.485-.4l-.006-6.64z" fill="#030304"/><path d="M13.585 2.487a11.775 11.775 0 019.686 18.422 1.859 1.859 0 00-.266 1.548l.746 2.57-2.948-.79a1.852 1.852 0 00-.458-.08 1.97 1.97 0 00-.91.226 10.73 10.73 0 01-2.569 1.13c-1.072.302-2.18.454-3.293.452A11.754 11.754 0 011.98 15.868a11.756 11.756 0 018.312-12.935 13.993 13.993 0 013.293-.446m0-1.813c-1.28.007-2.553.185-3.785.53A13.558 13.558 0 00.14 16.163 13.556 13.556 0 0013.623 27.79a14.333 14.333 0 003.784-.531 12.989 12.989 0 002.954-1.283l6.055 1.627-1.695-5.677a13.56 13.56 0 00.845-13.989A13.555 13.555 0 0013.585.674z" fill="#4F87AE"/><path d="M17.397 21.748c-1.185.326-2.41.48-3.638.457-5.56 0-6.581-2.721-6.581-7.865 0-2.643.185-6.352 3.004-7.56a9.738 9.738 0 013.577-.514 25.6 25.6 0 013.413.152c.56.08 1.166.113 1.166.796v.79c0 .724-.073 1.102-.863 1.102-1.087 0-2.18-.192-3.229-.192a7.177 7.177 0 00-2.516.339c-1.615.683-1.39 3.67-1.39 5.081 0 1.813-.152 4.574 2.14 5.031.568.122 1.148.17 1.727.147a5.16 5.16 0 001.088-.147v-4.308H13.12c-1.015 0-.976-.638-.976-1.395 0-.756.225-1.129.976-1.129h4.243c.673 0 .975.305.975.988v7.058c.05.717-.263.982-.941 1.169z" fill="#030304"/></g></g></svg> </a> <p class="text-center text-xs text-on-body-light sm+:text-left sm+:text-sm"> © 2024 Startpagina Goeievraag B.V. <br /> Startpagina.nl - onderdeel van Startpagina Goeievraag B.V. </p> </div> <div class="stack-y space-y-2 sm+:stack-x sm+:space-x-2 sm+:space-y-0 sm+:items-end"> <div class="flex justify-center"> <span class="text-xs text-on-body-light sm+:text-sm"> Volg ons op: </span> </div> <div class="stack-x space-x-2 justify-center sm+:justify-start"> <a href="https://www.facebook.com/GoeieVraag/" target="_blank"> <span class="sr-only">Visit Goeievraag on Facebook</span> <span aria-hidden="true" class="icon inline-block w-10 h-10 -mb-4 text-primary sm+:!ml-4" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" xml:space="preserve" viewBox="0 0 500 500"><path fill="currentColor" d="M250 0C111.9 0 0 111.9 0 250s111.9 250 250 250 250-111.9 250-250S388.1 0 250 0zm78.3 151.7H300c-21.7 0-26.7 10-26.7 25V210H325l-6.7 53.3h-45v135H220v-135h-45V210h45v-38.3c0-45 28.3-70 68.3-70 18.3 0 35 1.7 40 1.7v48.3z"/></svg> </span> </a> <a href="https://www.instagram.com/goeievraag/" target="_blank"> <span class="sr-only">Visit Goeievraag on Instagram</span> <span aria-hidden="true" class="icon inline-block w-10 h-10 -mb-4 text-primary" > <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="24" height="24" viewBox="0 0 500 500"><path d="M249.713 0a250.01 249.99 44.217 0 0-6.647.096A250.01 249.99 44.217 0 0 .096 256.912a250.01 249.99 44.217 0 0 256.838 242.992 250.01 249.99 44.217 0 0 242.97-256.816A250.01 249.99 44.217 0 0 249.713 0Zm1.035 124.865c31.888 0 35.89.147 48.424.768 42.68 2.106 66.37 27.654 68.287 73.504.568 13.479.705 17.774.705 52.093 0 34.32-.137 38.627-.715 52.106-1.927 45.934-25.685 71.398-68.287 73.504-12.524.61-16.526.758-48.414.758s-35.88-.147-48.414-.758c-42.68-2.106-66.338-27.612-68.295-73.504-.567-13.48-.705-17.787-.705-52.106s.138-38.613.715-52.103c1.957-45.934 25.654-71.398 68.295-73.504 12.524-.61 16.516-.758 48.404-.758zm0 22.778c-31.35 0-35.058.126-47.445.726-31.849 1.559-46.671 17.817-48.13 51.799-.557 13.332-.685 17.323-.685 51.062 0 33.75.118 37.742.686 51.063 1.448 33.919 16.231 50.241 48.129 51.81 12.377.611 16.095.739 47.445.739 31.37 0 35.068-.128 47.455-.738 31.849-1.559 46.673-17.838 48.131-51.8.558-13.32.676-17.311.676-51.062 0-33.74-.109-37.741-.676-51.062-1.448-33.993-16.311-50.243-48.13-51.801-12.388-.61-16.106-.736-47.456-.736zm62.68 20.976c7.778 0 14.08 6.792 14.08 15.164s-6.302 15.164-14.08 15.164c-7.789 0-14.1-6.792-14.1-15.164s6.311-15.164 14.1-15.164zm-62.68 17.723c33.297 0 60.293 29.053 60.293 64.888 0 35.846-26.996 64.9-60.293 64.9s-60.293-29.064-60.293-64.9c0-35.835 26.996-64.888 60.293-64.888zm0 22.767c-21.614 0-39.139 18.86-39.139 42.121 0 23.273 17.525 42.124 39.14 42.124 21.613 0 39.138-18.851 39.138-42.124 0-23.261-17.525-42.12-39.139-42.12z" style="fill:currentColor"/></svg> </span> </a> <a href="https://nl.pinterest.com/goeievraags/_created/ " target="_blank"> <span class="sr-only">Visit Goeievraag on Pinterest</span> <span aria-hidden="true" class="icon inline-block w-10 h-10 -mb-4 text-primary" > <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="24" height="24" viewBox="0 0 500 500"><path fill="currentColor" d="M250 0C111.9 0 0 111.9 0 250s111.9 250 250 250 250-111.9 250-250S388.1 0 250 0zm20.2 334.8c-18.9-1.5-26.8-10.8-41.7-19.8-8.1 42.7-18.1 83.7-47.6 105.1-9.1-64.6 13.4-113.1 23.8-164.6-17.8-29.9 2.1-90.2 39.7-75.4 46.2 18.3-40 111.4 17.9 123 60.4 12.1 85-104.8 47.6-142.8-54.1-54.9-157.5-1.2-144.8 77.4 3.1 19.2 23 25 7.9 51.6-34.6-7.7-45-35-43.6-71.4 2.1-59.6 53.6-101.3 105.1-107.1 65.2-7.3 126.4 23.9 134.9 85.3 9.5 69.1-29.5 144.1-99.2 138.7z"/></svg> </span> </a> </div> </div> </div> <div class="flex flex-wrap gap-8 justify-center sm+:justify-start | text-xs text-primary sm+:text-sm"> <ul class="block sm+:stack-x space-x-0 sm+:space-x-8 | w-full item-dividers text-center sm+:w-auto sm+:no-item-dividers sm+:text-left"> <li class="inline-block"> <a href="https://www.startpagina.nl/privacy-en-cookiebeleid" target="_blank" class=" hover:underline cursor-pointer" > Privacy- en cookiebeleid </a> </li> <li class="inline-block"> <a href="#" onclick=" googlefc.callbackQueue.push ({'CONSENT_DATA_READY': () => googlefc.showRevocationMessage()}); " class=" hover:underline cursor-pointer" > Cookie-instellingen wijzigen </a> </li> <li class="inline-block"> <a href="/v/copyright" target="_blank" class=" hover:underline cursor-pointer" > Copyright </a> </li> <li class="inline-block"> <a href="/v/disclaimer" target="_blank" class=" hover:underline cursor-pointer" > Disclaimer </a> </li> </ul> </div> </div> </footer> <div class="toast toast-template fade hide stack-x | relative max-w-lg p-3 text-white border-0 drop-shadow-sm rounded pointer-events-auto" role="alert" aria-live="assertive" aria-atomic="true" > <div class="toast-body p-0 pr-6 break-words"> <span class="toast-text text-sm"> </span> </div> <button type="button" class="absolute flex items-center top-2/4 right-2 -translate-y-2/4 text-on-error hover:cursor-pointer hover:opacity-90 active:opacity-80 p-1 pl-2" data-bs-dismiss="toast" aria-label="Close" > <span aria-hidden="true" class="icon inline-block w-4 h-4" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </span> </button> </div> <div class="mobile-menu block z-40 fixed bottom-0 w-full h-16 bg-gray-800 sm:hidden" x-data="MobileMenu" @more-menu-for-mobile-toggled.window="handleMoreMenuToggled()" > <div class="w-full h-full bg-gray-500 relative z-20"></div> <form id="mobileSearchForm" action="/v/zoeken/" class="z-10 fixed w-full flex items-center margin-bottom-safe-area bg-gray-50 border-t bottom-0 transition-bottom duration-500" :class="isSearchOpen ? 'bottom-16' : ''" target="_blank" x-ref="form" > <div class="input-wrapper flex items-center relative w-full"> <input type="text" class="search-input border border-gray-400 rounded flex-1 leading-normal m-2 p-2 focus-visible:default-focus-border" name="q" placeholder="Zoeken naar vragen " x-validate.silent="required" x-ref="searchInput" @keydown.enter.prevent="submitSearch" /> <button type="button" title="Zoeken naar vragen " class="submit-icon absolute right-4 h-full -mr-3 px-3 pt-2 bg-transparent border-none cursor-pointer focus-visible:default-focus-border" @click.prevent="submitSearch" > <span aria-hidden="true" class="icon inline-block text-gray-400 w-6 h-6" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 15h-.79l-.28-.27A6.471 6.471 0 0 0 16 10.5 6.5 6.5 0 1 0 9.5 17c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 20zm-6 0C7.01 15 5 12.99 5 10.5S7.01 6 9.5 6 14 8.01 14 10.5 11.99 15 9.5 15Z"/></svg> </span> </button> </div> </form> <nav class="z-30 fixed bottom-0 flex margin-bottom-safe-area h-16 w-full bg-gray-800 select-none"> <a href="/v/" class=" flex-1 flex flex-col justify-center items-center p-1 text-gray-400 text-xs truncate" > <span aria-hidden="true" class="icon inline-block block mt-0.5 mb-2 h-6 w-6" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.02 1.605a10.422 10.422 0 0 1 8.573 16.305c-.277.4-.363.9-.235 1.37l.66 2.275-2.61-.7a1.64 1.64 0 0 0-.404-.07c-.28 0-.557.07-.805.2a9.497 9.497 0 0 1-2.274 1c-.949.267-1.93.401-2.915.4A10.405 10.405 0 0 1 9.107 2c.952-.247 1.93-.38 2.914-.395m0-1.605a12.68 12.68 0 0 0-3.349.47 12 12 0 0 0-8.55 13.239 11.998 11.998 0 0 0 11.934 10.29 12.686 12.686 0 0 0 3.35-.47 11.488 11.488 0 0 0 2.614-1.134l5.36 1.44-1.5-5.025A12.002 12.002 0 0 0 12.02 0z"/><path d="M15.08 18.015c-1 .262-2.033.386-3.07.368-4.69 0-5.55-2.192-5.55-6.334 0-2.129.155-5.116 2.533-6.09a8.578 8.578 0 0 1 3.018-.413c.962-.02 1.924.02 2.88.123.473.063.984.09.984.641v.637c0 .582-.062.886-.729.886-.917 0-1.84-.154-2.724-.154a6.324 6.324 0 0 0-2.123.273c-1.362.55-1.173 2.955-1.173 4.092 0 1.46-.128 3.683 1.806 4.052.48.098.968.137 1.457.118a4.55 4.55 0 0 0 .918-.118v-3.47h-1.835c-.856 0-.823-.514-.823-1.123 0-.61.19-.91.823-.91h3.58c.567 0 .823.246.823.796v5.684c.042.578-.223.791-.795.942z"/></g></svg> </span> <span class="hidden w-30em:block"> Home </span> <span class="block w-30em:hidden"> Home </span> </a> <a href="/v/vraag/stellen/" class=" flex-1 flex flex-col justify-center items-center p-1 text-gray-400 text-xs truncate" > <span aria-hidden="true" class="icon inline-block block mt-0.5 mb-2 h-6 w-6" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.02 1.605a10.422 10.422 0 0 1 8.573 16.305c-.277.4-.363.9-.235 1.37l.66 2.275-2.61-.7a1.64 1.64 0 0 0-.404-.07c-.28 0-.557.07-.805.2a9.497 9.497 0 0 1-2.274 1c-.949.267-1.93.401-2.915.4A10.405 10.405 0 0 1 9.107 2c.952-.247 1.93-.38 2.914-.395m0-1.605a12.68 12.68 0 0 0-3.349.47 12 12 0 0 0-8.55 13.239 11.998 11.998 0 0 0 11.934 10.29 12.686 12.686 0 0 0 3.35-.47 11.488 11.488 0 0 0 2.614-1.134l5.36 1.44-1.5-5.025A12.002 12.002 0 0 0 12.02 0z"/><path d="m12.456 14.27.09-1.98c.012-.336.084-.588.216-.756.132-.168.45-.435.954-.801a5.308 5.308 0 0 0 1.233-1.224c.318-.45.477-1.068.477-1.854s-.258-1.425-.774-1.917S13.353 5 12.303 5c-1.05 0-2.151.276-3.303.828v2.466l1.836.126v-.954c0-.192.021-.336.063-.432.042-.096.183-.177.423-.243a2.91 2.91 0 0 1 .774-.099c.828 0 1.242.378 1.242 1.134 0 .3-.042.54-.126.72-.06.096-.12.195-.18.297-.06.102-.288.297-.684.585-.732.528-1.206.984-1.422 1.368-.192.348-.288.786-.288 1.314v.27l.09 1.89h1.728zm-.864 3.546c.384 0 .687-.12.909-.36.222-.24.333-.528.333-.864a1.12 1.12 0 0 0-.342-.837c-.228-.222-.525-.333-.891-.333s-.663.117-.891.351a1.18 1.18 0 0 0-.342.855c0 .336.111.618.333.846.222.228.519.342.891.342z"/></g></svg> </span> <span class="hidden w-30em:block"> Vraag stellen </span> <span class="block w-30em:hidden"> Vraag stellen </span> </a> <a href="#" class="find-question flex-1 flex flex-col justify-center items-center p-1 text-gray-400 text-xs truncate" :class="isSearchOpen ? 'text-gray-100' : ''" @click.prevent="isSearchOpen = !isSearchOpen" > <span aria-hidden="true" class="icon inline-block block mt-0.5 mb-2 h-6 w-6" > <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" style="fill:none;stroke:currentColor" width="24" height="24" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z"/></svg> </span> <span class="hidden w-30em:block"> Vraag zoeken </span> <span class="block w-30em:hidden"> Zoeken </span> </a> <a href="/v/ranglijsten/meest_populaire_vragen/" class=" flex-1 flex flex-col justify-center items-center p-1 text-gray-400 text-xs truncate" > <span aria-hidden="true" class="icon inline-block block mt-0.5 mb-2 h-6 w-6" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm0 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2z"/><path fill-rule="nonzero" d="m17.703 9.027-3.102-.35-1.275-2.827A1.428 1.428 0 0 0 12 5c-.575 0-1.076.325-1.326.85L9.4 8.677l-3.102.35c-.575.075-1.05.45-1.225 1a1.456 1.456 0 0 0 .4 1.526l2.301 2.101-.625 3.052c-.125.575.1 1.125.575 1.475.475.35 1.075.375 1.576.075l2.7-1.575 2.701 1.55c.225.125.476.2.726.2.3 0 .6-.1.85-.275.475-.35.675-.9.575-1.475l-.625-3.052 2.301-2.1c.425-.401.575-.976.4-1.527-.2-.55-.65-.925-1.225-.975zM15.1 12.579c-.325.3-.475.775-.4 1.225l.626 3.052-2.702-1.551c-.2-.1-.425-.175-.65-.175-.225 0-.45.05-.65.175l-2.702 1.55.626-3.05c.1-.451-.05-.901-.4-1.226l-2.302-2.101 3.102-.35c.45-.05.85-.35 1.025-.75L12 6.55l1.276 2.851c.175.425.575.7 1.025.75l3.102.35L15.1 12.58z"/></g></svg> </span> <span class="hidden w-30em:block"> Populaire vragen </span> <span class="block w-30em:hidden"> Populair </span> </a> <a href="#" class=" flex-1 flex flex-col justify-center items-center p-1 text-gray-400 text-xs truncate" @click="toggleMoreMenu" :class="isMoreMenuOpen ? 'text-gray-100' : ''" > <span aria-hidden="true" class="icon inline-block block mt-0.5 mb-2 h-6 w-6" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 25 25"><g fill="none" fill-rule="evenodd"><circle cx="12.5" cy="12.5" r="11.5" stroke="currentColor" stroke-width="2"/><g fill="currentColor" transform="translate(5 11)"><circle cx="1.5" cy="1.5" r="1.5"/><circle cx="7.5" cy="1.5" r="1.5"/><circle cx="13.5" cy="1.5" r="1.5"/></g></g></svg> </span> <span class="hidden w-30em:block"> Meer </span> <span class="block w-30em:hidden"> Meer </span> </a> </nav> </div> <script type="text/javascript" async="async" src="//widgets.outbrain.com/outbrain.js"></script> </body> </html>