tickets.teylersmuseum.nl
Open in
urlscan Pro
76.76.21.93
Public Scan
Submitted URL: https://tickets.teylersmuseum.nl/
Effective URL: https://tickets.teylersmuseum.nl/nl
Submission: On August 09 via automatic, source certstream-suspicious — Scanned from NL
Effective URL: https://tickets.teylersmuseum.nl/nl
Submission: On August 09 via automatic, source certstream-suspicious — Scanned from NL
Form analysis
1 forms found in the DOMjavascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')
<form
action="javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')">
<div class="lg:flex">
<div class="flex-grow pt-2">
<nav aria-label="Progress" class="md:h-24 mb-8">
<ol role="list" class="flex items-center justify-center md:justify-start">
<li class="pr-8 sm:pr-20 relative">
<div class="absolute inset-0 flex items-center justify-center" aria-hidden="true">
<div class="h-1 md:h-2 w-full" style="background-color: rgb(156, 163, 175);"></div>
</div>
<div class="relative flex h-8 w-8 md:h-12 md:w-12 items-center justify-center rounded-full border-2" aria-current="step" style="background-color: rgb(26, 48, 56); border-color: rgb(26, 48, 56);"><span
class="font-medium text-sm text-white">1</span></div>
<div class="absolute top-14 left-[20%] transform -translate-x-1/2"><span class="hidden md:block w-24 text-center text-sm font-medium truncate">Tickets</span></div>
</li>
<li class="pr-8 sm:pr-20 relative">
<div class="absolute inset-0 flex items-center justify-center" aria-hidden="true">
<div class="h-1 md:h-2 w-full" style="background-color: rgb(156, 163, 175);"></div>
</div>
<div class="relative flex h-8 w-8 md:h-12 md:w-12 items-center justify-center rounded-full border-2 border-gray-400 hover:border-gray-500" style="background-color: rgb(243, 236, 220);"><span class="font-medium text-sm text-black">2</span>
</div>
<div class="absolute top-14 left-[20%] transform -translate-x-1/2"><span class="hidden md:block w-24 text-center text-sm font-medium truncate">Datum en tijd</span></div>
</li>
<li class="pr-8 sm:pr-20 relative">
<div class="absolute inset-0 flex items-center justify-center" aria-hidden="true">
<div class="h-1 md:h-2 w-full" style="background-color: rgb(156, 163, 175);"></div>
</div>
<div class="relative flex h-8 w-8 md:h-12 md:w-12 items-center justify-center rounded-full border-2 border-gray-400 hover:border-gray-500" style="background-color: rgb(243, 236, 220);"><span class="font-medium text-sm text-black">3</span>
</div>
</li>
<li class="pr-8 sm:pr-20 relative">
<div class="absolute inset-0 flex items-center justify-center" aria-hidden="true">
<div class="h-1 md:h-2 w-full" style="background-color: rgb(156, 163, 175);"></div>
</div>
<div class="relative flex h-8 w-8 md:h-12 md:w-12 items-center justify-center rounded-full border-2 border-gray-400 hover:border-gray-500" style="background-color: rgb(243, 236, 220);"><span class="font-medium text-sm text-black">4</span>
</div>
</li>
<li class="pr-8 sm:pr-20 relative">
<div class="absolute inset-0 flex items-center justify-center" aria-hidden="true">
<div class="h-1 md:h-2 w-full" style="background-color: rgb(156, 163, 175);"></div>
</div>
<div class="relative flex h-8 w-8 md:h-12 md:w-12 items-center justify-center rounded-full border-2 border-gray-400 hover:border-gray-500" style="background-color: rgb(243, 236, 220);"><span class="font-medium text-sm text-black">5</span>
</div>
</li>
<li class="relative">
<div class="absolute inset-0 flex items-center justify-center" aria-hidden="true">
<div class="h-1 md:h-2 w-full" style="background-color: rgb(156, 163, 175);"></div>
</div>
<div class="relative flex h-8 w-8 md:h-12 md:w-12 items-center justify-center rounded-full border-2 border-gray-400 hover:border-gray-500" style="background-color: rgb(243, 236, 220);"><span class="font-medium text-sm text-black">6</span>
</div>
</li>
</ol>
</nav>
<div class="mb-10">
<h1 class="text-3xl font-bold mb-2 text-gray-600" style="color: rgb(26, 48, 56);">Boek je tickets voor Teylers Museum</h1>
</div>
<div class="w-full grid md:grid-cols-2 gap-4 mb-10">
<div>
<div>
<div class="bg-gray-200 rounded md:h-[100px] p-4" style="background-color: rgb(26, 48, 56); color: rgb(255, 255, 255);">
<div class="flex justify-between">
<div class="w-full lg:w-3/5 pr-10 sm:pr-0">
<div class="flex items-center"><span class="font-bold">Volwassene</span><button type="button" class="ml-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"
class="w-6">
<path fill-rule="evenodd"
d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z"
clip-rule="evenodd"></path>
</svg></button></div><span class="block">€ 16,50</span>
</div>
<div class="w-2/5 flex items-center justify-end"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_1"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="bg-gray-200 rounded md:h-[100px] p-4" style="background-color: rgb(26, 48, 56); color: rgb(255, 255, 255);">
<div class="flex justify-between">
<div class="w-full lg:w-3/5 pr-10 sm:pr-0">
<div class="flex items-center"><span class="font-bold">Kind 0 t/m 5</span></div><span class="block">€ 0,00</span>
</div>
<div class="w-2/5 flex items-center justify-end"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_5"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="bg-gray-200 rounded md:h-[100px] p-4" style="background-color: rgb(26, 48, 56); color: rgb(255, 255, 255);">
<div class="flex justify-between">
<div class="w-full lg:w-3/5 pr-10 sm:pr-0">
<div class="flex items-center"><span class="font-bold">Kind 6 t/m 17</span></div><span class="block">€ 2,50</span>
</div>
<div class="w-2/5 flex items-center justify-end"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_6"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="bg-gray-200 rounded md:h-[100px] p-4" style="background-color: rgb(26, 48, 56); color: rgb(255, 255, 255);">
<div class="flex justify-between">
<div class="w-full lg:w-3/5 pr-10 sm:pr-0">
<div class="flex items-center"><span class="font-bold">Jongeren 18 t/m 24</span><button type="button" class="ml-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"
class="w-6">
<path fill-rule="evenodd"
d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z"
clip-rule="evenodd"></path>
</svg></button></div><span class="block">€ 8,25</span>
</div>
<div class="w-2/5 flex items-center justify-end"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_7"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
</div>
</div>
</div>
<div>
<div>
<div class="bg-gray-200 rounded md:h-[100px] p-4" style="background-color: rgb(26, 48, 56); color: rgb(255, 255, 255);">
<div class="flex justify-between">
<div class="w-full lg:w-3/5 pr-10 sm:pr-0">
<div class="flex items-center"><span class="font-bold">Begeleider</span><button type="button" class="ml-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"
class="w-6">
<path fill-rule="evenodd"
d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z"
clip-rule="evenodd"></path>
</svg></button></div><span class="block">€ 0,00</span>
</div>
<div class="w-2/5 flex items-center justify-end"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_42"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
</div>
</div>
</div>
<div>
<div class="bg-gray-200 rounded p-4 cursor-pointer md:h-[100px]" style="background-color: rgb(26, 48, 56); color: rgb(255, 255, 255);">
<div class="flex justify-between min-h-[70px] " style="background-color: rgb(26, 48, 56); color: rgb(255, 255, 255);">
<div class="w-full md:w-3/5"><span class="font-bold pr-2">Kortingskaarten</span><span class="block text-sm md:truncate">Museumkaart Volwassene, VriendenLoterij VIP-KAART, Museumkaart Junior, ICOM/Ver.Rembrandt, Haarlem Pas, I Amsterdam
City Card, Vriendenpas, NVON-pas / Vlaamse lerarenpas</span></div><span class="w-2/5 ml-2 text-gray-500"><button type="button"
class="text-lg text-white h-8 px-4 rounded-full flex items-center justify-center overflow-hidden relative w-full bg-[#13C296] hover:bg-[#16B88F]"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);">Selecteer</button></span>
</div>
<div class="mt-5 text-black hidden">
<div class="flex justify-between bg-white rounded px-4 py-3 mb-4 text-sm">
<div><span class="font-bold">Museumkaart Volwassene</span><span class="block">€ 0,00</span></div>
<div class="flex items-center"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_2"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
<div class="flex justify-between bg-white rounded px-4 py-3 mb-4 text-sm">
<div><span class="font-bold">VriendenLoterij VIP-KAART</span><span class="block">€ 0,00</span></div>
<div class="flex items-center"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_8"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
<div class="flex justify-between bg-white rounded px-4 py-3 mb-4 text-sm">
<div><span class="font-bold">Museumkaart Junior</span><span class="block">€ 0,00</span></div>
<div class="flex items-center"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_9"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
<div class="flex justify-between bg-white rounded px-4 py-3 mb-4 text-sm">
<div><span class="font-bold">ICOM/Ver.Rembrandt</span><span class="block">€ 0,00</span></div>
<div class="flex items-center"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_11"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
<div class="flex justify-between bg-white rounded px-4 py-3 mb-4 text-sm">
<div><span class="font-bold">Haarlem Pas</span><span class="block">€ 0,00</span></div>
<div class="flex items-center"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_12"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
<div class="flex justify-between bg-white rounded px-4 py-3 mb-4 text-sm">
<div><span class="font-bold">I Amsterdam City Card</span><span class="block">€ 0,00</span></div>
<div class="flex items-center"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_13"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
<div class="flex justify-between bg-white rounded px-4 py-3 mb-4 text-sm">
<div><span class="font-bold">Vriendenpas</span><span class="block">€ 0,00</span></div>
<div class="flex items-center"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_14"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
<div class="flex justify-between bg-white rounded px-4 py-3 mb-4 text-sm">
<div><span class="font-bold">NVON-pas / Vlaamse lerarenpas</span><span class="block">€ 0,00</span></div>
<div class="flex items-center"><button type="button" class="text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative bg-[#CDCDCD]" aria-label="Decrease quantity"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"></path>
</svg></button><input readonly="" class="text-center bg-[transparent] h-10 w-12 rounded-full border-0 text-lg outline-none focus:outline-none focus:ring-0" aria-label="Quantity" type="text" value="0" name="quantity_41"><button
type="button" class="bg-[#13C296] hover:bg-[#16B88F] text-white h-10 w-10 rounded-full flex items-center justify-center overflow-hidden relative" aria-label="Increase quantity"
style="background-color: rgb(255, 204, 0); color: rgb(26, 48, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 absolute">
<path d="M10.75 6.75a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z"></path>
</svg></button></div>
</div>
</div>
</div>
</div>
</div>
<div class="w-full">
<div class="m-5"><button class="text-blue-500 underline">Gebruik kortingscode</button></div>
</div><button type="submit" id="tickets-action-button" class="h-11 flex justify-center items-center w-full bg-[transparent] border border-solid border-gray-500 text-gray-500 cursor-default font-bold mt-2 p-2 rounded-full text-lg">Tickets
toevoegen</button>
</div>
<aside class="w-full mt-10 lg:min-w-[30%] lg:max-w-[30%] p-r lg:ml-10 lg:mt-0 text-[15px]">
<div class="flex bg-gray-200 rounded mb-5 overflow-hidden" style="background-color: rgb(26, 48, 56); color: rgb(255, 255, 255);">
<div class="hidden md:block lg:w-1/3"><img alt="Locatie foto" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class=" h-full object-cover" sizes="100vw"
srcset="https://res.cloudinary.com/dqhqqr0qt/image/upload/c_limit,w_640/f_auto/q_auto/v1/8caff178-9d6c-4533-8030-d64d64cdda1d/public/location/xlmo9ju5su0eko7hbyci?_a=BAVAEyDW0 640w, https://res.cloudinary.com/dqhqqr0qt/image/upload/c_limit,w_750/f_auto/q_auto/v1/8caff178-9d6c-4533-8030-d64d64cdda1d/public/location/xlmo9ju5su0eko7hbyci?_a=BAVAEyDW0 750w, https://res.cloudinary.com/dqhqqr0qt/image/upload/c_limit,w_828/f_auto/q_auto/v1/8caff178-9d6c-4533-8030-d64d64cdda1d/public/location/xlmo9ju5su0eko7hbyci?_a=BAVAEyDW0 828w, https://res.cloudinary.com/dqhqqr0qt/image/upload/c_limit,w_1080/f_auto/q_auto/v1/8caff178-9d6c-4533-8030-d64d64cdda1d/public/location/xlmo9ju5su0eko7hbyci?_a=BAVAEyDW0 1080w, https://res.cloudinary.com/dqhqqr0qt/image/upload/c_limit,w_1200/f_auto/q_auto/v1/8caff178-9d6c-4533-8030-d64d64cdda1d/public/location/xlmo9ju5su0eko7hbyci?_a=BAVAEyDW0 1200w, https://res.cloudinary.com/dqhqqr0qt/image/upload/c_limit,w_1920/f_auto/q_auto/v1/8caff178-9d6c-4533-8030-d64d64cdda1d/public/location/xlmo9ju5su0eko7hbyci?_a=BAVAEyDW0 1920w, https://res.cloudinary.com/dqhqqr0qt/image/upload/c_limit,w_2048/f_auto/q_auto/v1/8caff178-9d6c-4533-8030-d64d64cdda1d/public/location/xlmo9ju5su0eko7hbyci?_a=BAVAEyDW0 2048w, https://res.cloudinary.com/dqhqqr0qt/image/upload/c_limit,w_3840/f_auto/q_auto/v1/8caff178-9d6c-4533-8030-d64d64cdda1d/public/location/xlmo9ju5su0eko7hbyci?_a=BAVAEyDW0 3840w"
src="https://res.cloudinary.com/dqhqqr0qt/image/upload/c_limit,w_3840/f_auto/q_auto/v1/8caff178-9d6c-4533-8030-d64d64cdda1d/public/location/xlmo9ju5su0eko7hbyci?_a=BAVAEyDW0" style="color: transparent;"></div>
<div class="p-7 md:p-4 lg:w-2/3">
<h2 class="font-bold text-lg">Teylers Museum</h2>
<p>Vandaag open van 10:00 tot 17:00 uur.<br><a href="https://teylersmuseum.nl/nl/plan-je-bezoek" class="text-xs font-bold" style="color: rgb(54, 169, 225);">Meer informatie ></a></p>
</div>
</div>
<div class="border border-solid border-gray-400 rounded p-7">
<h2 class="font-bold text-lg mb-2" style="color: rgb(26, 48, 56);">Informatie</h2>
<p>Boek vooraf je ticket met tijdslot. Dit geldt ook als je bijvoorbeeld een Museumkaart, VriendenLoterij VIP-kaart of Vrienden van Teylers Museum-pas hebt. Gekochte tickets worden niet gerestitueerd. Het is wel mogelijk om datum/tijdstip van
je bezoek te wijzigen.</p>
<h2 class="font-bold text-lg mb-2" style="color: rgb(26, 48, 56);">Veelgestelde vragen</h2>
<p>Raadpleeg onze <a href="#" class="underline" style="color: rgb(26, 48, 56);">veelgestelde vragen</a> voor snelle antwoorden over Teylers Museum, het bestelproces of het wijzigen van je ticket.</p>
<p>Mocht je verdere assistentie nodig hebben, staat onze helpdesk voor je klaar. Via onderstaande knop kan je de contactopties bekijken.</p>
</div>
<div class="relative"><button type="button"
class="flex justify-between items-center border border-solid border-gray-400 w-full text-gray-600 font-bold mt-2 mb-2 p-2 rounded-lg text-lg hover:bg-gray-600 hover:text-white transition-colors duration-300 ease-in-out">
<div class="flex items-center mx-auto"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline-block w-8 mr-2.5">
<path stroke-linecap="round" stroke-linejoin="round"
d="M8.625 9.75a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 0 1 .778-.332 48.294 48.294 0 0 0 5.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z">
</path>
</svg>Ticket support</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-8 w-8 transition-transform rotate-0">
<path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path>
</svg>
</button>
<div class="transition-all duration-300 ease-in-out transform opacity-0 max-h-0 overflow-hidden"></div>
</div>
</aside>
</div>
</form>
Text Content
COOKIES Om de website goed te laten werken, het gebruik te meten en om bijv. relevante advertenties te tonen, gebruiken we cookies. Klik je op ‘Akkoord’, dan accepteer je alle cookies. Liever niet? Dan plaatsen we alleen functionele en anonieme analytische cookies. AkkoordLiever niet < Home NL 1. 1 Tickets 2. 2 Datum en tijd 3. 3 4. 4 5. 5 6. 6 BOEK JE TICKETS VOOR TEYLERS MUSEUM Volwassene € 16,50 Kind 0 t/m 5 € 0,00 Kind 6 t/m 17 € 2,50 Jongeren 18 t/m 24 € 8,25 Begeleider € 0,00 KortingskaartenMuseumkaart Volwassene, VriendenLoterij VIP-KAART, Museumkaart Junior, ICOM/Ver.Rembrandt, Haarlem Pas, I Amsterdam City Card, Vriendenpas, NVON-pas / Vlaamse lerarenpas Selecteer Museumkaart Volwassene€ 0,00 VriendenLoterij VIP-KAART€ 0,00 Museumkaart Junior€ 0,00 ICOM/Ver.Rembrandt€ 0,00 Haarlem Pas€ 0,00 I Amsterdam City Card€ 0,00 Vriendenpas€ 0,00 NVON-pas / Vlaamse lerarenpas€ 0,00 Gebruik kortingscode Tickets toevoegen TEYLERS MUSEUM Vandaag open van 10:00 tot 17:00 uur. Meer informatie > INFORMATIE Boek vooraf je ticket met tijdslot. Dit geldt ook als je bijvoorbeeld een Museumkaart, VriendenLoterij VIP-kaart of Vrienden van Teylers Museum-pas hebt. Gekochte tickets worden niet gerestitueerd. Het is wel mogelijk om datum/tijdstip van je bezoek te wijzigen. VEELGESTELDE VRAGEN Raadpleeg onze veelgestelde vragen voor snelle antwoorden over Teylers Museum, het bestelproces of het wijzigen van je ticket. Mocht je verdere assistentie nodig hebben, staat onze helpdesk voor je klaar. Via onderstaande knop kan je de contactopties bekijken. Ticket support