CINXE.COM

Registration Form | Carbon and its Applications Conference | Experimental Particle Carbon Meeting | Carbon - 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 discount_percentage = ""; 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 interest = ""; var poster_price = 0; var other_p_scnt = ""; var other_org_name = ""; 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').removeClass("hidden"); } else { $('#acd_extrabox').addClass("hidden"); } 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 get_otherParticipantdetails() { other_p_scnt = $("#p_scnt").val(); other_org_name = $("#org_name").val(); } function getParticipants_value() { Participants = $("#participants_id").val(); if (Participants == 1) { $('#participantswithout_fields').css("display", "none"); } else { $('#participantswithout_fields').css("display", "block"); 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-2 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); } } 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").removeClass("hidden"); number_of_days(); } else { window.location.href = "index.php"; $("#ead_checkbox").addClass("hidden"); 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-15-2025"); check_out_date = "10-15-2025"; $("#showcheckin").html("10-12-2025"); check_in_date = "10-12-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); // check_in_date = checkin_date; $("#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 No of nights"); $("#dateof_accommodation").val(0); $("#numberof_days").focus(); check_in_date = ""; check_out_date = ""; $("#show_check_in_check_out").hide(); $("#checkoutdate").val("check out date"); } else { if (checkin_date != "0") { 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 = ""; check_in_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" /> <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 = "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_category = jsonData.discount_category; discount_percentage = jsonData.discount_percentage; $("#discount_percentage").html(discount_percentage + "%"); 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; } 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 = "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); // console.log("data = ", 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); } $(".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); $("#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); if (socialnetwork > 0) { $("#show_no_of_social_networkings").html(No_of_Socialnetworking); $("#show_social_networking_price").html(socialnetwork); } } $("#reg_form").submit(function(e) { e.preventDefault(); 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(); var additionalData = { 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, }; var postData = formDataArray.concat($.map(additionalData, function(value, key) { return { name: key, value: value }; })); $.ajax({ url: 'register_payment.php', type: 'POST', data: { data: postData }, success: function(response) { window.location.href = "register_payment.php" }, error: function(xhr, status, error) { console.error("error = ", error); } }); } }); $("#sponsor_form").submit(function(e) { e.preventDefault(); var isValid = true; $(this).find(":input[required]").each(function() { if ($(this).val().trim() === "") { isValid = false; $(this).addClass("error"); } else { $(this).removeClass("error"); } }); if (isValid) { var formData = new FormData(this); formData.append("spn_discount_code", Sponsor_disount_code); formData.append("spn_discounted_price", Sponsor_disounted_price); formData.append("sponsorship_price", Sponsor_price); var url = 'sponsor_payment.php'; $.ajax({ type: 'POST', url: url, data: formData, processData: false, contentType: false, success: function(response) { // console.log("response =", response); window.location.href = "sponsor_payment.php" }, error: function(xhr, status, error) {} }); } else { alert('Please fill all required fields.'); } }); $("#reg_subscribe").submit(function(e) { e.preventDefault(); var isValid = true; $(this).find(":input[required]").each(function() { if ($(this).val().trim() === "") { isValid = false; $(this).addClass("error"); } else { $(this).removeClass("error"); } }); if (isValid) { var formDataArray = $(this).serialize(); var url = 'subscribe_payment.php'; $.ajax({ type: 'POST', url: 'subscribe_payment.php', data: formDataArray, success: function(response) { window.location.href = 'subscribe_payment.php'; }, error: function(xhr, status, error) {} }); } else { alert('Please fill all required fields.'); } }); }); </script><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Registration Form | Carbon and its Applications Conference | Experimental Particle Carbon Meeting | Carbon - 2025</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <!-- Stylesheets --> <link href="assets/css/bootstrap.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/responsive.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap" rel="stylesheet"> <!-- Color Switcher Mockup --> <link href="assets/css/color-switcher-design.css" rel="stylesheet"> <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon"> <link rel="icon" href="assets/images/favicon.png" type="image/x-icon"> <!-- Responsive --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]--> <!--[if lt IE 9]><script src="js/respond.js"></script><![endif]--> </head> <body class="hidden-bar-wrapper"> <div class="page-wrapper"> <!-- Header Style One --> <header class="main-header"> <!-- Header Upper --> <div class="header-upper"> <div class="auto-container"> <div class="d-flex justify-content-between align-items-center flex-wrap"> <div class="logo-box"> <div class="logo"><a href="./"><img src="images/logo-header.png" alt=""></a></div> </div> <div class="nav-outer"> <!-- Main Menu --> <nav class="main-menu navbar-expand-md"> <div class="navbar-header"> <!-- Toggle Button --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent"> <ul class="navigation clearfix"> <li class="nav-item"><a href="./" class="nav-link">Home</a></li> <li class="dropdown"><a href="#">About</a> <ul> <li><a href="conference-info">Conference Info</a></li> <li><a href="visa-information">Visa Information</a></li> <li><a href="contact-us">Contact Us</a></li> <li><a href="gallery-2024">Past Gallery</a></li> </ul> </li> <li class="nav-item"><a href="dates-to-note" class="nav-link">Dates</a></li> <li class="dropdown"><a href="#">Experts</a> <ul> <li><a href="experts">Experts</a></li> </ul> </li> <li class="dropdown"><a href="#">Abstract</a> <ul> <li><a href="abstract_submission">Abstract Submission</a></li> <li><a href="speaker-guidelines">Speaker Guidelines</a></li> <li><a href="poster-guidelines">Poster Guidelines</a></li> <li><a href="review-process">Review Process</a></li> </ul> </li> <li class="dropdown"><a href="#">Sponsor</a> <ul> <li><a href="become_a_sponsor">Become A Sponsor</a></li> <li><a href="exhibition">Exhibition</a></li> </ul> </li> <!-- <li class="dropdown"><a href="#">Venue</a> <ul> <li><a href="accommodation">accommodation</a></li> </ul> </li> --> </ul> </div> </nav> </div> <!-- Main Menu End--> <div class="outer-box d-flex align-items-center flex-wrap"> <div class="appointmeny_button-box"> <a href="registration_form" class="theme-btn btn-style-three"> <span class="btn-wrap"> <span class="text-one">Register</span> <span class="text-two">Register</span> </span> </a> </div> <!-- Mobile Navigation Toggler --> <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div> </div> </div> </div> </div> <!--End Header Upper--> <!-- Sticky Header --> <div class="sticky-header"> <div class="auto-container"> <div class="inner-container d-flex justify-content-between align-items-center flex-wrap"> <!-- Logo --> <div class="logo"> <a href="./" title=""><img src="images/logo-small.png" alt="" title=""></a> </div> <!-- Right Box --> <div class="right-box"> <!-- Main Menu --> <nav class="main-menu"> <!--Keep This Empty / Menu will come through Javascript--> </nav> <!-- Main Menu End--> </div> <!-- Main Menu End--> <div class="outer-box d-flex align-items-center flex-wrap"> <div class="appointmeny_button-box"> <a href="registration_form" class="theme-btn btn-style-one"> <span class="btn-wrap"> <span class="text-one">Register</span> <span class="text-two">Register</span> </span> </a> </div> <!-- Mobile Navigation Toggler --> <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div> </div> </div> </div><!-- End Sticky Menu --> </div> <!-- Mobile Menu --> <div class="mobile-menu"> <div class="menu-backdrop"></div> <div class="close-btn"><span class="icon flaticon-cancel-1"></span></div> <nav class="menu-box"> <div class="nav-logo"><a href="./"><img src="images/logo-small.png" alt="" title=""></a></div> <div class="menu-outer"> </div> <div class="appointmeny_button-box"> <a href="registration_form" class="theme-btn btn-style-one"> <span class="btn-wrap"> <span class="text-one">Register</span> <span class="text-two">Register</span> </span> </a> </div> </nav> </div> </header> </div> <style> .extra-nights-box { background-color:var(--color-nine); color: #fff; padding: 10px; width: 320px; margin: 10px 0px 25px; } .summery-invisible { padding: 10px 20px 5px; } .default-btn { border-width: 0px !important; } hr.style-one { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); } .posterBox { display: none; position: absolute; z-index: 1; left: 7.8%; margin-top: 26%; background-color: green; color: #fff; padding: 1%; } .panel-body label { width: 100% !important; } h4 { text-transform: none !important; } ul.top-info li i { margin-right: 0 !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"> <section class="page-title"> <div class="auto-container"> <div class="d-flex justify-content-between align-items-center flex-wrap"> <h2 class="page-title_heading">Registration Form</h2> <ul class="bread-crumb clearfix"> <li><a href="./">Home</a></li> <li>Registration Form</li> </ul> </div> </div> </section> <div class="container my-5"> <div class="row bg-white text-dark text-justify"> <div class="col-lg-12 mb-4"> <h1 class="display-5 mb-4 text-dark">Registration Form</h1> <div class="row"> <div class="col-md-7">&nbsp;</div> <div class="col-md-2" style="padding-top:25px;"> <!-- <span id="siteseal"> <script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=2nKQ5j6bTPtmZtFfPtdoaB2wcWAfiGEb3EQQM5hjBkWrbmhRivWvObD8kNL4"></script> </span> --> </div> <div class="col-md-3"><img src="images/logo-stripe.png" alt="Stripe" style="text-align:center; width:100%;"> </div> </div> <div class="middle-content"> <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 fs-5">Pre Early Bird<br /> <small style="color:#fff;">Before December 15, 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">€ 649</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">€ 749</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">€ 549</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">€ 449</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">€ 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 fs-5">Early Bird<br /> <small style="color:#fff;">After December 15, 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">€ 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="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="r2" 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="r2" 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="r2" 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"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="text-center fs-5">Mid Term<br /> <small style="color:#fff;">May 27, 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">€ 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="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="r3" 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="r3" id="reg_radio" data-value="Student"> <span class="nonBold">Student</span> &nbsp; <span class="priceBox">€ 549</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">€ 399</span></label> </div> </div> </div> </div> <div class="col-sm-3"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="text-center fs-5">Late Registrations<br /> <small style="color:#fff;">August 19, 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">€ 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="Industry"> <span class="nonBold">Industry</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="r4" id="reg_radio" data-value="Delegate"> <span class="nonBold">Delegate</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="Student"> <span class="nonBold">Student</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="r4" id="reg_radio" data-value="Virtual"> <span class="nonBold">Virtual</span> &nbsp; <span class="priceBox">€ 449</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 fs-5">On-spot Registration<br /> <small style="color:#fff;">October 13, 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="r5" id="reg_radio" data-value="Academic"> <span class="nonBold">Academic</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="r5" id="reg_radio" data-value="Industry"> <span class="nonBold">Industry</span> &nbsp; <span class="priceBox">€ 1299</span></label> </div> <div class="form-group"> <label class="control-label col-sm-12" style="text-align:left;"> <input type="radio" name="r5" 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="r5" id="reg_radio" data-value="Student"> <span class="nonBold">Student</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="r5" id="reg_radio" data-value="Virtual"> <span class="nonBold">Virtual</span> &nbsp; <span class="priceBox">€ 899</span></label> </div> </div> </div> </div> <!-- <p id="notification" style="display:none;font-size:20px;margin:14px;font-weight:bold;">Student Registrations are considered only for poster presentations.</p> --> <div class="col-sm-5"> <div class="panel panel-danger"> <div class="panel-heading"> <h4 class="text-center fs-5" style="padding:10px 0;">Accommodation<br /> <small class="text-white">October 12-14, 2025 (3 nights)<br />(Inclusive of Taxes & Breakfast) </small> </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"> €360 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"> <div class="panel panel-danger"> <div class="panel-heading"> <h4 class="text-center fs-5" style="padding:10px 0;">Accommodation<br /> <small class="text-white">October 12-14, 2025 (3 nights)<br />(Inclusive of Taxes & Breakfast) </small> </h4> </div> <div class="panel-body"> <div class="form-group" style="margin-bottom:8px;"> <div class="input-group"> <label class="control-label col-sm-12" style="text-align:left;"> <input type="radio" name="r5" data-value="Double Occupancy"> €420 Double Occupancy</label> <span class="input-group-addon" style="padding:11px;"><i class="fa fa-bed"></i></span> &nbsp; <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-4"> &nbsp; </div> </div> <div id="ead_checkbox" class="extra-nights-box hidden"> <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 hidden" 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="0" selected="selected">Select Date</option> <option value="0" selected="selected">Select Date</option> <option value="10-11-2025" class="datesecond">10-11-25</option> <option value="10-12-2025">10-12-25</option> <option value="10-13-2025">10-13-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-4" for="participants">Accompanying (€200 for each person):</label> <div class="col-sm-8"> <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-4 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 class="show_registration_price">649</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> <td colspan="2" class="text-left table-active">Social & Networking Events: </small></td> <td><strong style="position: relative;">€ <span id="showgsocialnetworking_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 hidden"> <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 hidden"> <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 hidden"> <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 style=" background-color:var(--color-nine); color: #fff;"><strong>€ <span class="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> </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>, <span id="terms">terms & conditions</span> and <span id="cpolicy">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"><i class="fa fa-eur"></i></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%;" /> </div> <br> <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-lg text-dark text-decoration-none default-btn-two btn-size-18 hover-effect" style="width:100% !important; background-color:var(--color-nine);color:#fff !important;" name="register">Pay <i class="fas fa-clipboard-check me-2"></i></button> </div> </div> <div class="col-md-2"> <div class="input-group" style="display: flex; margin-bottom: 1%;"> <button type="reset" class="btn btn-lg text-white bg-secondary text-decoration-none default-btn-two btn-size-18 hover-effect" style="width:100% ">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>Access to conference sessions, poster sessions and panel discussion</li> <li>Conference material</li> <li>Access to all the conference rooms</li> <li>Access to Conference Recording</li> <li>E-Copy of the Abstract Book</li> <li>Participation E-Certificate (if opted)</li> <!-- <li>Access to video conference platform for one year</li> <li>Conference app</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> Orlando, FL</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 policy is strictly followed and all cancellations must be made in writing.<br /> Cancellation before 120 days of the conference start date will receive a full refund, less a $200 towards the administrative fee. <br /> Cancellation before 90 days of the conference start date will receive a 50 % refund.<br /> Cancellations received below 90 days of the conference start date are non-refundable and can only be transferred to the next edition. <br /> Discounted registrations due can only be transferred for the next edition or can opt for a Credit Shell. <br /> Refunds will be made within 60 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>All the accommodations booked through us can be transferred for next edition or will be refunded as per the policy.<br /> Discounted accommodations can only be transferred for next edition.</p> <!-- <p style="padding:5px 0; margin:5px 0; font-size:16px;" class="text-uppercase"><strong>Cancellation Policy (COVID Situations) &#8595;</strong></p> <p>Due to the present situations changing very frequently and having planned for an in-person conference at Seattle, WA, for the one who could not confirm their travel to the meeting venue / restrictions refunds cannot be made and registrations can only be transferred to the virtual / online category / year 2025 conference.</p> <p>Accommodations will be refunded as per the cancellations policy or can be transferred to the year 2025 conference; any discounts provided by the USG United Scientific Group may be applicable if the participants confirm the same before 30 days of the conference start date.</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><!-- Col end --> </div> </div> </div> <section class="subscribe-two"> <div class="auto-container"> <div class="inner-container"> <div class="row clearfix"> <div class="subscribe-two_title-column col-lg-4 col-md-12 col-sm-12"> <h3 class="subscribe-two_heading">Get Subscribe Today!</h3> </div> <!-- Form Column --> <div class="form-column col-lg-8 col-md-12 col-sm-12"> <!-- Subscribe Box --> <div class="subscribe-box style-two"> <div id="enqmsg" class="text-dark"></div> <form id="enqform" name="enqform" method="post" class="enquiryform"> <div class="form-group mb-2"> <input type="text" name="enqname" id="enqname" class="form-control" placeholder="Your Name..." required> </div> <div class="form-group"> <input type="email" name="email" id="enqemail" class="form-control" placeholder="Your Email Address..." required> </div> <button onclick="return enquiry();" type="submit" class="theme-btn btn-style-two mt-2">Subscribe</button> </div> </form> </div> </div> </div> </div> </div> </section> <!--Main Footer--> <footer class="footer-two"> <div class="footer-two_icon-one" style="background-image:url(assets/images/icons/icon-5.png)"></div> <div class="footer-two_icon-two" style="background-image:url(assets/images/icons/icon-5.png)"></div> <div class="footer-two_icon-three" style="background-image:url(assets/images/icons/icon-6.png)"></div> <div class="footer-two_icon-four" style="background-image:url(assets/images/icons/icon-6.png)"></div> <div class="footer-two_icon-five" style="background-image:url(assets/images/icons/icon-7.png)"></div> <div class="footer-two_icon-six" style="background-image:url(assets/images/icons/icon-8.png)"></div> <div class="footer-two_icon-seven" style="background-image:url(assets/images/icons/icon-9.png)"></div> <div class="footer-two_icon-eight" style="background-image:url(assets/images/icons/icon-10.png)"></div> <div class="auto-container"> <!--Widgets Section--> <div class="footer-two-widgets"> <div class="row clearfix"> <!--big column--> <div class="big-column col-lg-6 col-md-12 col-sm-12"> <div class="row clearfix"> <!--Footer Column--> <div class="footer-two_column col-lg-6 col-md-6 col-sm-12"> <div class="footer-two-widget logo-widget"> <div class="footer-two_logo"> <a href="./"><img src="images/logo.png" alt="" /></a> </div> <div class="footer-two_text">CCM-2025 dedicates to create a stage for exchanging the latest research results and sharing the advanced research methods.</div> </div> </div> <!--Footer Column--> <div class="footer-two_column col-lg-6 col-md-6 col-sm-12"> <div class="footer-two-widget links-widget"> <h4 class="footer-two_title">Useful Links</h4> <ul class="footer-two_list"> <li><a href="./">Home</a></li> <li><a href="about">Conference Info</a></li> <li><a href="experts">Experts</a></li> <li><a href="dates-to-note">Dates to Note</a></li> <li><a href="registration_form">Register</a></li> <li><a href="contact-us">Contact</a></li> </ul> </div> </div> </div> </div> <!--big column--> <div class="big-column col-lg-6 col-md-12 col-sm-12"> <div class="row clearfix"> <!--Footer Column--> <div class="footer-two_column col-lg-6 col-md-6 col-sm-12"> <div class="footer-widget news-widget"> <h4 class="footer-two_title">Information</h4> <ul class="footer-two_contact-list"> <li><span class="icon fa-solid fa-map-marker fa-fw"></span>USG United Scientific Group<br/>A non-profit organization<br/>8105, Suite 112, Rasor Blvd, Plano, TX 75024, USA</li> <li><span class="icon fa-solid fa-phone fa-fw"></span>+1-469-854-2280/81</li> <li><span class="icon fa-solid fa-phone fa-fw"></span>+1-469-854-2278</li> <li><span class="icon fa-solid fa-envelope fa-fw"></span> <a href="mailto:secretary@carbon-conferences.com">secretary@carbon-conferences.com</a></li> <li><span class="icon fa-solid fa-envelope fa-fw"></span> <a href="mailto:carbon@uniscigroup.org">carbon@uniscigroup.org</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="auto-container"> <div class="row clearfix"> <!-- Column --> <div class="column col-lg-6 col-md-12 col-sm-12"> <div class="text-white"> Powered by USG © <script> document.write(new Date().getFullYear()) </script><strong>, <span class="heading-home">All Rights Reserved</span></strong>. </div> </div> <!-- Column --> <div class="column col-lg-6 col-md-12 col-sm-12"> <ul class="footer-bottom-nav"> <li><a href="conferences-terms-and-conditions">Terms and conditions</a></li> <li><a href="privacy-policy">Privacy policy</a></li> </ul> </div> </div> </div> </div> </footer> </div> <!-- Back To Top Start --> <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </div> <!-- back to top end --> <script src="assets/js/jquery.js"></script> <script src="assets/js/popper.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/appear.js"></script> <script src="assets/js/parallax.min.js"></script> <script src="assets/js/tilt.jquery.min.js"></script> <script src="assets/js/jquery.paroller.min.js"></script> <script src="assets/js/owl.js"></script> <script src="assets/js/wow.js"></script> <script src="assets/js/element-in-view.js"></script> <script src="assets/js/backtotop.js"></script> <script src="assets/js/odometer.js"></script> <script src="assets/js/parallax-scroll.js"></script> <script src="assets/js/jquery.countdown.js"></script> <script src="assets/js/magnific-popup.min.js"></script> <script src="assets/js/nav-tool.js"></script> <script src="assets/js/jquery-ui.js"></script> <script src="assets/js/color-settings.js"></script> <script src="assets/js/script.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