CINXE.COM
Abstract Submission |Call For Paper | ICAKMPET 2025
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <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="description" content="Submit abstracts to ICAKMPET 2025 and present innovative research in Education, Engineering, and Technology field "> <title>Abstract Submission |Call For Paper | ICAKMPET 2025</title> <!-- 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="https://www.icakmpet.com/images/logo-2.jpg"> <!-- 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" /> <!-- Responsive --> <!-- 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-PFS33FJ'); </script> <!-- End Google Tag Manager --> </head> <style> .project-detail-content { margin: 4% 20% 4% 4%; top: 0%; padding: 20px; } .form-control { height: calc(2.25rem + 18px) !important; border-radius: 0px !important; } label { display: inline-block; margin-bottom: .1rem; color: #2e2e2e; font-weight: 600; } .spk h5 { text-align: left !important; color: #b41c56; font-weight: 600; margin-top: 21px !important; border-bottom: 2px dashed #333; padding-bottom: 2px; margin-bottom: 20px; ; font-size: 22px; } .hiddenForm { display: none; } </style> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PFS33FJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- <div class="cursor"></div> --> <!-- 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="./img/logo.svg" alt="" title=""></a></div> </div> <div class="pull-right upper-right clearfix "> <div class="upper-column info-box pl-1 ml-2"> <div class="btn-box "> <a href="" data-toggle="modal" data-target="#Discount" class="theme-btn btn-style-two clearfix" style="line-height: 22px !important;"> <span class="btn-wrap"> <span class="text-one">Conference And <br> Travel Package</span> <span class="text-two">Conference And <br> Travel Package</span> </span> </a> </div> </div> <!-- <div class="upper-column info-box pl-1 ml-2 "> <marquee behavior="alternate" direction="left" style="width: 400px;"> <div class="btn-box "> <a href="#" data-toggle="modal" data-target="#Discount" class="theme-btn btn-style-two clearfix btn-box-1"> <span class="btn-wrap"> <span class="text-one">Conference And Travel Package</span> <span class="text-two">Conference And Travel Package</span> </span> </a> </div> </marquee> </div> --> <!--Info Box--> <!-- <a href="#" data-toggle="modal" data-target="#Discount"> <div class="upper-column info-box"> <div class="icon-box"><span class="flaticon-paper-plane"></span></div> <ul> <li>Conference And <br>Travel Package</li> </ul> </div> </a> --> <!--Info Box--> <div class="upper-column info-box"> <div class="icon-box"><span class="flaticon-phone-call"></span></div> <ul> <li>Phone <br> +1 (205) 350-6655 </li> </ul> </div> <!--Info Box--> <a href="collaboration-with-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@icakmpet.com</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 ICAKMPET</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">Call for paper / 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="membership.php">Membership</a></li> --> <li><a href="tentative-program.php">Tentative Program </a></li> <!-- <li><a href="venue.php">Venue</a></li> <li><a href="contact-us.php">Contact Us</a></li> --> <li><a href="scholarship-program.php">Scholarship </a></li> <li class="dropdown"><a href="#">Venue</a> <ul> <li><a href="venue.php">Venue</a></li> <li><a href="contact-us.php">Contact Us</a></li> </ul> </li> <li class="dropdown"><a href="#">History</a> <ul> <li><a href="icakmpet-4.php"> 4th ICAKMPET-2024</a></li> <li><a href="icakmpet-3.php"> 3rd ICAKMPET-2023</a></li> <li><a href="icakmpet-2.php">2nd ICAKMPET-2021</a></li> <li><a href="icakmpet-1.php">1st ICAKMPET-2019</a></li> </ul> </li> <li class="d-none d-lg-black"> <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="./img/logo.svg" alt="" title=""></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="./img/logo.svg" 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>Submission</li> </ul> <h2>Abstract Submission</h2> </div> </section> <!--End Page Title--> <!-- About Section Two --> <section class="about-section pt-1 pb-0"> <div class="auto-container"> <div class="row clearfix"> <div class="content-column col-lg-12 col-md-12 col-sm-12"> <div class="inner-column p-4"> <div class="sec-title-two mb-0"> <!-- <div class="title">Objective of the Conference</div> --> <h2>Paper Submission</h2> <div class="row mt-5"> <!-- form start --> <div class="col-sm-11 mt-0 p-2 mx-auto mb-5 sub " style=" background: #FFFFFF; box-shadow: 0px 2px 9px 2px rgb(0 0 0 / 17%); padding: 17px !important; "> <form class="conf-form spk" method="post" id="frmSubmit" enctype="multipart/form-data"> <div class="row"> <div class="col-sm-12"> <div class="form-group row"> <div class="col-sm-12"> <label>Conference Name</label> <input class="form-control" value="5th International Conference On Advancing Knowledge from Multidisciplinary Perspectives in Engineering & Technology (ICAKMPET - 2025)" name="conference_name" readonly="" type="text"> <input class="form-control" type="hidden" name="paperid" value="ICAKMPET-2025_CEB_0903" placeholder="Email"> <input class="form-control" type="hidden" name="Date" value="24-11-23" placeholder="Email"> </div> </div> </div> <div class="form-group col-sm-6"> <label>Conference Date</label> <input class="form-control" value="24th & 25th Janaury -2025" name="cdate" id="cdate" readonly="" type="text"> </div> <div class="form-group col-sm-6"> <label>Conference City </label> <input class="form-control" value="Cebu, Philippines" name="city" id="city" readonly="" type="text" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode==32)"> </div> </div> <h5 class="mt-5 mb-4"> Personal Details </h5> <hr> <div class="row"> <div class="form-group col-sm-12"> <label for="">Submission Type*</label> <select class="form-control" name="sub_type" onchange="abstract(this.options[this.selectedIndex].value)" required=""> <option value="">-- Select Any one --</option> <option value="Abstract Submission">Abstract Submission</option> <option value="Full Paper Submission">Full Paper Submission</option> </select> </div> <div class="form-group col-sm-12"> <label>Paper Title*</label> <input class="form-control" type="text" name="ptitle" required="" placeholder="Paper Title" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode==32)"> </div> <div class="form-group col-sm-6"> <label>Author Name*</label> <input class="form-control" type="text" name="name" required="" placeholder="Author Name" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode==32)"> </div> <div class="form-group col-sm-6"> <label>Co-author Name*</label> <input class="form-control" type="text" name="coauthor" required="" placeholder="Co-author Name" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode==32)"> </div> <div class="form-group col-sm-6"> <label>Email id*</label> <input class="form-control" type="email" name="email" required="" placeholder="Email"> </div> <div class="form-group col-sm-6"> <label>Phone Number*</label> <div class="row"> <div class="col-sm-3" style="padding-right: 0px;"> <div class="form-group"> <select class="form-control" name="wexphone" required=""> <option value="">eg: +1</option> <option data-countrycode="DZ" value="213">Algeria (+213) </option> <option data-countrycode="AD" value="376">Andorra (+376) </option> <option data-countrycode="AO" value="244">Angola (+244) </option> <option data-countrycode="AI" value="1264">Anguilla (+1264)</option> <option data-countrycode="AG" value="1268">Antigua & Barbuda (+1268)</option> <option data-countrycode="AR" value="54">Argentina (+54) </option> <option data-countrycode="AM" value="374">Armenia (+374) </option> <option data-countrycode="AW" value="297">Aruba (+297) </option> <option data-countrycode="AU" value="61">Australia (+61) </option> <option data-countrycode="AT" value="43">Austria (+43) </option> <option data-countrycode="AZ" value="994">Azerbaijan (+994)</option> <option data-countrycode="BS" value="1242">Bahamas (+1242)</option> <option data-countrycode="BH" value="973">Bahrain (+973) </option> <option data-countrycode="BD" value="880">Bangladesh (+880)</option> <option data-countrycode="BB" value="1246">Barbados (+1246)</option> <option data-countrycode="BY" value="375">Belarus (+375) </option> <option data-countrycode="BE" value="32">Belgium (+32) </option> <option data-countrycode="BZ" value="501">Belize (+501) </option> <option data-countrycode="BJ" value="229">Benin (+229) </option> <option data-countrycode="BM" value="1441">Bermuda (+1441)</option> <option data-countrycode="BT" value="975">Bhutan (+975) </option> <option data-countrycode="BO" value="591">Bolivia (+591) </option> <option data-countrycode="BA" value="387">Bosnia Herzegovina (+387)</option> <option data-countrycode="BW" value="267">Botswana (+267)</option> <option data-countrycode="BR" value="55">Brazil (+55) </option> <option data-countrycode="BN" value="673">Brunei (+673) </option> <option data-countrycode="BG" value="359">Bulgaria (+359)</option> <option data-countrycode="BF" value="226">Burkina Faso (+226)</option> <option data-countrycode="BI" value="257">Burundi (+257) </option> <option data-countrycode="KH" value="855">Cambodia (+855)</option> <option data-countrycode="CM" value="237">Cameroon (+237)</option> <option data-countrycode="CA" value="1">Canada (+1) </option> <option data-countrycode="CV" value="238">Cape Verde Islands (+238)</option> <option data-countrycode="KY" value="1345">Cayman Islands (+1345)</option> <option data-countrycode="CF" value="236">Central African Republic (+236)</option> <option data-countrycode="CL" value="56">Chile (+56) </option> <option data-countrycode="CN" value="86">China (+86) </option> <option data-countrycode="CO" value="57">Colombia (+57) </option> <option data-countrycode="KM" value="269">Comoros (+269) </option> <option data-countrycode="CG" value="242">Congo (+242) </option> <option data-countrycode="CK" value="682">Cook Islands (+682)</option> <option data-countrycode="CR" value="506">Costa Rica (+506)</option> <option data-countrycode="HR" value="385">Croatia (+385) </option> <option data-countrycode="CU" value="53">Cuba (+53) </option> <option data-countrycode="CY" value="90392">Cyprus North (+90392)</option> <option data-countrycode="CY" value="357">Cyprus South (+357)</option> <option data-countrycode="CZ" value="42">Czech Republic (+42)</option> <option data-countrycode="DK" value="45">Denmark (+45) </option> <option data-countrycode="DJ" value="253">Djibouti (+253)</option> <option data-countrycode="DM" value="1809">Dominica (+1809)</option> <option data-countrycode="DO" value="1809">Dominican Republic (+1809)</option> <option data-countrycode="EC" value="593">Ecuador (+593) </option> <option data-countrycode="EG" value="20">Egypt (+20) </option> <option data-countrycode="SV" value="503">El Salvador (+503)</option> <option data-countrycode="GQ" value="240">Equatorial Guinea (+240)</option> <option data-countrycode="ER" value="291">Eritrea (+291) </option> <option data-countrycode="EE" value="372">Estonia (+372) </option> <option data-countrycode="ET" value="251">Ethiopia (+251)</option> <option data-countrycode="FK" value="500">Falkland Islands (+500)</option> <option data-countrycode="FO" value="298">Faroe Islands (+298)</option> <option data-countrycode="FJ" value="679">Fiji (+679) </option> <option data-countrycode="FI" value="358">Finland (+358) </option> <option data-countrycode="FR" value="33">France (+33) </option> <option data-countrycode="GF" value="594">French Guiana (+594)</option> <option data-countrycode="PF" value="689">French Polynesia (+689)</option> <option data-countrycode="GA" value="241">Gabon (+241) </option> <option data-countrycode="GM" value="220">Gambia (+220) </option> <option data-countrycode="GE" value="7880">Georgia (+7880)</option> <option data-countrycode="DE" value="49">Germany (+49) </option> <option data-countrycode="GH" value="233">Ghana (+233) </option> <option data-countrycode="GI" value="350">Gibraltar (+350)</option> <option data-countrycode="GR" value="30">Greece (+30) </option> <option data-countrycode="GL" value="299">Greenland (+299)</option> <option data-countrycode="GD" value="1473">Grenada (+1473)</option> <option data-countrycode="GP" value="590">Guadeloupe (+590)</option> <option data-countrycode="GU" value="671">Guam (+671) </option> <option data-countrycode="GT" value="502">Guatemala (+502)</option> <option data-countrycode="GN" value="224">Guinea (+224) </option> <option data-countrycode="GW" value="245">Guinea - Bissau (+245)</option> <option data-countrycode="GY" value="592">Guyana (+592) </option> <option data-countrycode="HT" value="509">Haiti (+509) </option> <option data-countrycode="HN" value="504">Honduras (+504)</option> <option data-countrycode="HK" value="852">Hong Kong (+852)</option> <option data-countrycode="HU" value="36">Hungary (+36) </option> <option data-countrycode="IS" value="354">Iceland (+354) </option> <option data-countrycode="IN" value="91">India (+91) </option> <option data-countrycode="ID" value="62">Indonesia (+62) </option> <option data-countrycode="IR" value="98">Iran (+98) </option> <option data-countrycode="IQ" value="964">Iraq (+964) </option> <option data-countrycode="IE" value="353">Ireland (+353) </option> <option data-countrycode="IL" value="972">Israel (+972) </option> <option data-countrycode="IT" value="39">Italy (+39) </option> <option data-countrycode="JM" value="1876">Jamaica (+1876)</option> <option data-countrycode="JP" value="81">Japan (+81) </option> <option data-countrycode="JO" value="962">Jordan (+962) </option> <option data-countrycode="KZ" value="7">Kazakhstan (+7) </option> <option data-countrycode="KE" value="254">Kenya (+254) </option> <option data-countrycode="KI" value="686">Kiribati (+686)</option> <option data-countrycode="KP" value="850">Korea North (+850)</option> <option data-countrycode="KR" value="82">Korea South (+82)</option> <option data-countrycode="KW" value="965">Kuwait (+965) </option> <option data-countrycode="KG" value="996">Kyrgyzstan (+996)</option> <option data-countrycode="LA" value="856">Laos (+856) </option> <option data-countrycode="LV" value="371">Latvia (+371) </option> <option data-countrycode="LB" value="961">Lebanon (+961) </option> <option data-countrycode="LS" value="266">Lesotho (+266) </option> <option data-countrycode="LR" value="231">Liberia (+231) </option> <option data-countrycode="LY" value="218">Libya (+218) </option> <option data-countrycode="LI" value="417">Liechtenstein (+417)</option> <option data-countrycode="LT" value="370">Lithuania (+370)</option> <option data-countrycode="LU" value="352">Luxembourg (+352)</option> <option data-countrycode="MO" value="853">Macao (+853) </option> <option data-countrycode="MK" value="389">Macedonia (+389)</option> <option data-countrycode="MG" value="261">Madagascar (+261)</option> <option data-countrycode="MW" value="265">Malawi (+265) </option> <option data-countrycode="MY" value="60">Malaysia (+60) </option> <option data-countrycode="MV" value="960">Maldives (+960)</option> <option data-countrycode="ML" value="223">Mali (+223) </option> <option data-countrycode="MT" value="356">Malta (+356) </option> <option data-countrycode="MH" value="692">Marshall Islands (+692)</option> <option data-countrycode="MQ" value="596">Martinique (+596)</option> <option data-countrycode="MR" value="222">Mauritania (+222)</option> <option data-countrycode="YT" value="269">Mayotte (+269) </option> <option data-countrycode="MX" value="52">Mexico (+52) </option> <option data-countrycode="FM" value="691">Micronesia (+691)</option> <option data-countrycode="MD" value="373">Moldova (+373) </option> <option data-countrycode="MC" value="377">Monaco (+377) </option> <option data-countrycode="MN" value="976">Mongolia (+976)</option> <option data-countrycode="MS" value="1664">Montserrat (+1664)</option> <option data-countrycode="MA" value="212">Morocco (+212) </option> <option data-countrycode="MZ" value="258">Mozambique (+258)</option> <option data-countrycode="MN" value="95">Myanmar (+95) </option> <option data-countrycode="NA" value="264">Namibia (+264) </option> <option data-countrycode="NR" value="674">Nauru (+674) </option> <option data-countrycode="NP" value="977">Nepal (+977) </option> <option data-countrycode="NL" value="31">Netherlands (+31)</option> <option data-countrycode="NC" value="687">New Caledonia (+687)</option> <option data-countrycode="NZ" value="64">New Zealand (+64)</option> <option data-countrycode="NI" value="505">Nicaragua (+505)</option> <option data-countrycode="NE" value="227">Niger (+227) </option> <option data-countrycode="NG" value="234">Nigeria (+234) </option> <option data-countrycode="NU" value="683">Niue (+683) </option> <option data-countrycode="NF" value="672">Norfolk Islands (+672)</option> <option data-countrycode="NP" value="670">Northern Marianas (+670)</option> <option data-countrycode="NO" value="47">Norway (+47) </option> <option data-countrycode="OM" value="968">Oman (+968) </option> <option data-countrycode="PW" value="680">Palau (+680) </option> <option data-countrycode="PA" value="507">Panama (+507) </option> <option data-countrycode="PG" value="675">Papua New Guinea (+675)</option> <option data-countrycode="PY" value="595">Paraguay (+595)</option> <option data-countrycode="PE" value="51">Peru (+51) </option> <option data-countrycode="PH" value="63">Philippines (+63)</option> <option data-countrycode="PL" value="48">Poland (+48) </option> <option data-countrycode="PT" value="351">Portugal (+351)</option> <option data-countrycode="PR" value="1787">Puerto Rico (+1787)</option> <option data-countrycode="QA" value="974">Qatar (+974) </option> <option data-countrycode="RE" value="262">Reunion (+262) </option> <option data-countrycode="RO" value="40">Romania (+40) </option> <option data-countrycode="RU" value="7">Russia (+7) </option> <option data-countrycode="RW" value="250">Rwanda (+250) </option> <option data-countrycode="SM" value="378">San Marino (+378)</option> <option data-countrycode="ST" value="239">Sao Tome & Principe (+239)</option> <option data-countrycode="SA" value="966">Saudi Arabia (+966)</option> <option data-countrycode="SN" value="221">Senegal (+221) </option> <option data-countrycode="CS" value="381">Serbia (+381) </option> <option data-countrycode="SC" value="248">Seychelles (+248)</option> <option data-countrycode="SL" value="232">Sierra Leone (+232)</option> <option data-countrycode="SG" value="65">Singapore (+65) </option> <option data-countrycode="SK" value="421">Slovak Republic (+421)</option> <option data-countrycode="SI" value="386">Slovenia (+386)</option> <option data-countrycode="SB" value="677">Solomon Islands (+677)</option> <option data-countrycode="SO" value="252">Somalia (+252) </option> <option data-countrycode="ZA" value="27">South Africa (+27)</option> <option data-countrycode="ES" value="34">Spain (+34) </option> <option data-countrycode="LK" value="94">Sri Lanka (+94) </option> <option data-countrycode="SH" value="290">St. Helena (+290)</option> <option data-countrycode="KN" value="1869">St. Kitts (+1869)</option> <option data-countrycode="SC" value="1758">St. Lucia (+1758)</option> <option data-countrycode="SD" value="249">Sudan (+249) </option> <option data-countrycode="SR" value="597">Suriname (+597)</option> <option data-countrycode="SZ" value="268">Swaziland (+268)</option> <option data-countrycode="SE" value="46">Sweden (+46) </option> <option data-countrycode="CH" value="41">Switzerland (+41)</option> <option data-countrycode="SI" value="963">Syria (+963) </option> <option data-countrycode="TW" value="886">Taiwan (+886) </option> <option data-countrycode="TJ" value="7">Tajikstan (+7) </option> <option data-countrycode="TH" value="66">Thailand (+66) </option> <option data-countrycode="TG" value="228">Togo (+228) </option> <option data-countrycode="TO" value="676">Tonga (+676) </option> <option data-countrycode="TT" value="1868">Trinidad & Tobago (+1868)</option> <option data-countrycode="TN" value="216">Tunisia (+216) </option> <option data-countrycode="TR" value="90">Turkey (+90) </option> <option data-countrycode="TM" value="7">Turkmenistan (+7)</option> <option data-countrycode="TM" value="993">Turkmenistan (+993)</option> <option data-countrycode="TC" value="1649">Turks & Caicos Islands (+1649)</option> <option data-countrycode="TV" value="688">Tuvalu (+688) </option> <option data-countrycode="UG" value="256">Uganda (+256) </option> <option data-countryCode="US" value="1">USA (+1) </option> <option data-countrycode="UA" value="380">Ukraine (+380) </option> <option data-countrycode="AE" value="971">United Arab Emirates (+971)</option> <option data-countrycode="UY" value="598">Uruguay (+598) </option> <option data-countrycode="UZ" value="7">Uzbekistan (+7) </option> <option data-countrycode="VU" value="678">Vanuatu (+678) </option> <option data-countrycode="VA" value="379">Vatican City (+379)</option> <option data-countrycode="VE" value="58">Venezuela (+58) </option> <option data-countrycode="VN" value="84">Vietnam (+84) </option> <option data-countrycode="VG" value="84">Virgin Islands - British (+1284)</option> <option data-countrycode="VI" value="84">Virgin Islands - US (+1340)</option> <option data-countrycode="WF" value="681">Wallis & Futuna (+681)</option> <option data-countrycode="YE" value="969">Yemen (North)(+969)</option> <option data-countrycode="YE" value="967">Yemen (South)(+967)</option> <option data-countrycode="ZM" value="260">Zambia (+260) </option> <option data-countrycode="ZW" value="263">Zimbabwe (+263)</option> </select> </div> </div> <div class="col-sm-9" style="padding-left: 0px;"> <div class="form-group"> <input type="text" name="wmobile" class="form-control" id="inputName" placeholder="9800000000" required="" onkeypress="return (event.charCode > 47 && event.charCode < 58) || (event.charCode == 32) || (event.charCode == 43)"> </div> </div> </div> </div> <div class="col-lg-12 col-sm-12 form-group"> <label>Whatsapp/Viber Number*</label> <input id="phone" name="phone_number" type="tel" placeholder="9800000000" onkeypress="return (event.charCode > 47 && event.charCode < 58) || (event.charCode == 32) || (event.charCode == 43)" style="padding-left: 82px; width: 100%;height: 50px;" /> </div> <div class="form-group col-sm-6"> <label>Linkedin URL</label> <input class="form-control" type="text" name="LinkedinURL" placeholder="Linkedin URL"> </div> <div class="form-group col-sm-6"> <label>Facebook URL</label> <input class="form-control" type="text" name="Facebook" placeholder="Facebook URL"> </div> <div class="col-sm-6 form-group"> <label for="">Presentation Type*</label> <select class="form-control" name="phow" onchange="abstract(this.options[this.selectedIndex].value)" required=""> <option value="">--select--</option> <option value="Physical Presentation">Physical Presentation</option> <option value="Virtual Presentation">Virtual Presentation</option> <option value="Poster Presentation"> Poster Presentation</option> </select> </div> <div class="form-group col-sm-6"> <label>University/Institute/Organization Name*</label> <input class="form-control" type="text" name="ins" required="" placeholder="University/Institute/Organization Name" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode==32)"> </div> <div class="form-group col-sm-6"> <label>Designation* </label> <input class="form-control" type="text" name="des" required="" placeholder="Designation" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode==32)"> </div> <div class="form-group col-sm-6"> <label>Department*</label> <input class="form-control" type="text" name="department" required="" placeholder="Department" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode==32)"> </div> <div class="col-sm-12"> <label>Message</label> <textarea class="form-control " name="comments" rows="4" placeholder="Type your message"> </textarea> </div> <div class="form-group col-sm-12 mt-3"> <label>Publication* </label> <select class="form-control" id="formName9" class="formName9" name="indusmentor"> <option selected="selected">-- select -- </option> <option value="1">Yes </option> <option value="no">No</option> </select> </div> <div id="form1" class="hiddenForm form col-sm-12 form-group"> <label for="">Publication in (Drop Down)*:</label> <select class="form-control" name="pub"> <option value="">--select--</option> <option value="Scopus Journal">Scopus Journal</option> <option value="Web Of Science Journal">Web Of Science Journal </option> <option value="Google Scholar Journal">Google Scholar Journal </option> </select> </div> <div class="col-sm-6 form-group"> <div class=" float-label-control "> <label for="">Submit Abstract <span style="color:#dc3545;font-size:13px;">*(uploading file size should be less than 3 MB) <br> (Accepted File Formats: Word (.doc, .docx))</span> </label> <input name="atachment" class="form-control" accept=".doc, .docx" id="attachment" type="file" required=""> </div> </div> <div class="col-sm-6 form-group"> <label for="">How did you get to know about the Conference ?</label> <select class="form-control" name="source" required=""> <option value="">--select--</option> <option value="Conference Alerts">Conference Alerts</option> <option value="Email">Email</option> <option value="Google Search">Google Search</option> <option value="Google Advertisement">Google Advertisement</option> <option value="Referred by Organizing Committee Member">Referred by Organizing Committee Member</option> <option value="Social Media">Social Media</option> <option value="Through the University/ Institute or College">Through the University/ Institute or College</option> <option value="Friend">Friend</option> <option value="oastr">Other</option> </select> </div> <div class="col-lg-12 col-md-12 col-sm-12 form-group"> <div class="g-recaptcha brochure__form__captcha" data-sitekey="6Ld0vc8aAAAAAMoVTkw6ihKS_EXvrtQhA6-BjMDg" style="width:10%"></div> </div> <div class="col-md-12 form-group" style="padding-left: 0px;margin-top: 44px;margin-left: 12px;"> <div class="button-box"> <button type="submit" name="submit" id="btnSubmit" class="theme-btn btn-style"> Submit Your Paper </button> </div> </div> </div> </form> </div> <!-- form end --> </div> </div> </div> </div> </div> </div> </section> <!-- 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="./img/logo.svg" alt="" style="background-color: #fff;" /></a> </div> <div class="text">The 5th International Conference on Advancing Knowledge from Multidisciplinary Perspectives in Education,Engineering & Technology (ICAKMPET), which will transpire on the 24th & 25th of January 2025 , in Philippines.</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 (205) 350-6655">+1 (205) 350-6655</a> </li> <li> <span class="icon flaticon-email"></span> Email Address <a href="mailto:info@icakmpet.com">info@icakmpet.com</a> </li> <li> <span class="icon flaticon-home"></span> Venue <a href="#"> Cebu, Philippines</a> </li> </ul> </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>--> </div> <div class="get-quote-button"> <a href="https://icakmpet.com/listener" data-toggle="tooltip" data-placement="left" title="" target="blank" style="color: #fff;">Register as an 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> <!-- Modal --> <div class="modal fade" id="Discount" 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" style=" background-color: transparent !important; border:none !important;"> <div class="modal-header" style="border: none !important;"> <!-- <h5 class="modal-title" id="staticBackdropLabel">Conference Brochure </h5> --> <button type="button" class="close btn-div-1" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class=" modal-body p-0 modal-body-2 " style="min-height:400px;"> <div class="chris-container d-flex flex-column justify-content-center p-3"> <h4 class="text-center mt-3"> Express Your Interest Today! </h4> <div class="christ-text mt-2 text-center d-flex flex-column justify-content-center"> <h5 class="text-white">Discover leisure with our unique <b> Conference & Travel Packages.</b> Elevate your conference experience while exploring new destinations and creating lasting memories. <b> Fill the form to know get further information.</b> </h5> <!-- <h6 class="text-white blink-text text-center">Claim Your Discount Now!</h6> --> <!-- <div class="coup-code d-flex justify-content-center align-item-center mt-2"> <h5>Use code: IFERPGIFT </h5> </div> --> <div class="mt-3"> <a href="https://docs.google.com/forms/d/e/1FAIpQLSePDGKjRSVGK66IP_Fa7xQmXnjwghcQUyBz-KSbpEGvGmo2Sw/viewform" onclick="buuton_click()" class="btn elementor-button" target="_blank">Register your Interest </a> </div> <p class="text-center mt-3 text-white">We're here to make your conference and travel experience exceptional. </p> </div> </div> </div> </div> </div> </div> <!-- end modal --> <!-- End Footer Style Two --> <!--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/631f2daa54f06e12d8942fa6/1gcoskq36'; 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 --> </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 type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', // includedLanguages: 'en,en,es,fr,id,tl,ms,my,lo,th', includedLanguages: 'en,es,fr,zh-CN,ko,ja,zh-TW,pt-BR,tr,th,id,ru,ar', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element'); } </script> --> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', includedLanguages: 'en,es,fr,zh-CN,ko,ja,zh-TW,pt-BR,tr,th,id,ru,ar', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element'); } </script> <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; } </style> <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><img src="loading.gif" alt="Loading..." />') //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" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"> </script> <script> $(document).ready(function() { // $("#form1").show() $("#formName9").change(function() { var form = "#form" + $(this).val(); if (form == "#formno") { $("#form1").hide(); } $(form).siblings(".hiddenForm").hide() $(form).show(); }); $("#formName8").change(function() { var form = "#form" + $(this).val(); if (form == "#formno1") { $("#form2").hide(); } $(form).siblings(".hiddenForm").hide() $(form).show(); }); $("#formName7").change(function() { var form = "#form" + $(this).val(); if (form == "#formno2") { $("#form3").hide(); } $(form).siblings(".hiddenForm").hide() $(form).show(); }); $("#formName5").change(function() { var form = "#form" + $(this).val(); console.log(form); if (form != "#form5") { $("#form5").hide(); } $(form).siblings(".hiddenForm").hide() $(form).show(); }); }) </script> <script src="validation.js"></script> <script> var phone_number = window.intlTelInput(document.querySelector("#phone"), { separateDialCode: true, preferredCountries: ["in"], hiddenInput: "full", utilsScript: "//cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/js/utils.js" }); $("form").submit(function() { var full_number = phone_number.getNumber(intlTelInputUtils.numberFormat.E164); $("input[name='phone_number[full]'").val(full_number); //alert(full_number) }); </script> <script> jQuery('#frmSubmit').on('submit', function(e) { e.preventDefault(); jQuery('#btnSubmit').html('Please wait...'); jQuery('#btnSubmit').attr('disabled', true); var formData = new FormData(this); // Create FormData object with form data jQuery.ajax({ url: 'https://script.google.com/macros/s/AKfycbzlpx2AevY2Xzsy16-Sbdk6oAdfxYknQUxHMGSBsmk7gA0Pvbpw1R7Luhpq3rs10b4a/exec', type: 'post', data: formData, // Send FormData instead of serialized form data processData: false, // Don't process the data contentType: false, // Don't set contentType success: function(result) { resend(); } }); }); function resend() { var formData = new FormData(jQuery('#frmSubmit')[0]); // Create FormData object with form data jQuery.ajax({ url: 'submission.php', type: 'post', data: formData, // Send FormData instead of serialized form data processData: false, // Don't process the data contentType: false, // Don't set contentType success: function(result) { jQuery('#frmSubmit')[0].reset(); jQuery('#msg').html(result); jQuery('#btnSubmit').attr('disabled', false); window.location.href = 'https://www.icakmpet.com/submission-thank-you.php'; } }); } </script> </body> </html>