CINXE.COM

Conferences in Singapore | International Conferences 2025 - wcmri

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Conferences in Singapore | International Conferences 2025 - wcmri</title> <meta name="keywords" content="conferences in singapore, international research conference, research conference in singapore"> <!-- 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&amp;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&amp;display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&amp;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"> <meta name="robots" content="index, follow"/> <link rel="canonical" href="https://wcmri.org//venue.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 --> <style> .news-detail .inner-box .lower-content { position: relative; padding: 20px 25px 20px !important; } .ch-img { position: fixed; right: -34px; padding: 5px 20px; top: 30%; left: auto; display: block; transform: rotate( 360deg); z-index: 2999; border-radius: 5px; cursor: pointer; } .sec-title-two h2 { line-height: 35px; font-weight: 800; font-size: 30px; color: rgb(2 0 51); margin-bottom: var(--margin-bottom-10); } .testimonial-block-three .inner-box .content-column .text { position: relative; color: #d9d9d9; font-size: 15px; font-weight: 400; line-height: 1.6em; padding-left: 50px; margin-bottom: 20px; } .testimonial-section-two .owl-nav { position: absolute; margin-left: 330px; margin-top: -54px; } .sdg-image img { max-width: 370px !important; max-height: 220px !important; } .sdg-content p { text-align: justify !important; } .sdg-content p i { color: #1f1bfd; } .venue-h { padding-left: 20px !important; color: #020033; margin-bottom: 10px; } .venue-h:before { position: absolute; content: "\f157"; left: 0px; font-size: 25px; top: 0px; font-weight: 700; color: #05d3a6; font-family: "flaticon"; } </style> </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>Venue</li> </ul> <h2>Venue</h2> </div> </section> <!--End Page Title--> <!-- About Section Two --> <section class="about-section pb-0" style="background-image:url(images/background/pattern-14.png)"> <div class="auto-container"> <div class="row d-flex justify-content-center"> <div class="col-lg-6 p-3" style="margin-bottom:30px;"> <div style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;padding:20px;background-color:#fff;min-height:260px;"> <h3 class="venue-h"> &nbsp; Location</h3> <div> <!-- <p style="font-size:18px;font-weight:bold;">Venue : <strong style="font-size:20px;font-weight:bold;color:#ff0078;">Furama RiverFront </strong> </p> --> <h5 style="font-weight:bold;;">Address:Furama RiverFront</h5> <p>405 Havelock Rd, Singapore 169633</p> </div> </div> </div> <div class="col-lg-6 p-3" style="margin-bottom:30px;"> <div style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;padding:20px;background-color:#fff;"> <div class="mapouter"> <div class="gmap_canvas"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15955.242305448612!2d103.8358758!3d1.2877908!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31da1977b165dfcd%3A0x939e0c251389175e!2sFurama%20RiverFront!5e0!3m2!1sen!2sin!4v1709272284334!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> <style> .mapouter { position: relative; text-align: right; width: 100%; height: 220px; } .gmap_canvas { overflow: hidden; background: none !important; width: 100%; height: 220px; } .gmap_iframe { width: 100% !important; height: 220px !important; } </style> </div> </div> </div> </div> </div> </section> <!-- End About Section Two --> <style> .inner-ul { margin-left:20px; } .inner-ul li { margin-left:20px; } .border-box { border: 1px dashed #020033; padding: 10px 15px; border-radius: 10px; margin-bottom:15px; } </style> <!-- venue details --> <section class=" mb-4 pt-1"> <div class="auto-container"> <div class="row clearfix"> <!-- Content Column --> <div class="content-column col-lg-12 col-md-12 col-sm-12"> <div class="inner-column"> <div class="sec-title-two"> <!-- <div class="title">Objective of the Conference</div> --> <!-- <h2>WELCOME TO 4TH ICAKMPET</h2> --> <div class="sec-title-three centered mb-1"> <h2>Popular Places in <span>Singapore</span></h2> <!-- <p>To view more kindly check this link: <a href="https://traveltriangle.com/blog/places-to-visit-in-manila/ " target="_blank">https://traveltriangle.com/blog/places-to-visit-in-manila/ </a> </p> --> </div> </div> </div> </div> <div class="col-lg-12 px-4 py-2"> <div class="sdg-container row"> <div class="sdg-image col-lg-4"> <img src="imgs/new/v1.png" alt=""> </div> <div class="sdg-content col-lg-8"> <h6> Universal Studios Singapore</h6> <p> <i class="fa fa-check-square" aria-hidden="true"></i> With 12 thrilling rides and 6 different themed zones, Universal Studios Singapore has remarked itself as one of the best adventure parks in the world. From adults to children, there is something for every age group here. From uniquely crafted themed zones to spectacular city skyline views, the park takes you into the world of mini Hollywood.</p> </div> </div> </div> <div class="col-lg-12 px-4 py-2"> <div class="sdg-container row"> <div class="sdg-content col-lg-8"> <h6> Night Safari Nocturnal Wildlife Park</h6> <p> <i class="fa fa-check-square" aria-hidden="true"></i> The Night Safari in Singapore opens its shutter post the dusk falls and welcomes you into a thrilling world of nocturnal species and their lowly-lit homes. It is home to over 2,500 resident animals from a myriad of 130 species, including the Malayan Tiger and Malayan Tapir.</b> </p> </div> <div class="sdg-image col-lg-4"> <img src="imgs/new/v2.png" alt=""> </div> </div> </div> <div class="col-lg-12 px-4 py-2"> <div class="sdg-container row"> <div class="sdg-image col-lg-4"> <img src="imgs/new/v3.png" alt=""> </div> <div class="sdg-content col-lg-8"> <h6> Gardens By The Bay</h6> <p> <i class="fa fa-check-square" aria-hidden="true"></i> Gardens by the Bay, offer spellbinding views of the waterfront. The place is perfect for a leisure walk with your beloved with its tranquil surroundings and picturesque backdrops. While the gardens look fascinating throughout the day, the view in the nightlight makes it all the more magical.</p> </div> </div> </div> <div class="col-lg-12 px-4 py-2"> <div class="sdg-container row"> <div class="sdg-content col-lg-8"> <h6> Wings of Time</h6> <p> <i class="fa fa-check-square" aria-hidden="true"></i> A pivotal component of Singapore's "City in a Garden" initiative, Gardens by the Bay encompasses 101 hectares of prime urban space in the heart of Marina Bay, Singapore's burgeoning downtown. Comprising three distinctive waterfront gardens鈥擝ay South, Bay East, and Bay Central鈥擥ardens by the Bay is poised to exemplify horticultural excellence and artistic garden design, serving as a platform to introduce global plant diversity to Singapore and showcase Singapore's natural beauty to the global stage.</b> </p> </div> <div class="sdg-image col-lg-4"> <img src="imgs/new/v4.png" alt=""> </div> </div> </div> <div class="col-lg-12 px-4 py-2"> <div class="sdg-container row"> <div class="sdg-image col-lg-4"> <img src="imgs/new/v5.png" alt=""> </div> <div class="sdg-content col-lg-8"> <h6> Sentosa Island</h6> <p> <i class="fa fa-check-square" aria-hidden="true"></i> Sentosa Island is the one-stop destination for all kinds of fun, food, and entertainment. It houses all the major delights of Singapore under one roof. If you want to relish in the laps of nature, then head to the Siloso beach nestled amidst the island for it is a place you鈥檒l fall in love with at the first sight.</p> </div> </div> </div> <div class="col-lg-12 px-4 py-2"> <div class="sdg-container row"> <div class="sdg-content col-lg-8"> <h6> Singapore Cable Car</h6> <p> <i class="fa fa-check-square" aria-hidden="true"></i> If you want to enjoy an overview of Singapore, the best option is to hop into one of the Singapore cable cars and get ready for a thoroughly engrossing journey with mesmerizing views to please your senses. In addition to being a transportation system, Singapore cable car is also an extremely popular tourist attraction for the spectacular 360-degree views of the city one is promised during this ride.</b> </p> </div> <div class="sdg-image col-lg-4"> <img src="imgs/new/v6.png" alt=""> </div> </div> </div> <div class="col-lg-12 px-4 py-2"> <div class="sdg-container row"> <div class="sdg-image col-lg-4"> <img src="imgs/new/v7.png" alt=""> </div> <div class="sdg-content col-lg-8"> <h6> Marina Bay</h6> <p> <i class="fa fa-check-square" aria-hidden="true"></i> With the finest options for dining in the region and an ultra-luxury hotel, Marina Bay is an upscale shopping complex with various international brands to offer also there are a lot of things to do in marina bay in Singapore. Relish nature and fresh air at Gardens by the Bay or take a leisurely stroll while soaking in the gleaming sight of the waterfront promenade, there are all kinds of pleasures within this bay.</p> </div> </div> </div> <!-- <div class="col-lg-12 px-4 py-2"> <div class="sdg-container row"> <div class="sdg-content col-lg-8"> <h6> Ancol Dreamland - Theme Park For All Ages</h6> <p> <i class="fa fa-check-square" aria-hidden="true"></i> Amongst the best places to see in Jakarta, the Ancol Dreamland will you a chance to get away from the sightseeing. It is considered the best theme park in the country. If you are traveling with kids, there is no place better than this theme park to enjoy rides etc. This huge park includes a bowling arena, Fantasy World, Ocean Dream Samudra, Water Adventure Park and a lot of rollercoaster rides, aquarium, and beaches. The city of Jakarta is known for its humid weather and this park will give you a chance to get away from the humidity for a while, which is why it is one of the best places to visit in Jakarta city in summer.</b> </p> </div> <div class="sdg-image col-lg-4"> <img src="imgs/new/v8.png" alt=""> </div> </div> </div> --> <!-- <div class="col-lg-12 px-4 py-2"> <div class="sdg-container row"> <div class="sdg-image col-lg-4"> <img src="imgs/new/v9.png" alt=""> </div> <div class="sdg-content col-lg-8"> <h6> National Museum of Indonesia - Historic Exhibitions</h6> <p> <i class="fa fa-check-square" aria-hidden="true"></i> It is located close to Merdeka Square and is amongst the top places to visit in Jakarta Indonesia. The museum has an amazing collection of artifacts which gives a detailed perspective on the history and cultural heritage of Indonesia. If you like to explore the history of the places you visit this is made for you. You will find the Hindu-Buddhist artwork of the building very interesting and the treasure room with amazing gold artifacts will leave you in a state of awe. The collection of ancient ceramics and prehistoric finds will leave you mesmerized. In the end, the weapon collection will give you a glimpse of wars that the country has fought in history and how weapons were developed with time.</p> </div> </div> </div> --> <!-- <div class="col-lg-12 px-4 py-2"> <div class="sdg-container row"> <div class="sdg-content col-lg-8"> <h6> Jakarta Cathedral - Roman Architectural Wonder</h6> <p> <i class="fa fa-check-square" aria-hidden="true"></i> Though the Cathedral stands nowhere close to the Istiqlal Mosque in terms of size, it is still one of the finest places to visit in Jakarta city. It was built in 1901 and it serves as the seat of the Roman Catholic establishment since the beginning. The front side of the church has some amazing Roman decorations and stunning white spires. The interiors give a glimpse of European cathedrals and offer a very different view of the religion in the country. The Catholic roots of the country get a fresh breath of air in this cathedral. All in all, the awesome architecture and peaceful aura of this church are sure to calm your souls. </b> </p> </div> <div class="sdg-image col-lg-4"> <img src="imgs/new/v10.png" alt=""> </div> </div> </div> --> <!-- <div class="col-lg-12"> <p class="blockquote text-center font-weight-bold mt-3 mb-4">By actively aligning the conference with these Sustainable Development Goals, ICAKMPET-2025 can contribute to a more sustainable and inclusive future through the dissemination of knowledge, collaboration, and innovative solutions.</p> </div> --> </div> </div> </section> <!-- end venue details --> <section class="about-section mt-40"> <div class="container"> <div class="row clearfix"> <div class="content-column col-lg-12 col-md-12 col-sm-12"> <div class="inner-column"> <div class="sec-title-two mb-0"> <!-- <div class="title">Objective of the Conference</div> --> <!-- <div class="row"> <div class="col-lg-12"> <h5 class="mb-2">Visa-free for up to 59 days</h5> <p>Passport holders of the following countries can enter and stay in the Philippines without a visa for up to 59 days:</p> <div class="row px-3"> <ul class="col-sm-6 list-group"> <li class="list-group-item">Brazil</li> </ul> <ul class="col-sm-6 list-group"> <li class="list-group-item">Israel</li> </ul> </div> </div> </div> --> <div class="row mt-5"> <div class="col-lg-12"> <h2>VISA FREE COUNTRIES</h2> <p><b>For more details kindly check this link: </b> <a href="https://www.ivisa.com/singapore/blog/do-i-need-a-visa-for-singapore#:~:text=There%20is%20no%20need%20to,Card%20before%20traveling%20to%20Singapore " target="_blank">CLICK HERE</a> </p> </div> <ul class="col-lg-3 col-sm-6 list-group"> <li class="list-group-item">Australia</li> <li class="list-group-item">South Korea</li> </ul> <ul class="col-lg-3 col-sm-6 list-group"> <li class="list-group-item">United States</li> <li class="list-group-item">New Zealand</li> </ul> <ul class="col-lg-3 col-sm-6 list-group"> <li class="list-group-item">Switzerland</li> <li class="list-group-item">European Union Citizens</li> </ul> <ul class="col-lg-3 col-sm-6 list-group"> <li class="list-group-item">Norway</li> <li class="list-group-item">United Kingdom</li> </ul> <!-- <ul class="col-lg-2 col-sm-6 list-group"> <li class="list-group-item">Rwanda</li> <li class="list-group-item">Samoa</li> <li class="list-group-item">Singapore</li> <li class="list-group-item">Saint Vincent and the Grenadines</li> <li class="list-group-item">Suriname</li> </ul> <ul class="col-lg-2 col-sm-6 list-group"> <li class="list-group-item">Taiwan</li> <li class="list-group-item">Tajikistan</li> <li class="list-group-item">Thailand</li> <li class="list-group-item">Vanuatu</li> <li class="list-group-item">Vietnam</li> </ul> --> </div> <!-- <div class="row mt-5"> <div class="col-lg-12"> <h5 class="mb-2">Visa-free for up to 14 days</h5> <p>Passport-holders of the following countries can stay in the Philippines without a visa for up to 14 days:</p> <div class="row px-3"> <ul class="col-sm-3 list-group"> <li class="list-group-item">Hong Kong</li> </ul> <ul class="col-sm-3 list-group"> <li class="list-group-item">Macau</li> </ul> <ul class="col-sm-6 list-group"> <li class="list-group-item">Portugal (but who are permanent residents of Macau)</li> </ul> </div> </div> </div> --> </div> </div> </div> </div> <div class="row p-3 border border-2 d-flex "> <div class="col-lg-12 d-flex"> <div class="inner-column"> <div class="sec-title-two mb-0"> <h2>Roman Architectural Wonder</h2> </div> <p> <b>click here:</b> <a href="https://www.mfa.gov.sg/Services/Visitors/Visa-Information" target="_blank">https://www.mfa.gov.sg/Services/Visitors/Visa-Information</a></p> </div> </div> </div> <div class="row mt-4 p-3 border border-2 d-flex justify-content-center"> <div class="col-lg-12 d-flex "> <div class="inner-column"> <div class="sec-title-two mb-0"> <h2>To apply E-Visa:</h2> </div> <a href="https://ivisa.govassist.com/singapore/apply-now " target="_blank">https://ivisa.govassist.com/singapore/apply-now</a> <p>The Singapore eVisa is valid for 63 days after issued and allows the holder a maximum stay of 30 days Per Entry.</p> </div> </div> </div> <!-- <div class="row mt-4 p-3 border border-2 d-flex justify-content-center"> <div class="col-lg-12 d-flex justify-content-center"> <div class="inner-column"> <div class="sec-title-two mb-0"> <h2>Airports nearby</h2> <p>The nearest airport to Singapore is Singapore Seletar Apt (XSP) Airport which is 14.3 km away. Other nearby airports include Singapore Changi (SIN) (17.2 km), Hang Nadim (BTH) (34.8 km) and Senai (JHB) (43.6 km).</p> </div> </div> </div> </div> --> <!-- </div> </section> --> <div class="row mt-4 p-3 border border-2 d-flex justify-content-center"> <div class="col-lg-12 d-flex justify-content-center"> <div class="inner-column"> <div class="sec-title-two mb-0"> <h4>How to reach the venue from the Airport: </h4> <p>To reach Furama RiverFront in Singapore from Changi Airport (SIN), here are the transportation options: </p> <div class="row mt-4 d-flex justify-content-center"> <div class="col-lg-12"> <div class="border-box"> <h5>1.By Taxi </h5> <ul class="list-style-three "> <li>Duration: 20-25 minutes (depending on traffic). </li> <li> Cost: Approximately 20-30 SGD. </li> <li> Directions: Taxis are available at the designated taxi stands outside Changi Airport's terminals. The taxi ride to Furama RiverFront is quick and convenient, though costs may vary based on time of day (additional surcharges may apply during peak hours). </li> </ul> </div> </div> <div class="col-lg-12"> <div class="border-box"> <h5>2.By Private Transfer </h5> <ul class="list-style-three "> <li>Duration: 20-25 minutes. </li> <li> Cost: Approximately 50-70 SGD (depending on provider). </li> <li>Directions: You can pre-arrange a private transfer with the hotel or book through third-party providers. This option ensures a smooth, comfortable, and direct journey. </li> </ul> </div> </div> <div class="col-lg-12"> <div class="border-box"> <h5>3.By Airport Shuttle </h5> <ul class="list-style-three "> <li>Duration: 30-40 minutes. </li> <li> Cost: Around 9-12 SGD per person. </li> <li> Directions: The Changi Airport Shuttle Service operates between the airport and major hotels in Singapore, including Furama RiverFront. Look for the shuttle counter at the airport or check if your hotel offers this service. </li> </ul> </div> </div> <div class="col-lg-12"> <div class="border-box"> <h5>4.By MRT (Mass Rapid Transit) </h5> <ul class="list-style-three "> <li>Duration: 40-50 minutes. </li> <li> Cost: Around 2-3 SGD. </li> <li>Directions: <ul class="list-style-three inner-ul"> <li>Take the East West Line (EWL) from Changi Airport MRT Station to Tanah Merah MRT Station (2 stops).</li> <li>Transfer to the Downtown Line (DTL) at Tanah Merah MRT and head towards Bukit Panjang. </li> <li>Alight at Chinatown MRT Station (6 stops).</li> <li>From Chinatown, it's a short 10-minute walk to Furama RiverFront. Alternatively, you can take a bus or taxi from Chinatown MRT for added convenience. </li> </ul> </li> </ul> </div> </div> <div class="col-lg-12"> <div class="border-box"> <h5>5. By Bus </h5> <ul class="list-style-three "> <li>Duration: 40-50 minutes. </li> <li> Cost: Around 2 SGD. </li> <li>Directions: You can take Bus 36 from Changi Airport (available outside Terminals 1, 2, and 3). The bus travels to Shenton Way and other parts of Singapore, with a stop near Furama RiverFront. Alight at the nearest bus stop and walk to the hotel. </li> </ul> </div> </div> <div class="col-lg-12"> <div class="border-box"> <h5>Summary: </h5> <ul class="list-style-three "> <li>Taxis and private transfers are the quickest and most convenient options from Changi Airport to Furama RiverFront. </li> <li>Public transport options like MRT and bus are more affordable but involve transfers and walking. </li> </ul> </div> </div> </div> </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 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">&copy; 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">&times;</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]--> <div class="modal fade " id="myModals" 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: linear-gradient(45deg, #010223, #010223);"> <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: black;">脳</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"onclick="buuton_click()"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> <!-- <div class="ch-img"id="ch"> <a href="" data-toggle="modal" data-target="#myModals" title="Click for More Details" target="blank" style="color: #fff;"> <div class="row "style="display:flex;"> <div class="col-sm-10"> <p class=" "style="background: linear-gradient(318deg, #0e1318, #0e1318); color: #fff; padding: 7px 6px; border: 4px outset; font-size: 13px; font-weight: 600; text-align: center; border-radius: 0px; line-height: 18px; font-family: 'Poppins';"data-toggle="modal" data-target="#myModals11">Express your Interest for <br>Conference and Travel package</p></div> <div class="col-sm-1"> <button type="button" class="close cls-btn" data-backdrop="false" data-dismiss="modal" aria-hidden="true"style= "position: absolute; right: 35px; top: -7px; float: right; background: #ffffff; border-radius: 50px; padding: 2px 1px; opacity: 1; width: 23px; height: 24px;">脳</button></div></div></a></div> --> </body> <script> $(document).ready(function() { $(".cls-btn").click(function() { $("#ch").hide(); }); }); </script> <script> var prevScrollpos = window.pageYOffset; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos) { document.getElementById("ch").style.top = "200px"; } else { document.getElementById("ch").style.top = "-550px"; } prevScrollpos = currentScrollPos; } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10