CINXE.COM

Listener page

<!DOCTYPE html> <html lang="en"> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <head> <meta charset="utf-8"> <title>Listener page</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"> <!-- Favicon --> <link rel="shortcut icon" type="image/x-icon" href="https://www.iferp.in/assets/images/favicon.png"> <!-- Google Web Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&amp;family=Rubik:wght@400;500;600;700&amp;display=swap" rel="stylesheet"> <!-- Icon Font Stylesheet --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link href="../../cdn.jsdelivr.net/npm/bootstrap-icons%401.4.1/font/bootstrap-icons.css" rel="stylesheet"> <!-- Libraries Stylesheet --> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="lib/animate/animate.min.css" rel="stylesheet"> <!-- Customized Bootstrap Stylesheet --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Template Stylesheet --> <link href="css/style.css" rel="stylesheet"> <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" /> </head> <style> .iti__flag-box, .iti__country-name { margin-right: 6px; color: #292626 !important; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 50px; color: #626264; margin-left: 0; } .iti { position: relative; display: inline-block; width: inherit; } .fa .fa-globe:before { content: "\f0ac"; font-size: 33px; padding-right: 7px; padding-top: 9px; } .stats i:before { font-size: 33px; padding-right: 7px; padding-top: 9px; color: white; } .stats { background: #0e8a88; padding: 7px 5px 1px; text-align: center; /* display: flex; */ align-items: center; box-shadow: 7px 9px 4px #bbbbbb; } .stats p { color: #fff; font-size: 17px; font-weight: 700; line-height: 12px; margin-top: 6px; } .serviceBox:before { min-height: 130px; } .mfp-close { width: 30px; height: 30px; line-height: 30px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 4%; } .fa-check-square { font-size: 15px; color: #f3000b; } .venue-hig { background-color: #06c191; padding: 6px 12px; color: #FFF; display: inline; border-radius: 20px; } .banner-img1 { text-align: center; } .banner-img1 { text-align: center; } .banne-1 { margin-right: 5px !important; } .banne img { border: 1px solid #000000; } @media only screen and (max-width:700px) { .main-slider-two .slide { padding: 50px 0px 43px; } .venue-hig { font-size: 16px; } .banne-1 img { height: 50px !important; width: auto !important; margin-right: 2px !important; } } .inner-box video { border: 1px solid #02896b; } /* Style the overlay */ .video-container .auto-container.title-text { position: absolute; /* top: 50%; left: 0%; transform: translate(50%, -50%); */ z-index: 1; color: white; /* text-align: center; padding: 20px; background-color: rgba(0, 0, 0, 0.6); */ } .video-container video { width: 100%; display: block; } .video-container:before { content: ''; position: absolute; /* background: rgb(0 21 42 / 66%); */ background-image: linear-gradient(35deg, rgb(0 21 42 / 66%), rgb(0 21 42 / 6%)); top: 0; right: 0; z-index: 1; bottom: 0; left: 0; } .them-con { padding: 10px 20px 10px 4px; background-color: #00405a; background-image: linear-gradient(17deg, #00405a 22%, #830017db 74%), url(./images/background/group-images.jpg); /* background-image: url(./img/bg.jpg); */ background-position: center center; background-size: cover; display: inline-block; border-radius: 5px; color: #fff; margin-bottom: 10px; } @media only screen and (min-width: 850px) and (max-width: 1358px) { /* Your styles for this range go here */ .video-container { position: relative; width: 100%; padding-top: 45.25%; padding-bottom: 60px; overflow: hidden; } } .list-style-1 { text-align: left; padding-left: 20px; position: relative; color: #fff !important; z-index: 99; } .list-style-1 li { margin-bottom: 3px; color: #fff; list-style-type: disc; font-family: "Poppins", sans-serif; } /* Style for the left and right arrow buttons */ .three-item-carousel-five .owl-nav { position: absolute; top: 50% !important; width: 100%; display: flex; justify-content: space-between; transform: translateY(-40%); pointer-events: none; } .three-item-carousel-five .owl-nav .owl-prev, .three-item-carousel-five .owl-nav .owl-next { pointer-events: all; background-color: rgb(0 15 112 / 80%); color: #fff; border-radius: 50%; padding: 2px; font-size: 18px; } .three-item-carousel-five .owl-nav .owl-prev { position: absolute; left: -50px; top: 30px; /* Adjust the left position of the previous button */ } .three-item-carousel-five .owl-nav .owl-next { position: absolute; right: -60px; top: 30px; } .testimonial-index { background: #ffffff; text-align: center; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 30px 20px 20px; margin: 0 15px 10px; min-height: 200px; position: relative; border-radius: 10px; } .video-container { position: relative; width: 100%; padding-top: 45.25%; overflow: hidden; } </style> <body> <!-- Navbar & Carousel Start --> <div class="container-fluid position-relative p-0"> <nav class="navbar navbar-expand-lg navbar-dark px-5 py-3 py-lg-0"> <a href="index.php" class="navbar-brand p-0"> <img src="../img/logo-2.svg" alt="" style="width:160px;background-color:#fff;padding:2px;"> <!-- <h1 class="m-0"><i class="fa fa-user-tie me-2"></i>Startup</h1> --> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> <span class="fa fa-bars"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <div class="navbar-nav ms-auto py-0"> <a href="#" class="nav-item nav-link active">Home</a> <a href="#About" class="nav-item nav-link">About Conference</a> <a href="https://www.icmcer.com/scientific-tracks.php" target="_blank" class="nav-item nav-link">Session and Tracks</a> <a href="https://www.icmcer.com/abstract-submission.php" target="_blank" class="nav-item nav-link">Paper Submission</a> <a href="https://www.icmcer.com/conference-registration.php" target="_blank" class="nav-item nav-link">Registration</a> <a href="#contact" class="nav-item nav-link">Contact</a> </div> </div> </nav> <div class="banner"> <div class="container"> <div class="row" style="width: -webkit-fill-available !important;"> <div class="col-lg-8 "> <div class="d-flex flex-wrap gap-1 mt-4 justify-content-start"> <div class="d-flex align-items-center mb-4 wow fadeIn border border-2 border-white" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeIn;background-color:#00000057;"> <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width:45px; height:45px;margin: 5px;"> <i class="fas fa-calendar-alt text-white fs-5"></i> </div> <div class="ps-4 pe-2"> <h4 class="text-white mb-0 fs-6">13th - 14th March, 2025</h4> </div> </div> <div class="d-flex align-items-center mb-4 wow fadeIn border border-2 border-white" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeIn;background-color: #00000057;"> <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width:45px; height:45px;margin: 5px;"> <i class="fas fa-map-marker-alt text-white fs-5"></i> </div> <div class="ps-4 pe-2"> <h4 class="text-white mb-0 pe-2 fs-6">BANGKOK, THAILAND</h4> </div> </div> </div> <div class="p-1 "> <h5 class="text-white text-uppercase mb-3 animated slideInDown">6th International <span>Conference on</span> </h5> <h4 class=" text-white mb-md-4 animated zoomIn"> <span>Multidisciplinary </span> and Current Educational Research (ICMCER-2025) </h4> <h3 class="text-center text-white my-1" style="font-size:18px; text-align: left !important;"> Hybrid conference (Inperson+Virtual) <br> <span style="font-size:13px !important;"> You can participate in person at Bangkok, Thailand or Virtually from your home or work.</span> </h3> <div class="them-con"> <h3 class="text-center text-white" style="font-size: 16px; text-align: left !important;"> Theme: “Transformative Learning for Sustainable Development: <br> Insights from Multidisciplinary Research” </h3> </div> <div class="text mb-0 mt-2 text-white"><span>ISBN :</span> 978-81-976209-4-2 </div> <div class="mt-3"> <h5 class="text-left text-white mb-4" style=" font-size: 16px; line-height: 22px; ">Organized by : IFERP Academy - Thailand Society </h5> <!-- <img src="https://iferp-in-docs.s3.ap-south-1.amazonaws.com/iferp-logos/2025/IFERP-Aca.jpg" class="mb-3" alt="" style="height:62px;"> --> </div> <div class="banner-img1" style="text-align: left;display:flex;;margin-bottom:15px;"> <div class="banne banne-1"> <img src="./img/iferp.jpeg" class="ba" alt="" style="height:62px;" /> </div> <div class="banne banne-1"> <img src="./img/002.png" class="ba" alt="" /> </div> <div class="banne banne-1"> <img src="./img/004.png" class="ba" alt="" /> </div> </div> <a href="../journals-and-publication.php" class="btn btn-info py-md-2 px-md-5 mt-3 me-3 animated slideInLeft">Journal Publications</a> <!-- <a href="https://www.iferp.in/webinar/impact-of-emerging-technologies.php" target="_blank" class="btn btn-info py-md-2 px-md-5 mt-3 me-3 animated slideInLeft">Pre Conference IFDP</a> --> </div> </div> <div class="col-lg-4 mt-2"> <div class="bg-primary rounded d-flex flex-column align-items-center p-4 wow zoomIn" data-wow-delay="0.9s"> <h5 class="text-center text-white mb-3">REGISTER AS A LISTENER</h5> <form id="phone-form" action="reser-bro.php" method="post"> <div class="row g-2"> <div class="col-xl-12 form-group"> <input type="text" name="name" class="form-control bg-light border-0" placeholder="Your Name" style="height: 45px;"> </div> <div class="col-12 form-group"> <input type="email" name="email" class="form-control bg-light border-0" placeholder="Your Email" style="height: 45px;"> </div> <div class="col-12 form-group"> <input type="text" id="phone_number" class="form-control" placeholder="Phone Number" name="phone_number[main]" onkeypress="return (event.charCode > 47 && event.charCode < 58) || (event.charCode == 32) || (event.charCode == 43)"> </div> <div class="form-item"> <select id="country" name="country" class="form-control" required="" style="height: 45px;"> <option value="">-- Select Country --</option> <option value="Afghanistan">Afghanistan</option> <option value="Ć…land Islands">Ć…land Islands</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="Brunei Darussalam">Brunei Darussalam</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Cape Verde">Cape Verde</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</option> <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Cote D'ivoire">Cote D'ivoire</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas) </option> <option value="Faroe Islands">Faroe Islands</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories </option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guernsey">Guernsey</option> <option value="Guinea">Guinea</option> <option value="Guinea-bissau">Guinea-bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> <option value="Holy See (Vatican City State)">Holy See (Vatican City State) </option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Isle of Man">Isle of Man</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jersey">Jersey</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> <option value="Korea, Republic of">Korea, Republic of</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macao">Macao</option> <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> <option value="Moldova, Republic of">Moldova, Republic of</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montenegro">Montenegro</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="Netherlands Antilles">Netherlands Antilles</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russian Federation">Russian Federation</option> <option value="Rwanda">Rwanda</option> <option value="Saint Helena">Saint Helena</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> <option value="Swaziland">Swaziland</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syrian Arab Republic">Syrian Arab Republic</option> <option value="Taiwan, Province of China">Taiwan, Province of China</option> <option value="Tajikistan">Tajikistan</option> <option value="Tanzania, United Republic of">Tanzania, United Republic of </option> <option value="Thailand">Thailand</option> <option value="Timor-leste">Timor-leste</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United States">United States</option> <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> <option value="Uruguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Venezuela">Venezuela</option> <option value="Viet Nam">Viet Nam</option> <option value="Virgin Islands, British">Virgin Islands, British</option> <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> <option value="Wallis and Futuna">Wallis and Futuna</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> </div> <div class="col-12 form-group"> <select class="form-select bg-light border-0" style="height: 45px;" name="how"> <option selected>How did you get to know about the Conference ?</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="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="Othfoot">Other</option> </select> </div> <div class="col-12 form-group"> <select class="form-select bg-light border-0" name="type" style="height: 45px;"> <option selected>-- Reserve as --</option> <option value=" Physical Listener "> Physical Listener </option> <option value="Virtual Listener">Virtual Listener</option> </select> </div> <div class="g-recaptcha brochure__form__captcha" data-sitekey="6LeVZfUiAAAAAG88SJ1Csr_MW1A7TnMCiqpwmAQn" style="width:10%"></div> <div class="col-12 "> <button class="btn btn-dark w-100 py-2" type="submit" style="height:50px;">Reserve Now</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> <!-- Navbar & Carousel End --> <!-- Full Screen Search Start --> <div class="modal fade" id="searchModal" tabindex="-1"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content" style="background: rgba(9, 30, 62, .7);"> <div class="modal-header border-0"> <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body d-flex align-items-center justify-content-center"> <div class="input-group" style="max-width: 600px;"> <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword"> <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button> </div> </div> </div> </div> </div> <!-- Full Screen Search End --> <!-- Facts Start --> <div class="container-fluid facts py-3 pt-lg-0"> <div class="container py-2 pt-lg-0"> <div class="row gx-0"> <div class="col-lg-5 wow zoomIn" data-wow-delay="0.1s"> <div class="bg-primary shadow d-flex align-items-center justify-content-center p-3" style="min-height: 150px;"> <div class="timer-acc"> <ul class="timer-clock d-flex justify-content-between"> <li> <span id="day">00</span> <small>DAYS</small> </li> <li> <span id="hour">00</span> <small>HOURS</small> </li> <li> <span id="minute">00</span> <small>MINS</small> </li> <li> <span id="second">00</span> <small>SECO</small> </li> </ul> </div> </div> </div> <div class="col-lg-5 wow zoomIn" data-wow-delay="0.3s"> <div class="bg-light shadow d-flex flex-column align-items-center justify-content-center p-4" style="height: 150px;"> <!-- <div class="bg-primary d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;"> <i class="fa fa-check text-white"></i> </div> --> <div class="ps-4"> <h5 class="text-primary mb-0">Social Media</h5> <!-- <h1 class="mb-0" data-toggle="counter-up">12345</h1> --> </div> <div class="d-flex mt-4"> <a class="btn btn-info btn-info-e btn-square me-2" href="https://twitter.com/i/flow/login?redirect_after_login=%2Fiferpconnectin1" target="_blank"><i class="fab fa-twitter fw-normal"></i></a> <a class="btn btn-info btn-info-e btn-square me-2" href="https://www.facebook.com/iferp.in/" target="_blank"><i class="fab fa-facebook-f fw-normal"></i></a> <a class="btn btn-info btn-info-e btn-square me-2" href="https://www.linkedin.com/company/30196291/admin/ " target="_blank"><i class="fab fa-linkedin-in fw-normal"></i></a> <a class="btn btn-info btn-info-e btn-square me-2" href="https://www.instagram.com/iferp_in/?igshid=YmMyMTA2M2Y%3D " target="_blank"><i class="fab fa-instagram fw-normal"></i></a> <a class="btn btn-info btn-info-e btn-square" href="https://www.youtube.com/channel/UCgQ7q9Buxj5jwb5dD3ETa7g" target="_blank"><i class="fab fa-youtube fw-normal"></i></a> </div> </div> </div> <!-- <div class="col-lg-4 wow zoomIn" data-wow-delay="0.6s"> <div class="bg-primary shadow d-flex flex-column align-items-center justify-content-center p-4" style="height: 150px;"> <div class="bg-white d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;"> <i class="fa fa-award text-primary"></i> </div> <div class="ps-4"> <h5 class="text-white mb-0">Social Media</h5> <h1 class="text-white mb-0" data-toggle="counter-up">12345</h1> </div> </div> </div> --> </div> </div> </div> <!-- Facts Start --> <!-- <section class="cta-section-one mb-2"> <div class="auto-container"> <marquee width="100%" behavior="alternate" onmouseover="this.stop();" onmouseout="this.start();"> <div class="button-box"> <a href="https://www.iferp.in/webinar/impact-of-emerging-technologies.php" target="_blank" class="btn btn-secondary"> Pre Conference IFDP <span class="plus flaticon-plus"></span> </a> </div> </marquee> </div> </section> --> <!-- <section class="cta-section-one mb-0 pb-0 mt-2"> <div class="auto-container"> <marquee width="100%" behavior="alternate" onmouseover="this.stop();" onmouseout="this.start();"> <div class="button-box"> <a href="https://www.iferp.in/webinar/impact-of-emerging-technologies.php" target="_blank" class="btn btn-primary"> International Faculty Development Programs (IFDP) </a> </div> </marquee> </div> </section> --> <!-- CTA Section --> <!-- <section class="cta-section-one mb-5"> <div class="auto-container"> <div class="row clearfix d-flex justify-content-center"> <div class="col-lg-7 offset-lg-1 col-xs-12 text-center"> <div class="sec-title-two centered mb-0"> <h2 class="text-dark mt-2">Academic Partner</h2> <div class="academic-par"> <div class="academic-img d-flex justify-content-center align-items-center"> <img src="../images/wcem.png" alt="" style="width:170px;"> </div> <h5 class="text-center fw-bold mt-3" style="color:#f3000b;"> Wainganga College of Engineering & Management, Nagpur, India </h5> </div> </div> </div> </div> </div> </section> --> <!-- End CTA Section --> <!-- About Start --> <div class="container-fluid py-3 wow fadeInUp" data-wow-delay="0.1s" id="About"> <div class="container py-5"> <div class="row g-5"> <div class="col-lg-7"> <div class="section-title position-relative pb-3 mb-5"> <h5 class="fw-bold text-primary text-uppercase">About </h5> <h1 class="mb-0">The Conference</h1> </div> <p class="mb-4">The 6th International Conference on Multidisciplinary and Current Educational Research (ICMCER-2025) stands as a prominent gathering scheduled for March 13th-14th, 2025, in Bangkok, Thailand. This conference serves as a nexus for academics, researchers, and educators worldwide, fostering the exchange of pioneering research and innovative methodologies across diverse educational spheres. ICMCER-2025 aims to facilitate collaborative discussions, address contemporary educational challenges, and explore emerging trends to drive transformative changes in education. With an emphasis on practical applications and impactful insights, this event endeavors to shape the future of teaching practices and educational policies on a global scale. </p> <!-- <p class="mb-4"> Professionals from around the world are recognizing that the changes and challenges confronting us require researchers to collaborate more effectively. Research bodies have created a flexible framework of multidisciplinary networks, centres and institutes to facilitate interdisciplinary work. These institutes, centres and networks transcend faculty boundaries to enable the effective advancement of scientific endeavour. Globally, research institutes are addressing some of the most significant issues facing the world today. These institutes are outward looking and work with policy makers and businesses to apply new knowledge and provide independent scientific advice.</p> --> <!-- <div class="row g-0 mb-3"> <div class="col-sm-6 wow zoomIn" data-wow-delay="0.2s"> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Award Winning</h5> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Professional Staff</h5> </div> <div class="col-sm-6 wow zoomIn" data-wow-delay="0.4s"> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>24/7 Support</h5> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Fair Prices</h5> </div> </div> --> <!-- <div class="d-flex align-items-center mb-4 wow fadeIn" data-wow-delay="0.6s"> <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;"> <i class="fa fa-phone-alt text-white"></i> </div> <div class="ps-4"> <h5 class="mb-2">Call to ask any question</h5> <h4 class="text-primary mb-0">+012 345 6789</h4> </div> </div> <a href="quote.html" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s">Request A Quote</a> --> </div> <div class="col-lg-5"> <div class="position-relative"> <img class="position-absolute rounded wow zoomIn" data-wow-delay="0.9s" src="img/about-img.png"> </div> </div> </div> </div> </div> <!-- About End --> <!-- <section class="team-section-two py-3"> <div class="container"> <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;"> <h1 class="mb-0">Keynote Speakers</h1> </div> <div class="row clearfix d-flex justify-content-center"> <div class="team-block-two col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center"> <div class="inner-box wow fadeInLeft animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInLeft;"> <div class="image d-flex justify-content-center"> <img src="../img/icmcer-spk-1.png" alt="" style="width: 230px;margin:auto;"> </div> <div class="lower-content text-center mt-2"> <h4>Assoc Prof.Dr Abdul Rahim Ridzuan</h4> <div class="designation">Department of Economics and Finance<br>Universiti Teknologi MARA <br>Malaysia </div> </div> </div> </div> <div class="team-block-two col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center"> <div class="inner-box wow fadeInLeft animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInLeft;"> <div class="image d-flex justify-content-center"> <img src="../img/icmcer-spk-2.png" alt="" style="width: 230px;margin:auto;"> </div> <div class="lower-content text-center mt-2"> <h4>Prof .Dr. Tarik A. Rashid</h4> <div class="designation">Professor in Computer Science/Artificial Intelligence <br>Director of the Centre for Artificial Intelligence and Innovation <br>Dean of the School of Science and Engineering <br>University of Kurdistan Hewler,Iraq. </div> </div> </div> </div> </div> </div> </section> --> <!-- <section class="mt-5"> <div class="container"> <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;"> <h1 class="mb-0">Session Speakers</h1> </div> <div class="row clearfix d-flex justify-content-center"> <div class="team-block-two col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center"> <div class="inner-box wow fadeInLeft animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInLeft;"> <div class="image d-flex justify-content-center"> <img src="../img/icmcer-ses-spk-2.png" alt="" style="width: 230px;margin:auto;"> </div> <div class="lower-content text-center"> <h4> Assoc Prof. Sr Ts. Dr. Noorsidi Aizuddin Mat Noor</h4> <div class="designation">Faculty of Built Environment and Surveying<br>Universiti Teknologi Malaysia<br>Malaysia </div> </div> </div> </div> <div class="team-block-two col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center"> <div class="inner-box wow fadeInLeft animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInLeft;"> <div class="image d-flex justify-content-center"> <img src="../img/icmcer-ses-spk-1.png" alt="" style="width: 230px;margin:auto;"> </div> <div class="lower-content text-center mt-3"> <h4> Dr. Intakhab Alam Khan</h4> <div class="designation">Professor of Education <br>King Abdulaziz university <br>Saudi Arabia </div> </div> </div> </div> <div class="team-block-two col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center"> <div class="inner-box wow fadeInLeft animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInLeft;"> <div class="image d-flex justify-content-center"> <img src="../img/icmcer-spk-3.png" alt="" style="width: 230px;margin:auto;"> </div> <div class="lower-content text-center mt-3"> <h4> Assist. Prof. Dr. Manzoor Malik</h4> <div class="designation">Program Director (Philosophy and Religion) <br>Assumption University <br>Bangkok City, Thailand </div> </div> </div> </div> <div class="team-block-two col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center"> <div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: hidden; animation-duration: 1500ms; animation-delay: 0ms; animation-name: none;"> <div class="image d-flex justify-content-center"> <img src="../img/icmcer-spk-4.png" alt="" style="width: 230px;margin:auto;"> </div> <div class="lower-content text-center mt-3"> <h4> Dr. Abdel Hamid Soliman </h4> <div class="designation">Professor of Signal Processing and Telecommunications <br>Staffordshire University <br>United Kingdom </div> </div> </div> </div> </div> </div> </section> --> <!-- Features Start --> <div class="container-fluid py-3 wow fadeInUp" data-wow-delay="0.1s"> <div class="container py-5"> <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;"> <h5 class="fw-bold text-primary text-uppercase">Attending a</h5> <h1 class="mb-0">conference as a listener:</h1> </div> <div class="row g-5"> <div class="col-lg-4"> <div class="row g-4"> <div class="col-12 wow zoomIn border-txt" data-wow-delay="0.2s"> <!-- <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;"> <i class="fa fa-cubes text-white"></i> </div> --> <h4><i class="fa fa-check text-primary me-3"></i>Learning:</h4> <p class="mb-0 listener-para">Attending a conference can provide you with the opportunity to learn new things from experts in your field. You can attend workshops, seminars, and talks that cover a wide range of topics and gain new insights and knowledge.</p> </div> <div class="col-12 wow zoomIn border-txt" data-wow-delay="0.8s"> <h4><i class="fa fa-check text-primary me-3"></i> Inspiration:</h4> <p class="mb-0 listener-para">Listening to keynote speakers and engaging with other attendees can be a source of inspiration. You can learn about new projects and initiatives, and get motivated to take on new challenges and pursue your goals.</p> </div> <div class="col-12 wow zoomIn border-txt" data-wow-delay="0.6s"> <!-- <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;"> <i class="fa fa-award text-white"></i> </div> --> <h4><i class="fa fa-check text-primary me-3"></i>Exposure to new ideas:</h4> <p class="mb-0 listener-para">Attending a conference can expose you to new ideas, perspectives, and approaches. This can broaden your thinking and inspire you to explore new areas of interest and research.</p> </div> </div> </div> <div class="col-lg-4 wow zoomIn" data-wow-delay="0.9s" style="min-height: 350px;"> <div class="position-relative h-100"> <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.1s" src="img/feature.jpg" style="object-fit: cover;"> </div> </div> <div class="col-lg-4"> <div class="row g-4"> <div class="col-12 wow zoomIn border-txt" data-wow-delay="0.4s"> <h4><i class="fa fa-check text-primary me-3"></i>Career advancement:</h4> <p class="mb-0 listener-para">Attending a conference can enhance your professional profile by demonstrating your commitment to your field and your desire to stay up-to-date with the latest trends and developments</p> </div> <div class="col-12 wow zoomIn border-txt" data-wow-delay="0.6s"> <h4><i class="fa fa-check text-primary me-3"></i>Networking:</h4> <p class="mb-0 listener-para">Conferences bring together people from different organizations and industries. As a listener, you can connect with like-minded people, build new relationships, and expand your network. This can open up new opportunities for collaboration, job prospects, and partnerships.</p> </div> <div class="col-12 wow zoomIn border-txt" data-wow-delay="0.8s"> <h4><i class="fa fa-check text-primary me-3"></i>Access to resources:</h4> <p class="mb-0 listener-para">Many conferences provide access to resources such as books, research papers, and software tools. As a listener, you can take advantage of these resources to enhance your learning and skills.</p> </div> </div> </div> </div> </div> </div> <!-- Features Start --> <!-- Quote Start --> <div class="container-fluid py-3 wow fadeInUp" data-wow-delay="0.1s"> <div class="container py-5"> <div class="row g-5"> <div class="col-lg-7"> <div class="section-title position-relative pb-3 mb-5"> <!-- <h5 class="fw-bold text-primary text-uppercase">Request A Quote</h5> --> <h1 class="mb-0">What highlights us?</h1> </div> <div class="row gx-3"> <div class="col-sm-12 wow zoomIn" data-wow-delay="0.2s"> <h6 class="mb-4"><i class="fa fa-reply text-primary me-3"></i> We provide a world class platform to researchers, academicians and professionals to share their research findings </h6> </div> <div class="col-sm-12 wow zoomIn" data-wow-delay="0.4s"> <h6 class="mb-4"><i class="fa fa-reply text-primary me-3"></i> ICMCER-2025 will guide the future for better development by ensuring the principles of Integrity, Continuous Learning, Innovation, Leadership and Commitment to Researchers</h6> </div> <div class="col-sm-12 wow zoomIn" data-wow-delay="0.4s"> <h6 class="mb-4"><i class="fa fa-reply text-primary me-3"></i> ICMCER-2025 helps to find professional people to work with on collaborative research projects.</h6> </div> <div class="col-sm-12 wow zoomIn" data-wow-delay="0.4s"> <h6 class="mb-4"><i class="fa fa-reply text-primary me-3"></i> Provide opportunity to work with our world-class professionals in multidisciplinary fields all over the world to improve your professional abilities</h6> </div> <div class="col-sm-12 wow zoomIn" data-wow-delay="0.4s"> <h6 class="mb-4"><i class="fa fa-reply text-primary me-3"></i> Global interaction and networking</h6> </div> </div> </div> <div class="col-lg-5"> <img src="./img/image-2002.jpg" alt=""> </div> </div> </div> </div> <!-- Quote End --> <!-- <section> <div class="container-fluid py-3 wow fadeInUp" data-wow-delay="0.1s"> <div class="container py-5"> <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;"> <h1 class="mb-0">BANK DETAILS</h1> </div> <div class="row g-5 d-flex justify-content-center"> <div class="col-lg-8 col-sm-12"> <table class="table table-bordered table-striped"> <thead> </thead> <tbody> <tr> <td>Beneficiary Name</td> <td>Technoarete Research and Development Association</td> </tr> <tr> <td>BANK NAME</td> <td>Kotak Mahindra Bank</td> </tr> <tr> <td>Account number</td> <td>3311747350</td> </tr> <tr> <td>IFSC CODE</td> <td>KKBK0000466</td> </tr> <tr> <td>Swift Code</td> <td>KKBKINBB</td> </tr> <tr> <td>Branch</td> <td>Kodambakkam, Chennai, India</td> </tr> </tbody> </table> </div> <div class="col-lg-12"> <p class="text-center fw-bold">After Completing Payment, Download the Registration Form fill it and send it to info@icmcer.com with your payment details.</p> <div class="mt-3 mb-3 d-flex justify-content-center"> <a href="../downloads/registration-form.docx" class="btn btn-primary py-2 px-4 ms-3">Download Registration Form</a> </div> </div> </div> </div> </div> </section> --> <!-- Blog Start --> <div class="container-fluid py-3 wow fadeInUp" data-wow-delay="0.1s"> <div class="container py-5"> <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;"> <!-- <h5 class="fw-bold text-primary text-uppercase">Latest Blog</h5> --> <h1 class="mb-0">Why to attend ICMCER – 2025?</h1> </div> <div class="row g-4"> <div class="col-lg-3 col-md-6 wow slideInUp" data-wow-delay="0.3s"> <div class="blog-item bg-light rounded overflow-hidden"> <div class="blog-img position-relative overflow-hidden"> <img class="img-fluid" src="img/blog-1.jpg" alt=""> </div> <div class="p-3"> <h5 class="mb-3 fw-bold">Interact With Eminent International Speakers:</h5> <p class="lh-base">The World's Best Fascinating Industrial Specialists Will Deliver Keynote Presentations</p> </div> </div> </div> <div class="col-lg-3 col-md-6 wow slideInUp" data-wow-delay="0.6s"> <div class="blog-item bg-light rounded overflow-hidden"> <div class="blog-img position-relative overflow-hidden"> <img class="img-fluid" src="img/blog-3.jpg" alt=""> </div> <div class="p-3"> <h5 class="mb-3 fw-bold">Connect with top industry experts:</h5> <p class="lh-lg">Networking opportunities with experts from across the world</p> </div> </div> </div> <div class="col-lg-3 col-md-6 wow slideInUp" data-wow-delay="0.9s"> <div class="blog-item bg-light rounded overflow-hidden"> <div class="blog-img position-relative overflow-hidden"> <img class="img-fluid" src="img/blog-2.jpg" alt=""> </div> <div class="p-3"> <h5 class="mb-3 fw-bold">Technical Presentations :</h5> <p>Experience the outstanding oral, poster, and virtual presentations</p> </div> </div> </div> <div class="col-lg-3 col-md-6 wow slideInUp" data-wow-delay="0.9s"> <div class="blog-item bg-light rounded overflow-hidden"> <div class="blog-img position-relative overflow-hidden"> <img class="img-fluid" src="img/publication.jpg" alt=""> </div> <div class="p-3"> <h5 class="mb-3 fw-bold">Publication:</h5> <p>All accepted papers will be published in Scopus/WOS indexed journals</p> </div> </div> </div> </div> </div> </div> <!-- Blog Start --> <section> <div class="container"> <div class="row d-flex justify-content-center"> <div class="col-lg-6 d-flex justify-content-center"> <div class="d-flex justify-content-center flex-column mb-4"> <!-- <h6 class="text-center">To navigate to the main page</h6> --> <a href="https://www.icmcer.com/" target="_blank" class="btn btn-info py-md-2 px-md-5 mt-1 animated slideInLeft">CLICK HERE</a> </div> </div> </div> </div> </section> <!-- Vendor Start --> <div class="container-fluid py-2 wow fadeInUp" data-wow-delay="0.1s" id="contact"> <div class="container py-2 mb-5"> <div class="row g-5 mb-5"> <div class="col-lg-4"> <div class="d-flex align-items-center wow fadeIn" data-wow-delay="0.1s" style=" border: 1px solid #06daa9;"> <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;"> <i class="fa fa-phone-alt text-white fa-2x"></i> </div> <div class="ps-4"> <h5 class="mb-2">Call/ Whatsapp</h5> <h6 class="text-primary mb-0">+1 (626) 649-4484</h6> </div> </div> </div> <div class="col-lg-4"> <div class="d-flex align-items-center wow fadeIn" data-wow-delay="0.4s" style=" border: 1px solid #06daa9;"> <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;"> <i class="fa fa-envelope-open text-white fa-2x"></i> </div> <div class="ps-4"> <h5 class="mb-2">Email to </h5> <h6 class="text-primary mb-0"> <a href="mailto:info@icmcer.com " class="text-primary">info@icmcer.com </a> </h6> </div> </div> </div> <div class="col-lg-4"> <div class="d-flex align-items-center wow fadeIn" data-wow-delay="0.8s" style=" border: 1px solid #06daa9;"> <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;"> <i class="fa fa-map-marker-alt text-white fa-2x"></i> </div> <div class="ps-4"> <h5 class="mb-2">Post Conference Queries,</h5> <h6 class="text-primary mb-0">helpdesk@technoarete.org</h6> </div> </div> </div> </div> </div> </div> <!-- Vendor End --> <div class="container-fluid text-white" style="background: #061429;"> <div class="container text-center"> <div class="row justify-content-end"> <div class="col-lg-12 col-md-6"> <div class="d-flex align-items-center justify-content-center" style="height: 75px;"> <p class="mb-0">&copy; <a class="text-white border-bottom" href="#">IFERP - 2025</a>. All Rights Reserved. </div> </div> </div> </div> </div> <!-- Footer End --> <!-- Back to Top --> <!-- <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a> --> <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> <!-- JavaScript Libraries --> <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"> </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"> </script> <script src="lib/wow/wow.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="lib/counterup/counterup.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <!-- Template Javascript --> <script src="js/main.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://www.icakmpet.com/2024-new/build/js/intlTelInput.js"></script> <script> var phone_number = window.intlTelInput(document.querySelector("#phone_number"), { 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 src="https://www.google.com/recaptcha/api.js" async defer></script> <!-- Vendor JS Files --> <script> var deadline = new Date("March 13, 2025 00:00:25").getTime(); var x = setInterval(function() { var now = new Date().getTime(); var t = deadline - now; var days = Math.floor(t / (1000 * 60 * 60 * 24)); var hours = Math.floor((t % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((t % (1000 * 60)) / 1000); document.getElementById("day").innerHTML = days; document.getElementById("hour").innerHTML = hours > 9 ? hours : "0" + hours; document.getElementById("minute").innerHTML = minutes > 9 ? minutes : "0" + minutes; document.getElementById("second").innerHTML = seconds > 9 ? seconds : "0" + seconds; if (t < 0) { clearInterval(x); document.getElementById("demo").innerHTML = "TIME UP"; document.getElementById("day").innerHTML = '0'; document.getElementById("hour").innerHTML = '0'; document.getElementById("minute").innerHTML = '0'; document.getElementById("second").innerHTML = '0'; } }, 1000); </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/5e4f7838a89cda5a18873221/default'; s1.charset = 'UTF-8'; s1.setAttribute('crossorigin', '*'); s0.parentNode.insertBefore(s1, s0); })(); </script> <!--End of Tawk.to Script--> <!--End of Tawk.to Script--> <!-- 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> <!-- --> <div class="modal fade " id="myModals" role="dialog" > <div class="modal-dialog indonesia"style="margin-top: 114px;"> <div class="modal-content col-lg-12 " style="padding: 0px;"> <a href="../conference-registration.php"> <img src="https://cdn.iferp.in/conf-img/2024/image/discount-coupen.webp" style="width:100%;"></a> <div class=""style=" position: absolute; right: -10px; top: -9px;"> <button type="button" class="btn btn-default" data-bs-dismiss="modal" style="border-radius: 47px; background: #ffffff; color: #000;">×</button> </div> </div> </div> </div> </div> <!-- <script type="text/javascript"> $(window).on('load', function() { $('#myModals').modal('show'); }); </script> --> <!-- end modal --> </body> </html>

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