CINXE.COM
Registration Guidelines | WCMRI Conference 2025
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Registration Guidelines | WCMRI Conference 2025</title> <meta name="keywords" content="conference registration, online registration, conference registration process, registration guidelines"> <meta name="description" content="Secure your spot at WCMRI 2025! Register now to unlock a world of multidisciplinary insights and innovations. Choose your registration package and be part of this transformative conference"> <!-- Stylesheets --> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/responsive.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <!-- Favicon --> <link rel="shortcut icon" type="image/x-icon" href="imgs/logo_1.png"> <!-- flag --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.12/css/intlTelInput.min.css"> <link rel="stylesheet" href="build/css/intlTelInput.css" /> <link rel="stylesheet" href="build/css/demo.css" /> <link rel="stylesheet" href="style-1.css"> <!-- Responsive --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <style> :root { --main-color: #269ACC; } .serviceBox { color: #fff; background-color: #fff; font-family: 'Poppins', sans-serif; text-align: center; padding: 40px 0 40px; border-radius: 25px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); } .serviceBox .title { color: #fff; background: var(--main-color); font-size: 22px; font-weight: 300; text-transform: capitalize; padding: 10px 15px; box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.4); position: relative; margin: 0 0 20px; } .serviceBox .title:before { content: ""; background: var(--main-color); border-radius: 25px 5px 5px 25px; position: absolute; top: -10px; left: -7px; bottom: -10px; right: 100%; } .serviceBox .service-icon { color: var(--main-color); font-size: 35px; line-height: 85px; width: 85px; height: 85px; margin: 0 auto 20px; border-radius: 50%; border: 2px solid var(--main-color); position: relative; z-index: 1; } .serviceBox .service-icon:before { content: ""; background: #fff; border-radius: 50%; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4); position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; z-index: -1; } .serviceBox .description { color: #2e2e2e; font-size: 16px; line-height: 25px; text-align: left; font-weight: 500; border-left: none !important; /* margin: 0 25px; */ } .serviceBox.orange { --main-color: #E1861F; } .serviceBox.purple { --main-color: #862183; } .serviceBox.blue { --main-color: #0063A6; } @media only screen and (max-width: 1199px) { .serviceBox { margin: 0 0 30px; } } .fa-star-half-o { color:#720018; font-size: 18px; font-weight: bold; } .content-text span { position: absolute; top: -17px; left: 25px; padding: 5px 10px; color: #fff; font-weight: bold; font-size: 20px; background-color: #720018; } .content-text { position: relative; padding: 35px 20px 20px 20px; margin-top: 40px; margin-bottom: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .content-text ul li { font-size: 16px; font-weight: bold; padding: 8px; } .fa-check-square { font-size: 18px; color: #720018; } </style> <meta name="robots" content="index, follow"/> <link rel="canonical" href="https://wcmri.org//registration-guidelines.php" /> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5SH8TM5');</script> <!-- End Google Tag Manager --></head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5SH8TM5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- <div class="cursor"></div> --> <style> @media screen and (max-width: 1482px) and (min-width: 1300px) { .main-header .header-lower { position: absolute; left: 0px; right: 0px; bottom: -62px!important; } } @media screen and (max-width: 1322px) and (min-width: 1300px) { .main-header .header-lower { position: absolute; left: 0px; right: 0px; bottom: -107px!important; } } </style> <!-- PageWrapper --> <div class="page-wrapper"> <!-- scrollToTop start --> <div class="progress-wrap active-progress"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919px, 307.919px; stroke-dashoffset: 228.265px;"> </path> </svg> </div> <!-- scrollToTop end --> <!-- Main Header / Header Style Two --> <header class="main-header header-style-two"> <!-- Header Upper --> <div class="header-upper"> <!-- <div class="auto-container"> --> <div class="container-fluid"> <div class="clearfix"> <div class="pull-left logo-box"> <div class="logo"><a href="index.php"><img src="imgs/logo_1.png" alt="" title=""width="150"></a></div> </div> <div class="pull-right upper-right clearfix"> <div class="upper-column info-box"> <div class="icon-box"><span class="fa fa-plane"></span></div> <ul> <a href="" data-toggle="modal" data-target="#myModals22"> <li class="blink">Get Quote For <br>Travel Package</li> </a> </ul> </div> <!--Info Box--> <div class="upper-column info-box"> <div class="icon-box"><span class="flaticon-phone-call"></span></div> <ul> <li>Phone <br>+1 (626) 649-4484</li> </ul> </div> <!--Info Box--> <a target="_blank" href="https://www.iferp.in/collaboration-iferp.php"> <div class="upper-column info-box"> <div class="icon-box"><span class="flaticon-hand-shake"></span></div> <ul> <li>Apply For <br>Co Organizer </li> </ul> </div> </a> <!--Info Box--> <div class="upper-column info-box"> <div class="icon-box"><span class="flaticon-email"></span></div> <ul> <li> Mail to <br> info@wcmri.org</li> </ul> </div> </div> </div> </div> </div> <!-- End Header Upper --> <!-- Header Upper --> <div class="header-lower"> <div class="container-fluid d-flex justify-content-center"> <div class="inner-container clearfix d-flex justify-content-center"> <div class="nav-outer d-flex justify-content-center"> <!-- Mobile Navigation Toggler --> <div class="mobile-nav-toggler"><span class="icon flaticon-menu-3"></span></div> <!-- Main Menu --> <nav class="main-menu navbar-expand-md"> <div class="navbar-header"> <!-- Toggle Button --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent"> <ul class="navigation clearfix"> <li><a href="index.php">Home</a></li> <!-- <li class="dropdown"><a href="#">Home</a> <ul> <li><a href="index.html">Homepage One</a></li> <li><a href="index-2.html">Homepage Two</a></li> <li><a href="index-3.html">Homepage Three</a></li> <li class="dropdown"><a href="#">Header Styles</a> <ul> <li><a href="index.html">Header Style One</a></li> <li><a href="index-2.html">Header Style Two</a></li> <li><a href="index-3.html">Header Style Three</a></li> </ul> </li> </ul> </li> --> <li class="dropdown"><a href="#">About</a> <ul> <!-- <li><a href="about.php">About ICAKMPET</a></li> --> <li class="dropdown"><a href="#">About Conference</a> <ul> <li><a href="about.php">About WCMRI</a></li> <li><a href="why-to-attend.php">Why to attend Conference </a></li> <li><a href="scope-and-benefits.php">Scope of the Conference </a> </li> <li><a href="objective-of-the-conference.php">Objective of the conference</a> </li> </ul> </li> <li class="dropdown"><a href="#">About Organizers</a> <ul> <li><a href="about-iferp.php">About IFERP</a></li> <!-- <li><a href="about-college.php">About World Citi Colleges</a></li> --> </ul> </li> <!-- <li><a href="about-iferp.php">About IFERP</a></li> --> <!-- <li><a href="scope-and-benefits.php"> Scope & Benefits</a></li> --> <li><a href="important-dates.php">Important dates </a></li> <li class="dropdown"><a href="#">Conference Speakers</a> <ul> <li><a href="keynote-speakers.php">Keynote Speakers</a></li> <li><a href="past-conference-speakers.php">Past Conference Speakers </a></li> </ul> </li> <li><a href="conference-faq.php">Conference FAQ</a></li> </ul> </li> <li class="dropdown"><a href="#">committee</a> <ul> <li><a href="committee-members.php">Organizing committee Member</a></li> <li><a href="apply-for-committee.php">Nominate yourself as an Organizing committee member</a></li> <li><a href="eligibility-for-committee-members.php">Eligibility Criteria </a></li> <!-- <li><a href="committee-members.php">Committee Members</a></li> --> </ul> </li> <!-- <li><a href="scientific-tracks.php">Session Tracks</a></li> --> <!-- <li class="dropdown"><a href="#">Speaker</a> <ul> <li><a href="keynote-speakers.php">Keynote Speaker</a></li> <li><a href="apply-for-speaker.php">Apply For Speaker</a></li> <li><a href="past-conference-speakers.php">Past Conference Speakers</a> </li> </ul> </li> --> <li class="dropdown"><a href="#">Submission</a> <ul> <li><a href="abstract-submission.php">Paper/Abstract submission </a></li> <li><a href="abstract-submission-guidelines.php">Submission Guidelines </a> </li> <li><a href="scientific-tracks.php">Session and Tracks </a></li> <li><a href="presentation-guidelines.php">Mode of Presentation </a></li> <li><a href="submission-faq.php">Submission FAQ</a></li> </ul> </li> <li class="dropdown"><a href="#">Registration</a> <ul> <li><a href="conference-registration.php">Conference Registration</a></li> <li><a href="registration-guidelines.php">Registration Guidelines</a></li> <li><a href="payment-methods.php"> Payment Methods </a></li> <li><a href="registration-faq.php">Registration FAQ</a></li> </ul> </li> <li class="dropdown"><a href="#">Publication</a> <ul> <li><a href="journals-and-publication.php">Journals & Publications </a> </li> <li><a href="plagiarism-policy.php">Plagiarism Policy & Publication Ethics</a></li> <li><a href="journal-faq.php"> Publication FAQ </a></li> </ul> </li> <li><a href="scientific-tracks.php">Session & Tracks</a></li> <li><a href="tentative-program.php">Tentative Program </a></li> <li><a href="scholarship-program.php">Scholarship & Award </a></li> <li><a href="venue.php">Venue</a></li> <li><a href="contact-us.php">Contact Us</a></li> <li class="dropdown"><a href="#">History</a> <ul> <li><a href="wcmri-2024.php">3rd WCMRI-2024</a></li> <li><a href="wcmri-2023.php">2nd WCMRI-2023</a></li> <li><a href="wcmri-2022.php">1st WCMRI-2022</a></li> <!-- <li><a href="icakmpet-2.php">2nd ICAKMPET </a></li> <li><a href="icakmpet-3.php"> 3rd ICAKMPET</a></li> --> </ul> </li> <li> <div class="button-box"> <div id="google_translate_element"></div> </div> </li> </ul> </div> </nav> </div> </div> </div> </div> <!--End Header Upper--> <!-- Sticky Header --> <div class="sticky-header"> <div class="container-fluid ml-4 clearfix"> <!--Logo--> <div class="logo pull-left"> <a href="index.php" title=""><img src="imgs/logo_1.png" alt="" title=""width="140"></a> </div> <!--Right Col--> <div class="pull-right"> <!-- Main Menu --> <nav class="main-menu mr-5"> <!--Keep This Empty / Menu will come through Javascript--> </nav><!-- Main Menu End--> <!-- Mobile Navigation Toggler --> <div class="mobile-nav-toggler mr-3"><span class="icon flaticon-menu-3"></span></div> </div> </div> </div><!-- End Sticky Menu --> <!-- Mobile Menu --> <div class="mobile-menu"> <div class="menu-backdrop"></div> <div class="close-btn"><span class="icon fa fa-close"></span></div> <nav class="menu-box"> <div class="nav-logo"><a href="index.php"><img src="imgs/logo_1.png" alt="" title=""></a></div> <div class="menu-outer"> <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--> </div> </nav> </div><!-- End Mobile Menu --> </header> <!-- End Main Header --> <!-- Page Title --> <section class="page-title" style="background-image: url(images/about-img.jpg)"> <div class="auto-container"> <ul class="bread-crumb clearfix"> <li><a href="index.php">Home</a></li> <li>Registration</li> </ul> <h2>Registration Guidelines</h2> </div> </section> <!--End Page Title--> <!-- About Section Two --> <section class="about-section mb-0 pb-0" style=""> <div class="auto-container"> <div class="row clearfix"> <div class="content-column col-lg-7 col-md-12 col-sm-12"> <div class="inner-column"> <div class="sec-title-two mb-0"> <h2> Registration Fee</h2> <!-- <div class="title">Objective of the Conference</div> --> <p>Secure your spot at WCMRI 2025! Register now to unlock a world of multidisciplinary insights and innovations. Choose your <a href="https://wcmri.org/conference-registration.php">registration package</a> and be part of this transformative conference. Don't miss out on this opportunity to connect, learn, and shape the future of research</p> <!-- <div class="title">Objective of the Conference</div> --> <h2>Registration Guidelines</h2> <ul class="list-group"> <li class="list-group-item">Registered members must promptly notify us of their payments.</li> <li class="list-group-item">After registration, promptly email a scanned copy of the payment receipt to us.</li> <li class="list-group-item">No modifications to the paper will be accepted after the final submission date.</li> <li class="list-group-item">Only one author/co-author is allowed per registration.</li> <li class="list-group-item">Contact the coordinator immediately for registrations after deadlines.</li> <li class="list-group-item">Download the Registration Form after payment, fill it, and send it to info@wcmri.org.</li> </ul> </div> </div> </div> <div class="content-column col-md-5 col-sm-6"> <div class="serviceBox blue"> <h3 class="title">Deliverables</h3> <ul class="list-group"> <li class="list-group-item description"> <i class="fa fa-star-half-o"></i> Handbook</li> <li class="list-group-item description"><i class="fa fa-star-half-o"></i> Conference Kit (Congress Bag, Final Program-in print)</li> <li class="list-group-item description"> <i class="fa fa-star-half-o"></i> Conference proceedings</li> <li class="list-group-item description"><i class="fa fa-star-half-o"></i> Conference Lanyard</li> <li class="list-group-item description"> <i class="fa fa-star-half-o"></i> Notepads & Pen</li> <li class="list-group-item description"> <i class="fa fa-star-half-o"></i> Certificate of Presentation </li> <li class="list-group-item description"> <i class="fa fa-star-half-o"></i> Certificate of Attendance </li> </ul> </div> </div> </div> </div> </section> <!-- End About Section Two --> <section class="about-section"> <div class="auto-container"> <!-- Sec Title Three --> <div class="sec-title-two mb-0"> <!-- <div class="title">Objective of the Conference</div> --> <h2>Cancellation / Refund Policy</h2> </div> <div class="row clearfix"> <div class="col-lg-12"> <div class="content-text"> <span>Cancellation Policy</span> <p>If the registrant is unable to attend, keeping in view of advance payments towards Venue, Printing, Shipping, Hotels and other overheads, following cancellation policy is applicable. </p> <ul> <li> <i class="fa fa-check-square" aria-hidden="true"></i> 60 days before the conference: 60% refundable</li> <li> <i class="fa fa-check-square" aria-hidden="true"></i> 30-60 days before conference- 40% refundable</li> <li> <i class="fa fa-check-square" aria-hidden="true"></i> No refunds will be done one month prior to the conference</li> </ul> </div> </div> <div class="col-lg-12"> <div class="content-text"> <span>Refund policy</span> <ul> <li> <i class="fa fa-check-square" aria-hidden="true"></i> Amount can be transferred to friends or colleagues.</li> <li> <i class="fa fa-check-square" aria-hidden="true"></i> Certification issued to the person attending the conference.</li> <li> <i class="fa fa-check-square" aria-hidden="true"></i> Registration can be transferred to another event in our organization.</li> <li> <i class="fa fa-check-square" aria-hidden="true"></i>Refund fee processed 2-4 weeks after the conference, excluding transaction charges.</li> </ul> </div> </div> <div class="col-lg-12"> <div class="content-text"> <span>Visa Information</span> <ul> <li> <i class="fa fa-check-square" aria-hidden="true"></i> IFERP will not directly contact embassies/consulates for visa applicants. </li> <li> <i class="fa fa-check-square" aria-hidden="true"></i> Delegates must apply for a Business Visa.</li> <li> <i class="fa fa-check-square" aria-hidden="true"></i> Note: Visa issues are not covered by our cancellation policy, including visa application failures.</li> </ul> </div> </div> </div> </div> </section> <style> button * { pointer-events: none; } /* Just a really naive css example to swap the button contents with the spinner. Bring your own spinner & styles. */ .loading { opacity: .5; } .loading span { display: none; } .chat1 a { color: #000; font-size: 13px; position: fixed; bottom: 186px; left: 18px; float: left; z-index: 1111111111; font-weight: 700; padding: 4px 5px; border-radius: 6px; } .chat2 a { color: #000; font-size: 13px; position: fixed; bottom: 135px; left: 18px; float: left; z-index: 1111111111; font-weight: 700; padding: 4px 5px; border-radius: 6px; } .chat3 a { color: #000; font-size: 13px; position: fixed; bottom: 84px; left: 18px; float: left; z-index: 1111111111; font-weight: 700; padding: 4px 5px; border-radius: 6px; } .kwCIV { flex-shrink: 0; opacity: 1; width: 40px; height: 40px; } .btn22 { background: #fff; } .btn22 li:hover a { color: #ffffff; } .btn22 li a { color: #000; font-weight: 800; padding: 10px; font-size: 14px; } .bvGVHZ { width: 41px; height: 41px;} .btn22 li:hover { background: #fd6f02; color: #000000; } /* .btn22 li:hover a{color: #000000;} */ </style> <div class="chat2"> <a href="https://line.me/ti/p/4eSB03DYHc"> <img src="img/line.png" width="40"> </a> </div> <div class="chat3"> <a href="http://t.me/lilywebbiferp"><img src="img/telegram.png" width="40"></a> </div> <div class="chat1"> <a href="viber://chat?number=919345534219"><img src="img/viber.png" width="40"></a> </div> <!-- Footer Style Two --> <footer class="footer-style-two" style=" background-image: url(./images/footer-map.png); background-repeat: no-repeat; background-position: center; background-size: contain; background-blend-mode: color-dodge;"> <div class="auto-container"> <!-- Widgets Section --> <div class="widgets-section"> <div class="row clearfix"> <!-- Big Column --> <div class="big-column col-lg-9 col-md-12 col-sm-12"> <div class="row clearfix"> <!-- Footer Column --> <div class="footer-column col-lg-6 col-md-6 col-sm-12"> <div class="footer-widget logo-widget"> <div class="logo"> <a href="#"><img src="imgs/logo_1.png" alt="" width="150"></a> </div> <div class="text">4th World Conference on Multidisciplinary Research & Innovation (WCMRI) to be held in Singapore on the 24th-25th July, 2025 is to spur unique discoveries in terms of countering conventional challenges faced in everyday engineering activities and technologies.</div> <ul class="social-box"> <li><a href="https://www.facebook.com/iferp.in/" target="_blank" class="fa fa-facebook"></a></li> <li><a href="https://twitter.com/i/flow/login?redirect_after_login=%2Fiferpconnectin1 " target="_blank" class="fa fa-twitter"></a></li> <li><a href="https://www.linkedin.com/company/30196291/admin/ " target="_blank" class="fa fa-linkedin"></a></li> <li><a href="https://www.instagram.com/iferp_in/?igshid=YmMyMTA2M2Y%3D " target="_blank" class="fa fa-instagram"></a></li> </ul> </div> </div> <div class=" col-lg-6 col-md-6 col-sm-6 ps-xl-4 pl-5"> <div class="footer-widget news-widget"> <h5>Quick Link</h5> <div class="row"> <div class="col-lg-6 d-flex justify-content-start"> <ul class="footer-menu list-style"> <li> <a href="index.php" target="_blank"> <i class="fa fa-angle-right"></i> Home </a> </li> <li> <a href="about.php" target="_blank"> <i class="fa fa-angle-right"></i> About </a> </li> <li> <a href="keynote-speakers.php" target="_blank"> <i class="fa fa-angle-right"></i> Speaker </a> </li> <li> <a href="conference-registration.php" target="_blank"> <i class="fa fa-angle-right"></i> Registration </a> </li> </ul> </div> <div class="col-lg-6"> <ul class="footer-menu list-style"> <li> <a href="journals-and-publication.php" target="_blank"> <i class="fa fa-angle-right"></i> Journal </a> </li> <li> <a href="abstract-submission.php" target="_blank"> <i class="fa fa-angle-right"></i> Submission </a> </li> <li> <a href="membership.php" target="_blank"> <i class="fa fa-angle-right"></i> Membership </a> </li> <li> <a href="contact-us.php" target="_blank"> <i class="fa fa-angle-right"></i> Contact </a> </li> </ul> </div> </div> </div> </div> </div> </div> <!-- Big Column --> <div class="big-column col-lg-3 col-md-12 col-sm-12"> <div class="row clearfix"> <div class="footer-column col-lg-12 col-md-12 col-sm-12"> <div class="footer-widget contact-widget"> <h5>Get In Touch</h5> <ul class="contact-list"> <li> <span class="icon flaticon-telephone"></span> Phone Number <a href="tel:+1 (626) 649-4484">+1 (626) 649-4484</a> </li> <li> <span class="icon flaticon-email"></span> Email Address <a href="mailto:info@wcmri.org"> info@wcmri.org</a> </li> <li> <span class="icon flaticon-home"></span> Venue <a href="#"> Singapore</a> </li> </ul> </div> </div> </div> </div> </div> </div> <!-- <div class="col-lg-12"> <div class="alert alert-primary" role="alert"> <div class="d-flex align-items-center"> <div><i class="fa fa-exclamation-triangle d-flex fa-4x mr-3" aria-hidden="true"></i> </div> <div class="text" style="font-size: 15px; line-height: 25px; color:#001934;">Please be aware of fraudulent communication claiming to collect conference fees,Journal fees through unauthorized means, including cloned email addresses and phone numbers. IFERP advises all researchers to only process payments through our official event website and report any suspicious activity to <a href="mailto:info@iferp.in">info@iferp.in</a> </div> </div> </div> </div> --> <div class="get-quote-button"> <a href="listener" data-toggle="tooltip" data-placement="left" title="" target="blank" style="color: #fff;">Register as a Listener</a></div> <div class="footer-bottom"> <div class="clearfix"> <div class="pull-left"> <div class="copyright">© 2025 IFERP - All rights reserved. </div> </div> </div> </div> </div> <div id="id01" class="modal-strip modal-bottom cookie-notify"> <div class="container p-0"> <div class="row d-flex justify-content-center align-items-center"> <div class="col-md-11 col-xs-12"> <div style="display:inline-block; width:100%;"> <p class="pull-left" style="color:#0c3e61; margin-bottom:0px; font-size:13px;line-height:15px; font-weight:700;"> Important Alert: </p> <!-- Close icon with closeModal function --> <!-- <a href="javascript:void(0);" class="modal-close m-r-10 pull-right">X</a> --> </div> <div class="mob-pad-b-30" style="text-align:justify; font-size:14px; line-height:16px; font-weight:normal;"> Please be aware of fraudulent communication claiming to collect conference fees,Journal fees through unauthorized means, including cloned email addresses and phone numbers. IFERP advises all researchers to only process payments through our official event website and report any suspicious activity to <a href="mailto:info@iferp.in">info@iferp.in</a>. </div> </div> <div class="col-md-1 mt-2 col-xs-2 hidden-xs p-0 d-flex justify-content-center align-items-center"> <!-- Close button with closeModal function --> <button class="btn btn-rounded modal-close close-new-btn">Close</button> </div> </div> </div> </div> <script> // Function to show the modal with a smooth slide-in effect function showModal() { document.getElementById('id01').classList.add('show'); } // Function to close the modal with a smooth slide-out effect function closeModal() { document.getElementById('id01').classList.remove('show'); } // Show the modal after a delay (if needed) setTimeout(showModal, 500); // Adjust the delay time if needed // Add event listeners to all close buttons document.querySelectorAll('.modal-close').forEach(function(button) { button.addEventListener('click', closeModal); }); </script> <style> /* cookies Modal style */ /* .modal-strip { background-color: #FFF; border-top: 1px #CCC solid; bottom: 0; color: #004170; font-weight: 800; font-size: 18px; left: 0; padding: 18px; position: fixed; width: 100%; display: block; transform: translateY(0); transition: all 0.7s ease; z-index: 999 !important; } .cookie-notify { background: #f2f3f5; color: #000; font-size: 13px; line-height: 15px; text-align: justify; border: 0px; padding: 10px 0px 15px; font-weight: normal; } .modal-close { cursor: pointer; font-weight: bold; background: #e76f00; color: #f2f3f5; } */ .modal-strip { background-color: #FFF; border-top: 1px #CCC solid; bottom: 0; color: #004170; font-weight: 800; font-size: 18px; left: 0; padding: 18px; position: fixed; width: 100%; z-index: 999 !important; display: block; transform: translateY(100%); /* Start off the screen */ transition: transform 0.7s ease; /* Smooth transition */ } .modal-strip.show { transform: translateY(0); /* Slide into view */ } .cookie-notify { font-family: 'Nunito Sans', sans-serif; background: #f2f3f5; color: #000; font-size: 14px; line-height: 15px; text-align: justify; border: 0px; padding: 10px 2px 15px 2px; font-weight: normal; } .modal-close { cursor: pointer; font-weight: bold; background: #e76f00; color: #f2f3f5; } </style> </footer> <!-- End Footer Style Two --> <!-- GetButton.io widget --> <script type="text/javascript"> (function() { var options = { whatsapp: "919345534219", // WhatsApp number call_to_action: "Message us", // Call to action button_color: "#FF6550", // Color of button position: "left", // Position may be 'right' or 'left' }; var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function() { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script> <!-- /GetButton.io widget --> </div> <!-- End Page Wrapper --> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script src="js/jquery.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.mCustomScrollbar.concat.min.js"></script> <script src="js/magnific-popup.min.js"></script> <script src="js/appear.js"></script> <script src="js/parallax.min.js"></script> <script src="js/tilt.jquery.min.js"></script> <script src="js/jquery.paroller.min.js"></script> <script src="js/owl.js"></script> <script src="js/wow.js"></script> <script src="js/odometer.js"></script> <script src="js/slick.js"></script> <script src="js/backToTop.js"></script> <script src="js/jquery-ui.js"></script> <!-- <script src="js/cursor-script.js"></script> --> <script src="js/script.js"></script> <script src="build/js/intlTelInput.js"></script> <script> /* Example on how to use this at the bottom here. Implementation first. */ function LoadingSpinner(form, spinnerHTML) { form = form || document //Keep track of button & spinner, so there's only one automatic spinner per form var button var spinner = document.createElement('div') spinner.innerHTML = spinnerHTML spinner = spinner.firstChild //Delegate events to a root element, so you don't need to attach a spinner to each individual button. form.addEventListener('click', start) //Stop automatic spinner if validation prevents submitting the form //Invalid event doesn't bubble, so use capture form.addEventListener('invalid', stop, true) //Start spinning only when you click a submit button function start(event) { if (button) stop() button = event.target if (button.type === 'submit') { LoadingSpinner.start(button, spinner) } } function stop() { LoadingSpinner.stop(button, spinner) } function destroy() { stop() form.removeEventListener('click', start) form.removeEventListener('invalid', stop, true) } return { start: start, stop: stop, destroy: destroy } } //I guess these would be called class methods. They're useable without instantianing a new LoadingSpinner so you can start & stop spinners manually on any elements, for ajax and stuff. LoadingSpinner.start = function(element, spinner) { element.classList.add('loading') return element.appendChild(spinner) } LoadingSpinner.stop = function(element, spinner) { element.classList.remove('loading') return spinner.remove() } //Example on how to use LoadingSpinner //Bring your own spinner. You can use any html as the spinner. You can find lots of cool spinners for example here on Codepen. I'm using just plain text. Maybe technically not a spinner, but this is more about the script than graphics. var exampleForm = document.querySelector('#example') var exampleLoader = new LoadingSpinner(exampleForm, '<p>Please wait loading..</p>') //Delay submit so you can see the spinner spinning, then stop the loading spinner instead of submitting because we're on Codepen. exampleForm.addEventListener('submit', function(event) { event.preventDefault() setTimeout(function() { exampleLoader.stop() }, 3000) }) </script> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', // includedLanguages: 'en,en,es,fr,id,tl,ms,my,lo,th', includedLanguages: 'en,en,ru,th,ar,zh-TW,zh-CN,ru,id,ceth,br,zh,pt,ko,ja,tw,br,tr,ig,ar-ae', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element'); } </script> <!--Start of Tawk.to Script--> <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/674ec9b44304e3196aebb355/1ie5s7qjh'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script> <!--End of Tawk.to Script--> <!-- GetButton.io widget --> <script type="text/javascript"> (function() { var options = { whatsapp: "+919342924767", // WhatsApp number call_to_action: "Message us", // Call to action button_color: "#FF6550", // Color of button position: "left", // Position may be 'right' or 'left' }; var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function() { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script> <!-- /GetButton.io widget --> <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"> </script> <!-- Modal --> <div class="modal fade" id="brochure" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered "> <div class="modal-content"> <div class="modal-header"> <!-- <h5 class="modal-title" id="staticBackdropLabel">Conference Brochure </h5> --> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class=" modal-body p-0"> <iframe frameborder="0" style="height:600px;width:99%;border:none;" src='https://forms.zohopublic.in/technorete/form/DownloadBrochureICFE1/formperma/fiv5L_T_PVUw--nN8k8Uz4wKqMQmOQ7CtQIYk3AzDuI'></iframe> </div> </div> </div> </div> <!-- end modal --> <div class="modal fade " id="myModals22" role="dialog"> <div class="modal-dialog" style=" margin-top: 114px;"> <div class="modal-content col-lg-12 let-it-snow" style=" background-size: cover!important; background:#4244a5;"> <div class="" style=" position: absolute; right: -10px; top: -9px;"> <button type="button" class="btn btn-default" data-dismiss="modal" style=" border-radius: 47px; background: #fff; color: #000">脳</button> </div> <div class=" modal-header pb-2" style=" margin-bottom: 30px; border-bottom: 1px solid #fff; padding: 10px 0px; "> <div class="col-lg-12 col-10 pl-0"> <div class="row"> <div class="col-sm-12 pl-0"> <h5 class="txt pl-4 mb-1" style=" margin-bottom: 0px; font-size: 19px; color:#dc3935;text-align:center; "><strong class="text-white" style="font-family: cursive; color: #e1ff68!important;"> Express Your Interest Today! </strong></h5> </div> </div> </div> </div> <div class="modal-body"> <p class="text-white text-center">Discover leisure with our unique Conference & Travel Packages. Elevate your conference experience while exploring new destinations and creating lasting memories. Fill the form to know get further information.</p> <p class="col-lg-12 text-center" style=" margin-top: 22px;"> <a href="https://docs.google.com/forms/d/e/1FAIpQLSePDGKjRSVGK66IP_Fa7xQmXnjwghcQUyBz-KSbpEGvGmo2Sw/viewform" align="center" style=" background: #b90000; padding: 7px 9px; color: #fff; text-align: center; font-weight: 700; border: 3px outset #c3bfbf; border-radius: 8px; ">REGISTER YOUR INTEREST</a> </p> <p class="text-white" style="text-align: center;">We're here to make your conference and travel experience exceptional. </p> </div> <!-- <div class="modal-footer"style="border-top:none;"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> --> </div> </div> </div> <!-- --> <script> /* Example on how to use this at the bottom here. Implementation first. */ function LoadingSpinner(form, spinnerHTML) { form = form || document //Keep track of button & spinner, so there's only one automatic spinner per form var button var spinner = document.createElement('div') spinner.innerHTML = spinnerHTML // spinner = spinner.firstChild //Delegate events to a root element, so you don't need to attach a spinner to each individual button. form.addEventListener('click', start) //Stop automatic spinner if validation prevents submitting the form //Invalid event doesn't bubble, so use capture form.addEventListener('invalid', stop, true) //Start spinning only when you click a submit button function start(event) { if (button) stop() button = event.target if (button.type === 'submit') { LoadingSpinner.start(button, spinner) } } function stop() { LoadingSpinner.stop(button, spinner) } function destroy() { stop() form.removeEventListener('click', start) form.removeEventListener('invalid', stop, true) } return { start: start, stop: stop, destroy: destroy } } //I guess these would be called class methods. They're useable without instantianing a new LoadingSpinner so you can start & stop spinners manually on any elements, for ajax and stuff. LoadingSpinner.start = function(element, spinner) { element.classList.add('loading') return element.appendChild(spinner) } LoadingSpinner.stop = function(element, spinner) { element.classList.remove('loading') return spinner.remove() } //Example on how to use LoadingSpinner //Bring your own spinner. You can use any html as the spinner. You can find lots of cool spinners for example here on Codepen. I'm using just plain text. Maybe technically not a spinner, but this is more about the script than graphics. var exampleForm = document.querySelector('#example') var exampleLoader = new LoadingSpinner(exampleForm, '<p> Loading Please wait...</p> ') //Delay submit so you can see the spinner spinning, then stop the loading spinner instead of submitting because we're on Codepen. exampleForm.addEventListener('submit', function(event) { event.preventDefault() setTimeout(function() { exampleLoader.stop() }, 2000) }) </script> <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]--> <!--[if lt IE 9]><script src="js/respond.js"></script><![endif]--> </body> </html>