- 掃描 ID：
- 942e51be-a4e6-4bfc-8034-8f8944c8086a已完成
- 已提交的 URL：
- https://tkeramikske.be/
- 報告完成時間：
連結 · 找到 4 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://www.facebook.com/profile.php?id=61558505480140 | social 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 變數 · 找到 47 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| ___FONT_AWESOME___ | object |
| FontAwesomeConfig | object |
| FontAwesome | object |
| Livewire | object |
| livewire | object |
| livewire_app_url | string |
| livewire_token | string |
主控台記錄訊息 · 找到 3 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| warning | javascript |
|
| error | network |
|
| error | network |
|
HTML
頁面的原始 HTML 主體
<!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&family=Raleway:ital,wght@0,100..900;1,100..900&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>