Login | ConferenceAlert.Com

<!DOCTYPE html> <html lang="en"> <head> <title>Login | ConferenceAlert.Com</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="google-site-verification" content="RN30g4fVZJxsfNcUM-KxCUMB6TTl5JZvQ4jmVQwMoH8"> <meta name="robot" content="index,follow"> <meta name="author" content="Conference Alert"> <meta name="copyright" content="Conference Alert"> <meta name="google" content="notranslate"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="yes" name="apple-touch-fullscreen"> <meta name="content-language" content="EN"> <meta name="distribution" content="GLOBAL"> <meta name="revisit-after" content="1 days"> <meta name="refresh" content="3"> <section>  <button id="scrollToTopBtn" class="fixed bottom-6 right-6 bg-[#162d73] text-white p-4 rounded-full shadow-lg hidden hover:bg-[#ff9944] transform hover:scale-110 transition-all duration-300 z-50 group"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 group-hover:animate-bounce" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 10l7-7m0 0l7 7m-7-7v18" /> </svg> </button> </section> <script> const scrollToTopBtn = document.getElementById("scrollToTopBtn"); window.addEventListener("scroll", () => { if (window.scrollY > 300) { scrollToTopBtn.classList.remove("hidden"); requestAnimationFrame(() => { scrollToTopBtn.classList.add("opacity-100", "translate-y-0"); scrollToTopBtn.classList.remove("opacity-0", "translate-y-10"); }); } else { scrollToTopBtn.classList.add("opacity-0", "translate-y-10"); scrollToTopBtn.classList.remove("opacity-100", "translate-y-0"); setTimeout(() => { if (window.scrollY <= 300) { scrollToTopBtn.classList.add("hidden"); } }, 300); } }); scrollToTopBtn.addEventListener("click", () => { window.scrollTo({ top: 0, behavior: "smooth" }); }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-YE4WL2SPJ5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-YE4WL2SPJ5'); function allConsentGranted() { gtag('consent', 'update', { 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'ad_storage': 'granted', 'analytics_storage': 'granted' }); } allConsentGranted(); </script> <meta name="msvalidate.01" content="DCB198FDB2D65FF314968460B1CB748A"> <meta name="yandex-verification" content="f6db1a7a82c46a4a">  <link rel="preload" href="https://cdn.tailwindcss.com" as="script"> <script src="https://cdn.tailwindcss.com"></script>   <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link href="https://conferencealert.com/css/main.css?1743143222" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/css/chat.css?v=1.1" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Spirax" rel="stylesheet">  <link href="https://conferencealert.com/cssnew/droopmenu.css?jit" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/cssnew/responsive.css" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/cssnew/animate.css" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/cssnew/newstyle.css" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/cssnew/scssstyle.css?1743143222" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/css/menu.css" rel="stylesheet" type="text/css"> <link type="text/css" href="https://conferencealert.com/css/jquery.datepick.css" rel="stylesheet"> <link href="https://conferencealert.com/cssnew/custom-style.css" rel="stylesheet" type="text/css" media="all">  <link href="https://conferencealert.com/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">  <script src='https://conferencealert.com/js/jquery.min.js'></script> <script src="https://conferencealert.com/js/menu.js"></script> <script src="https://conferencealert.com/js/conferencealert.js"></script> <script type="module" src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.5/flowbite.min.js"></script> <script src="https://conferencealert.com/js/jquery.datepick.js"></script> <script src="https://cdn.tailwindcss.com"></script>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">  <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body class="bg-gray-100">  <div class="header-w3ls-agileinfo">  <nav class="bg-gradient-to-r from-blue-900 via-blue-700 to-blue-900 z-50 w-full fixed top-0"> <div class="mx-auto px-4 sm:px-6 lg:px-8 w-full"> <div class="flex flex-col lg:flex-row items-center justify-between py-4">  <div class="flex items-center justify-between w-full lg:w-auto px-4"> <a href="https://conferencealert.com/" class="block transform hover:scale-105 transition-transform duration-300"> <img src="https://conferencealert.com/images/logo.png" class="h-16 rounded-lg w-auto mx-auto lg:mx-0 object-contain hover:brightness-110 transition-all" alt="conference alerts"> </a>  <button class="lg:hidden text-white focus:outline-none group" id="mobile-menu-button"> <span class="space-y-2 group-hover:scale-105 transition-transform"> <span class="block w-8 h-0.5 bg-white"></span> <span class="block w-8 h-0.5 bg-white"></span> <span class="block w-8 h-0.5 bg-white"></span> </span> </button> </div>  <div id="mobile-menu" class="lg:flex lg:items-center lg:w-auto mt-4 lg:mt-0 mobile-menu-closed w-full"> <div class="flex flex-col lg:flex-row items-center gap-2 lg:gap-6 w-full lg:w-auto">  <div class="w-full flex flex-col lg:flex-row items-center space-y-2 lg:space-y-0 lg:space-x-6">  <a href="https://conferencealert.com/" class="nav-link"> <span class="text-white hover:text-yellow-300 text-base lg:text-lg font-medium transform hover:translate-y-[-2px] transition-all duration-300 inline-block">Home</span> </a> <a href="https://conferencealert.com/scopus-index-conferences.php" class="nav-link"> <span class="text-white hover:text-yellow-300 text-base lg:text-lg font-medium transform hover:translate-y-[-2px] transition-all duration-300 inline-block">Scopus Index Conference</span> </a> <a href="https://conferencealert.com/fully-funded-international-conference.php" class="nav-link"> <span class="text-white hover:text-yellow-300 text-base lg:text-lg font-medium transform hover:translate-y-[-2px] transition-all duration-300 inline-block">Fully Funded</span> </a>  <div class="relative group"> <button class="flex items-center space-x-1 text-white hover:text-yellow-300 text-base lg:text-lg font-medium transform hover:translate-y-[-2px] transition-all duration-300" id="journals-dropdown-button"> <span>Journals</span> <svg class="w-5 h-5 transition-transform duration-300 group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> </svg> </button>  <div id="journals-dropdown" class="hidden absolute left-0 mt-2 w-56 rounded-xl bg-white shadow-2xl border border-gray-100 transform transition-all duration-300 opacity-0 scale-95 z-10"> <a href="https://conferencealert.com/scopus-journal.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600">Scopus Journal</a> <a href="https://conferencealert.com/science-journal.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600">Science Journal</a> <a href="https://conferencealert.com/education-journal.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600">Education Journal</a> <a href="https://conferencealert.com/research-journal.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600">Research Journal</a> <a href="https://conferencealert.com/medical-journal.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-600">Medical Journal</a> </div> </div> <a href="https://conferencealert.com/blog" class="nav-link"> <span class="text-white hover:text-yellow-300 text-base lg:text-lg font-medium transform hover:translate-y-[-2px] transition-all duration-300 inline-block">Blog</span> </a>  <div class="flex flex-col sm:flex-row items-center gap-3 w-full sm:w-auto lg:ml-6"> <a href="https://conferencealert.com/login.php" class="w-full sm:w-auto px-6 py-2 bg-gradient-to-r from-orange-500 to-yellow-500 hover:from-orange-600 hover:to-yellow-600 text-white rounded-lg text-base font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300"> Add Event </a> <a href="https://conferencealert.com/subscribe.php" class="w-full sm:w-auto px-6 py-2 bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white rounded-lg text-base font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300"> Subscribe </a> <a href="https://conferencealert.com/login.php" class="w-full sm:w-auto px-6 py-2 bg-gradient-to-r from-purple-500 to-indigo-500 hover:from-purple-600 hover:to-indigo-600 text-white rounded-lg text-base font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300"> Login </a> </div> </div> </div> </div> </div> </div> </nav>  <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { // Simplified mobile menu toggle $('#mobile-menu-button').on('click', function(e) { e.preventDefault(); $('#mobile-menu').toggleClass('is-active'); // Optional: Animate hamburger icon $(this).find('span').toggleClass('transform rotate-45 translate-y-2'); $(this).find('span:nth-child(2)').toggleClass('opacity-0'); $(this).find('span:last-child').toggleClass('transform -rotate-45 -translate-y-2'); }); // Close mobile menu when clicking outside $(document).on('click', function(e) { if (!$(e.target).closest('#mobile-menu, #mobile-menu-button').length) { $('#mobile-menu').removeClass('is-active'); } }); // Handle window resize $(window).on('resize', function() { if ($(window).width() >= 1024) { $('#mobile-menu').removeClass('is-active'); // Reset hamburger icon $('#mobile-menu-button span').removeClass('transform rotate-45 translate-y-2 opacity-0 -rotate-45 -translate-y-2'); } }); // Enhanced dropdown animation $('#journals-dropdown-button').click(function() { $('#journals-dropdown').toggleClass('hidden show'); }); // Smooth scroll for navigation links $('a[href^="#"]').on('click', function(e) { e.preventDefault(); $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top - 88 }, 500); }); // Fixed dropdown implementation const dropdownButton = $('#journals-dropdown-button'); const dropdownMenu = $('#journals-dropdown'); dropdownButton.on('click', function(e) { e.stopPropagation(); dropdownMenu.toggleClass('journals-dropdown-active'); }); $(document).on('click', function(e) { if (!dropdownButton.is(e.target) && !dropdownMenu.is(e.target) && dropdownMenu.has(e.target).length === 0) { dropdownMenu.removeClass('journals-dropdown-active'); } }); // Remove any droopmenu initialization // Add hover effect for dropdown items $('#journals-dropdown a').hover( function() { $(this).addClass('bg-blue-50 text-blue-600'); }, function() { $(this).removeClass('bg-blue-50 text-blue-600'); } ); }); // Add this to your existing JavaScript function toggleAccountMenu() { const menu = document.getElementById('accountMenu'); menu.classList.toggle('hidden'); } // Close dropdown when clicking outside document.addEventListener('click', function(event) { const dropdown = document.getElementById('accountDropdown'); const menu = document.getElementById('accountMenu'); if (!dropdown.contains(event.target)) { menu.classList.add('hidden'); } }); // Prevent dropdown from closing when clicking inside it document.getElementById('accountMenu').addEventListener('click', function(event) { event.stopPropagation(); }); </script> </div>  <div class="wthree_banner_grids"> <div class="container mx-auto w-full"> <div class="flex flex-wrap"> </div> <div class="clearfix"> </div> </div> </div>  <div class="min-h-[calc(100vh-200px)] flex items-center justify-center p-4 md:p-6 lg:p-8"> <div class="w-full max-w-5xl mx-auto">  <div class="flex flex-col md:flex-row gap-8 items-center">  <div class="hidden md:block md:w-5/12 lg:w-1/2"> <div class="relative aspect-[4/3] w-full"> <img src="images/login-leftbg.png" class="absolute inset-0 w-full h-full object-contain" alt="Welcome Image" > </div> </div>  <div class="w-full md:w-7/12 lg:w-1/2 max-w-md mx-auto"> <div class="bg-white rounded-lg shadow-md p-6 sm:p-8"> <h2 class="text-2xl md:text-3xl font-extrabold text-gray-900 text-center mb-6"> Sign in to your account </h2>  <div class="mb-6"> <a href="https://accounts.google.com/o/oauth2/v2/auth?response_type=code&access_type=online&client_id=505658665155-hl37n0ucuncku7855r2u11bctdrk2e3i.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fconferencealert.com%2Fgoogle_authentication.php&state&scope=email%20profile&approval_prompt=auto" class="w-full flex justify-center items-center px-4 py-2.5 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors"> <svg class="w-5 h-5 mr-2" viewBox="0 0 48 48">  <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path> <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path> <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path> <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path> </svg> Sign in with Google </a> </div>  <div class="relative my-6"> <div class="absolute inset-0 flex items-center"> <div class="w-full border-t border-gray-300"></div> </div> <div class="relative flex justify-center text-sm"> <span class="px-2 bg-white text-gray-500">Or continue with</span> </div> </div>  <form action="login_process.php" method="POST" id="loginForm" class="space-y-5"> <div class="space-y-4"> <div> <label for="user_id" class="block text-sm font-medium text-gray-700 mb-1"> Email address </label> <input id="user_id" name="user_id" type="email" required class="w-full px-3 py-2.5 border border-gray-300 rounded-md shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500" placeholder="Enter your email"> </div> <div> <label for="log_pass" class="block text-sm font-medium text-gray-700 mb-1"> Password </label> <div class="relative"> <input id="log_pass" name="log_pass" type="password" required class="w-full px-3 py-2.5 border border-gray-300 rounded-md shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 pr-10" placeholder="Enter your password"> <button type="button" class="absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600" onclick="togglePasswordVisibility()"> <i class="fa-regular fa-eye cursor-pointer" id="togglePassword"></i> </button> </div> <div class="flex justify-end mt-2"> <a href="forgot-password.php" class="text-sm text-indigo-600 hover:text-indigo-500 transition-colors"> Forgot your password? </a> </div> </div> </div> <div> <button type="submit" class="w-full py-2.5 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors"> Sign in </button> <div id="log_load" class="mt-2 text-sm text-red-600 text-center"></div> </div> </form>  <div class="mt-6 text-center space-y-2"> <p class="text-sm text-gray-600">Don't have an account?</p> <a href="register.php" class="text-sm font-medium text-indigo-600 hover:text-indigo-500 transition-colors"> Register New Account </a> </div> </div> </div> </div> </div> </div> <div class="footer w3ls"> <div class="bg-gray-800 text-gray-200 py-8"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> <div> <a href="https://conferencealert.com/"><img src="https://conferencealert.com/images/logo.png" alt="Conference Alert Logo" class="mb-4 h-28 md:h-24 lg:h-36 rounded-lg"></a> <p class="mb-4">info@conferencealert.com</p> <div class="flex space-x-4"> <a href="https://www.facebook.com/conferencealert.ica/" target="_blank" class="text-white hover:text-gray-400"><i class="fa-brands fa-facebook"></i></a> <a href="https://x.com/Conf_Alert_Com" target="_blank" class="text-white hover:text-gray-400"><i class="fa-brands fa-x-twitter"></i></a> <a href="https://www.linkedin.com/company/conference-alert-official/" target="_blank" class="text-white hover:text-gray-400"><i class="fa-brands fa-linkedin"></i></a> <a href="https://www.instagram.com/alert_conf/" target="_blank" class="text-white hover:text-gray-400"><i class="fa-brands fa-instagram"></i></a> </div> </div> <div> <div class="text-lg font-semibold mb-4">Popular Links</div> <ul class="space-y-2"> <li><a href="https://conferencealert.com" class="text-white hover:text-gray-400">Home</a></li> <li><a href="https://conferencealert.com/subscribe.php" class="text-white hover:text-gray-400">Subscribe</a></li> <li><a href="https://conferencealert.com/faq.php" class="text-white hover:text-gray-400">F.A.Q.</a></li> <li><a href="https://conferencealert.com/blog" class="text-white hover:text-gray-400">Blog</a></li> <li><a href="https://conferencealert.com/about.php" class="text-white hover:text-gray-400">About Us</a></li> <li><a href="https://conferencealert.com/contact.php" class="text-white hover:text-gray-400">Contact Us</a></li> <li><a href="https://conferencealert.com/top-organizers.php" class="text-white hover:text-gray-400">Top Organizers</a></li> </ul> </div> <div> <div class="text-lg font-semibold mb-4">Quick Links</div> <ul class="space-y-2"> <li><a href="https://conferencealert.com/terms-of-use.php" class="text-white hover:text-gray-400">Terms of Use</a></li> <li><a href="https://conferencealert.com/privacy-policy.php" class="text-white hover:text-gray-400">Privacy Policy</a></li> <li><a href="https://conferencealert.com/sitemap.php" class="text-white hover:text-gray-400">Site Map</a></li> <li><a href="https://conferencealert.com/cookie-policy.php" class="text-white hover:text-gray-400">Cookie Policy</a></li> </ul> </div> <div> <div class="text-lg font-semibold mb-4">Popular Topics</div> <ul class="space-y-2"> <li><a href="https://conferencealert.com/technology.php" target="_blank" class="text-white hover:text-gray-400">Technology</a></li> <li><a href="https://conferencealert.com/health.php" target="_blank" class="text-white hover:text-gray-400">Health</a></li> <li><a href="https://conferencealert.com/education.php" target="_blank" class="text-white hover:text-gray-400">Education</a></li> <li><a href="https://conferencealert.com/business.php" target="_blank" class="text-white hover:text-gray-400">Business</a></li> <li><a href="https://conferencealert.com/engineering.php" target="_blank" class="text-white hover:text-gray-400">Engineering</a></li> <li><a href="https://conferencealert.com/ai.php" target="_blank" class="text-white hover:text-gray-400">AI</a></li> <li><a href="https://conferencealert.com/banking.php" target="_blank" class="text-white hover:text-gray-400">Banking</a></li> </ul> </div> </div> <div class="mt-8 border-t border-gray-700 pt-4 flex flex-col md:flex-row justify-between items-center"> <p class="text-sm">© 2025 <a href="https://conferencealert.com/" class="text-white hover:text-gray-400">ConferenceAlert.com</a>. All Rights Reserved. A Unity of <a class="text-white" href="https://iraj.in/">IRAJ International</a></p> </div> </div> </div> <button id="scrollToTop" class="fixed bottom-24 right-5 bg-blue-500 text-white rounded-full p-3 hidden hover:bg-blue-600 transition-all duration-300 z-50"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" /> </svg> </button> <script src='https://conferencealert.com/jsnew/popper.min.js'></script> <script src='https://conferencealert.com/jsnew/jquery-ui.min.js'></script> <script src='https://conferencealert.com/jsnew/bootstrap.min.js'></script> <script src='https://conferencealert.com/jsnew/wow.min.js'></script> <script src="https://conferencealert.com/js/chat.js?v=1.1"></script> <script> $(document).ready(function () { // Initialize WOW.js only if it exists if (typeof WOW !== 'undefined') { new WOW().init(); } // Initialize datepicker only if the function exists if ($.fn.datepicker) { $('.datepicker').datepicker({ format: 'mm/dd/yyyy', todayHighlight: true, autoclose: true, }); } $("#silde").click(function () { $("#m-slide").slideToggle("slow"); }); $('.scrollcountry').on('click', function (e) { e.preventDefault(); var position = $($(this).attr("href")).offset().top; $('html, body').animate( { scrollTop: position }, 2000, 'linear' ); }); if (typeof $.fn.droopmenu !== 'undefined') { $('.droopmenu-navbar').droopmenu({ dmAnimationEffect: 'dmfade' }); } }); </script> </div> <script> // Password visibility toggle function function togglePasswordVisibility() { const passwordInput = document.getElementById('log_pass'); const toggleIcon = document.getElementById('togglePassword'); if (passwordInput.type === 'password') { passwordInput.type = 'text'; toggleIcon.classList.remove('fa-eye'); toggleIcon.classList.add('fa-eye-slash'); } else { passwordInput.type = 'password'; toggleIcon.classList.remove('fa-eye-slash'); toggleIcon.classList.add('fa-eye'); } } // Login form submission document.getElementById('loginForm').addEventListener('submit', function(e) { e.preventDefault(); const formData = new FormData(this); const loadingDiv = document.getElementById('log_load'); // Show loading state loadingDiv.innerHTML = '<span class="text-gray-600">Logging in...</span>'; fetch('login_process.php', { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { if (data.status === 'success') { loadingDiv.innerHTML = '<span class="text-green-600">Login successful! Redirecting...</span>'; window.location.href = data.redirect; } else { loadingDiv.innerHTML = `<span class="text-red-600">${data.message}</span>`; } }) .catch(error => { loadingDiv.innerHTML = '<span class="text-red-600">An error occurred. Please try again.</span>'; console.error('Error:', error); }); }); </script> </body> </html>

CINXE.COM

Login | ConferenceAlert.Com