https://tkeramikske.be/

Scan ID:
942e51be-a4e6-4bfc-8034-8f8944c8086aFinished
Submitted URL:
https://tkeramikske.be/
Report Finished:

The outgoing links identified from the page

LinkText
https://www.facebook.com/profile.php?id=61558505480140social media
https://www.facebook.com/profile.php?id=61565553377696
https://www.instagram.com/tkeramikske/
https://www.linkedin.com/in/jana-cle-0b89a6303/Jana Cle

JavaScript Variables Ā· 47 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
___FONT_AWESOME___object
FontAwesomeConfigobject
FontAwesomeobject
Livewireobject
livewireobject
livewire_app_urlstring
livewire_tokenstring

Console log messages Ā· 3 found

Messages logged to the web console

TypeCategoryLog
warningjavascript
URL
https://tkeramikske.be/livewire/livewire.js?id=90730a3b0e7144480175
Text
Livewire: Multiple root elements detected. This is not supported. See docs for more information https://laravel-livewire.com/docs/2.x/troubleshooting#root-element-issues JSHandle@node
errornetwork
URL
https://tkeramikske.be/build/assets/icons/favicon.png
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://tkeramikske.be/build/assets/icons/favicon.svg
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en" class="fontawesome-i2svg-active fontawesome-i2svg-complete"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Solid";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Regular";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Light";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Thin";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.0714285705em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);-webkit-transform:scale(var(--fa-counter-scale,.25));transform:scale(var(--fa-counter-scale,.25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);top:auto;-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);right:auto;top:auto;-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:top left;transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.0833333337em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.0714285718em;vertical-align:.0535714295em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.0416666682em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width,2em) * -1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-sr-only,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fa-sr-only-focusable:not(:focus),.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fa-duotone.fa-inverse,.fad.fa-inverse{color:var(--fa-inverse,#fff)}</style><link rel="icon" type="image/svg+xml" href="build/assets/icons/favicon.svg">
    <link rel="icon" type="image/png" href="build/assets/icons/favicon.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;family=Raleway:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/flowbite.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
    
    <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
    <meta name="description" content="Welkom bij 'T Keramikske, waar passie en kunst samenkomen. Als 19-jarige student-ondernemer specialiseer ik me in het creƫren van unieke, lokaal gemaakte keramische stukken en kunst. Ontdek onze collectie handgemaakte keramiek, elk stuk met veel zorg en liefde vervaardigd.">
    <title>'T Keramikske: Handgemaakte Keramiek en Workshops | 'T Keramikske</title>
    <link rel="preload" as="style" href="https://tkeramikske.be/build/assets/app-e57a517a.css"><link rel="preload" as="style" href="https://tkeramikske.be/build/assets/app-cea4fce0.css"><link rel="modulepreload" href="https://tkeramikske.be/build/assets/app-64042e7d.js"><link rel="stylesheet" href="https://tkeramikske.be/build/assets/app-e57a517a.css"><link rel="stylesheet" href="https://tkeramikske.be/build/assets/app-cea4fce0.css"><script type="module" src="https://tkeramikske.be/build/assets/app-64042e7d.js"></script>    <style>[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
<style>.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:hsl(0,0%,33%);font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:0;padding:1em 1.6em .3em;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid hsl(0,0%,85%);border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:hsl(0,0%,94%);color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:rgb(249.95234375,205.965625,167.74765625);color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:rgb(156.7033492823,224.2822966507,246.2966507177);color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:rgb(200.8064516129,217.9677419355,225.1935483871);color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}</style></head>
<body class="font-sans antialiased" data-aos-easing="ease-in-out" data-aos-duration="1000" data-aos-delay="0" aria-expanded="false">
<div class="flex flex-col space-y-4 text-gray-800 bg-gray-50"> 
    <header class="shadow bg-white/70 inset-0 backdrop-blur-sm z-10"> 
        
        <nav wire:id="zhpV10Ty5SIvVwfD8heZ" class="container mx-auto p-4 pb-2 flex flex-col items-center justify-center hidden lg:flex font-raleway">
        <div class="items-center space-x-0">
            <a href="https://tkeramikske.be">
                <svg viewBox="150 0 880 880" xmlns="http://www.w3.org/2000/svg" class="w-52 h-52">
    <defs>
        <style>
            .cls-1 {
                opacity: .99;
            }

            .cls-2 {
                font-family: Grad-Bold, Grad, serif;
                font-size: 85.04px;
                font-weight: 700;
            }

            .cls-2, .cls-3, .cls-4 {
                fill: #93986f;
            }

            .cls-3 {
                stroke: #fdfff1;
                stroke-miterlimit: 10;
                stroke-width: 5.67px;
            }

            .cls-4 {
                stroke-width: 0px;
            }
        </style>
    </defs>
    <g id="Layer_4" data-name="Layer 4">
        <g id="Layer_7" data-name="Layer 7">
            <text></text>
            <ellipse class="cls-4" cx="589.8" cy="402.8" rx="268.87" ry="268.83"></ellipse>
            <text></text>
            <text class="cls-2" transform="translate(361.19 246.09) rotate(-57.54)"><tspan x="0" y="0"> </tspan></text>
            <text class="cls-2" transform="translate(374.47 225.14) rotate(-50.97)"><tspan x="0" y="0">t</tspan></text>
            <text class="cls-2" transform="translate(398.59 196.49) rotate(-44.41)"><tspan x="0" y="0"> </tspan></text>
            <text class="cls-2" transform="translate(415.44 178.81) rotate(-35.8)"><tspan x="0" y="0">k</tspan></text>
            <text class="cls-2" transform="translate(462.03 146.33) rotate(-24.78)"><tspan x="0" y="0">e</tspan></text>
            <text class="cls-2" transform="translate(505.38 126.95) rotate(-15.07)"><tspan x="0" y="0">r</tspan></text>
            <text class="cls-2" transform="translate(547.59 115.75) rotate(-5.11)"><tspan x="0" y="0">a</tspan></text>
            <text class="cls-2" transform="translate(596.92 110.04) rotate(8.4)"><tspan x="0" y="0">m</tspan></text>
            <text class="cls-2" transform="translate(675.52 124.67) rotate(20.18)"><tspan x="0" y="0">i</tspan></text>
            <text class="cls-2" transform="translate(705.02 134.83) rotate(29.57)"><tspan x="0" y="0">k</tspan></text>
            <text class="cls-2" transform="translate(753.94 163.81) rotate(40.18)"><tspan x="0" y="0">s</tspan></text>
            <text class="cls-2" transform="translate(787.44 191.89) rotate(50.76)"><tspan x="0" y="0">k</tspan></text>
            <text class="cls-2" transform="translate(822.67 236.45) rotate(61.76)"><tspan x="0" y="0">e</tspan></text>
            <g class="cls-1">
                <line class="cls-4" x1="316.09" y1="203.12" x2="328.56" y2="206.66"></line>
                <path class="cls-4" d="M315.18,206.4c4.16,1.18,8.32,2.36,12.47,3.54s6.02-5.37,1.81-6.56-8.32-2.36-12.47-3.54-6.02,5.37-1.81,6.56h0Z"></path>
            </g>
        </g>
    </g>
    <g id="Layer_2" data-name="Layer 2">
        <g>
            <path class="cls-3" d="M640.96,231.88l37.33-.7c7.31-.14,12.76,6.66,11.09,13.78-1.45,6.18-2.72,13.59-2.69,20.51.07,16.09,4.56,31.05,9.26,36.43,31.57,36.09,144.87,61.94,154.83,196.92,9.84,133.47-91.57,203.09-191.26,202.61-98.19-.47-186.45-85.7-173.52-203.78,13.46-122.8,106.75-160.2,131.53-187.1,21.61-23.47,16.06-49.4,16.06-49.4l-3.35-15.77c-1.46-6.87,3.7-13.38,10.73-13.51Z"></path>
            <ellipse class="cls-3" cx="658.06" cy="513.96" rx="94.17" ry="90.53"></ellipse>
        </g>
        <path class="cls-3" d="M493.21,696.86h-109.31c-7.65,0-13.26-7.19-11.41-14.61l14.09-56.39-6.24-19.09c-15.27-25.45-16.34-56.97-2.83-83.4l2.29-4.47-9.02-16.87c-12.05-22.55-12.76-49.46-1.89-72.61l9.89-21.07c5.84-12.44,9.09-25.93,9.56-39.66l1.09-31.86c.53-15.52-1.96-30.99-7.35-45.56l-8.27-22.38c-2.41-6.52,2.41-13.44,9.36-13.44h110.3c7.16,0,12.02,7.29,9.25,13.9l-9.1,21.74c-5.55,13.27-8.18,27.59-7.68,41.97l1.17,34.27c.45,13.15,4.37,25.95,11.35,37.1l10.16,16.22c12.78,26.91,11.65,58.36-3.04,84.27l-12.05,21.26,6.12,9.63c13.63,21.46,14.68,48.59,2.74,71.04l-6.77,12.73,10.39,62.14c1.32,7.91-4.78,15.12-12.8,15.12Z"></path>
        <g>
            <path class="cls-3" d="M576.89,702.39l-33.28-.6c-21.21-.38-38.57-16.98-39.9-38.15l-2.49-15.35-15.68-10.67c-19.01-12.93-30.48-34.36-30.7-57.35l-.07-7.73c-.22-22.91,10.75-44.48,29.39-57.79l10.8-7.71-1.97-14.07c-.76-12.1,8.85-22.32,20.96-22.32h96.59c12.24,0,21.89,10.42,20.94,22.63l-13.29,171.56c-1.66,21.48-19.77,37.94-41.31,37.56Z"></path>
            <path class="cls-3" d="M499.41,618.17l-14.46-19.05c-10.47-13.79-10.69-32.8-.54-46.83l12.65-17.48,2.35,83.35Z"></path>
        </g>
    </g>
</svg>
            </a>
        </div>
        <div class="container p-4 pt-2 grid grid-cols-6 pb-6">  



            <div class="flex items-center min-w-40 col-start-2 col-span-4">

                <div class="flex items-center space-x-8 justify-center text-center mx-auto space-x-5">
                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-keramikske pb-1 text-md font-delius leading-5 text-gray-900 focus:outline-none focus:border-keramikske transition" href="https://tkeramikske.be">
    OVER ONS
</a>








                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent pb-1 text-md font-delius leading-5 text-gray-600 hover:text-gray-900 hover:border-keramikske-light focus:outline-none focus:text-gray-900 focus:border-keramikske transition" href="https://tkeramikske.be/galerij">
    GALERIJ
</a>









                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent pb-1 text-md font-delius leading-5 text-gray-600 hover:text-gray-900 hover:border-keramikske-light focus:outline-none focus:text-gray-900 focus:border-keramikske transition" href="https://tkeramikske.be/workshops">
    WORKSHOPS
</a>








                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent pb-1 text-md font-delius leading-5 text-gray-600 hover:text-gray-900 hover:border-keramikske-light focus:outline-none focus:text-gray-900 focus:border-keramikske transition" href="https://tkeramikske.be/webshop">
    WEBSHOP
</a>








                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent pb-1 text-md font-delius leading-5 text-gray-600 hover:text-gray-900 hover:border-keramikske-light focus:outline-none focus:text-gray-900 focus:border-keramikske transition" href="https://tkeramikske.be/contact">
    CONTACT
</a>








                </div>
            </div>
                
                <div class="flex content-end justify-end min-w-32 space-x-2">

                    <div class="flex items-center space-x-2">
                                                <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent pb-1 text-md font-delius leading-5 text-gray-600 hover:text-gray-900 hover:border-keramikske-light focus:outline-none focus:text-gray-900 focus:border-keramikske transition" href="https://tkeramikske.be/login">
    LOGIN
</a>








                        <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent pb-1 text-md font-delius leading-5 text-gray-600 hover:text-gray-900 hover:border-keramikske-light focus:outline-none focus:text-gray-900 focus:border-keramikske transition" href="https://tkeramikske.be/register">
    REGISTREER
</a>








                        


                    </div>
                </div>
                </div></nav>

<nav class="bg-white border-gray-200 flex lg:hidden font-raleway">
    <div class="w-full flex flex-wrap items-center justify-between p-4">
        <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
            
            <svg viewBox="150 0 880 880" xmlns="http://www.w3.org/2000/svg" class="h-20" alt="'T Keramikske Logo">
    <defs>
        <style>
            .cls-1 {
                opacity: .99;
            }

            .cls-2 {
                font-family: Grad-Bold, Grad, serif;
                font-size: 85.04px;
                font-weight: 700;
            }

            .cls-2, .cls-3, .cls-4 {
                fill: #93986f;
            }

            .cls-3 {
                stroke: #fdfff1;
                stroke-miterlimit: 10;
                stroke-width: 5.67px;
            }

            .cls-4 {
                stroke-width: 0px;
            }
        </style>
    </defs>
    <g id="Layer_4" data-name="Layer 4">
        <g id="Layer_7" data-name="Layer 7">
            <text></text>
            <ellipse class="cls-4" cx="589.8" cy="402.8" rx="268.87" ry="268.83"></ellipse>
            <text></text>
            <text class="cls-2" transform="translate(361.19 246.09) rotate(-57.54)"><tspan x="0" y="0"> </tspan></text>
            <text class="cls-2" transform="translate(374.47 225.14) rotate(-50.97)"><tspan x="0" y="0">t</tspan></text>
            <text class="cls-2" transform="translate(398.59 196.49) rotate(-44.41)"><tspan x="0" y="0"> </tspan></text>
            <text class="cls-2" transform="translate(415.44 178.81) rotate(-35.8)"><tspan x="0" y="0">k</tspan></text>
            <text class="cls-2" transform="translate(462.03 146.33) rotate(-24.78)"><tspan x="0" y="0">e</tspan></text>
            <text class="cls-2" transform="translate(505.38 126.95) rotate(-15.07)"><tspan x="0" y="0">r</tspan></text>
            <text class="cls-2" transform="translate(547.59 115.75) rotate(-5.11)"><tspan x="0" y="0">a</tspan></text>
            <text class="cls-2" transform="translate(596.92 110.04) rotate(8.4)"><tspan x="0" y="0">m</tspan></text>
            <text class="cls-2" transform="translate(675.52 124.67) rotate(20.18)"><tspan x="0" y="0">i</tspan></text>
            <text class="cls-2" transform="translate(705.02 134.83) rotate(29.57)"><tspan x="0" y="0">k</tspan></text>
            <text class="cls-2" transform="translate(753.94 163.81) rotate(40.18)"><tspan x="0" y="0">s</tspan></text>
            <text class="cls-2" transform="translate(787.44 191.89) rotate(50.76)"><tspan x="0" y="0">k</tspan></text>
            <text class="cls-2" transform="translate(822.67 236.45) rotate(61.76)"><tspan x="0" y="0">e</tspan></text>
            <g class="cls-1">
                <line class="cls-4" x1="316.09" y1="203.12" x2="328.56" y2="206.66"></line>
                <path class="cls-4" d="M315.18,206.4c4.16,1.18,8.32,2.36,12.47,3.54s6.02-5.37,1.81-6.56-8.32-2.36-12.47-3.54-6.02,5.37-1.81,6.56h0Z"></path>
            </g>
        </g>
    </g>
    <g id="Layer_2" data-name="Layer 2">
        <g>
            <path class="cls-3" d="M640.96,231.88l37.33-.7c7.31-.14,12.76,6.66,11.09,13.78-1.45,6.18-2.72,13.59-2.69,20.51.07,16.09,4.56,31.05,9.26,36.43,31.57,36.09,144.87,61.94,154.83,196.92,9.84,133.47-91.57,203.09-191.26,202.61-98.19-.47-186.45-85.7-173.52-203.78,13.46-122.8,106.75-160.2,131.53-187.1,21.61-23.47,16.06-49.4,16.06-49.4l-3.35-15.77c-1.46-6.87,3.7-13.38,10.73-13.51Z"></path>
            <ellipse class="cls-3" cx="658.06" cy="513.96" rx="94.17" ry="90.53"></ellipse>
        </g>
        <path class="cls-3" d="M493.21,696.86h-109.31c-7.65,0-13.26-7.19-11.41-14.61l14.09-56.39-6.24-19.09c-15.27-25.45-16.34-56.97-2.83-83.4l2.29-4.47-9.02-16.87c-12.05-22.55-12.76-49.46-1.89-72.61l9.89-21.07c5.84-12.44,9.09-25.93,9.56-39.66l1.09-31.86c.53-15.52-1.96-30.99-7.35-45.56l-8.27-22.38c-2.41-6.52,2.41-13.44,9.36-13.44h110.3c7.16,0,12.02,7.29,9.25,13.9l-9.1,21.74c-5.55,13.27-8.18,27.59-7.68,41.97l1.17,34.27c.45,13.15,4.37,25.95,11.35,37.1l10.16,16.22c12.78,26.91,11.65,58.36-3.04,84.27l-12.05,21.26,6.12,9.63c13.63,21.46,14.68,48.59,2.74,71.04l-6.77,12.73,10.39,62.14c1.32,7.91-4.78,15.12-12.8,15.12Z"></path>
        <g>
            <path class="cls-3" d="M576.89,702.39l-33.28-.6c-21.21-.38-38.57-16.98-39.9-38.15l-2.49-15.35-15.68-10.67c-19.01-12.93-30.48-34.36-30.7-57.35l-.07-7.73c-.22-22.91,10.75-44.48,29.39-57.79l10.8-7.71-1.97-14.07c-.76-12.1,8.85-22.32,20.96-22.32h96.59c12.24,0,21.89,10.42,20.94,22.63l-13.29,171.56c-1.66,21.48-19.77,37.94-41.31,37.56Z"></path>
            <path class="cls-3" d="M499.41,618.17l-14.46-19.05c-10.47-13.79-10.69-32.8-.54-46.83l12.65-17.48,2.35,83.35Z"></path>
        </g>
    </g>
</svg>
            <span class="self-center text-xl whitespace-nowrap font-raleway text-keramikske">'T Keramikske</span>
        </a>
        <button data-collapse-toggle="navbar-default" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200" aria-controls="navbar-default" aria-expanded="false">
            <span class="sr-only">Open menu</span>
            <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path>
</svg>
        </button>
        <div class="hidden w-full lg:block lg:w-auto text-transform:uppercase" id="navbar-default">
            <ul class="flex flex-col p-4 lg:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 lg:flex-row lg:space-x-8 rtl:space-x-reverse lg:mt-0 lg:border-0 lg:bg-white">
                <li>
                    <a href="https://tkeramikske.be" class="block py-2 px-3 rounded lg:bg-transparent lg:text-keramikske lg:p-0 bg-keramikske text-white" aria-current="page">OVER ONS</a>
                </li>
                <li>
                    <a href="https://tkeramikske.be/galerij" class="block py-2 px-3 rounded text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-keramikske">GALERIJ</a>
                </li>
                <li>
                    <a href="https://tkeramikske.be/workshops" class="block py-2 px-3 rounded text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-keramikske">WORKSHOPS</a>
                </li>
                <li>
                    <a href="https://tkeramikske.be/webshop" class="block py-2 px-3 rounded text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-keramikske">WEBSHOP</a>
                </li>
                <li>
                    <a href="https://tkeramikske.be/contact" class="block py-2 px-3 rounded text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-keramikske">CONTACT</a>
                </li>
                <li>
                    <a href="https://tkeramikske.be/winkelmandje" class="block py-2 px-3 rounded text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-keramikske"><svg class="inline h-5 w-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M576 216v16c0 13.255-10.745 24-24 24h-8l-26.113 182.788C514.509 462.435 494.257 480 470.37 480H105.63c-23.887 0-44.139-17.565-47.518-41.212L32 256h-8c-13.255 0-24-10.745-24-24v-16c0-13.255 10.745-24 24-24h67.341l106.78-146.821c10.395-14.292 30.407-17.453 44.701-7.058 14.293 10.395 17.453 30.408 7.058 44.701L170.477 192h235.046L326.12 82.821c-10.395-14.292-7.234-34.306 7.059-44.701 14.291-10.395 34.306-7.235 44.701 7.058L484.659 192H552c13.255 0 24 10.745 24 24zM312 392V280c0-13.255-10.745-24-24-24s-24 10.745-24 24v112c0 13.255 10.745 24 24 24s24-10.745 24-24zm112 0V280c0-13.255-10.745-24-24-24s-24 10.745-24 24v112c0 13.255 10.745 24 24 24s24-10.745 24-24zm-224 0V280c0-13.255-10.745-24-24-24s-24 10.745-24 24v112c0 13.255 10.745 24 24 24s24-10.745 24-24z"></path></svg> WINKELMANDJE</a>
                </li>
                <li>
                    <div data-collapse-toggle="navbar-account" class="flex justify-between items-center py-2 px-3 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-keramikske lg:p-0">
                        <span>ACCOUNT</span>
                        <button type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 ml-auto" aria-controls="navbar-default" aria-expanded="false">
                            <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path>
</svg>
                        </button>
                    </div>
                    <div id="navbar-account" class="z-10 hidden font-normal divide-y divide-gray-100 rounded-lg border border-gray-200">
                        <ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="dropdownLargeButton">
                                                                                        <li>
                                    <a href="https://tkeramikske.be/login" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">LOGIN</a>
                                </li>
                                <li>
                                    <a href="https://tkeramikske.be/register" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600">REGISTREER</a>
                                </li>
                                                            <div class="border-t border-gray-200"></div>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>



<!-- Livewire Component wire-end:zhpV10Ty5SIvVwfD8heZ -->    </header>
    <div class="relative h-96 no-margin-top lg:h-[45rem]">
    <img src="https://tkeramikske.be/storage/images/lavender-set-groen.jpg" alt="Handgemaakte set Lavendel thema" class="w-full h-full object-cover">
    <div class="absolute inset-0 bg-black bg-opacity-20 flex flex-col items-center justify-center text-center px-4">
        <h1 class="text-4xl md:text-3xl sm:text-2xl text-white font-semibold font-poppins mb-4 aos-init aos-animate" data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-delay="500" data-aos-offset="0">Waar klei een leven krijgt.</h1>
        <a href="https://tkeramikske.be/galerij" class="bg-keramikske hover:bg-keramikske-light text-white transition-colors font-raleway px-14 py-3 my-3 rounded-md text-lg md:text-base sm:text-sm">GALERIJ</a>
    </div>
</div>
    <main class="flex-1 no-margin-top bg-gray-50">
        
        <div class="container mx-auto px-4 p-4">
        <div class="flex flex-col md:flex-row items-center md:items-start p-8 bg-gray-50 no-margin-top">
            <div class="md:w-1/3 md:mb-0 order-2 lg:order-1">
                
                <img src="https://tkeramikske.be/storage/images/lesfotos/keramist-dina.jpg" alt="Keramiste Dina in Klei Atelier" class="object-cover rounded-md shadow-md h-64 w-64 sm:h-80 sm:w-80 md:h-96 md:w-80 lg:h-96 lg:w-96 xl:h-[30rem] xl:w-[25rem]" style="object-position: 80% 100%;">
            </div>
            <div class="md:w-2/3 md:pl-8 font-poppins md:ps-6 md:pe-7 order-1 md:order-2">
                <h2 class="text-3xl lg:text-4xl font-semibold mb-5 lg:mb-8 text-keramikske">Over ons</h2>
                <p class="text-md lg:text-lg my-5">
                    Welkom bij <strong class="text-gray-700">'T Keramikske</strong>!
                </p>
                <p class="text-md lg:text-lg mb-5">
                    šŸŒ¼ Ik ben Dina, de 19-jarige keramiekliefhebber achter deze boel.
                </p>
                <p class="text-md lg:text-lg mb-5">
                    Samen met mijn mama ben ik vorig jaar in de klei gedoken, en nu willen we graag onze <strong class="text-gray-700">liefde voor keramiek</strong> delen!
                </p>
                <p class="text-md lg:text-lg mb-5">
                    Bij ons draait alles om het creĆ«ren van mooie keramiekstukken die je nergens anders vindt. Of je nu op zoek bent naar een mok, een unieke vaas of gewoon iets leuks voor in huis, <strong class="text-gray-700">wij hebben het!</strong>šŸƒ
                </p>
            </div>
        </div>
    </div>
    
    <section class="w-full bg-keramikske p-8 text-center font-poppins">
        <h2 class="text-white text-3xl lg:text-4xl font-semibold mb-5 lg:mb-8">Waarom voor ons kiezen?</h2>
        <div class="flex flex-wrap justify-around px-2 lg:px-16"> 
            <div class="bg-keramikske bg-opacity-10 p-3 lg:p-6 w-full sm:w-1/2 lg:w-1/3 mb-6 sm:mb-0 rounded-lg aos-init" data-aos="fade-up" data-aos-duration="1500">
                <div class="mb-4">
                    <img src="storage/images/growth.avif" alt="Icoon Duurzaamheid" style="width: 100px" class="mx-auto">
                </div>
                <h3 class="text-white text-xl mb-4 font-semibold font-raleway">DUURZAAM</h3>
                <p class="text-white text-md md:px-4">Onze keramiek wordt gemaakt met ecologische materialen, zo dragen wij een steentje bij aan de economie.</p>
            </div>
            <div class="bg-olive-400 bg-opacity-10 p-3 lg:p-6 w-full sm:w-1/2 lg:w-1/3 mb-6 sm:mb-0 rounded-lg aos-init" data-aos="fade-up" data-aos-duration="1500">
                <div class="mb-4">
                    <img src="storage/images/village.avif" alt="Icoon Lokaal gemaakt" style="width: 100px" class="mx-auto">
                </div>
                <h3 class="text-white text-xl mb-4 font-semibold font-raleway">LOKAAL</h3>
                <p class="text-white text-md md:px-4">Als je onze producten koopt, ondersteun je niet alleen een lokale handelaar maar investeer je ook in unieke authentieke kunstwerken.</p>
            </div>
            <div class="bg-olive-400 bg-opacity-10 p-3 lg:p-6 w-full sm:w-1/2 lg:w-1/3 mb-6 sm:mb-0 rounded-lg aos-init" data-aos="fade-up" data-aos-duration="1500">
                <div class="mb-4">
                    <img src="storage/images/heart.avif" alt="Icoon Ambachtelijk gemaakt" style="width: 100px" class="mx-auto">
                </div>
                <h3 class="text-white text-xl mb-4 font-semibold font-raleway">AMBACHTELIJK</h3>
                <p class="text-white text-md md:px-4">Elk stuk is met zorg en liefde gemaakt, waardoor je een product met een verhaal koopt.</p>
            </div>
        </div>
    </section>
    
    <div class="container mx-auto px-4 p-4">
        <div class="flex flex-col md:flex-row items-center md:items-start p-8 bg-gray-50 no-margin-top">
            <div class="lg:w-2/3 lg:pl-8 font-poppins lg:ps-12 lg:pe-7">
                <h2 class="text-3xl lg:text-4xl font-semibold mb-5 lg:mb-8 text-keramikske">Altijd uniek</h2>
                <p class="text-lg mb-5 lg:me-20 pt-5">
                    Als gepassioneerde student in de kunstwereld stort ik mijn hart en ziel in elk stuk dat ik creƫer. Elk item is een weerspiegeling van mijn <strong class="text-gray-700">creativiteit en vakmanschap</strong>.
                </p>
                <p class="text-lg mb-5 lg:me-20 py-2">
                    Elk product is met liefde gemaakt en biedt iets speciaals dat je nergens anders vindt. Of je nu zoekt naar een <strong class="text-gray-700">bijzonder kunstwerk</strong> voor thuis of een <strong class="text-gray-700">uniek cadeau</strong>, bij ons vind je altijd iets authentieks en betekenisvols.
                </p>
                <hr class="block md:hidden lg:block md:me-20 my-2">
                <div class="hidden md:block lg:hidden py-2"> 
                    <img src="https://tkeramikske.be/storage/images/handgemaakte-eetkom-hond.jpg" alt="Handgemaakte eetkom voor een hond" class="object-cover rounded-md shadow-md w-full h-64" style="object-position: 70% 80%;">
                </div>
                <p class="text-lg mb-5 lg:me-20 pt-6">
                    Heb je zelf een <strong class="text-gray-700">uniek stuk of project</strong> in gedachten dat je graag zou willen realiseren? We moedigen je aan om contact met ons op te nemen en je ideeƫn met ons te delen.
                </p>
                <p class="text-lg mb-5 lg:me-20 pt-2">
                    Stuur ons een <a class="text-keramikske-light font-bold hover:text-keramikske hover:underline" href="mailto:[email protected]" target="_blank">mail</a> of contacteer ons op <a class="text-keramikske-light font-bold hover:text-keramikske hover:underline" href="https://www.facebook.com/profile.php?id=61558505480140">social media</a>, samen kijken we hoe wij jouw visie kunnen verwezenlijken.
                </p>

            </div>
            <div class="block md:hidden lg:block md:w-1/3 md:mb-0 lg:me-10"> 
                <img src="https://tkeramikske.be/storage/images/handgemaakte-kurken-borden.jpg" alt="Handgemaakte kurken borden" class="object-cover rounded-md shadow-md h-80 w-80 lg:h-96 lg:w-80 xl:h-[35rem] xl:w-[27rem]" style="object-position: 80% 100%;">
            </div>
        </div>
    </div>
    </main>
   <div class="bg-gray-100">
    <div class="border-t max-w-screen-lg px-4 sm:px-6 text-gray-800 mx-auto">
        <div class="p-3">
            <h3 class="font-delius text-xl text-keramikske">'T Keramikske</h3>
        </div>
        <div class="grid grid-cols-2 md:grid-cols-3">
            <div class="p-5">
                <div class="text-sm uppercase text-keramikske-light font-delius font-bold">Links</div>
                <a class="my-3 block hover:underline text-gray-600 hover:text-gray-800 font-poppins" href="/#">Over Ons<span class="text-xs p-1"></span></a><a class="my-3 block hover:underline text-gray-600 hover:text-gray-800 font-poppins" href="https://tkeramikske.be/galerij">Galerij<span class="text-xs p-1"></span></a><a class="my-3 block hover:underline text-gray-600 hover:text-gray-800 font-poppins" href="https://tkeramikske.be/contact">Contact<span class="text-xs p-1"></span></a>
            </div>
            <div class="p-5">
                <div class="text-sm uppercase text-keramikske-light font-delius font-bold">Support</div>
                <a class="my-3 block hover:underline text-gray-600 hover:text-gray-800 font-poppins" href="https://tkeramikske.be/bestellingen">Bestellingen<span class="text-xs p-1"></span></a>
                <a class="my-3 block hover:underline text-gray-600 hover:text-gray-800 font-poppins" href="https://tkeramikske.be/algemene-voorwaarden">Algemene voorwaarden<span class="text-xs p-1"></span></a>
                <a class="my-3 block hover:underline text-gray-600 hover:text-gray-800 font-poppins" href="https://tkeramikske.be/privacybeleid">Privacybeleid<span class="text-xs p-1"></span></a>
            </div>
            <div class="p-5">
                <div class="text-sm uppercase text-keramikske-light font-delius font-bold">Contact</div>
                <p class="my-3 text-gray-600 font-poppins">Dina Cle N.V.   BE1011934385</p>
                <p class="my-3 text-gray-600 font-poppins">Heide 20, 2235 Westmeerbeek, Belgiƫ</p>
                <a class="my-3 block text-gray-600 underline hover:text-keramikske font-poppins" href="mailto:[email protected]">[email protected]</a>
            </div>
        </div>
    </div>
</div>

<div class="bg-keramikske no-margin-top text-gray-50">
    <div class="flex pb-5 px-3 m-auto pt-5 border-t text-sm flex-col
      max-w-screen-lg items-center">
        <div class="md:flex-auto md:flex-row-reverse mt-2 flex-row flex">
            <a href="https://www.facebook.com/profile.php?id=61565553377696" class="w-6 mx-2 hover:text-gray-200" target="_blank">
                <svg class="svg-inline--fa fa-facebook fa-2xl" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg><!-- <i class="fa-brands fa-facebook fa-2xl"></i> Font Awesome fontawesome.com -->
            </a>
            <a href="https://www.instagram.com/tkeramikske/" class="w-6 mx-2 hover:text-gray-200" target="_blank">
                <svg class="svg-inline--fa fa-instagram fa-2xl" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg><!-- <i class="fa-brands fa-instagram fa-2xl"></i> Font Awesome fontawesome.com -->
            </a>
        </div>
        <div class="my-5 text-center font-poppins">Ā©2024 'T Keramikske. Alle rechten voorbehouden.</div>
        <div class="my-2 text-xs font-poppins">Designed by <a href="https://www.linkedin.com/in/jana-cle-0b89a6303/" class="text-white underline">Jana Cle</a></div>
    </div>
</div>
</div>
<script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false"></script><script data-turbo-eval="false" data-turbolinks-eval="false">window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'roRG1WL1FZXm6Q5bINwXb6fe5k5IpFBr7QZZhXh0';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/flowbite.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script>
    AOS.init({
        duration: 1000, // Animation duration
        easing: 'ease-in-out', // Easing function
        once: true, // Whether animation should happen only once - while scrolling down
    });
</script>



</body></html>