Research Conference Singapore | International Conference on Multidisciplinary Research

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Research Conference Singapore | International Conference on Multidisciplinary Research </title> <meta name="keywords" content="research conference 2025, research and innovation conference 2025, international conference on multidisciplinary research, scopus conference, upcoming research conference, International multidisciplinary conference 2025, 'research conference conference in Singapore'"> <meta name="description" content="One of the primary motives of the World Conference on Multidisciplinary Research & Innovation (WCMRI-2025) to be held in Singapore on the 26th & 27th of June 2025">  <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">  <link rel="shortcut icon" type="image/x-icon" href="imgs/logo_1.png">  <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" />  <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"> <meta name="robots" content="index, follow"/> <link rel="canonical" href="https://wcmri.org//about.php" />  <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> </head> <style> .project-detail-content { margin: 4% 20% 4% 4%; top: 0%; padding: 20px; } .about-section .image-column .image .circle-layer { left: -25px; top: -28px; width: 194px; height: 194px; } .approach-block .inner-box .text { position: relative; line-height: 1.5em !important; text-align: justify !important; } .service-section-three { position: relative; margin-top: 0; padding: 40px 0px 40px; background-attachment: fixed; background-size: cover; } </style> <body>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5SH8TM5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <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>  <div class="page-wrapper">  <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>   <header class="main-header header-style-two">  <div class="header-upper">  <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>  <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>  <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>  <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>   <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">  <div class="mobile-nav-toggler"><span class="icon flaticon-menu-3"></span></div>  <nav class="main-menu navbar-expand-md"> <div class="navbar-header">  <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="#">About</a> <ul>  <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>  </ul> </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>  </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>  </ul> </li> <li> <div class="button-box"> <div id="google_translate_element"></div> </div> </li> </ul> </div> </nav> </div> </div> </div> </div>   <div class="sticky-header"> <div class="container-fluid ml-4 clearfix">  <div class="logo pull-left"> <a href="index.php" title=""><img src="imgs/logo_1.png" alt="" title=""width="140"></a> </div>  <div class="pull-right">  <nav class="main-menu mr-5">  </nav>  <div class="mobile-nav-toggler mr-3"><span class="icon flaticon-menu-3"></span></div> </div> </div> </div>  <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">  </div> </nav> </div> </header>   <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>About Us</li> </ul> <h2>About Us</h2> </div> </section>   <section class="about-section" style="background-image:url(images/background/pattern-14.png)"> <div class="auto-container"> <div class="row clearfix">   <div class="image-column col-lg-5 col-md-12 col-sm-12"> <div class="inner-column">  <div class="image"> <img src="images/resource/about.jpg" alt="" /> <div class="circle-layer" style="background-image:url(images/resource/about-circle.png)"> </div> <span class="gear-icon-one flaticon-gear"></span> <span class="gear-icon-two flaticon-gear"></span> </div> </div> </div>  <div class="content-column col-lg-7 col-md-12 col-sm-12"> <div class="inner-column"> <div class="sec-title-two"> <div class="sec-title-three centered mb-1"> <h2>About <span>4<sup>TH</sup> WCMRI-2025 </span></h2> </div> <p class="text text-justify"> <span class="icon-flt-1"></span> One of the primary motives of the World Conference on Multidisciplinary Research & Innovation (WCMRI-2025) to be held in Singapore on the 24th & 25th of July 2025 is to spur unique discoveries in terms of countering conventional challenges faced in everyday engineering activities and technologies. Technology is progressing at a very fast pace, which currently is weighing heavily on the earth's bounty of natural resources and causing serious damage to the environment. The price for this large-scale and mass expansion in all forms of daily life is being paid for in the form of climate change.</p> <p class="text text-justify"> <span class="icon-flt-1"></span> Today, dangerous pollution levels and global environmental degradation endanger the very existence of life on our planet. Now, more than ever, there is an urgent need for professionals from all sectors of engineering and science to come together and work together to find sustainable solutions to sustain economic growth without harming the environment in any way whatsoever. </p> </div> </div> </div>  </div> </div> </section>  <section> <div class="why-us-area default-padding shadow bg-dark text-light" id="whycan">  <div class="fixed-thumb bg-cover" style="background-image: url(https://www.iferp.in/software-hw-pbm-solving/assets/img/banner/32.jpg);"> </div>  <div class="container"> <div class="row align-center"> <div class="col-lg-4 col-sm-12 left-info d-flex align-items-center"> <div class="content info-box"> <div class="title mb-4"> <h3>Unveiling WCMRI-2025</h3> </div> <h5 class=" font-weight-bold text-center lead "> <span style="color:#00d09b;font-size:22px;">Conference Theme:</span> <br> "Synergizing Science and Innovation for a Sustainable World" </h5> </div> </div> <div class="col-lg-8 info"> <div class="content"> <h4 class="text-white mb-4">Multidisciplinary Confluence</h4> <p class="text text-justify text-white"> <span class="icon-flt-1"></span> WCMRI-2025 stands as a melting pot of ideas, where the boundaries between engineering disciplines blur, giving rise to innovative solutions that address global challenges. The conference embraces the multidisciplinary nature of contemporary research, recognizing that true breakthroughs often occur at the intersections of different fields.</p> <p class="text text-justify icon-flt text-white"> <span class="icon-flt-1"></span> This theme encapsulates the conference's focus on fostering innovation and collaboration across diverse disciplines within engineering and technology. It encourages participants to explore and present cutting-edge solutions that contribute to the sustainable development of industries, addressing challenges and advancing knowledge for a better future. The multidisciplinary perspective highlights the interconnectedness of various fields in creating holistic and impactful solutions.</p> </div> </div> </div> </div> </div> </section>  <section class="testimonial-section-two mt-5"> <div class="image-layer" style="background-image:url(images/background/5.jpg)"></div> <div class="auto-container"> <h2><b style="color:#ff1344;"> WCMRI-2025</b> <span>Features</span></h2> <h2 style="font-size: 18px !important;">Spotlights are listed below but are not limited to</h2> <div class="testimonial-carousel-two owl-carousel owl-theme">  <div class="testimonial-block-three"> <div class="inner-box"> <div class="row clearfix">  <div class="image-column col-lg-3 col-md-4 col-sm-12"> <div class="inner-column"> <div class="image"> <img src="./images/feature-2.jpg" alt="" /> </div> </div> </div>  <div class="content-column col-lg-9 col-md-8 col-sm-12"> <div class="inner-column"> <div class="text"><span class="icon fa fa-quote-left"></span> Broad range of sessions covering diverse topics in multidisciplinary research.</div> <div class="text"><span class="icon fa fa-quote-left"></span> Gain insights into the latest trends and future directions in multidisciplinary research.</div>  </div> </div> </div> </div> </div>  <div class="testimonial-block-three"> <div class="inner-box"> <div class="row clearfix">  <div class="image-column col-lg-3 col-md-4 col-sm-12"> <div class="inner-column"> <div class="image"> <img src="./images/feature-1.jpg" alt="" /> </div> </div> </div>  <div class="content-column col-lg-9 col-md-8 col-sm-12"> <div class="inner-column"> <div class="text"><span class="icon fa fa-quote-left"></span> Participate in hands-on workshops.</div> <div class="text"><span class="icon fa fa-quote-left"></span> Elevate your research skills and promote the practical application of knowledge.</div>  </div> </div> </div> </div> </div>  <div class="testimonial-block-three"> <div class="inner-box"> <div class="row clearfix">  <div class="image-column col-lg-3 col-md-4 col-sm-12"> <div class="inner-column"> <div class="image"> <img src="./images/feature-5.jpg" alt="" /> </div> </div> </div>  <div class="content-column col-lg-9 col-md-8 col-sm-12"> <div class="inner-column"> <div class="text"><span class="icon fa fa-quote-left"></span> Present your research with impact through physical or virtual presentations</div> <div class="text"><span class="icon fa fa-quote-left"></span>Forge connections for lasting collaborations that extend beyond the conference.</div>  </div> </div> </div> </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 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">  <div class="widgets-section"> <div class="row clearfix">  <div class="big-column col-lg-9 col-md-12 col-sm-12"> <div class="row clearfix">  <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>  <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="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>   </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">  <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>   <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>  </div>  <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/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>  <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>   <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>  <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"> </script>  <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">  <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>  <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> </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>   </body> </html>

CINXE.COM

Research Conference Singapore | International Conference on Multidisciplinary Research