Registration | International Conference on Innovation in Civil, Structural and Environmental Engineering

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Registration | International Conference on Innovation in Civil, Structural and Environmental Engineering</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description">  <link rel="apple-touch-icon" sizes="180x180" href="https://optimumresearchmeetings.com/fav/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://optimumresearchmeetings.com/fav/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://optimumresearchmeetings.com/fav/favicon-16x16.png"> <link rel="manifest" href="https://optimumresearchmeetings.com/fav/site.webmanifest"> <link rel="mask-icon" href="https://optimumresearchmeetings.com/fav/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">  <link href="https://optimumresearchmeetings.com/conference/lib/animate/animate.min.css" rel="stylesheet"> <link href="https://optimumresearchmeetings.com/conference/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="https://optimumresearchmeetings.com/conference/lib/lightbox/css/lightbox.min.css" rel="stylesheet">  <link href="https://optimumresearchmeetings.com/conference/css/bootstrap.min.css" rel="stylesheet">  <link href="https://optimumresearchmeetings.com/conference/css/style.css" rel="stylesheet"></head> <body>  <style> .blink_me { animation: blinker 3s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } </style>  <div class="container-fluid py-4 px-5"> <div class="row align-items-center top-bar"> <div class="col-lg-2 col-md-2 text-center text-lg-start"> <a href="" class="navbar-brand m-0 p-0"> <h1 class="fw-bold text-primary m-0"><img src='https://optimumresearchmeetings.com/conference/img/logo.png' width="180" class='img-responsive'></h1>  </a> </div> <div class="col-lg-8 col-md-8"> <h5 class="fw-bold text-primary m-0">International Conference on Innovation in </h5> <h1 class="fw-bold text-primary m-0"> Civil, Structural and Environmental Engineering</h1> <h1 class="fw-bold text-primary m-0">CIVILENG2024</h3> <h5 style="font-size: 14px;" class="fw-bold text-primary m-0"> <i class="fa fa-map-marker"></i> Hotel Isola Sacra Rome Airport, Via della Scafa, 416, 00054 Fiumicino RM, Italy <i class="fa fa-calendar"></i> October 23-25, 2024</h5> </div> <div class="col-lg-2 col-md-2 text-center text-lg-start blink_me"> <a href="https://optimumresearchmeetings.com/civilengineering2024/scientific-program.pdf" target="_blank" class="navbar-brand m-0 p-0"> <h1 class="fw-bold text-primary m-0"><img src='https://optimumresearchmeetings.com/civilengineering2024/s-program.jpg' width="120" class='img-responsive'> <p style="font-size: 14px;padding: 8px 2px;">Scientific Program</p> </h1>  </a> </div> </div> </div>   <nav class="navbar navbar-expand-lg bg-primary navbar-dark sticky-top py-lg-0 px-lg-5 wow fadeIn" data-wow-delay="0.1s"> <a href="#" class="navbar-brand ms-3 d-lg-none">MENU</a> <button type="button" class="navbar-toggler me-3" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <div class="navbar-nav me-auto p-3 p-lg-0"> <a href="https://optimumresearchmeetings.com/civilengineering2024/" class="nav-item nav-link">Home</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/committee" class="nav-item nav-link">Scientific Committee</a> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Speakers</a> <div class="dropdown-menu border-0 rounded-0 rounded-bottom m-0"> <a href="https://optimumresearchmeetings.com/civilengineering2024/speakers" class="dropdown-item">Plenary Speakers</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/speakers" class="dropdown-item">Keynote Speakers</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/speakers" class="dropdown-item">Invited Speakers</a> </div> </div> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Program</a> <div class="dropdown-menu border-0 rounded-0 rounded-bottom m-0"> <a href="https://optimumresearchmeetings.com/civilengineering2024/scientific-sessions" class="dropdown-item">Scientific Sessions</a>  <a href="https://optimumresearchmeetings.com/civilengineering2024/program-schedule" class="dropdown-item">Program Schedule</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/conference-agenda" class="dropdown-item">Conference Agenda</a> </div> </div> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Information</a> <div class="dropdown-menu border-0 rounded-0 rounded-bottom m-0"> <a href="guidelines" class="dropdown-item">Guidelines</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/faqs" class="dropdown-item">FAQ's</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/important-dates" class="dropdown-item">Important Dates</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/venue" class="dropdown-item">Venue</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/letter-of-invitation" class="dropdown-item">Letter of Invitation</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/conference-brochure" class="dropdown-item">Conference Brochure</a> </div> </div> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">About</a> <div class="dropdown-menu border-0 rounded-0 rounded-bottom m-0"> <a href="https://optimumresearchmeetings.com/civilengineering2024/terms-and-conditions" class="dropdown-item">Terms and Conditions</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/privacy-policy" class="dropdown-item">Privacy Policy</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/refunds-cancellations" class="dropdown-item">Refunds & Cancellations</a> </div> </div> <a href="https://optimumresearchmeetings.com/civilengineering2024/abstract-submission" class="nav-item nav-link">Submit Abstract</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/register" class="nav-item nav-link">Register</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/sponsors" class="nav-item nav-link">Sponsors</a> <a href="https://optimumresearchmeetings.com/civilengineering2024/contact" class="nav-item nav-link">Contact</a> </div> </div> </nav>  <script type="text/javascript"> //<![CDATA[ var show_msg = ''; if (show_msg !== '0') { var options = {view_src: "View Source is disabled!", inspect_elem: "Inspect Element is disabled!", right_click: "Right click is disabled!", copy_cut_paste_content: "Cut/Copy/Paste is disabled!", image_drop: "Image Drag-n-Drop is disabled!" } } else { var options = ''; } function nocontextmenu(e) { return false; } document.oncontextmenu = nocontextmenu; document.ondragstart = function() { return false;} document.onmousedown = function (event) { event = (event || window.event); if (event.keyCode === 123) { if (show_msg !== '0') {show_toast('inspect_elem');} return false; } } document.onkeydown = function (event) { event = (event || window.event); //alert(event.keyCode); return false; if (event.keyCode === 123 || event.ctrlKey && event.shiftKey && event.keyCode === 73 || event.ctrlKey && event.shiftKey && event.keyCode === 75) { if (show_msg !== '0') {show_toast('inspect_elem');} return false; } if (event.ctrlKey && event.keyCode === 85) { if (show_msg !== '0') {show_toast('view_src');} return false; } } function addMultiEventListener(element, eventNames, listener) { var events = eventNames.split(' '); for (var i = 0, iLen = events.length; i < iLen; i++) { element.addEventListener(events[i], function (e) { e.preventDefault(); if (show_msg !== '0') { show_toast(listener); } }); } } addMultiEventListener(document, 'contextmenu', 'right_click'); addMultiEventListener(document, 'cut copy paste print', 'copy_cut_paste_content'); addMultiEventListener(document, 'drag drop', 'image_drop'); function show_toast(text) { var x = document.getElementById("amm_drcfw_toast_msg"); x.innerHTML = eval('options.' + text); x.className = "show"; setTimeout(function () { x.className = x.className.replace("show", "") }, 3000); } //]]> </script> <script> document.onkeydown = function(e) { if (e.ctrlKey && (e.keyCode === 67 || e.keyCode === 86 || e.keyCode === 85 || e.keyCode === 117)) { //alert('not allowed'); return false; } else { return true; } }; </script>   <div class="container-fluid page-header py-1 mb-5" style="background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../assets/img/conferences/CIVILENG2024.jpg) center center no-repeat; background-size: cover;"> <div class="container text-center py-5"> <h1 class="display-4 text-white animated slideInDown mb-3">Registration </h1> <nav aria-label="breadcrumb animated slideInDown"> <ol class="breadcrumb justify-content-center mb-0"> <li class="breadcrumb-item"><a class="text-white mb-3" href="#">Home</a></li> <li class="breadcrumb-item text-white mb-3" aria-current="page">Registration</li> </ol> </nav> </div> </div>   <div class="container-xxl py-0"> <div class="container"> <div class="text-center mx-auto mb-2" style="max-width: 600px;"> <h6 class="section-title bg-white text-center text-primary px-3">Registration</h6> </div> <div align="center" class="row"> <div class="col-sm-6"> <div><img src="https://optimumresearchmeetings.com/conference/img/payment-paypal-service.jpg" height="100px;"> </div> <div><h2><input type="radio" name="paymentmethod" value="0" id="selectedpay" checked="checked"> Pay using Paypal </h2> </div> </div> <div class="col-sm-6"> <div><img src="https://optimumresearchmeetings.com/conference/img/stripe-payment-service.jpg" height="100px;"></div> <div> <h2><input type="radio" name="paymentmethod" value="1" id="selectedpay"> Pay using Stripe </h2> </div> </div> <div class="row"> <div class="col-lg-12"> <form name="registration-form" action="paypal-payment" method="post" id="registration-form">   <br> <br> <div class="col-md-12"> <div class="row"> <div class="form-group col-md-6 mb-3"> <select id="title" name="title" class="form-control" required=""> <option disabled="" selected="" value="">Select Title</option> <option value="Mr.">Mr.</option> <option value="Mrs.">Mrs.</option> <option value="Miss.">Miss.</option> <option value="Prof.">Prof.</option> <option value="Dr.">Dr.</option> </select> <div class="validate"></div> </div> <div class="form-group col-md-6 mb-3"> <input type="text" class="form-control" name="name" id="regfname" data-rule="minlen:4" data-msg="Please enter at least 4 chars" placeholder="Enter Your Name" required=""> <div class="validate"></div> </div> <br> </div> <div class="row"> <div class="form-group col-md-6 mb-3"> <input type="email" class="form-control" name="email" id="regauthors_email" data-rule="email" data-msg="Please enter a valid email" placeholder="Enter Your Email" required=""> <div class="validate"></div> </div> <div class="form-group col-md-6 mb-3"> <input type="number" class="form-control" name="phone" id="regphone" data-rule="minlen:4" data-msg="Please enter Mobile Number" placeholder="Enter Your Mobile Number" required=""> <div class="validate"></div> </div> <br> </div> <div class="row"> <div class="form-group col-md-6 mb-3"> <input type="text" class="form-control" name="organization" id="organization" data-rule="minlen:4" data-msg="Please enter at least 4 chars" placeholder="Enter Your Organization" required=""> <div class="validate"></div> </div> <div class="form-group col-md-6 mb-3"> <input type="text" class="form-control" name="country" placeholder="Enter Your Country" id="country" required=""> <div class="validate"></div> </div> <br> </div> <div class="table table-responsive row"> <div class="col-md-4" style="width: 30%;opacity: 0.3;"> <div style="text-align: center; line-height: 2; padding-top: 10px"><h4>Early Bird Registration</h4> <b>Until April 24, 2024 </b> </div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <div style="float:left; padding-left: 15px;"> Speaker Presentation</div> <div style="margin-left:70%;">$749</div></div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <div style="float:left; padding-left: 15px;"> Poster Presentation</div> <div style="margin-left:70%;">$449</div></div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <div style="float:left; padding-left: 15px;"> Student Delegate</div> <div style="margin-left:70%;">$299</div></div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <div style="float:left; padding-left: 15px;"> Industry Delegate</div> <div style="margin-left:70%;">$799</div></div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <div style="float:left; padding-left: 15px;"> Virtual/ Online</div> <div style="margin-left:70%;">$349</div></div> </div> <div class="col-md-4"> <div style="text-align: center; line-height: 2; padding-top: 10px"><h4>Standard Registration</h4> <b> Until August 16, 2024</b> </div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <input type="hidden" id="cat_name" name="cat_name" value="speaker presentation"> <input type="hidden" id="cat_price" name="participation" value="849"> <input type="hidden" name="cat_name_37" id="cat_name_37" value="speaker presentation "> <input type="hidden" name="cat_price_37" id="cat_price_37" value="849"> <div style="float:left; padding-left: 15px;"> <input type="radio" name="participation" class="participation" value="37" checked="checked"> Speaker Presentation</div> <div style="margin-left:70%;">$849</div> </div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <input type="hidden" name="cat_name_38" id="cat_name_38" value="poster presentation "> <input type="hidden" name="participation" id="cat_price_38" value="549 "> <div style="float:left; padding-left: 15px;"> <input type="radio" name="participation" class="participation" value="38"> Poster Presentation</div> <div style="margin-left:70%;">$549</div> </div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <input type="hidden" name="cat_name_41" id="cat_name_41" value="student delegate"> <input type="hidden" name="participation" id="cat_price_41" value="399 "> <div style="float:left; padding-left: 15px;"> <input type="radio" name="participation" class="participation" value="41"> Student Delegate</div> <div style="margin-left:70%;">$399</div> </div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <input type="hidden" name="cat_name_40" id="cat_name_40" value="Industry delegate "> <input type="hidden" name="participation" id="cat_price_40" value="899 "> <div style="float:left; padding-left: 15px;"> <input type="radio" name="participation" class="participation" value="40"> Industry Delegate</div> <div style="margin-left:70%;">$899</div> </div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <input type="hidden" name="cat_name_39" id="cat_name_39" value="virtual presentation"> <input type="hidden" name="participation" id="cat_price_39" value="349 "> <div style="float:left; padding-left: 15px;"> <input type="radio" name="participation" class="participation" value="39"> Virtual/ Online</div> <div style="margin-left:70%;">$349</div> </div> </div> <div class="col-md-4" style="width: 30%;opacity: 0.3;"> <div style="text-align: center; line-height: 2; padding-top: 10px"> <h4>On-Site </h4> <b>October 23, 2024 </b> </div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <div style="float:left; padding-left: 15px;"> Speaker Presentation</div> <div style="margin-left:70%;">$949</div></div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <div style="float:left; padding-left: 15px;"> Poster Presentation</div> <div style="margin-left:70%;">$649</div></div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <div style="float:left; padding-left: 15px;"> Student Delegate</div> <div style="margin-left:70%;">$499</div></div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <div style="float:left; padding-left: 15px;"> Industry Delegate</div> <div style="margin-left:70%;">$999</div></div> <div style="background: #fff;border-bottom: thin solid grey; font-weight: bold; line-height: 2.5"> <div style="float:left; padding-left: 15px;"> Virtual/ Online</div> <div style="margin-left:70%;">$349</div></div> </div> </div>  <div> </div> <div class="row cld"> <div class="col-md-6"> <div class="form-group"> <p><b>No. of Participants ( $<label id="category_price_label">199</label> under <label id="category_label">speaker presentation</label> category ):</b></p> <select class="form-control" name="participants" id="participants"> <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> <br><br> <div class="row cld"> <div class="col-md-12"> <h3>Registration Summary</h3> <table class="table" id="task-table" style="border-color: #fff !important;"> <thead style="border-color: #fff !important;"><tr style="border-color: #fff !important;"><th> Registration Price:</th><th> $<label id="registration_price_label">749</label></th></tr></thead> <tbody> <tr><th> Participants:</th><th><label id="participants_label">1</label></th></tr> <tr class="accomodation" style="display: none;"><th> Accommodation Price Per Night:</th><th>$<label id="accm_price_label"> </label></th></tr> <tr class="accomodation" style="display: none;"><th> Total No. Nights:</th><th><label id="nights_label"> </label></th></tr> <tr class="accomodation" style="display: none;"><th> Check-in Date:</th><th><label id="checkin_label"> </label></th></tr> <tr class="accomodation" style="display: none;"><th> Check-out Date:</th><th><label id="checkout_label"> </label></th></tr>   <tr class="accompany" style="display: none;"><th> Total Accompanying Persons Price:</th><th>$<label id="total_accompany_price_label"> </label></th></tr> <tr><th> Total Price:</th><th>$<label id="total_price_label">749</label></th></tr> <tr> <th> <input type="hidden" name="total_price" id="total_price" value="749"></th> </tr> </tbody> </table> </div> <div class="col-md-12" align="center"> <input type="reset" value="Reset" class="btn btn-danger btn-md "> <input class="btn btn-info hvr-bounce-to-bottom text-white" type="submit" name="submit" id="submit_form" value="Proceed To Register"></div><br> </div> </div></form> </div> </div> </div> </div>    <div class="container-fluid bg-dark text-body footer mt-2 pt-2 wow fadeIn" data-wow-delay="0.1s"> <div class="container py-5"> <div class="row g-5"> <div class="col-lg-4 col-md-4"> <h5 class="text-light mb-4">Address</h5> <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>Hotel Isola Sacra Rome Airport, Via della Scafa, 416, 00054 Fiumicino RM, Italy</p> <p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+91 7036665566</p> <p class="mb-2"><i class="fa fa-envelope me-3"></i>civileng2024@optimumresearchmeetings.com</p> <div class="d-flex pt-2"> <a class="btn btn-square btn-outline-secondary rounded-circle me-1" href=""><i class="fab fa-twitter"></i></a> <a class="btn btn-square btn-outline-secondary rounded-circle me-1" href=""><i class="fab fa-facebook-f"></i></a> <a class="btn btn-square btn-outline-secondary rounded-circle me-1" href=""><i class="fab fa-youtube"></i></a> <a class="btn btn-square btn-outline-secondary rounded-circle me-0" href=""><i class="fab fa-linkedin-in"></i></a> </div> </div> <div class="col-lg-4 col-md-4"> <h5 class="text-light mb-4">Quick Links</h5> <a class="btn btn-link" href="committee">Committee</a> <a class="btn btn-link" href="speakers">Speakers</a> <a class="btn btn-link" href="abstract-submission">Abstract Submission</a> <a class="btn btn-link" href="">Register</a> <a class="btn btn-link" href="terms-and-conditions">Terms & Condition</a> <a class="btn btn-link" href="privacy-policy">Privacy Policy</a> </div> <div class="col-lg-4 col-md-4"> <h5 class="text-light mb-4">Subscribe Newsletter</h5> <div class="position-relative mx-auto" style="max-width: 400px;"> <input class="form-control bg-transparent border-secondary w-100 py-3 ps-4 pe-5" type="text" placeholder="Your email"> <button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">SignUp</button> </div> </div> </div> </div> <br> <div class="container-fluid copyright"> <div align="center" class="container"> <div class="row"> <div class="col-md-12 text-center text-white mb-3 mb-md-0"> © 2023 optimumresearchmeetings <a href="#"> </a> | All Right Reserved. </div> </div> </div> </div> </div>   <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://optimumresearchmeetings.com/conference/lib/wow/wow.min.js"></script> <script src="https://optimumresearchmeetings.com/conference/lib/easing/easing.min.js"></script> <script src="https://optimumresearchmeetings.com/conference/lib/waypoints/waypoints.min.js"></script> <script src="https://optimumresearchmeetings.com/conference/lib/counterup/counterup.min.js"></script> <script src="https://optimumresearchmeetings.com/conference/lib/owlcarousel/owl.carousel.min.js"></script> <script src="https://optimumresearchmeetings.com/conference/lib/lightbox/js/lightbox.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://optimumresearchmeetings.com/conference/js/script.js"></script> <script src="https://optimumresearchmeetings.com/conference/js/main.js"></script> <script src="https://optimumresearchmeetings.com/conference/js/list.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> <script> function getTotalPrice() { total = getTotalRegistrationPrice()+getTotalAccommodationPrice()+getTotalAccompanyingPrice(); $('#total_price').val(total); return total; } function getTotalRegistrationPrice() { var cat_price = getRegistrationPrice(); no_participants = parseInt($("#participants option").filter(":selected").val()); return cat_price*no_participants; } function getRegistrationPrice() { cat_id = $('input[name="participation"]:checked').val(); var cat_price = parseInt($('#cat_price_'+cat_id).val()); return cat_price; } function getTotalAccommodationPrice() { var accm_price = getAccommodationPrice(); no_nights = parseInt($("#no_nights").val()); if(no_nights) { return accm_price*no_nights; } return 0; } function getAccommodationPrice() { accm_id = $('input[name="acccomodation"]:checked').val(); accm_price = 0; if( accm_id ){ var accm_price = parseInt($('#acccommodation_price_'+accm_id).val()); } return accm_price; } function getTotalAccompanyingPrice() { var accmp_price = 249; no_accmp = parseInt($("#accompany").val()); if(no_accmp) { return no_accmp*accmp_price; } return 0; } $(document).ready(function(){ $('.accomodation').hide(); $('.check_in').hide(); $('.accompany').hide(); $('#category_price_label').text($('#cat_price').val()); $('#registration_price_label').text(getRegistrationPrice()); $('#participants_label').text($("#participants option").filter(":selected").val()); $('#total_reg_price_label').text(getTotalRegistrationPrice()); $('#total_price_label').text(getTotalPrice()); $('#category_label').text($('#cat_name').val()); $('.participation').click(function() { var cat_id = this.value; var cat = $('#cat_name_'+cat_id).val(); var cat_price = parseInt($('#cat_price_'+cat_id).val()); $('#category_label').text(cat); $('#category_price_label').text(cat_price); var no_participants = parseInt($("#participants option").filter(":selected").val()); $('#registration_price_label').text(getRegistrationPrice()); $('#participants_label').text(no_participants); $('#total_reg_price_label').text(getTotalRegistrationPrice()); $('#total_price_label').text(getTotalPrice()); }); $('#participants').change(function() { var no_participants = parseInt($("#participants option").filter(":selected").val()); $('#participants_label').text(no_participants); $('#total_reg_price_label').text(getTotalRegistrationPrice()); $('#total_price_label').text(getTotalPrice()); }); $('#check_in').change(function() { var check_in_date = $("#check_in option").filter(":selected").val(); var check_out_date = $("#check_out option").filter(":selected").val(); $("#check_out option").each(function() { if($(this).val()){ if(new Date($(this).val()) <= new Date(check_in_date)) { $(this).prop('disabled', true); $(this).prop('selected', false); } else { $(this).prop('disabled', false); if(!$("#check_out option").filter(":selected").val()){ $(this).prop('selected', true); } } } }); var check_out_date = $("#check_out option").filter(":selected").val(); var diff = new Date(new Date(check_out_date) - new Date(check_in_date)); var days = diff/1000/60/60/24; $('#no_nights').val(days); if($('#no_nights').val()){ $('#nights_label').text(days); $('#checkin_label').text($.datepicker.formatDate( "DD dd-M-yy", new Date(check_in_date))); $('#checkout_label').text($.datepicker.formatDate( "DD dd-M-yy", new Date(check_out_date))); $('#total_accm_price_label').text(getTotalAccommodationPrice()); $('#total_price_label').text(getTotalPrice()); $('.accomodation').show(); } }); $('#check_out').change(function() { var check_in_date = $("#check_in option").filter(":selected").val(); var check_out_date = $("#check_out option").filter(":selected").val(); var diff = new Date(new Date(check_out_date) - new Date(check_in_date)); var days = diff/1000/60/60/24; $('#no_nights').val(days); $('#nights_label').text(days); $('#checkin_label').text($.datepicker.formatDate( "DD dd-M-yy", new Date(check_in_date))); $('#checkout_label').text($.datepicker.formatDate( "DD dd-M-yy", new Date(check_out_date))); $('#total_accm_price_label').text(getTotalAccommodationPrice()); $('#total_price_label').text(getTotalPrice()); }); $('.check_group').click(function() { $('.check_group').not(this).prop('checked', false); if($(this).prop("checked") == true){ $('.check_in').show(); $('#accm_price_label').text(getAccommodationPrice()); $('#total_accm_price_label').text(getTotalAccommodationPrice()); if($('#no_nights').val()){ $('.accomodation').show(); } } else { $('.check_in').hide(); $('.accomodation').hide(); } $('#total_price_label').text(getTotalPrice()); }); $('#accompany').change(function() { var no_accompany = parseInt($("#accompany option").filter(":selected").val()); if(no_accompany) { $('#total_accompany_price_label').text(getTotalAccompanyingPrice()); $('#accompany_label').text(no_accompany); $('.accompany').show(); } else { $('.accompany').hide(); } $('#total_price_label').text(getTotalPrice()); }); }); </script> <script> $(document).ready(function(){ $('input:radio[name="paymentmethod"]').change( function(){ if ($(this).is(':checked') && $(this).val() == '1') { window.location = "stripe-register"; } else{ window.location = "register"; } }); }); </script> </body> </html>

CINXE.COM

Registration | International Conference on Innovation in Civil, Structural and Environmental Engineering