BLOGS
Schedule Free Appointment
<div id="myModal" style="display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center;"> <div class="modal-content" style="position: relative; background: white; padding: 20px;"> <!-- Close Button --> <button id="closeModalBtn" style="position: absolute; top: 10px; right: 10px; background-color: red; color: white; border: none; padding: 10px; cursor: pointer;">X</button> <!-- Loader (Place this before the iframe) --> <div id="loader" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"> <div class="spinner"></div> </div> <!-- iFrame --> <iframe id="modal-iframe" src="" width="100%" height="400px" style="border:none;"></iframe> </div> </div> <!-- Button to Open Modal --> <button id="openModalBtn">Register Now</button>
#brxe-81766c { animation: ticker 28s linear infinite !important; } #myModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */ display: none; /* Hidden by default */ justify-content: center; align-items: center; } .modal-content { background-color: #fff; padding: 20px; border-radius: 8px; width: 80%; max-width: 900px; } #openModalBtn{ padding:20px; background-color:#f7f7f7; } .spinner { width: 50px; height: 50px; border: 5px solid rgba(0, 0, 0, 0.1); border-top: 5px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; } #brxe-6826a9{ padding-top: 0 !important; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } button#openModalBtn { font-weight: bold ! IMPORTANT; } @media only screen and (max-width: 768px){ button#openModalBtn { padding: 11px!important; margin: 0 !important; width: 130px !important; font-size: 13px !important; font-weight: bold ! IMPORTANT; } div#brxe-81766c { padding-bottom: 5px !important;} div#brxe-3c4a98 { margin-bottom: 6px !important; } div#brxe-81766c { padding-top: 7px !important; } }
document.querySelector("#openModalBtn").addEventListener("click", function () { window.open("https://meeting.bestaxca.com/meeting/register?sessionId=1049673318&src=4e612680ca9707fcf429a627a1e69fb323e7a87a22fb11410c007f10add49f74", "_blank"); }); //modal pop-up code which we are not using for now. // document.addEventListener("DOMContentLoaded", function () { // var iframe = document.getElementById("modal-iframe"); // var loader = document.getElementById("loader"); // iframe.src = "https://meeting.bestaxca.com/meeting/register?sessionId=1049673318&src=4e612680ca9707fcf429a627a1e69fb323e7a87a22fb11410c007f10add49f74"; // iframe.style.display = "none"; // Hide iframe until it's loaded // loader.style.display = "block"; // Show loader // iframe.onload = function () { // loader.style.display = "none"; // Hide loader // iframe.style.display = "block"; // Show iframe // }; // }); // document.querySelector("#openModalBtn").addEventListener("click", function () { // document.getElementById("myModal").style.display = "flex"; // }); // window.onclick = function (event) { // var modal = document.getElementById("myModal"); // if (event.target == modal) { // modal.style.display = "none"; // } // }; // document.querySelector("#closeModalBtn").addEventListener("click", function () { // document.getElementById("myModal").style.display = "none"; // });