<a class="c-link" href="https://www.facebook.com/sharer/sharer.php?u=https://test45.cathocambrai.com/test-integration-kto.html&t=test+int%C3%A9gration+KTO" target="_blank" rel="noopener" title="Partager sur Facebook" aria-label="Partager sur Facebook"> <svg width="24" height="24"><use href="#facebook"></svg> </a> <a class="c-link" href="https://twitter.com/share?url=https://test45.cathocambrai.com/test-integration-kto.html&text=test+int%C3%A9gration+KTO" target="_blank" rel="noopener" title="Partager sur Twitter" aria-label="Partager sur Twitter"> <svg width="24" height="24"><use href="#twitter"></svg> </a> <button class="c-link" type="button" title="Imprimer" aria-label="Imprimer" @click="print()"> <svg width="24" height="24"><use href="#print"></svg> </button> </div> <div class="text-2" id="infos" x-data="{ modalInfos2356: false, showLoading: false, html: '' }"> Article publié par <span class="font-bold cursor-pointer auteur pf-author text-secondary-medium hover:underline" @click="showLoading = true; modalInfos2356 = !modalInfos2356; fetch('/fiche_membre-2356', { method: 'GET', headers: { 'X-Requested-With': 'XMLHttpRequest', }, }) .then(response => response.text()) .then(text => { html = text showLoading = false; })" class="flex justify-center animate-grow-on-hover--small">Christophe B</span> • Publié le <span class="pf-date">Vendredi 27 mars 2020</span> • 257 visites <div x-show="modalInfos2356" class="fixed inset-0 z-[99999] bg-black bg-opacity-80 transition-opacity" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-out duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> </div> <div x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-75" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-out duration-200" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-75" id="modal" class="fixed inset-0 z-[99999] flex p-6" role="dialog" aria-modal="true" @keydown.escape.window="modalInfos2356 = false" x-show="modalInfos2356" > <div class="flex items-center mx-auto max-w-5xl h-full"> <div class="overflow-x-hidden relative w-full max-h-full rounded-2xl shadow-2xl bg-neutral-low min-h-32 min-w-32" :class="{'bg-white': !showLoading, 'overflow-y-hidden': showLoading, 'overflow-y-auto': !showLoading}" @click.outside="modalInfos2356 = false" > <button @click="modalInfos2356 = false" class="sticky top-2 right-4 ml-auto text-primary-medium c-button is-round is-outline-primary max-md:is-md max-md:top-3 z-1"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> <div x-show="showLoading" x-transition:leave="transition ease-out duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="flex absolute inset-0 z-20 flex-col justify-center items-center w-full h-full bg-white" > <svg version="1.1" id="L9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve" class="w-16 h-16 animate-spin fill-primary-medium"> <path d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"> </path> </svg> </div> <div x-html="html" class="-mt-7"></div> </div> </div> </div> </div> </div> </div> </section> <div class="o-container"> <hr class="border-t-2 border-primary-lower"> </div> <div class="d-print-none print-no"> </div> </article> </main> <section class="relative py-5 bg-secondary-medium print:hidden mt-7 z-3 md:z-1"> <div class="o-container is-medium"> <div class="flex flex-col items-start justify-between gap-6 md:flex-row md:items-center"> <div class="flex flex-col items-center justify-center -gap-3 bg-secondary-lower w-9 h-9 lg:w-10 lg:h-10 rounded-11 -rotate-6 shrink-0"> <span class="c-heading is-heading-medium">Nous</span> <span class="-mt-3 c-heading is-heading-large font-secondary">suivre</span> </div> <div class="flex flex-col max-w-full gap-4 md:flex-row md:gap-8"> <div class="flex flex-col gap-4"> <div class="c-heading is-heading-smaller text-neutral-lower"> Sur les réseaux sociaux </div> <div class="flex flex-wrap gap-1 mt-auto"> <a class="c-button is-outline-primary is-round is-md" href="https://www.facebook.com/diocese.cambrai" target="_blank" rel="noopener" title="Page Facebook" aria-label="Page Facebook"> <svg width="20" height="20"><use href="#facebook"></svg> </a> <a class="c-button is-outline-primary is-round is-md" href="https://twitter.com/Diocesecambrai" target="_blank" rel="noopener" title="Page Twitter" aria-label="Page Twitter"> <svg width="20" height="20"><use href="#twitter"></svg> </a> <a class="c-button is-outline-primary is-round is-md" href="https://www.instagram.com/diocese.cambrai/" target="_blank" rel="noopener" title="Page Instagram" aria-label="Page Instagram"> <svg width="20" height="20"><use href="#instagram"></svg> </a> <a class="c-button is-outline-primary is-round is-md" href="https://www.youtube.com/channel/UCbgVibmuhqGzBO9ArR-omsA" target="_blank" rel="noopener" title="Page YouTube" aria-label="Page YouTube"> <svg width="20" height="20"><use href="#youtube"></svg> </a> <a class="c-button is-outline-primary is-round is-md" href="/diocese-cambrai-flux.rss" target="_blank" rel="noopener" title="Flux RSS"> <svg width="20" height="20"><use href="#rss"></svg> </a> </div> </div> <div class="flex flex-col gap-4"> </div> </div> </div> </div> </section> <footer class="relative bg-primary-medium print:hidden z-3 md:z-1"> <div class="o-container"> <div class="flex flex-col items-start justify-between gap-4 lg:flex-row py-7"> <div class="flex flex-col items-start gap-4 text-neutral-lower"> <div class="c-heading is-heading-small"> Coordonnées </div> <a class="c-button is-secondary-light is-md" href="javascript:void(pop_size('/formulaire_mail?adresse=%63%6f%75%72%72%69%65%72%40%63%61%74%68%6f%63%61%6d%62%72%61%69%2e%63%6f%6d','',400,400))"> <span>Nous contacter</span> </a> </div> <div class="flex flex-col items-start gap-3"> <a class="initial c-heading is-heading-small text-neutral-lower hover:text-primary-low" href="https://www.cathocambrai.com/informations-pratiques.html">Informations pratiques</a> <a class="initial c-heading is-heading-small text-neutral-lower hover:text-primary-low" href="https://eglise.catholique.fr/conference-des-eveques-de-france/">CEF</a> <a class="initial c-heading is-heading-small text-neutral-lower hover:text-primary-low" href="https://www.cathocambrai.com/dioceses-voisins.html">Diocèses voisins</a> <a class="initial c-heading is-heading-small text-neutral-lower hover:text-primary-low" href="https://communication.cathocambrai.com/reperes-temps-forts">Repères & Temps forts</a> </div> <div class="flex flex-wrap gap-2"> <a x-data="{ last: 0}" class="c-button is-sm is-outline-white" href="https://messes.info/horaires/diocese:cb%20toutecelebration?display=TABLE" target="_blank" rel="noopener"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="time/schedule"> <path id="vector" d="M8.66658 8.62693V6.22693C8.66658 6.03804 8.6027 5.87971 8.47492 5.75193C8.34714 5.62415 8.18881 5.56026 7.99992 5.56026C7.81103 5.56026 7.6527 5.62415 7.52492 5.75193C7.39714 5.87971 7.33325 6.03804 7.33325 6.22693V8.87693C7.33325 8.96582 7.34992 9.05193 7.38325 9.13526C7.41658 9.2186 7.46659 9.29359 7.53325 9.36026L9.73325 11.5603C9.85547 11.6825 10.011 11.7436 10.1999 11.7436C10.3888 11.7436 10.5444 11.6825 10.6666 11.5603C10.7888 11.438 10.8499 11.2825 10.8499 11.0936C10.8499 10.9047 10.7888 10.7492 10.6666 10.6269L8.66658 8.62693ZM7.99992 15.5603C7.0777 15.5603 6.21103 15.3853 5.39992 15.0353C4.58881 14.6853 3.88325 14.2103 3.28325 13.6103C2.68325 13.0103 2.20825 12.3047 1.85825 11.4936C1.50825 10.6825 1.33325 9.81582 1.33325 8.89359C1.33325 7.97137 1.50825 7.10471 1.85825 6.29359C2.20825 5.48248 2.68325 4.77693 3.28325 4.17693C3.88325 3.57693 4.58881 3.10193 5.39992 2.75193C6.21103 2.40193 7.0777 2.22693 7.99992 2.22693C8.92214 2.22693 9.78881 2.40193 10.5999 2.75193C11.411 3.10193 12.1166 3.57693 12.7166 4.17693C13.3166 4.77693 13.7916 5.48248 14.1416 6.29359C14.4916 7.10471 14.6666 7.97137 14.6666 8.89359C14.6666 9.81582 14.4916 10.6825 14.1416 11.4936C13.7916 12.3047 13.3166 13.0103 12.7166 13.6103C12.1166 14.2103 11.411 14.6853 10.5999 15.0353C9.78881 15.3853 8.92214 15.5603 7.99992 15.5603ZM7.99992 14.2269C9.4777 14.2269 10.736 13.7075 11.7749 12.6686C12.8138 11.6297 13.3333 10.3714 13.3333 8.89359C13.3333 7.41582 12.8138 6.15748 11.7749 5.1186C10.736 4.07971 9.4777 3.56026 7.99992 3.56026C6.52214 3.56026 5.26381 4.07971 4.22492 5.1186C3.18603 6.15748 2.66659 7.41582 2.66659 8.89359C2.66659 10.3714 3.18603 11.6297 4.22492 12.6686C5.26381 13.7075 6.52214 14.2269 7.99992 14.2269Z" fill="currentColor"/> </g> </svg> <span>Trouver mes horaires de messe</span> </a> <a x-data="{ last: 0}" :class="{ 'is-outline-white': !last, 'is-secondary-light': last }" class="c-button is-sm " href="https://www.cathocambrai.com/cellule-aide-aux-victimes" > <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="communication/campaign"> <path id="vector" d="M14.0002 9.5603H12.6668C12.4779 9.5603 12.3196 9.49641 12.1918 9.36863C12.0641 9.24086 12.0002 9.08252 12.0002 8.89363C12.0002 8.70474 12.0641 8.54641 12.1918 8.41863C12.3196 8.29086 12.4779 8.22697 12.6668 8.22697H14.0002C14.1891 8.22697 14.3474 8.29086 14.4752 8.41863C14.6029 8.54641 14.6668 8.70474 14.6668 8.89363C14.6668 9.08252 14.6029 9.24086 14.4752 9.36863C14.3474 9.49641 14.1891 9.5603 14.0002 9.5603ZM11.0668 12.0936C11.1779 11.9381 11.3224 11.8492 11.5002 11.827C11.6779 11.8047 11.8446 11.8492 12.0002 11.9603L13.0668 12.7603C13.2224 12.8714 13.3113 13.0159 13.3335 13.1936C13.3557 13.3714 13.3113 13.5381 13.2002 13.6936C13.0891 13.8492 12.9446 13.9381 12.7668 13.9603C12.5891 13.9825 12.4224 13.9381 12.2668 13.827L11.2002 13.027C11.0446 12.9159 10.9557 12.7714 10.9335 12.5936C10.9113 12.4159 10.9557 12.2492 11.0668 12.0936ZM13.0668 5.02697L12.0002 5.82697C11.8446 5.93808 11.6779 5.98252 11.5002 5.9603C11.3224 5.93808 11.1779 5.84919 11.0668 5.69363C10.9557 5.53808 10.9113 5.37141 10.9335 5.19363C10.9557 5.01586 11.0446 4.87141 11.2002 4.7603L12.2668 3.9603C12.4224 3.84919 12.5891 3.80474 12.7668 3.82697C12.9446 3.84919 13.0891 3.93808 13.2002 4.09363C13.3113 4.24919 13.3557 4.41586 13.3335 4.59363C13.3113 4.77141 13.2224 4.91586 13.0668 5.02697ZM3.3335 10.8936H2.66683C2.30016 10.8936 1.98627 10.7631 1.72516 10.502C1.46405 10.2409 1.3335 9.92697 1.3335 9.5603V8.22697C1.3335 7.8603 1.46405 7.54641 1.72516 7.2853C1.98627 7.02419 2.30016 6.89363 2.66683 6.89363H5.3335L7.65016 5.49363C7.87239 5.3603 8.09738 5.3603 8.32516 5.49363C8.55294 5.62697 8.66683 5.82141 8.66683 6.07697V11.7103C8.66683 11.9659 8.55294 12.1603 8.32516 12.2936C8.09738 12.427 7.87239 12.427 7.65016 12.2936L5.3335 10.8936H4.66683V12.8936C4.66683 13.0825 4.60294 13.2409 4.47516 13.3686C4.34738 13.4964 4.18905 13.5603 4.00016 13.5603C3.81127 13.5603 3.65294 13.4964 3.52516 13.3686C3.39738 13.2409 3.3335 13.0825 3.3335 12.8936V10.8936ZM7.3335 10.527V7.2603L5.70016 8.22697H2.66683V9.5603H5.70016L7.3335 10.527ZM9.3335 11.127V6.6603C9.6335 6.92697 9.87516 7.25197 10.0585 7.6353C10.2418 8.01863 10.3335 8.43808 10.3335 8.89363C10.3335 9.34919 10.2418 9.76863 10.0585 10.152C9.87516 10.5353 9.6335 10.8603 9.3335 11.127Z" fill="currentColor"/> </g> </svg> <span>Cellule d'écoute</span> </a> <a x-data="{ last: 1}" :class="{ 'is-outline-white': !last, 'is-secondary-light': last }" class="c-button is-sm " href="https://www.donner.cathocambrai.com/" target="_blank" rel="noopener"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="hands/volunteer_activism"> <path id="vector" d="M9.29984 14.4936L13.2665 13.2603C13.2109 13.1603 13.1304 13.0742 13.0248 13.0019C12.9193 12.9297 12.7998 12.8936 12.6665 12.8936H9.29984C8.99984 12.8936 8.76095 12.8825 8.58317 12.8603C8.40539 12.838 8.22206 12.7936 8.03317 12.7269L7.08317 12.4103C6.90539 12.3547 6.77762 12.2436 6.69984 12.0769C6.62206 11.9103 6.61095 11.738 6.6665 11.5603C6.72206 11.3825 6.83039 11.2519 6.9915 11.1686C7.15262 11.0853 7.32206 11.0714 7.49984 11.1269L8.19984 11.3603C8.38873 11.4158 8.60262 11.4603 8.8415 11.4936C9.08039 11.5269 9.40539 11.5492 9.8165 11.5603H9.99984C9.99984 11.438 9.96373 11.3214 9.8915 11.2103C9.81928 11.0992 9.73317 11.0269 9.63317 10.9936L5.73317 9.56026H4.6665V13.2269L9.29984 14.4936ZM8.94984 15.7936L4.6665 14.5936C4.57762 14.8825 4.40262 15.1158 4.1415 15.2936C3.88039 15.4714 3.61095 15.5603 3.33317 15.5603H1.99984C1.63317 15.5603 1.31928 15.4297 1.05817 15.1686C0.797059 14.9075 0.666504 14.5936 0.666504 14.2269V9.56026C0.666504 9.1936 0.797059 8.87971 1.05817 8.6186C1.31928 8.35748 1.63317 8.22693 1.99984 8.22693H5.73317C5.81095 8.22693 5.88873 8.23526 5.9665 8.25193C6.04428 8.2686 6.1165 8.28804 6.18317 8.31026L10.0998 9.76026C10.4665 9.8936 10.7637 10.1269 10.9915 10.4603C11.2193 10.7936 11.3332 11.1603 11.3332 11.5603H12.6665C13.2221 11.5603 13.6943 11.7436 14.0832 12.1103C14.4721 12.4769 14.6665 12.9603 14.6665 13.5603C14.6665 13.8047 14.6026 13.9964 14.4748 14.1353C14.3471 14.2742 14.1498 14.388 13.8832 14.4769L9.7165 15.7769C9.59428 15.8214 9.4665 15.8436 9.33317 15.8436C9.19984 15.8436 9.07206 15.8269 8.94984 15.7936ZM1.99984 14.2269H3.33317V9.56026H1.99984V14.2269ZM10.6665 9.02693C10.4998 9.02693 10.3359 8.99637 10.1748 8.93526C10.0137 8.87415 9.8665 8.78249 9.73317 8.66026L7.89984 6.86026C7.55539 6.52693 7.26373 6.15748 7.02484 5.75193C6.78595 5.34637 6.6665 4.90471 6.6665 4.42693C6.6665 3.81582 6.88039 3.29637 7.30817 2.8686C7.73595 2.44082 8.25539 2.22693 8.8665 2.22693C9.22206 2.22693 9.55539 2.30193 9.8665 2.45193C10.1776 2.60193 10.4443 2.80471 10.6665 3.06026C10.8887 2.80471 11.1554 2.60193 11.4665 2.45193C11.7776 2.30193 12.1109 2.22693 12.4665 2.22693C13.0776 2.22693 13.5971 2.44082 14.0248 2.8686C14.4526 3.29637 14.6665 3.81582 14.6665 4.42693C14.6665 4.90471 14.5498 5.34637 14.3165 5.75193C14.0832 6.15748 13.7943 6.52693 13.4498 6.86026L11.5998 8.66026C11.4665 8.78249 11.3193 8.87415 11.1582 8.93526C10.9971 8.99637 10.8332 9.02693 10.6665 9.02693ZM10.6665 7.6936L12.4832 5.91026C12.6943 5.69915 12.8887 5.47415 13.0665 5.23526C13.2443 4.99637 13.3332 4.72693 13.3332 4.42693C13.3332 4.18248 13.2498 3.97693 13.0832 3.81026C12.9165 3.6436 12.7109 3.56026 12.4665 3.56026C12.3109 3.56026 12.1637 3.59082 12.0248 3.65193C11.8859 3.71304 11.7665 3.80471 11.6665 3.92693L11.1832 4.51026C11.0498 4.66582 10.8776 4.7436 10.6665 4.7436C10.4554 4.7436 10.2832 4.66582 10.1498 4.51026L9.6665 3.92693C9.5665 3.80471 9.44706 3.71304 9.30817 3.65193C9.16928 3.59082 9.02206 3.56026 8.8665 3.56026C8.62206 3.56026 8.4165 3.6436 8.24984 3.81026C8.08317 3.97693 7.99984 4.18248 7.99984 4.42693C7.99984 4.72693 8.08873 4.99637 8.2665 5.23526C8.44428 5.47415 8.63873 5.69915 8.84984 5.91026L10.6665 7.6936Z" fill="currentColor"/> </g> </svg> <span>Je donne</span> </a> </div> </div> </div> <hr class="border-primary-low"> <div class="o-container"> <div class="flex flex-col justify-between py-5 md:flex-row gap-x-4 gap-y-2"> <span class="text-neutral-lower text-2">Tous droits réservés © 2026 Diocèse de Cambrai</span> <div class="flex flex-wrap gap-4"> <a class="initial text-neutral-lower text-2 hover:text-primary-low" href="/mentions.html"> Mentions légales </a> <a class="initial text-neutral-lower text-2 hover:text-primary-low" href="/politique-protection-donnees-personnelles-rgpd"> Politique de confidentialité </a> </div> <span class="text-neutral-lower text-2">Site réalisé par <a class="underline initial hover:text-primary-low underline-offset-1" href="https://www.keeo.fr" target="_blank" rel="noopener noreferrer">Keeo</a></span> </div> </div> </footer> <script type="text/javascript" src="https://cdn.keeo.com/tarteaucitron_style.js"></script> <script type="text/javascript" src="https://tarteaucitron.io/load.js?locale=fr&domain=cathocambrai.com&uuid=8c587d5c6e1d7eb205177c86f2a19dc117d82d3d"></script> <script type="text/javascript" src="/cache/5ace7e1be3574c2f074fa6fff30ecf4f.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script> <script type="text/javascript" src="/javascript/keeoWeb/popup/jquery.si.popup.js"></script> <script type="text/javascript" src="/javascript/keeoMigrate.js"></script> <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=G-CCZGJL6VK5"></script> <script type="text/javascript" src="/cache/72dfddb7c6af4d241392161bd7ea0c90.min.js"></script> <script type="text/javascript"> <!-- Google tag (gtag.js) --> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-CCZGJL6VK5'); </script> <script type="text/javascript"> /* Browser Update */ var $buoop = {required:{e:-1,f:-3,o:-3,s:-1,c:-3},insecure:true,unsupported:true,mobile:false,style:"bottom",api:2019.05 }; function $buo_f(){ var e = document.createElement("script"); e.src = "//browser-update.org/update.min.js"; document.body.appendChild(e); }; try {document.addEventListener("DOMContentLoaded", $buo_f,false)} catch(e){window.attachEvent("onload", $buo_f)} </script> <!-- Modal --> <dialog class="c-modal" tabindex="-1" x-show="isModalOpen" x-cloak x-transition > <div class="c-modal_bg"></div> <div class="c-modal_wrap" x-on:click.away="isModalOpen = false"> <div class="flex gap-5 justify-between items-center" :class="{ 'mb-6': !modalTitle }"> <div x-show="modalContent === 'search'" class="c-heading is-heading-medium">Rechercher</div> <div x-show="modalContent === 'login'" class="c-heading is-heading-medium">Se connecter</div> <div x-show="modalTitle" class="c-heading is-heading-medium" x-html="modalTitle"></div> <button class="" @click="isModalOpen = false" aria-label="Fermer la fenêtre modale"> <svg width="24" height="24"><use href="#close"></svg> </button> </div> <!-- Search Form --> <div x-show="modalContent === 'search'" itemscope itemtype="https://schema.org/WebSite"> <meta itemprop="url" content="https://test45.cathocambrai.com"/> <form action="https://www.cathocambrai.com/recherche.html" class="" method="get" name="p" itemprop="potentialAction" itemscope="" itemtype="https://schema.org/SearchAction"> <meta itemprop="target" content="https://www.cathocambrai.com/recherche.html?q={q}"> <div class="flex overflow-hidden w-full bg-secondary-lower rounded-5"> <input itemprop="query-input" type="text" placeholder="Votre recherche" aria-label="Votre recherche" id="q" name="q" class="px-4 py-2 w-full bg-transparent text-2 focus:outline-none"> <button class="c-button is-outline-primary is-md" type="submit" aria-label="Rechercher"> <svg width="20" height="20"><use href="#search"></use></svg> </button> </div> </form> </div> <!-- Search Form END --> <!-- Login Form --> <div x-show="modalContent === 'login'"> <form class="" action="" method="post"> <div class="flex flex-col gap-4 items-center"> <input name="identification_pseudo" class="c-input" placeholder="Identifiant" aria-label="Identifiant" type="text"> <input name="identification_password" class="c-input" placeholder="Mot de passe" aria-label="Mot de passe" type="password"> <button type="submit" name="button" class="c-button is-md"> <span>Se connecter</span> </button> <a href="/inscription" class="c-link text-2"> <span>Devenir membre</span> <svg width="18" height="18"><use href="#arrow"></use></svg> </a> </div> </form> </div> <!-- Login Form END --> <div x-show="modalHtml" x-html="modalHtml"> </div> </div> </dialog> <!-- Modal END --> </body> </html>