CINXE.COM

Environmental Science and Technology Conference | Environmental Science Conference | GEST 2025

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js'></script> <script> $(document).ready(function() { var Participants; var registration_price; var registration_category; var Final_Reg_price = 0; var socialnetwork = 0; var No_of_Socialnetworking = 0; var No_of_accompanying = 0; var accompanying_price = 0; var accommodation_price = 0; var accommodation_category = ""; var No_of_days = 0; var total_price = 0; var discount_code = ""; var discount_applied = false; var discount_reg_price = 0; var discount_acc_price = 0; var discount_price = 0; var Live; var before_discount_total = 0; var discountedPrice = 0; var discount_category = ""; var check_in_date = ""; var check_out_date = ""; var Sponsor_price = 0; var Sponsor_category; var Sponsor_others; var Sponsor_disount = 0; var Sponsor_disount_code; var Sponsor_disount_applied = false; var Sponsor_disounted_price; var sponsorship_price; var spn_status; var tot_price; var form_reg_radio = $("input[id='reg_radio']").map(function() { return $(this).attr('name'); }).get(); var reg_radio_value = 'r1'; $("input[name='" + reg_radio_value + "']").prop("disabled", false); $("input[type='radio']").each(function() { var name = $(this).attr("name"); if (!reg_radio_value.includes(name)) { (reg_radio_value); $(this).prop("disabled", true); $("input[name='r5']").prop("disabled", false); } }); if (form_reg_radio.includes(reg_radio_value)) { $("input[name='" + form_reg_radio + "']").prop("disabled", true); } $("input[name='reg_check'][value='live']").prop("checked", true); $("input[name='reg_check'][value='not live']").prop("disabled", true); Live = $("input[name='reg_check'][value='live']").val(); check_box(); // $("#socialnetwork").val("0"); if (Participants != 0) { Participants = $("#participants_id").val(); getReg_price(); } if (No_of_Socialnetworking != 0) { No_of_Socialnetworking = $("#socialnetwork").val(); getSocial_networking_price(); } if (accompanying_price != 0) { accompanying_price = $("#accompanying").val(); get_accompanying_value(); } total(); $("input[name='reg_check'][value='live']").change(function() { check_box(); }); $('#participants_id').change(function() { getParticipants_value(); }); $('input[type=radio][name="r1"]').change(function() { var changebtnval = $('input[type=radio][name="r1"]:checked').attr('data-value'); if (changebtnval == 'Student') { $("#notification").css("display", "block"); } else { $("#notification").css("display", "none"); } getReg_price(); }); $('#socialnetwork').change(function() { getSocial_networking_price(); }); $('#accompanying').change(function() { get_accompanying_value(); }); $('input[type=radio][name=r5]').change(function() { get_accommodation_value(); }); $('#numberof_days').change(function() { number_of_days(); checkincheckout(); }); $('#amount').change(function() { Sponsor_price = $("#amount").val(); if (Sponsor_others) { Sponsor_price = $("#amount").val(); if ((Sponsor_price != "") && (Sponsor_disount_applied)) { spn_discount(); } } }); $('#discountregistration').change(function() { if (this.checked) { $('#display_discountinput').css("display", "block"); } else { $('#display_discountinput').css("display", "none"); } }); $('#form-check input[type="checkbox"]').change(function() { $('#collapseExample').toggle(this.checked); }); $('#extra_accommodation').change(function() { if (this.checked) { $('#acd_extrabox').css("display", "block"); } else { $('#acd_extrabox').css("display", "none"); } if ($('#extra_accommodation').prop('checked')) { number_of_days(); } }); $("#dateof_accommodation").on("change", function() { checkincheckout(); }); $("#spn_submit").click(function() { Sponsor_disount_code = $("#spn_discount_code").val(); console.log("Sponsor_disount_code = ", Sponsor_disount_code); if (Sponsor_disount_code != "") { Sponsor_disount_applied = true; spn_discount(); } }) function check_box() { if ($("input[name='reg_check'][value='live']").prop("checked")) { $("#showreg_div").removeClass("hidden"); $.ajax({ type: "POST", url: "env_dev.php", data: { live: Live, }, success: function(result) { if (result == "Success") { $("input[name='r1']").eq(0).prop("checked", true).trigger("click"); } getReg_price(); } }); } else { $("#showreg_div").addClass("hidden"); $("input[name='r1']").prop("checked", false); registration_price = 0; total(); if (discount_applied == true) { discount(); } } } // function getParticipants_value() { // Participants = $("#participants_id").val(); // total(); // if (discount_applied == true) { // discount(); // } // } function getReg_price() { registration_category = $('input[type=radio][name="r1"]:checked').attr("data-value"); $.ajax({ type: "POST", url: "env_dev.php", data: { category: registration_category, }, success: function(result) { registration_price = result; total(); if (discount_applied == true) { discount(); } } }); } function getSocial_networking_price() { No_of_Socialnetworking = $('#socialnetwork').val(); $.ajax({ type: "POST", url: "env_dev.php", data: { numberof_persons_socialnetwork: No_of_Socialnetworking, }, success: function(response) { socialnetwork = response; total(); if (discount_applied == true) { discount(); } } }); } function get_accompanying_value() { No_of_accompanying = $('#accompanying').val(); $.ajax({ type: "POST", url: "env_dev.php", data: { noof_accompanying: No_of_accompanying, }, success: function(response) { accompanying_price = response; total(); if (discount_applied == true) { discount(); } } }); } function get_accommodation_value() { accommodation_category = $('input[type=radio][name=r5]:checked').attr("data-value"); if ((accommodation_category == "Single Occupancy") || (accommodation_category == "Double Occupancy")) { $("#ead_checkbox").css("display", "block"); number_of_days(); } else { window.location.href = "index.php"; $("#ead_checkbox").css("display", "none"); total(); } } function number_of_days() { if ($('#extra_accommodation').is(':checked')) { var number_of_days = parseInt($('#numberof_days :selected').text()); No_of_days = (isNaN(number_of_days)) ? 3 : number_of_days + 3; $('.show_check_in_and_check_out_div').removeClass("hidden"); if (No_of_days < 2) { $('.datesecond').css("display", "none"); } else { $('.datesecond').css("display", "block"); } } else if (accommodation_category != "") { No_of_days = 3; $('.show_check_in_and_check_out_div').removeClass("hidden"); $("#showcheckout").html("10-17-2025"); check_out_date = "10-17-2025"; $("#showcheckin").html("10-14-2025"); check_in_date = "10-14-2025"; if (No_of_days < 4) { $('.datesecond').css("display", "none"); } else { $('.datesecond').css("display", "block"); } } else { $('.show_check_in_and_check_out_div').addClass("hidden"); No_of_days = 0; total(); } $.ajax({ type: "POST", url: "env_dev.php", data: { Accommodation_type: accommodation_category, numberofdays: No_of_days }, success: function(result) { accommodation_price = result; total(); if (discount_applied == true) { discount(); } } }); } function checkincheckout() { // Define the toInputFormat function before calling it Date.prototype.toInputFormat = function() { var yyyy = this.getFullYear().toString(); var mm = (this.getMonth() + 1).toString(); // getMonth() is zero-based var dd = this.getDate().toString(); var weekday = new Array(7); weekday[0] = "Sunday"; weekday[1] = "Monday"; weekday[2] = "Tuesday"; weekday[3] = "Wednesday"; weekday[4] = "Thursday"; weekday[5] = "Friday"; weekday[6] = "Saturday"; var n = weekday[this.getDay()]; var checkoutdayname = (mm[1] ? mm : "0" + mm[0]) + "-" + (dd[1] ? dd : "0" + dd[0]) + "-" + yyyy; $("#checkoutdate").attr('data', checkoutdayname); $("#showcheckin").html(checkin_date); $("#showcheckout").html(checkoutdayname); check_out_date = checkoutdayname; total(); if (discount_applied == true) { discount(); } return (mm[1] ? mm : "0" + mm[0]) + "-" + (dd[1] ? dd : "0" + dd[0]) + "-" + yyyy; }; var checkin_date = $("#dateof_accommodation :selected").val(); check_in_date = checkin_date; if ((checkin_date == '')) { alert("Please select starting date of accommodation"); check_in_date = ""; check_out_date = ""; } else if (No_of_days == '') { alert("Please select Extra nights"); $("#dateof_accommodation").val("0"); check_in_date = ""; check_out_date = ""; $("#show_check_in_check_out").hide(); $("#checkoutdate").val("check out date"); } else { if (checkin_date != "") { var clientDate = new Date(checkin_date); var utc = clientDate.toUTCString(); var date = new Date(utc); var days = parseInt(No_of_days, 10); if (!isNaN(date.getTime())) { date.setDate(date.getDate() + days); check_out_date = date.toInputFormat() $("#show_check_in_check_out").show(); // $("#checkoutdate").val(check_out_date); } else { alert("Invalid Date"); } } else { check_out_date = ""; $("#show_check_in_check_out").hide(); $("#checkoutdate").val("check out date"); } } total(); } $(".discountcheck").click(function(e) { e.preventDefault(); discount_code = $("#discount_code").val(); if (discount_code == '') { alert("Please Enter Discount Code"); } else if (discount_applied == true) { alert("Discount Code Already Applied"); } else { discount(); } }); function getParticipants_value() { Participants = $("#participants_id").val(); if (Participants == 1) { $('#participantswithout_fields').addClass("hidden"); } else { $('#participantswithout_fields').removeClass("hidden"); var scntDiv = $('#pn_input1'); var fields = $('#fields'); var nameDiv = $('#name_scents1'); var orgscntDiv = $('#pn_organization1'); var orgnameDiv = $('#name_organization1'); $('#pn_input1 p').remove(); $('#fields .input-group').remove(); $('#name_scents1 p').remove(); $('#pn_organization1 p').remove(); $('#name_organization1 p').remove(); var number_participants = Participants - 1; for (var i = 0; i < number_participants; i++) { $('<div class="input-group col-sm-12"><div id="name_scents1" class="control-label col-sm-4 regDetails"><p style="font-weight:bold;"><span class="control-label col-sm-12" style="display:block; position: relative; width: 100%; height:34px; margin-bottom:6%;font-size:14px !important;">Participant ' + (i + 2) + '</span></p></div><div id="pn_input1" class="col-sm-6 abformTitle"><p><input type="text" id="p_scnt" class="form-control" size="20" style="margin-bottom:10px;" name="p_scnt[]" value="" placeholder="Name" /> <br /><input type="email" id="org_name" class="form-control" size="20" style="margin-bottom:10px;" name="org_name[]" value="" placeholder="Email Id" /></p></div></div>').appendTo(fields); } } if (Participants != 3 && registration_category == "Group of 3") { $('#participantswithout_fields').addClass("hidden"); $("input[name='r1']").eq(1).prop("checked", true).trigger("click"); getReg_price(); } total(); if (discount_applied == true) { discount(); } } function discount() { discount_code = $("#discount_code").val(); var ajaxurl = "https://unitedscientificgroup.org/gest-2025/payment.php"; var dataString = 'reg_price=' + Final_Reg_price + '&accommodation_price=' + accommodation_price + '&total_price=' + total_price + '&discount_code=' + discount_code + '&accompanying_totalprice=' + accompanying_price + '&socialnetwork_price=' + socialnetwork; $.ajax({ url: ajaxurl, type: "POST", data: dataString, success: function(data) { var jsonData = JSON.parse(data); if (typeof jsonData === "object") { // Update the HTML content in the appropriate element $('#jsonpResult').html(jsonData.html); $("#showdiscountcode").html(discount_code); $("#discount_percentage").html(jsonData.discountPercentage + "%"); discount_category = jsonData.discount_category; if (jsonData.discount_category == "registration") { $(".reg_discountsec").removeClass("hidden"); $(".discountsec").removeClass("hidden"); $("#registrationdiscount").html(jsonData.discountedPrice); discountedPrice = jsonData.discountedPrice; discount_reg_price = jsonData.discount_price; discount_price = jsonData.discount_price; $("#showdiscount_price").html(jsonData.discountedPrice); } else if (jsonData.discount_category == "accommodation") { $(".acc_discountsec").removeClass("hidden"); $(".discountsec").removeClass("hidden"); discountedPrice = jsonData.discountedPrice; discount_acc_price = jsonData.discount_price; discount_price = jsonData.discount_price; $("#showdiscount_price").html(jsonData.discountedPrice); $("#accommodationdiscount").html(jsonData.discountedPrice); } else { $(".acc_discountsec").removeClass("hidden"); $(".reg_discountsec").removeClass("hidden"); $(".discountsec").removeClass("hidden"); discountedPrice = jsonData.discountedPrice; discount_acc_price = jsonData.acc_discount_price; discount_reg_price = jsonData.reg_discount_price; discount_price = jsonData.discount_price; $("#showdiscount_price").html(jsonData.discountedPrice); $("#registrationdiscount").html(jsonData.reg_discountedPrice); $("#accommodationdiscount").html(jsonData.acc_discountedPrice); } if (jsonData.html != "<h2>The code entered is not valid. Please enter a valid code.</h2>") { discount_applied = true; } else { $(".acc_discountsec").addClass("hidden"); $(".reg_discountsec").addClass("hidden"); $(".discountsec").addClass("hidden"); } total_price = jsonData.final_price; total(); } else { console.log("No HTML data received or HTML data is empty."); total(); } return false; } }); } function spn_discount() { var ajaxurl = "https://unitedscientificgroup.org/gest-2025/sponsor_discount.php"; Sponsor_price = $("#amount").val(); var dataString = 'amount=' + Sponsor_price + '&discount_code=' + Sponsor_disount_code; $.ajax({ url: ajaxurl, type: "POST", data: dataString, success: function(data) { try { var jsonData = JSON.parse(data); if (typeof jsonData === "object") { // Update the HTML content in the appropriate element $('#jsonpResult').html(jsonData.html); $("#amount").val(jsonData.final_price); Sponsor_disounted_price = jsonData.discountedPrice; // $("#showdiscountcode").html(discount_code); if (jsonData.html != "<h2>The code entered is not valid. Please enter a valid code.</h2>") {} total(); } else { console.log("No HTML data received or HTML data is empty."); total(); } } catch (e) { console.error("Parsing error:", e); console.error("Response data:", data); } return false; }, error: function(xhr, status, error) { console.error("AJAX error:", status, error); } }); } $('select[name=session]').change(function() { Sponsor_category = $(this).val(); $.ajax({ url: 'env_dev.php', type: 'POST', data: { Sponsor_category: Sponsor_category, }, success: function(response) { Sponsor_price = response; if (response == "others") { $("#amount").val(''); $('#amount').prop('readonly', false); Sponsor_others = true; if ((Sponsor_disount_applied == true) && (Sponsor_others)) { $('#jsonpResult').html(""); alert("Please enter amount"); spn_discount(); } } else { $("#amount").val(Sponsor_price); $('#amount').prop('readonly', true); if (Sponsor_disount_applied == true) { spn_discount(); } } }, error: function(xhr, status, error) { console.error("error = ", error); // Handle error response if needed } }); }); function total() { if ((Participants !== "") && (registration_price !== "") && (registration_category !== "") && (No_of_Socialnetworking !== "") && (socialnetwork !== "")) { Final_Reg_price = parseInt((Participants * registration_price)); if (discount_applied == false) { total_price = parseInt(Final_Reg_price) + parseInt(socialnetwork) + parseInt(accompanying_price) + parseInt(accommodation_price); } before_discount_total = parseInt(Final_Reg_price) + parseInt(socialnetwork) + parseInt(accompanying_price) + parseInt(accommodation_price); } console.log("No_of_days = ", No_of_days); $("#show_registration_price").html(Final_Reg_price); $("#shownumberof_participants").html(Participants); $("#showgsocialnetworking_price").html(socialnetwork); $("#show_accompanying_price").html(accompanying_price); $(".showselected_numberofdays").html(No_of_days); $("#showaccommodation_price").html(accommodation_price); $("#showtotalprice").html(total_price); $("#displayprice").html(total_price); $("#showcheckin").html(check_in_date); $("#dateof_accommodation").val(check_in_date); $("#showcheckout").html(check_out_date); $("#checkoutdate").val(check_out_date); if (discount_code != "") { $("#show_discounts_code").show(); } else { $("#show_discounts_code").hide(); } // Registration Summary if (accompanying_price > 0) { $("#show_accompanying_tr").removeClass("hidden"); $("#no_of_accompanying").html(No_of_accompanying); } else { $("#show_accompanying_tr").addClass("hidden"); $("#no_of_accompanying").html(No_of_accompanying); } if (accommodation_price > 0) { $(".show_check_in_and_check_out_div").removeClass("hidden"); $("#accommodation_category").html(accommodation_category); $("#show_accommodation_catrgory").removeClass("hidden"); } else { $(".show_check_in_and_check_out_div").addClass("hidden"); $("#show_accommodation_catrgory").addClass("hidden"); } $("#reg_category").html(registration_category); } $("#reg_form").submit(function(e) { e.preventDefault(); // Prevent the form from submitting normally if ((accommodation_category != "") && (check_in_date == "") && (check_out_date == "")) { $("#dateof_accommodation").focus().css("border-color", "red"); alert("Please select No of Days and starting date of accommodation"); } else { other_p_scnt = $("input[name='p_scnt[]']") .map(function() { return $(this).val(); }) .get() .join(","); other_org_name = $("input[name='org_name[]']") .map(function() { return $(this).val(); }) .get() .join(","); var formDataArray = $(this).serializeArray(); // Additional values in JavaScript var additionalData = { // reg_type: "Standard Registration", participants: Participants, before_discount_reg_price: Final_Reg_price, registration_category: registration_category, before_discount_acc_price: accommodation_price, accommodation_category: accommodation_category, No_of_acc_days: No_of_days, showcheckin_date: check_in_date, showcheckout_date: check_out_date, total_price: total_price, socialnetwork_price: socialnetwork, no_of_socialnetworking: No_of_Socialnetworking, accompanying_priceonly: accompanying_price, noof_accompanying: No_of_accompanying, discount_registrationprice: discount_reg_price, discount_accom: discount_acc_price, discount_price: discount_price, discount_code: discount_code, before_discount_total: before_discount_total, discountedPrice: discountedPrice, discount_category: discount_category, p_scnt: other_p_scnt, org_name: other_org_name, }; // Merge form data and additional data var postData = formDataArray.concat($.map(additionalData, function(value, key) { return { name: key, value: value }; })); // AJAX request $.ajax({ url: 'https://unitedscientificgroup.org/gest-2025/register_payment.php', type: 'POST', dataType: 'json', data: { data: postData }, success: function(response) { if (response.status == "success") { $.ajax({ type: 'POST', url: "register_payment.php", data: JSON.stringify({ status: response.status, tot_price: response.tot_price, ins_id: response.ins_id }), success: function(response) { window.location.href = "register_payment.php" }, error: function(xhr, status, error) { console.error("error = ", error); // Handle error response if needed } }); } else { // alert(response); alert("Kindly try again after some time!"); } }, error: function(xhr, status, error) { console.error("error = ", error); // Handle error response if needed } }); } }); $("#sponsor_form").submit(function(e) { // alert("hi"); e.preventDefault(); var isValid = true; // Iterate over the form elements $(this).find(":input[required]").each(function() { if ($(this).val().trim() === "") { isValid = false; // Optionally, you can highlight the invalid field or display an error message $(this).addClass("error"); // Add a CSS class for styling } else { $(this).removeClass("error"); } }); if (isValid) { var formData = new FormData(this); // Create FormData object formData.append("spn_discount_code", Sponsor_disount_code); formData.append("spn_discounted_price", Sponsor_disounted_price); formData.append("sponsorship_price", Sponsor_price); var url = 'https://unitedscientificgroup.org/gest-2025/sponsor_payment.php'; // URL to submit the form data $.ajax({ type: 'POST', url: url, data: formData, processData: false, contentType: false, dataType: 'json', success: function(response) { spn_status = response.status; if (spn_status == "success") { $.ajax({ type: 'POST', url: "sponsor_payment.php", data: JSON.stringify({ status: spn_status, tot_price: response.tot_price, ins_id: response.ins_id }), success: function(response) { window.location.href = "sponsor_payment.php" } }) } else { alert("Kindly try again after some time!"); } }, error: function(xhr, status, error) {} }); } else { // Display an error message or perform other actions to indicate invalid fields alert('Please fill all required fields.'); } }); $("#reg_subscribe").submit(function(e) { e.preventDefault(); var isValid = true; // Iterate over the form elements $(this).find(":input[required]").each(function() { if ($(this).val().trim() === "") { isValid = false; // Optionally, you can highlight the invalid field or display an error message $(this).addClass("error"); // Add a CSS class for styling } else { $(this).removeClass("error"); } }); if (isValid) { // var formData = new FormData(this); // Create FormData object var formDataArray = $(this).serialize(); // formData.append("spn_discount_code", Sponsor_disount_code); // formData.append("spn_discounted_price", Sponsor_disounted_price); var url = 'subscribe_payment.php'; // URL to submit the form data $.ajax({ type: 'POST', url: 'subscribe_payment.php', data: formDataArray, success: function(response) { window.location.href = 'subscribe_payment.php'; }, error: function(xhr, status, error) {} }); } else { // Display an error message or perform other actions to indicate invalid fields alert('Please fill all required fields.'); } }); }); </script><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Environmental Science and Technology Conference | Environmental Science Conference | GEST 2025</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <!-- Google Web Fonts --> <link rel="icon" href="images/favicon.png" sizes="32x32" /> <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=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet"> <!-- Icon Font Stylesheet --> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"> <!-- Libraries Stylesheet --> <link href="lib/animate/animate.min.css" rel="stylesheet"> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <!-- Customized Bootstrap Stylesheet --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Template Stylesheet --> <link href="css/style.css" rel="stylesheet"> </head> <body> <!-- Spinner Start --> <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"> <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status"> <span class="sr-only">Loading...</span> </div> </div> <!-- Spinner End --> <div class="header-top-area d-sm-none d-md-none d-lg-block style-two"> <div class="container-fulid"> <div class="row align-items-center"> <!-- <div class="col-sm-2 ps-0 text-end"> <div class="header-top-left-items"> <div class="header-top-left-single-item"> <div class="header-top-left-icon text-white"> <span> <i class="fa fa-map-marker-alt notification text-white me-1"></i> Rome, Italy </span> </div> </div> </div> </div> --> <div class="col-sm-6 text-center"> <div class="header-top-left-items"> <div class="header-top-left-single-item"> <a href="abstract_submission"> <div class="header-top-left-icon"> <span><b> <i class="fa fa-file"></i> First Round of Abstract Submission: November 28, 2024</b> </span> </div> </a> </div> </div> </div> <div class="col-sm-6 text-center"> <div class="header-top-left-items"> <div class="header-top-left-single-item"> <a href="registration_form"> <div class="header-top-left-icon"> <span><b> <i class="fa fa-ticket-alt"></i> Pre-Early Bird Registration Ends: November 30, 2024</b> </span> </div> </a> </div> </div> </div> </div> </div> </div> <!-- Navbar & Hero Start --> <div class="container-fluid position-relative p-0"> <nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0"> <a href="./" class="navbar-brand p-0"> <!-- <h1 class="text-primary"><i class="fas fa-hand-holding-water me-3"></i>GEST</h1> --> <img src="images/gest-logo.png" alt="Logo"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> <span class="fa fa-bars"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <div class="navbar-nav ms-auto py-0"> <a href="./" class="nav-item nav-link active">Home</a> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">About</a> <div class="dropdown-menu m-0"> <a href="about" class="dropdown-item">Conference Info</a> <a href="visa-information" class="dropdown-item">Visa Information</a> <a href="contact-us" class="dropdown-item">Contact Us</a> <a href="2024" class="dropdown-item">GEST-2024</a> </div> </div> <a href="dates-to-note" class="nav-item nav-link">Dates</a> <a href="board" class="nav-item nav-link">Board</a> <a href="experts" class="nav-item nav-link">Experts</a> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Abstract</a> <div class="dropdown-menu m-0"> <a href="abstract_submission" class="dropdown-item">Submit Abstract</a> <a href="review-process" class="dropdown-item">Review Process</a> <a href="speaker-guidelines" class="dropdown-item">Speaker Guidelines</a> <a href="poster-guidelines" class="dropdown-item">Poster Guidelines</a> </div> </div> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Sponsors</a> <div class="dropdown-menu m-0"> <a href="become_a_sponsor" class="dropdown-item">Become a Sponsor</a> <a href="exhibition" class="dropdown-item">Exhibition</a> </div> </div> <!-- <a href="venue-and-hospitality" class="nav-item nav-link">Venue</a> --> </div> <!-- <div class="d-none d-xl-flex me-3"> <div class="d-flex flex-column pe-3 border-end border-primary"> <span class="text-body">Get Free Delivery</span> <a href="tel:+4733378901"><span class="text-primary">Free: + 0123 456 7890</span></a> </div> </div> --> <!-- <button class="btn btn-primary btn-md-square d-flex flex-shrink-0 mb-3 mb-lg-0 rounded-circle me-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button> --> <a href="registration_form" class="btn btn-primary rounded-pill d-inline-flex flex-shrink-0 py-2 px-4">Register</a> </div> </nav><style> .extra-nights-box { background: #19546b; color: #fff; padding: 10px; width: 320px; margin: 10px 0px 25px; } .summery-invisible { padding: 10px 20px 5px; } hr.style-one { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); } .panel-body label { width: 100% !important; } </style> <link rel="stylesheet" href="css/bootstrap-reg.css"> <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> --> <script src="https://code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script> <div class="container-fluid bg-breadcrumb"> <div class="container text-center py-5" style="max-width: 900px;"> <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Registration Form</h4> <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s"> <li class="breadcrumb-item"><a href="./">Home</a></li> <li class="breadcrumb-item active text-primary">Registration Form</li> </ol> </div> </div> <div class="container-fluid about py-3"> <div class="container py-5"> <div class="row bg-white text-dark"> <div class="row"> <div> <form class="form-horizontal" name="reg_form" id="reg_form" method="post"> <div class="form-group"> <label class="control-label col-sm-2" for="title">Title:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-asterisk"></i></span> <select class="form-control" name="title" style="width:auto;"> <option value="Dr.">Dr.</option> <option value="Mr.">Mr.</option> <option value="Mrs.">Mrs.</option> <option value="Ms.">Ms.</option> </select> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="name">Name:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span> <input type="text" class="form-control" id="Name" placeholder="Enter your name" name="name" required="required"> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="email">Email:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" id="email" placeholder="Enter your email" name="email" required="required"> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="organization">Organization:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-briefcase"></i></span> <input type="text" class="form-control" id="Organization" placeholder="Organization/Institution" name="organization" required="required"> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="phone">Telephone:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-phone-square"></i></span> <input type="tel" class="form-control" id="Telephone" placeholder="Enter your phone number" name="phone" required="required"> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="city">City:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-home"></i></span> <input type="text" class="form-control" id="City" placeholder="Enter your city name" name="city" required="required"> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="country">Country:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-map-marker"></i></span> <select class="form-control" name="country" data-country="US" style="width:auto;"> <option value="Select Any" selected="selected">Select country</option> <option value="United States">United States</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory </option> <option value="Brunei Darussalam">Brunei Darussalam</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Canadian Nunavut Territory">Canadian Nunavut Territory</option> <option value="Cape Verde">Cape Verde</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos (Keeling Islands)">Cocos (Keeling Islands)</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Cote D'Ivoire (Ivory Coast)">Cote D'Ivoire (Ivory Coast)</option> <option value="Croatia (Hrvatska)">Croatia (Hrvatska)</option> <option value="Cuba">Cuba</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="East Timor">East Timor</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="France, Metropolitan">France, Metropolitan</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard and McDonald Islands">Heard and McDonald Islands</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran">Iran</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Korea (North)">Korea (North)</option> <option value="Korea (South)">Korea (South)</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macau">Macau</option> <option value="Macedonia">Macedonia</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta<">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Micronesia">Micronesia</option> <option value="Moldova">Moldova</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="Netherlands Antilles">Netherlands Antilles</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Qatar">Qatar</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russian Federation">Russian Federation</option> <option value="Rwanda">Rwanda</option> <option value="S. Georgia and S. Sandwich Isls.">S. Georgia and S. Sandwich Isls.</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Slovak Republic">Slovak Republic</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="St. Helena">St. Helena</option> <option value="St. Pierre and Miquelon">St. Pierre and Miquelon</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands </option> <option value="Swaziland">Swaziland</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syria">Syria</option> <option value="Taiwan">Taiwan</option> <option value="Tajikistan">Tajikistan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="US Minor Outlying Islands">US Minor Outlying Islands</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United States">United States</option> <option value="Uruguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican City State (Holy See)">Vatican City State (Holy See) </option> <option value="Venezuela">Venezuela</option> <option value="Viet Nam">Viet Nam</option> <option value="Virgin Islands (British)">Virgin Islands (British)</option> <option value="Wallis and Futuna Islands">Wallis and Futuna Islands</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Yugoslavia">Yugoslavia</option> <option value="Zaire">Zaire</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="interest">Interested In:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-list"></i></span> <select class="form-control" name="interest" style="width:auto;"> <option value="Poster Presentation"> Poster Presentation </option> <option value="Oral Presentation"> Oral Presentation </option> <option value="Conducting Workshop"> Conducting Workshop </option> <option value="Conducting Symposium"> Conducting Symposium </option> <option value="Others"> Others </option> </select> </div> </div> </div> <div class="form-group" style="display:none;"> <label class="control-label col-sm-2" for="interest">Subject</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-list"></i></span> <input type="text" class="form-control" id="subject" placeholder="Enter subject" name="subject"> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="address">Billing Address:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-globe"></i></span> <textarea class="form-control" name="address" rows="5" required="required"></textarea> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="participants">Participants:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-plus"></i></span> <select class="form-control" name="participants" id="participants_id" style="width:auto;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </div> </div> </div> <div class="form-group"> <div id="participantswithout_fields"> <div id="fields"></div> <div id="name_organization1" class="control-label col-sm-2 regDetails"></div> <div id="pn_organization1" class="col-sm-6 abformTitle"></div> </div> </div> <style> .nonBold { font-weight: normal; } .priceBox { border: 1px solid #ebccd1; padding: 5px 10px; float: right; color: #a94442; background: #fff; } </style> <div class="form-group"> <div class="col-sm-3"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="text-center">Pre Early Bird<br /> <small style="color:#fff;">November 30, 2024</small> </h4> <input type="checkbox" class="form-control card-checkbox" name="reg_check" id="reg_check" value="live" /> </div> <div class="panel-body"> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"> <input type="radio" name="r1" id="reg_radio" data-value="Academic"> <span class="nonBold">Academic</span> &nbsp; <span class="priceBox">€ 499</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r1" id="reg_radio" data-value="Industry"> <span class="nonBold">Industry</span> &nbsp;<span class="priceBox">€ 599</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r1" id="reg_radio" data-value="Delegate"> <span class="nonBold">Delegate</span> &nbsp; <span class="priceBox">€ 399</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r1" id="reg_radio" data-value="Student"> <span class="nonBold">Student</span> &nbsp; <span class="priceBox">€ 299</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r1" id="reg_radio" data-value="Virtual"> <span class="nonBold">Virtual</span> &nbsp; <span class="priceBox">€ 199</span></label> </div> </div> </div> </div> <div class="col-sm-3"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="text-center">Early Bird Registration <br /> <small style="color:#fff;"> After November 30, 2024</small> </h4> <input type="checkbox" class="form-control card-checkbox" name="reg_check" id="reg_check" value="not live" /> </div> <div class="panel-body"> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"> <input type="radio" name="r2" id="reg_radio" data-value="Academic"> <span class="nonBold">Academic</span> &nbsp; <span class="priceBox">€ 599</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r2" id="reg_radio" data-value="Industry"> <span class="nonBold">Industry</span> &nbsp;<span class="priceBox">€ 699</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r2" id="reg_radio" data-value="Delegate"> <span class="nonBold">Delegate</span> &nbsp; <span class="priceBox">€ 499</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r2" id="reg_radio" data-value="Student"> <span class="nonBold">Student</span> &nbsp; <span class="priceBox">€ 349</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r2" id="reg_radio" data-value="Virtual"> <span class="nonBold">Virtual</span> &nbsp; <span class="priceBox">€ 249</span></label> </div> </div> </div> </div> <div class="col-sm-3"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="text-center">Mid Term Registrations<br /> <small style="color:#fff;">January 31, 2025</small> </h4> <input type="checkbox" class="form-control card-checkbox" name="reg_check" id="reg_check" value="not live" /> </div> <div class="panel-body"> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"> <input type="radio" name="r3" id="reg_radio" data-value="Academic"> <span class="nonBold">Academic</span> &nbsp; <span class="priceBox">€ 699</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r3" id="reg_radio" data-value="Industry"> <span class="nonBold">Industry</span> &nbsp;<span class="priceBox">€ 799</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r3" id="reg_radio" data-value="Delegate"> <span class="nonBold">Delegate</span> &nbsp; <span class="priceBox">€ 599</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r3" id="reg_radio" data-value="Student"> <span class="nonBold">Student</span> &nbsp; <span class="priceBox">€ 399</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r3" id="reg_radio" data-value="Virtual"> <span class="nonBold">Virtual</span> &nbsp; <span class="priceBox">€ 299</span></label> </div> </div> </div> </div> <div class="col-sm-3"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="text-center">Late Registrations<br /> <small style="color:#fff;">August 15, 2025</small> </h4> <input type="checkbox" class="form-control card-checkbox" name="reg_check" id="reg_check" value="not live" /> </div> <div class="panel-body"> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"> <input type="radio" name="r4" id="reg_radio" data-value="Academic"> <span class="nonBold">Academic</span> &nbsp; <span class="priceBox">€ 799</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r4" id="reg_radio" data-value="Industry"> <span class="nonBold">Industry</span> &nbsp;<span class="priceBox">€ 899</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r4" id="reg_radio" data-value="Delegate"> <span class="nonBold">Delegate</span> &nbsp; <span class="priceBox">€ 699</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r4" id="reg_radio" data-value="Student"> <span class="nonBold">Student</span> &nbsp; <span class="priceBox">€ 499</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r4" id="reg_radio" data-value="Virtual"> <span class="nonBold">Virtual</span> &nbsp; <span class="priceBox">€ 349</span></label> </div> </div> </div> </div> <div class="col-sm-3" style="display:none;"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="text-center">On-spot Registration<br /><small style="color:#fff;"> October 15, 2025 </small></h4> <input type="checkbox" class="form-control card-checkbox" name="reg_check" id="reg_check" value="not live" /> </div> <div class="panel-body"> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"> <input type="radio" name="r6" id="reg_radio" data-value="Academic"> <span class="nonBold">Academic</span> &nbsp; <span class="priceBox">€ 999</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r6" id="reg_radio" data-value="Industry"> <span class="nonBold">Industry</span> &nbsp;<span class="priceBox">€ 1199</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r6" id="reg_radio" data-value="Delegate"> <span class="nonBold">Delegate</span> &nbsp; <span class="priceBox">€ 1099</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r6" id="reg_radio" data-value="Student"> <span class="nonBold">Student</span> &nbsp; <span class="priceBox">€ 899</span></label> </div> <div class="form-group mb-5 pb-2"> <!-- <label class="control-label col-sm-12" style="text-align:left;"><input type="radio" name="r6" id="reg_radio" data-value="Virtual"> <span class="nonBold">Virtual</span> &nbsp; <span class="priceBox">€ </span></label> --> </div> </div> </div> </div> <div class="col-sm-12 text-justify"> <p id="notification" style="display:none;font-size:20px;font-weight:bold; border:1px solid #000; border-radius:3px; margin-bottom: 0px; padding: 10px; background-color: #ccc;"> Student Registrations are considered only for poster presentations.</p> </div> <div class="col-sm-12 p-sm-3 text-justify ml-1 my-3" style="border:1px solid #ccc; border-radius:3px; font-size:15px;"> <strong>Important info:</strong> GEST-2025/USG does not work with any 3rd parties to provide accommodation for this event. Please beware if you receive any e-mails or other communication from 3rd parties informing you about the accommodation options. The only trusted source of information about the accommodation is our website and communication from the conference official <a href="mailto:" style="color:#a94442;"></a> e-mail address. </div> <div class="col-sm-5 d-none"> <div class="panel panel-danger"> <div class="panel-heading"> <h4 class="text-center">Accommodation<br /> <small>October 14-16, 2025 </small> <p style="font-size:13px; margin-top: 10px;">(Inclusive of Taxes & Breakfast)</p> </h4> </div> <div class="panel-body"> <div class="form-group"> <div class="input-group"> <label class="control-label col-sm-10" style="text-align:left;"> <input type="radio" name="r5" data-value="Single Occupancy"> €520 Single Occupancy</label> <span class="input-group-addon"><i class="fa fa-bed"></i></span> <div class="col-sm-2"> &nbsp; </div> </div> </div> </div> </div> </div> <div class="col-sm-5 d-none"> <div class="panel panel-danger"> <div class="panel-heading"> <h4 class="text-center">Accommodation<br /> <small>October 14-16, 2025 </small> <p style="font-size:13px; margin-top: 10px;">(Inclusive of Taxes & Breakfast)</p> </h4> </div> <div class="panel-body" style="padding-bottom: 7px !important;"> <div class="form-group"> <div class="input-group"> <label class="control-label col-sm-12" style="text-align:left;"> <input type="radio" name="r5" data-value="Double Occupancy"> €620 Double Occupancy</label> <span class="input-group-addon" style="padding: 6px 10px !important;"><i class="fa fa-bed"></i></span> &nbsp; <span class="input-group-addon" style="padding: 6px 10px !important;"><i class="fa fa-bed"></i></span> <div class="col-sm-2"> &nbsp; </div> </div> </div> </div> </div> </div> <div class="col-sm-4"> &nbsp; </div> </div> <div id="ead_checkbox" class="extra-nights-box" style="display:none;"><input type="checkbox" name="extraaccommodation" id="extra_accommodation" style="margin-top:-2px; margin-left:1px; vertical-align: middle;" /><span style="margin-left:2px;">Need Extra Nights Accommodation</span></div> <div class="accommodation_extrabox" style="display: none;" id="acd_extrabox"> <div class="form-group"> <label class="control-label col-sm-2" for="title">Extra Nights:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-calendar"></i></span> <select class="form-control" name="numberofdays" id="numberof_days" style="width:auto;"> <option value="0" selected="selected">Select Nights</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> </select> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="Check-in">Check-in Date:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-calendar"></i></span> <select class="form-control" name="dateofaccommodation" id="dateof_accommodation" style="width:auto;"> <option value="" selected="selected">Select Date</option> <option value="10-13-2025" class="datesecond">10-13-25</option> <option value="10-14-2025">10-14-25</option> <option value="10-15-2025">10-15-25</option> </select> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="Checkout-date">Check-out Date:</label> <div class="col-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" class="form-control" placeholder="Check out Date" name="checkoutdate" data="" id="checkoutdate" readonly> </div> </div> </div> </div> <div> <div id="discount_checkbox" class="extra-nights-box"><input type="checkbox" name="discountregistration" id="discountregistration" style="margin-top:-2px; margin-left:1px; vertical-align: middle;" /><span style="margin-left:2px;">Have a promo code?</span></div> <div id="display_discountinput" style="display:none;"> <div class="panel-body"> <div class="form-group"> <div class="col-sm-8 text-center"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-barcode"></i></span> <input type="text" name="discount_code" id="discount_code" value="" class="form-control" placeholder="Enter Discount Code" /> </div> </div> <div class="col-sm-4 text-center"> <input type="submit" value="Apply" class="discountcheck control-label" style="width:125px; background:#900; color:#fff; text-align: center; padding: 10px; border: 0px; margin: -5px;" /> </div> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-3" for="participants" style="font-size:13px; text-align:left;">Accompanying (€200 for each person):</label> <div class="col-sm-9"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-plus"></i></span> <select class="form-control" name="accompanying_name" id="accompanying" style="width:auto;"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </div> </div> </div> <span id="jsonpResult"></span> </div> <div class="panel panel-danger"> <h1 class="text-center text-uppercase text"><strong>Summary</strong></h1> <div class="row justify-content-center"> <div class="col-md-12 mt-5 px-4"> <table class="table table-hover table-bordered table-summary"> <tbody> <tr> <td colspan="2" class="text-left table-active">Registration Price: <span id='showreg_div'><small>(<span id="shownumberof_participants"></span>) (<span id="reg_category"></span>)</small></span> </td> <td><strong>€ <span id="show_registration_price">499</span></strong> </td> </tr> <tr class="reg_discountsec hidden"> <td colspan="2" class="text-left"><small>Discount Amount:</small></td> <td class="text-danger"> - € <span id="registrationdiscount"></span></td> </tr> <tr class="hidden" id="show_poster_table"> <td colspan="2" class="text-left table-active">Poster Price: <small>(<span id="show_no_of_posters"></span>)</small> </td> <td><strong style="position: relative;">€ <span id="showposters_price"></span></strong></td> </tr> <tr> <td colspan="2" class="text-left table-active">Accommodation: <small><span id="show_accommodation_catrgory">(<span class="showselected_numberofdays"></span>) (<span id="accommodation_category"></span>)</span></small> </td> <td><strong>€ <span id="showaccommodation_price"></span></strong></td> </tr> <tr class="acc_discountsec hidden"> <td colspan="2" class="text-left"><small>Discount Amount:</small></td> <td class="text-danger"> - € <span id="accommodationdiscount"></span></td> </tr> <tr id="show_accompanying_tr"> <td colspan="2" class="text-left table-active">Accompanying: <small>(<span id="no_of_accompanying"></span>)</small> </td> <td><strong>€ <span id="show_accompanying_price"></span></strong></td> </tr> <tr class="show_check_in_and_check_out_div"> <td colspan="2" class="text-left table-active">Total No. Nights</td> <td><strong style="position: relative;"> <span class="showselected_numberofdays"></span></strong></td> </tr> <tr class="show_check_in_and_check_out_div"> <td colspan="2" class="text-left table-active">Check-in Date</td> <td><strong style="position: relative;"><span id="showcheckin"></span></strong></td> </tr> <tr class="show_check_in_and_check_out_div"> <td colspan="2" class="text-left table-active">Check-out Date</td> <td><strong style="position: relative;"><span id="showcheckout"></span></strong></td> </tr> <tr class="discountsec hidden"> <td colspan="2" class="text-left table-active">Discounts Code</td> <td><strong style="position: relative;"><span id="showdiscountcode"></span></strong></td> </tr> <tr class="discountsec hidden"> <td colspan="2" class="text-right table-active"><strong>Total Discount (<span id="discount_percentage" class="text-danger"></span>)</strong></td> <td class="text-danger"> - € <span id="showdiscount_price"></span></td> </tr> <tr> <td class="text-right" colspan="2"><strong>Total Price</strong></td> <td class="text-white" style="background-color: #428bca;"> <strong>€ <span id="showtotalprice"></span></strong> </td> </tr> </tbody> </table> </div> <div class="clearfix"></div> <style> hr.style-one { border: 0; border-bottom: 1px dashed #333; background: #fff; width: 90%; margin: 0px auto; padding: 0px; } .hidden { display: none !important; } </style> <!-- <hr class="style-one"> --> <!-- <div class="col-md-4">&nbsp;</div> <div class="col-md-4 text-center"> <div class="summery-invisible"> <h5><strong>Total Price:</strong><strong style="float:right;">€ <span id="showtotalprice"></span></strong></h5> </div> </div> <div class="col-md-4">&nbsp;</div> --> </div> <br /> </div> <div class="panel panel-danger" style="display:none;"> <h1 class="text-center text-uppercase text"><strong>Summary</strong></h1> <div class="row"> <div class="col-md-6"> <p class="summery-invisible" style="text-align:left; margin-bottom: 0px;"> Registration Price:<strong style="float:right;">€ <span id="showregistration_price"></span></strong> <span class="disocuntsec" style="text-align:left; display:none;"><small>Discount Amount:</small><strong style="float:right;">€ <span id="registrationdiscount"></span></strong></span></p> <div class="clearfix"></div> <p class="summery-invisible" style="text-align:left; margin-bottom: 0px;"> Accommodation:<strong style="float:right;">€ <span id="showaccommodation_price"></span></strong> <span class="disocuntsec" style="text-align:left; display:none;"><small>Discount Amount:</small><strong style="float:right;">€ <span id="accommodationdiscount"></span></strong></span></p> <div class="clearfix"></div> <p class="summery-invisible disocuntsec" style="text-align:left; display:none;"> <strong>Total Discounts:</strong><strong style="float:right;">€ <span id="showdiscount_price"></span></strong> <div class="clearfix"></div> </p> </div> <div class="col-md-6"> <p class="summery-invisible" style="text-align:left;">Participants:<strong style="float:right;"> <span id="shownumberof_participants"></span></strong> <div class="clearfix"></div> </p> <p class="summery-invisible" style="text-align:left;">Total No. Nights:<strong style="float:right;"> <span id="showselected_numberofdays"></span></strong> <div class="clearfix"></div> </p> </div> <div class="col-md-6"> <p class="summery-invisible" style="text-align:left;"><strong>Check-in Date:</strong><strong style="float:right;"> <span id="showcheckin"></span></strong> <div class="clearfix"></div> <span class="summery-invisible" style="text-align:left; width: 50%;padding-right: 0;"><strong>Check-out Date:</strong></span><strong style="float:right;"> <span id="showcheckout" style="padding-right: 17px; float: right;"></span></strong> <div class="clearfix"></div> <span class="summery-invisible disocuntsec" style="display:none; float:left;"><strong>Discounts Code:</strong></span><strong style="float:right;"> <span id="showdiscountcode" style="padding-right: 17px; float: right;margin-top: 13%;"></span></strong> <div class="clearfix"></div> </p> </div> <div class="col-md-6"> </div> <div class="clearfix"></div> <style> hr.style-one { border: 0; border-bottom: 1px dashed #333; background: #fff; width: 90%; margin: 0px auto; padding: 0px; } </style> <hr class="style-one"> <div class="col-md-4">&nbsp;</div> <div class="col-md-4 text-center"> <div class="summery-invisible"> <h3><strong>Total Price:</strong><strong style="float:right;">€ <span id="showtotalprice"></span></strong></h3> </div> </div> <div class="col-md-4">&nbsp;</div> </div> <br /> </div> <div class="well well-lg"> <h4 class="text-center">By clicking "pay", you agree to the <a href="https://unitedscientificgroup.org/privacy-policy.php" target="_blank" title="Privacy Policy" style="color:#000;">privacy policy</a>, <a href="https://unitedscientificgroup.org/conferences-terms-and-conditions" title="Terms & Conditions" target="_blank" class="text-dark">terms & conditions</a> and <span id="cpolicy" class="text-dark" title="Cancellation Policy" style="cursor: pointer;">cancellation policy</span></h4> <p class="text-center">Selected Price €: <small>Inclusive of all taxes.</small></p> <div class="input-group col-md-3" style="margin:0 auto;"> <span class="input-group-addon">€</span> <div id="displayprice" class="form-control"></div> <input class="form-control" type="hidden" readonly name="price" id="price" value="" placeholder="" required style="width:80%;" /> <input type="hidden" id="participants_regtotal" name="participants_regtotal" value=""> <input type="hidden" name="registration_price" id="registration_price" value=""> <input type="hidden" name="accompanying_priceonly" id="accompanying_priceonly" value="0"> <input type="hidden" name="accommodation_total" id="accommodation_total" value="0"> </div> <br> <!--<div class="input-group" style="width:325px; margin:0 auto;"> <button type="submit" class="btn btn-primary btn-lg" style="width:125px;" name="register">Pay</button> &emsp; <button type="reset" class="btn btn-secondary btn-lg" style="width:125px; background:#900; color:#fff;">Reset</button></div>--> <div class="row"> <div class="col-md-4"></div> <div class="col-md-2"> <div class="input-group" style="display: flex; margin-bottom: 1%;"> <button type="submit" class="btn btn-primary btn-lg" style="width:100% !important;" name="register">Pay</button> </div> </div> <div class="col-md-2"> <div class="input-group" style="display: flex; margin-bottom: 1%;"> <button type="reset" class="btn btn-secondary btn-lg" style="width:100% !important; background:#900; color:#fff;">Reset</button> </div> </div> </div> </div> </form> <div class="clearfix"></div> <div class="row"> <div class="col-md-12" style="padding-top:20px;"> <div style="background:#eee; padding:10px; margin:5px 0; border:1px solid #ddd;"> <p style="padding:5px 0; margin:5px 0; font-size:16px;" class="text-uppercase"> <strong>Registration includes &#8595;</strong> </p> <ul> <li>Welcome coffee</li> <li>Access to main conference sessions, exhibits, poster sessions and round table discussions</li> <li>Conference material</li> <li>Lunch, tea / coffee breaks during the conference days</li> <li>WiFi in meeting rooms</li> </ul> </div> <div id="cancellation"></div> <div style="background:#fff; padding:10px; margin:5px 0; border:1px solid #ddd;"> <p style="padding:5px 0; margin:5px 0; font-size:16px;" class="text-uppercase"> <strong>Accommodation includes &#8595;</strong> </p> <p style="color:#54805c; font-size:16px;">For delegates who are accommodated in <span class="text-uppercase"><strong> Rome, Italy</strong></span></p> <ul> <li>Complimentary Wi-Fi in the guest rooms</li> <li>Complimentary Breakfast</li> </ul> </div> <div id="tconditions"></div> <div style="background:#eee; padding:10px; margin:5px 0; border:1px solid #ddd;"> <p style="padding:5px 0; margin:5px 0; font-size:16px;" class="text-uppercase"> <strong>Registration Cancellation policy &#8595;</strong> </p> <p>Cancellation before 90 days of the conference start date will receive a full refund, less a €200 towards the administrative fee.</p> <p>Cancellation between 89 to 60 days prior to the conference start date will receive a 50 % refund.</p> <p>Cancellations received below 60 days of the conference start date are non-refundable and can only be transferred to the next edition.</p> <p>Refunds will be made within 30 days of receipt of cancellation notification.</p> <!-- <p style="padding:5px 0; margin:5px 0; font-size:16px;" class="text-uppercase"> <strong>Accommodation policy &#8595;</strong> </p> <p>Please be advised any accommodation cancellation requests received within 10 days prior to the conference start date are deemed non-refundable.</p> --> </div> <div style="background:#fff; padding:10px; margin:5px 0; border:1px solid #ddd;"> <p style="padding:5px 0; margin:5px 0; font-size:16px;" class="text-uppercase"> <strong>Cancellation policy in the events of natural disasters or unpredictable activity &#8595;</strong> </p> <p>Organizer is not responsible for any loss or damage as a result of substitution, alteration, postponement, or cancellation of an event due to causes beyond its control including without limitation, force majeure, natural disasters, sabotage, accident, trade or industrial disputes, terrorism, or hostilities.<br /> The organizer reserve the right to cancel or postpone the conference in case of any natural disasters, calamities or terrorism activity. In this case, organizer cannot accept refund requests from the conference delegates, speakers or attendees that result from cancelled flights and or natural disasters, calamities, terrorism activity. The organizer will provide opportunity for the registered delegates and attendees to transfer their registration fee and accommodation charges to any future or related conferences.<br /> The organizer will not accept any liability for personal injuries or for loss or damage to property belonging to the delegates, either during, or as a result of the conference. </p> </div> </div> </div> </div> </div> </div> <div class="clear"></div> </div> </div> <div class="clearfix"></div> <!-- Footer Start --> <div class="container-fluid footer py-1 wow fadeIn" data-wow-delay="0.2s"> <div class="container py-5"> <form id="enqform" name="enqform" method="post" class="enquiryform"> <div class="row g-2 mb-5 align-items-center"> <div id="enqmsg" class="text-primary text-center fs-4"></div> <div class="col-lg-5"> <div class="d-flex align-items-center justify-content-center justify-content-lg-start"> <input class="form-reg rounded-pill w-100 py-3 ps-4 pe-5" name="enqname" id="enqname" type="text" placeholder="Name to Subscribe"> </div> </div> <div class="col-lg-7"> <div class="position-relative mx-auto"> <input class="form-reg rounded-pill w-100 py-3 ps-4 pe-5" type="enqemail" name="email" id="enqemail" type="text" placeholder="Email address to Subscribe"> <button onclick="return enquiry();" type="submit" class="btn btn-secondary rounded-pill position-absolute top-0 end-0 py-2 px-4 mt-2 me-2">Subscribe</button> </div> </div> </div> </form> <div class="row g-5"> <div class="col-md-6 col-lg-6 col-xl-4"> <div class="footer-item d-flex flex-column"> <div class="footer-item"> <h3 class="text-white mb-4">GEST-2025</h3> <a href="#"><i class="fa fa-map-marker-alt me-2"></i> USG United Scientific Group, A non-profit organization, 8105, Suite 112, Rasor Blvd, Plano, TX 75024, USA</a> </div> <!-- <div class="position-relative"> <input class="form-control rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email"> <button type="button" class="btn btn-secondary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button> </div> --> </div> </div> <div class="col-md-6 col-lg-6 col-xl-4"> <div class="footer-item d-flex flex-column"> <h4 class="text-white mb-4">Contact Info</h4> <a href="mailto:gest@uniscigroup.org"><i class="fas fa-envelope me-2"></i>gest@uniscigroup.org</a> <a href="tel:+1-469-854-2280/81"><i class="fas fa-phone me-2"></i>+1-469-854-2280/81</a> <a href="tel:+1-469-854-2278" class="mb-3"><i class="fas fa-print me-2"></i> +1-469-854-2278</a> </div> </div> <div class="col-md-6 col-lg-6 col-xl-4"> <div class="footer-item d-flex flex-column"> <h4 class="text-white mb-4">Quick Links</h4> <a href="./"><i class="fas fa-angle-right me-2"></i> Home</a> <!-- <a href="dates-to-note"><i class="fas fa-angle-right me-2"></i> Dates to Note</a> <a href="experts"><i class="fas fa-angle-right me-2"></i> Experts</a> --> <a href="abstract_submission"><i class="fas fa-angle-right me-2"></i> Abstract Submission</a> <a href="become_a_sponsor"><i class="fas fa-angle-right me-2"></i> Become a Sponsor</a> <a href="registration_form"><i class="fas fa-angle-right me-2"></i> Register</a> </div> </div> </div> </div> </div> <!-- Footer End --> <!-- Copyright Start --> <div class="container-fluid copyright py-4"> <div class="container"> <div class="row g-4 align-items-center"> <div class="col-md-6 text-center text-md-start mb-md-0"> <p>Copyright ©<script>document.write(new Date().getFullYear());</script> | All rights reserved @ GEST-2025</p> </div> <div class="col-md-6 text-center text-md-end text-body"> <a href="https://unitedscientificgroup.org/conferences-terms-and-conditions"><i class="zmdi zmdi-circle"></i> Terms of Service</a> | <a href="https://unitedscientificgroup.org/privacy-policy"><i class="zmdi zmdi-circle"></i> Privacy Policy</a> </div> </div> </div> </div> <!-- Copyright End --> <!-- Back to Top --> <a href="#" class="btn btn-secondary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a> <!-- JavaScript Libraries --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="lib/counterup/counterup.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <script src="js/main.js"></script> <script> function enquiry() { event.preventDefault(); var name = document.enqform.enqname.value; var email = document.enqform.enqemail.value; if (document.enqform.enqname.value == "") { alert("Please enter your Name"); document.enqform.enqname.focus(); return false; } if (document.enqform.enqemail.value == "") { alert("Please enter your Email"); document.enqform.enqemail.focus(); return false; } var id = document.enqform.enqemail.value; //The regular expression for a valid e-mail address var re = /^.+\@.+\..{2,4}$/gi; if (!id.match(re)) { //If it is NOT a match //flag++; //errors = errors + "Invalid E-Mail\n"; alert("Not a valid e-mail address"); document.enqform.enqemail.focus(); return false; } if (window.XMLHttpRequest) // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); else // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) document.getElementById("enqmsg").innerHTML = xmlhttp.responseText; } xmlhttp.open("GET", "enqMessage.php?q=" + email + "&n=" + name, true); xmlhttp.send(); document.enqform.reset(); return false; } $(document).ready(function() { $("#contactForm").submit(function(e) { e.preventDefault(); var isValid = true; // Iterate over the form elements $(this).find(":input[required]").each(function() { if ($(this).val().trim() === "") { isValid = false; // Optionally, you can highlight the invalid field or display an error message $(this).addClass("error"); // Add a CSS class for styling } else { $(this).removeClass("error"); } }); if (isValid) { var formDataArray = $(this).serialize(); var url = 'contact_process.php'; // URL to submit the form data $.ajax({ type: 'POST', url: url, data: formDataArray, success: function(response) { if (response == "success") { formSuccess(); $("#contactForm")[0].reset(); return false; } else { formError(); submitMSG(false, response); } }, error: function(xhr, status, error) {} }); } else { // Display an error message or perform other actions to indicate invalid fields alert('Please fill all required fields.'); return false; } }); function formSuccess() { $("#msgSubmit").removeClass("hidden"); } function formError() { $("#contactForm").removeClass("hidden").addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { $("#msgSubmit").removeClass("hidden"); }); } function submitMSG(valid, msg) { var msgClasses; if (valid) { msgClasses = "h3 text-center tada animated text-success"; } else { msgClasses = "h3 text-center text-danger"; } $("#msgSubmit").removeClass().addClass(msgClasses).text(msg); } }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10