<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </p> </center> </div> </div> </div> </div> --> </div> <style> .modal-content{ width:50% !important; } .modal-dialog{ width: 100%; } </style>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <script type="text/javascript"> window.onload = () => { $('#myModalChris').modal('show'); } </script> <script type="text/javascript"> $(document).ready(function(){ $("#reload").click(function() { $("#captchaimg").attr("src", "captcha/captcha.php?"+Math.random()); }); }); </script> <script src="https://www.google.com/recaptcha/api.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { $('#Discount').modal('show'); }); function buuton_click() { $('#Discount').modal('hide'); } </script> <div id="id01" class="modal-strip modal-bottom cookie-notify"> <div class="container p-0"style="width:300px; background: #ffffff00; -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.75); box-shadow: none;"> <div class="row justify-content-center align-items-center"> <div class="col-md-12 mt-2 col-xs-2 p-0 justify-content-center align-items-center"> <button class="btn btn-rounded modal-close close-new-btn close2">x</button> </div> <div class="col-md-12 col-xs-12"style=" background:#0065a5; width: 300px; padding: 28px 17px; border-radius: 45px;"> <div style="display:inline-block; width:100%;"> <p class="pull-left" style="color: #fff; margin-bottom: 0px; font-size: 19px; line-height: 19px; font-weight: 700;"> Stay Alert ! </p> </div> <div class="mob-pad-b-30" style="text-align:left; font-size:14px; line-height:22px; font-weight:normal;"> Do not trust unverified emails or phone calls requesting conference or journal payments. Always verify payment details via our official website and report concerns to <a href="/cdn-cgi/l/email-protection#5e373038311e2d3d373b303d3b2d313d373b2a27703d31" style="color:#0cffc9;"> <span class="__cf_email__" data-cfemail="8de4e3ebe2cdfeeee4e8e3eee8fee2eee4e8f9f4a3eee2">[email protected]</span></a>. </div> </div> </div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> // Function to show the modal with a smooth slide-in effect function showModal() { document.getElementById('id01').classList.add('show'); } // Function to close the modal with a smooth slide-out effect function closeModal() { document.getElementById('id01').classList.remove('show'); } // Show the modal after a delay (if needed) setTimeout(showModal, 500); // Adjust the delay time if needed // Add event listeners to all close buttons document.querySelectorAll('.modal-close').forEach(function(button) { button.addEventListener('click', closeModal); }); </script> <style> .modal-strip { background-color: #FFF; */ border-top: 1px #CCC solid; bottom: 0; color: #004170; font-weight: 800; font-size: 18px; left: 17px; bottom: 11px; padding: 18px; position: fixed; width: 100%; z-index: 999 !important; display: block; transform: translateY(100%); transition: transform 0.7sease; } .modal-strip.show { transform: translateY(0); /* Slide into view */ } .cookie-notify { background: #37495700; color: #ffffff; font-size: 28px; line-height: 40px; text-align: justify; border: 0px; padding: 19px 20px 17px 14px; font-weight: normal; width: 300px; height: 220px; /* top: 33%; */ } .close2 { color: #ffffff; margin-bottom: 0px; font-size: 15px; line-height: 17px; font-weight: 800; background: #000000; margin-left: 18px; border-radius: 57px; padding: 0px 0px; position: absolute; right: -9px; height: 40px; width: 40px; top: -2px; z-index: 999; } @media only screen and (max-width:600px){ .cookie-notify { width: 300px; height: 220px; } .modal-strip { right: 15px !important; } } </style> </body> </html>

CINXE.COM