CINXE.COM
9th International Conference on Catalysis and Chemical Engineering | February 24-26, 2025 | San Franscico, CA
<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 form_reg_radio = $("input[id='reg_radio']").map(function() { return $(this).attr('name'); }).get(); var reg_radio_value = 'r2'; $("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="r2"]').change(function() { 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")) { $.ajax({ type: "POST", url: "env_dev.php", data: { live: Live, }, success: function(result) { if (result == "Success") { $("input[name='r2']:first").prop("checked", true).trigger("click"); } getReg_price(); } }); } else { $("input[name='r2']").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="r2"]: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"); console.log("result = > ", accommodation_category); 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; if (No_of_days < 2) { $('.datesecond').css("display", "none"); $('.show_check_in_and_check_out_div').css("display", "none"); } else { $('.datesecond').css("display", "block"); $('.show_check_in_and_check_out_div').css("display", "block"); } } else if (accommodation_category != "") { No_of_days = 3; $('.show_check_in_and_check_out_div').css("display", "block"); $("#showcheckout").html("02-26-2025"); check_out_date = "02-26-2025"; $("#showcheckin").html("02-23-2025"); check_in_date = "02-23-2025"; if (No_of_days < 4) { $('.datesecond').css("display", "none"); } else { $('.datesecond').css("display", "block"); } } else { 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); check_in_date = 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"); } 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 != "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 = ""; $("#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 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; if (jsonData.discount_category == "registration") { $(".reg_discountsec").css("display", "block"); $(".discountsec").css("display", "block"); $("#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").css("display", "block"); $(".discountsec").css("display", "block"); 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").css("display", "block"); $(".reg_discountsec").css("display", "block"); $(".discountsec").css("display", "block"); 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); if (discount_code != "") { $("#show_discounts_code").show(); } else { $("#show_discounts_code").hide(); } } $("#reg_form").submit(function(e) { e.preventDefault(); // Prevent the form from submitting normally if ((accommodation_category != 0) && (check_in_date == "") && (check_out_date == "")) { alert("Please select starting date of accommodation"); } else { 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, }; // Merge form data and additional data var postData = formDataArray.concat($.map(additionalData, function(value, key) { return { name: key, value: value }; })); // AJAX request $.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); // Handle error response if needed } }); } }); $("#sponsor_form").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 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'; // URL to submit the form data // var url = 'test.php'; // URL to submit the form data $.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 { // 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 name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- SEO Meta Tags --> <meta name="description" content="Your description"> <meta name="author" content="Your name"> <!-- OG Meta Tags to improve the way the post looks when you share the page on Facebook, Twitter, LinkedIn --> <meta property="og:site_name" content="" /> <!-- website name --> <meta property="og:site" content="" /> <!-- website link --> <meta property="og:title" content="" /> <!-- title shown in the actual shared post --> <meta property="og:description" content="" /> <!-- description shown in the actual shared post --> <meta property="og:image" content="" /> <!-- image link, make sure it's jpg --> <meta property="og:url" content="" /> <!-- where do you want your post to link to --> <meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter --> <!-- Webpage Title --> <title>9th International Conference on Catalysis and Chemical Engineering | February 24-26, 2025 | San Franscico, CA </title> <!-- Styles --> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/fontawesome-all.min.css" rel="stylesheet"> <link href="css/aos.min.css" rel="stylesheet"> <link href="css/swiper.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/magnific-popup.css" rel="stylesheet"> <link href="font-awesome/css/font-awesome.css" rel="stylesheet"> <!-- Favicon --> <link rel="icon" href="./assets/images/favicon.png"> <style> .about .dropdown-menu .dropdown-item { padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; } </style> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-1ZNPSDVT01"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1ZNPSDVT01'); </script> </head> <body> <!-- Navigation --> <nav id="navbar" class="navbar navbar-expand-lg fixed-top navbar-dark" aria-label="Main navigation"> <div class="row"> <div id="top-bar" class="top-bar col-sm-12" style="background-color:#ffb600;"> <div class="row py-3"> <div class="col-lg-3 col-md-3"> <ul class="top-info text-center text-md-left"> <li><span class="text-dark">Trade Mark SN: <strong class="text-danger">90081219 庐</strong></span> </li> </ul> </div> <div class="col-lg-5 col-md-5 p-0 headerstyle"> <ul class="top-info text-center text-md-center"> <li><i class="fa fa-file" aria-hidden="true"></i> <a href="abstract_submission" class="text-dark">Final Round of Abstract Submission Ends: <span style="font-weight:bold;" class="text-white"> December 03, 2024</span></a> </li> </ul> </div> <div class="col-lg-4 col-md-4 p-0 headerstyle"> <ul class="top-info text-center text-md-right"> <li style="padding-right:0;"><i class="fa fa-ticket" aria-hidden="true"></i> <a href="registration_form" class="text-dark">Early Bird Registration Extended: <span style="font-weight:bold;" class="text-white">Before November 28, 2024</span></a> </li> </ul> </div> <!--/ Top info end --> <div class="col-lg-4 col-md-4 top-social text-center text-md-right"> </div> <!--/ Top social end --> </div> <!--/ Content row end --> <!--/ Container end --> </div> <div class="col-sm-12"> <div class="container justify-content-center d-flex"> <a class="navbar-brand logo-text" href="./"><img src="assets/images/logo.png" alt="Catalysis - 2025" class="img-responsive" /></a> <button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault"> <ul class="navbar-nav ms-auto navbar-nav-scroll"> <li class="nav-item dropdown about"> <a class="nav-link dropdown-toggle" id="dropdown01" data-bs-toggle="dropdown" aria-expanded="false" href="#">About </a> <ul class="dropdown-menu" aria-labelledby="dropdown01"> <li><a class="dropdown-item" href="conference-info">Conference Info</a></li> <div class="dropdown-divider"></div> <li><a class="dropdown-item" href="code-of-conduct">Code of Conduct</a></li> <div class="dropdown-divider"></div> <!-- <li><a class="dropdown-item" href=""> Information</a></li> <div class="dropdown-divider"></div> --> <li><a class="dropdown-item" href="conference-info#enventsinfo">Past Events</a> <div class="dropdown-divider"></div> <ul> <li><a class="dropdown-item" href="2024/">CCE-2024</a></li> <div class="dropdown-divider"></div> <li><a class="dropdown-item" href="2023/">CCE-2023</a></li> <div class="dropdown-divider"></div> <li><a class="dropdown-item" href="2022/">CCE-2022</a></li> <div class="dropdown-divider"></div> <li><a class="dropdown-item" href="2021/home.php">CCE-2021</a></li> <div class="dropdown-divider"></div> <li><a class="dropdown-item" href="2020/">CCE-2020</a></li> <div class="dropdown-divider"></div> <li><a class="dropdown-item" href="2019/">CCE-2019</a> <div class="dropdown-divider"></div> </li> <li><a class="dropdown-item" href="2018/home.php">CCE-2018</a> <div class="dropdown-divider"></div> </li> <li><a class="dropdown-item" href="2017/home.php">CCE-2017</a> <div class="dropdown-divider"></div> </li> </ul> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="talks">Experts</a> </li> <li class="nav-item"> <a class="nav-link" href="dates-to-note">Dates</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" id="dropdown01" data-bs-toggle="dropdown" aria-expanded="false" href="#">Abstract </a> <ul class="dropdown-menu" aria-labelledby="dropdown01"> <li><a class="dropdown-item" href="abstract_submission">ABSTRACT SUBMISSION </a></li> <li> <div class="dropdown-divider"></div> </li> <li><a class="dropdown-item" href="review-process">REVIEW PROCESS</a></li> <li> <div class="dropdown-divider"></div> </li> <li><a class="dropdown-item" href="guidelines">GUIDELINES</a></li> <li> <div class="dropdown-divider"></div> </li> <li> <a class="dropdown-item" href="visa-information">Visa</a> </li> <li> <div class="dropdown-divider"></div> </li> <!-- <li><a class="dropdown-item" href="poster-guidelines">POSTER GUIDELINES</a></li> --> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" id="dropdown01" data-bs-toggle="dropdown" aria-expanded="false" href="#">Sponsors </a> <ul class="dropdown-menu" aria-labelledby="dropdown01"> <li><a class="dropdown-item" href="become_a_sponsor">BECOME A SPONSOR </a></li> <li> <div class="dropdown-divider"></div> </li> <li><a class="dropdown-item" href="exhibition">EXHIBITION</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="accommodation">Venue</a> </li> <li class="nav-item"> <a class="nav-link" href="contact-us">Contact</a> </li> </ul> <a class="btn" href="registration_form">Register</a> </div> </div> <!-- end of navbar-collapse --> </div> </div> </nav> <!-- end of navbar --> <!-- end of navigation --><style> .extra-nights-box { background: #000; 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); } .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"> <header class="ex-header"> <div class="container"> <div class="row"> <div class="col-xl-10 px-4"> <h1>Registration Form</h1> </div> <!-- end of col --> </div> <!-- end of row --> </div> <!-- end of container --> </header> <section id="main-container" class="main-container"> <div class="container"> <div class="row"> <div class="col-lg-12"> <h3 class="column-title">Registration Form</h3> <div class="row"> <div class="col-md-7"> </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 class="col-sm-10"> <div class="input-group"> <div id="name_scents" class="control-label col-sm-2 regDetails"></div> <div id="pn_input" class="form-control abformTitle"></div><br /><br /> <div id="name_organization" class="control-label col-sm-2 regDetails"></div> <div id="pn_organization" class="form-control abformTitle"></div> </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"> <s> <h4 class="text-center fs-5" style="line-height: 2";">Pre Early Bird<br /> <small style="color:#fff;">Before August 31, 2024</small> </h4> <input type="checkbox" class="form-control card-checkbox" name="reg_check" id="reg_check" value="not live" /> </s> </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> <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="r1" id="reg_radio" data-value="Industry"> <span class="nonBold">Industry</span> <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="r1" id="reg_radio" data-value="Student"> <span class="nonBold">Student</span> <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="Virtual"> <span class="nonBold">Virtual</span> <span class="priceBox">$ 199</span></label> </div> </div> </div> </div> --> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="text-center fs-5" style="line-height: 2;">Early Bird Registrations<br /> <small style="color:#fff;">Before November 28, 2024</small> <br/><small style="color:#fff; line-height: 2;">Oral/ Poster/ Delegate</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="r2" id="reg_radio" data-value="Academic"> <span class="nonBold">Academic</span> <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="r2" id="reg_radio" data-value="Industry"> <span class="nonBold">Industry</span> <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="r2" id="reg_radio" data-value="Student"> <span class="nonBold">Student</span> <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="Virtual"> <span class="nonBold">Virtual</span> <span class="priceBox">$ 399</span></label> </div> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="text-center fs-5" style="line-height: 2;">Mid Term Registrations<br /> <small style="color:#fff;">After November 28, 2024</small> <br/><small style="color:#fff; line-height: 2;">Oral/ Poster/ Delegate</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> <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="r3" id="reg_radio" data-value="Industry"> <span class="nonBold">Industry</span> <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="r3" id="reg_radio" data-value="Student"> <span class="nonBold">Student</span> <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="Virtual"> <span class="nonBold">Virtual</span> <span class="priceBox">$ 499</span></label> </div> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="text-center fs-5" style="line-height: 2;">Late Registrations<br /> <small style="color:#fff;">After January 09, 2025</small> <br/><small style="color:#fff; line-height: 2;">Oral/ Poster/ Delegate</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> <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="r4" id="reg_radio" data-value="Industry"> <span class="nonBold">Industry</span> <span class="priceBox">$ 1399</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> <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="Virtual"> <span class="nonBold">Virtual</span> <span class="priceBox">$ 599</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" style="line-height: 2;">On-spot Registration<br /> <small style="color:#fff;">February 24, 2025</small> <br/><small style="color:#fff; line-height: 2;">Oral/ Poster/ Delegate</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> <span class="priceBox">$ 1049</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> <span class="priceBox">$ 1149</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> <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> <span class="priceBox">$ </span></label> </div> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-danger"> <div class="panel-heading"> <h4 class="text-center fs-5" style="padding:10px 0;">Accommodation<br /> <small>February 23 - 25, 2025 </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"> $630 Single Occupancy</label> <span class="input-group-addon"><i class="fa fa-bed"></i></span> <div class="col-sm-2"> </div> </div> <p class="text-center mt-2">Breakfast included</p> </div> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-danger"> <div class="panel-heading"> <h4 class="text-center fs-5" style="padding:10px 0;">Accommodation<br /> <small>February 23 - 25, 2025 </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"> $720 Double Occupancy</label> <span class="input-group-addon" style="padding:11px;"><i class="fa fa-bed"></i></span> <span class="input-group-addon"><i class="fa fa-bed"></i></span> <div class="col-sm-2"> </div> </div> <p class="text-center mt-2">Breakfast included</p> </div> </div> </div> </div> <div class="col-sm-4"> </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" id="acd_extrabox" style="display:none;"> <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="02-21-2025" class="datesecond">02-21-25</option> <option value="02-22-2025">02-22-25</option> <option value="02-23-2025">02-23-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"> <div class="col-md-6"> <p class="summery-invisible" style="text-align:left; margin-bottom: 0px;">Registration Price:<strong style="float:right;">$ <span id="show_registration_price"></span></strong> <span class="reg_discountsec" 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="acc_discountsec" 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 discountsec" 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 mb-0" style="text-align:left;">Participants:<strong style="float:right;"> <span id="shownumberof_participants"></span></strong> </p> <div class="clearfix"></div> <p class="summery-invisible" style="text-align:left;">Total No. Nights:<strong style="float:right;"> <span id="showselected_numberofdays"></span></strong> </p> <div class="clearfix"></div> <p class="summery-invisible" style="text-align:left;">Accompanying:<strong style="float:right;"> <span id="show_accompanying_price"></span></strong> </p> <div class="clearfix"></div> </div> <div class="col-md-6 show_check_in_and_check_out_div"> <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 discountsec" 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-12 text-center"> <div class="summery-invisible"> <h3><strong>Total Price:</strong><strong> $ <span id="showtotalprice"></span></strong></h3> </div> </div> <div class="col-md-4"> </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>, <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-usd"></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 m-2 btn-lg text-dark" 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 m-2 btn-lg text-dark" 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 ↓</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 ↓</strong></p> <p style="color:#54805c; font-size:16px;">For delegates who are accommodated in <span class="text-uppercase"><strong> Hampton Inn Tropicana, 4975 S. Dean Martin Dr., Las Vegas, Nevada, 89118-1656, USA</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 ↓</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 ↓</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 edtion.</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 ↓</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><!-- Content row end --> </div><!-- Container end --> </section> <!-- Footer --> <section class="footer text-light"> <div class="container"> <div class="row"> <div class="col-lg-5 py-4 py-md-5"> <div class="d-flex align-items-center"> <h4 class="text-yellow">CCE-2025</h4> </div> <p class="py-3 para-light">In 2025, get ready for more interaction and networking at<br /> 9<sup>th</sup> International Conference on Catalysis and Chemical Engineering, in-person conference.</p> <!-- <div class="d-flex"> <div class="me-3"> <a href="#your-link"> <i class="fab fa-facebook-f fa-2x py-2"></i> </a> </div> <div class="me-3"> <a href="#your-link"> <i class="fab fa-twitter fa-2x py-2"></i> </a> </div> <div class="me-3"> <a href="#your-link"> <i class="fab fa-instagram fa-2x py-2"></i> </a> </div> </div> --> </div> <!-- end of col --> <div class="col-lg-3 py-4 py-md-5"> <div> <h4 class="py-2 text-yellow">Quick Links</h4> <div class="d-flex align-items-center py-2"> <i class="fas fa-caret-right"></i> <a href="talks"> <p class="ms-3">Experts</p> </a> </div> <div class="d-flex align-items-center py-2"> <i class="fas fa-caret-right"></i> <a href="dates-to-note"> <p class="ms-3">Dates to Note</p> </a> </div> <div class="d-flex align-items-center py-2"> <i class="fas fa-caret-right"></i> <a href="abstract_submission"> <p class="ms-3">Abstract</p> </a> </div> <div class="d-flex align-items-center py-2"> <i class="fas fa-caret-right"></i> <a href="become_a_sponsor"> <p class="ms-3">Sponsors</p> </a> </div> <div class="d-flex align-items-center py-2"> <i class="fas fa-caret-right"></i> <a href="registration_form"> <p class="ms-3">Register</p> </a> </div> </div> </div> <!-- end of col --> <div class="col-lg-4 py-4 py-md-5"> <div class="d-flex align-items-center"> <h4 class="text-yellow">Subscribe to our Newsletter</h4> </div> <form id="enqform" name="enquiryform" method="post" data-form-type="subscribe" action=""> <div class="d-flex align-items-center mt-3"> <div class="input-group mb-3"> <div class="col-12 mb-3"> <input type="text" class="form-control p-2 border-0" name="enqname" id="enqname" placeholder="Enter Name" aria-label="Recipient's name"> </div> <input type="text" class="form-control p-2" name="enqemail" id="enqemail" placeholder="Enter Email" aria-label="Recipient's email"> <button type="button" class="btn-secondary text-light" onclick="return enquiry();"><i class="fas fa-envelope fa-lg"></i></button> </div> </div> <div id="enqmsg" class="text-white"></div> </form> </div> <!-- end of col --> </div> <!-- end of row --> </div> <!-- end of container --> </section> <!-- end of footer --> <!-- Bottom --> <div class="bottom py-2"> <div class="container d-flex justify-content-between"> <div> <p>Copyright 漏 <script type="text/javascript"> var year = new Date(); document.write(year.getFullYear()); </script>, USG United Scientific Group All Right Reserved </p> </div> <div> <a href="https://unitedscientificgroup.org/privacy-policy">Privacy Policy</a> | <a href="https://unitedscientificgroup.org/conferences-terms-and-conditions">Terms of Service</a> </div> </div> <!-- end of container --> </div> <!-- end of bottom --> <!-- Back To Top Button --> <button onclick="topFunction()" id="myBtn"> <img src="assets/images/up-arrow.png" alt="alternative"> </button> <!-- end of back to top button --> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#parentHorizontalTab').easyResponsiveTabs({ type: 'default', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container tabidentify: 'hor_1', // The tab groups identifier activate: function(event) { // Callback function if tab is switched var $tab = $(this); var $info = $('#nested-tabInfo'); var $name = $('span', $info); $name.text($tab.text()); $info.show(); } }); $('.SeeMore1, .SeeMore2, .SeeMore3, .SeeMore4').click(function() { $this.toggleClass('SeeMore1'); if ($this.hasClass('SeeMore1')) { $this.text('See More'); $this.addClass('downarrow'); $this.removeClass('uparrow'); } else { $this.text('See Less'); $this.addClass('uparrow'); $this.removeClass('downarrow'); } }); $('.gallery-item').magnificPopup({ delegate: 'a', type: 'image', tLoading: 'Loading image #%curr%...', mainClass: 'mfp-img-mobile', gallery: { enabled: true, navigateByImgClick: true, preload: [0, 1] }, image: { tError: '<a href="%url%">The image #%curr%</a> could not be loaded.', } }); function projectShuffle() { if ($('.shuffle-wrapper').length !== 0) { var Shuffle = window.Shuffle; var myShuffle = new Shuffle(document.querySelector('.shuffle-wrapper'), { itemSelector: '.shuffle-item', sizer: '.shuffle-sizer', buffer: 1 }); $('input[name="shuffle-filter"]').on('change', function(evt) { var input = evt.currentTarget; if (input.checked) { var currentClass = input.value; $('.' + currentClass).removeClass('shide'); myShuffle.filter(input.value); } }); $('.shuffle-btn-group label').on('click', function() { $('.shuffle-btn-group label').removeClass('active'); $(this).addClass('active'); }); } } projectShuffle(); //Horizontal Tab $('#parentHorizontalTab').easyResponsiveTabs({ type: 'default', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container tabidentify: 'hor_1', // The tab groups identifier activate: function(event) { // Callback function if tab is switched var $tab = $(this); var $info = $('#nested-tabInfo'); var $name = $('span', $info); $name.text($tab.text()); $info.show(); } }); $('#exampleModalCenter').modal('show'); function projectShuffle() { if ($('.shuffle-wrapper').length !== 0) { var Shuffle = window.Shuffle; var myShuffle = new Shuffle(document.querySelector('.shuffle-wrapper'), { itemSelector: '.shuffle-item', sizer: '.shuffle-sizer', buffer: 1 }); $('input[name="shuffle-filter"]').on('change', function(evt) { var input = evt.currentTarget; if (input.checked) { var currentClass = input.value; $('.' + currentClass).removeClass('shide'); myShuffle.filter(input.value); } }); $('.shuffle-btn-group label').on('click', function() { $('.shuffle-btn-group label').removeClass('active'); $(this).addClass('active'); }); } } projectShuffle(); $('.popup-with-zoom-anim').magnificPopup({ type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: false, midClick: true, removalDelay: 300, mainClass: 'my-mfp-zoom-in' }); $('.popup-with-move-anim').magnificPopup({ type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: false, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom' }); $("#contactForm").submit(function(event) { // cancels the form submission event.preventDefault(); event.stopPropagation(); submitForm(); return false; }); function submitForm() { // Initiate Variables With Form Content var name = $("#name").val(); var email = $("#email").val(); var message = $("#message").val(); var phone = $("#phone").val(); if (email != '') { $.ajax({ type: "POST", url: "contact_process.php", data: "name=" + name + "&email=" + email + "&phone=" + phone + "&message=" + message, success: function(text) { if (text == "success") { formSuccess(); $("#contactForm")[0].reset(); return false; } else { formError(); submitMSG(false, text); } } }); return false; } } function formSuccess() { $("#msgSubmit").removeClass("hidden"); $("#msgSubmit").html("successfully submit"); } 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); } function AajaxLogin() { // event.preventDefault(); $(".error").text(""); $('#password-info').removeClass("error"); var password = $('#Alogin-password').val(); var actionString = 'loginbook'; if (password == "") { $('#password-info').addClass("error"); $(".error").text("required"); } else { // show loader $('#loaderId').show(); $.ajax({ url: 'ajax-login-abstracts.php', type: 'POST', data: { password: password, action: actionString }, async: false, success: function(response) { if (response.trim() == 'error') { $('#login-success-message').hide(); $('#ajaxloader').hide(); $('#login-error-message').html( "Invalid Attempt. Try Again."); $('#login-error-message').show(); } else { $('.demo-container').html(response); var urlt = 'test'; window.open('https://catalysis.unitedscientificgroup.org/abstracts/' + $.trim(response), '_blank'); //register_window.dialog("close"); //$("#login-dialog").dialog("close"); } } }); this.close(); } // endif return false; } $("#sign-up").submit(function(event) { // cancels the form submission event.preventDefault(); sign_upsubmitForm(); }); function sign_upsubmitForm() { // Initiate Variables With Form Content var name = $("#sign-up-name").val(); var email = $("#sign-up-email").val(); var organization = $("#sign-up-organization").val(); var job = $("#sign-up-job").val(); var message = $("#sign-up-message").val(); if (email != '') { $.ajax({ type: "POST", url: "sign-up-process.php", data: "name=" + name + "&email=" + email + "&message=" + message + "&organization=" + organization + "&job=" + job, success: function(text) { if (text == "Submitted Successfully") { sign_upformSuccess(); $("#sign-up")[0].reset(); } else { sign_upformError(); sign_upsubmitMSG(false, text); } } }); } } function sign_upformSuccess() { $("#sign-upmsg").removeClass("hidden"); } function sign_upformError() { $("#sign-up").removeClass("hidden").addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { $("#sign-upmsg").removeClass("hidden"); }); } function sign_upsubmitMSG(valid, msg) { var msgClasses; if (valid) { msgClasses = "h3 text-center tada animated text-success"; } else { msgClasses = "h3 text-center text-danger"; } $("#sign-upmsg").removeClass().addClass(msgClasses).text(msg); } $("#book_form").on("submit", function(event) { event.preventDefault(); $.ajax({ url: "ajax_forms.php", type: "post", data: $(this).serialize(), success: function(data) { $('#book_form')[0].reset(); var downloadfile = 'https://catalysis.unitedscientificgroup.org/password'; $(".close").trigger("click"); window.location.href = downloadfile; //window.open(downloadfile, '_blank'); } }); return false; }); }); function enquiry() { var enqname = document.enquiryform.enqname.value; var enqemail = document.enquiryform.enqemail.value; if (document.enquiryform.enqname.value == "") { alert("Please enter your Name"); document.enquiryform.enqname.focus(); return false; } if (document.enquiryform.enqemail.value == "") { alert("Please enter your Email"); document.enquiry - form.enqemail.focus(); return false; } var id = document.enquiryform.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.enquiryform.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?enqemail=" + enqemail + "&enqname=" + enqname, true); xmlhttp.send(); document.enquiryform.reset(); return false; } </script> <!-- responsive tabs --> <script src="js/easyResponsiveTabs.js"></script> <!-- Scripts --> <script src="js/jquery.magnific-popup.min.js"></script> <!-- Bootstrap framework --> <script src="js/purecounter.min.js"></script> <!-- Purecounter counter for statistics numbers --> <script src="js/swiper.min.js"></script><!-- Swiper for image and text sliders --> <script src="js/aos.js"></script><!-- AOS on Animation Scroll --> <script src="js/script.js"></script> <!-- Custom scripts --> <script src="js/shuffle.min.js" defer></script> <script src="js/bootstrap.min.js"></script> <!-- <script src="assets/js/bootstrap.min.js"></script> --> </body> </html>