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

Form analysis 1 forms found in the DOM

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().')

<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">€&nbsp;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">€&nbsp;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">€&nbsp;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">€&nbsp;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">€&nbsp;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">€&nbsp;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">€&nbsp;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">€&nbsp;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">€&nbsp;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">€&nbsp;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">€&nbsp;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">€&nbsp;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">€&nbsp;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 &gt;</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