CINXE.COM
ICESSU-2025
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ICESSU-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="img/icessu-logo.png"> <!-- flag --> <link rel="stylesheet" href="style-1.css"> <!-- Responsive --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link href="let-it-snow.css" rel="stylesheet" type="text/css"> <style> .btn-popover { width: 23px !important; background: #ffffff !important; height: 23px !important; border-color: #f5f5f5; border-radius: 50%; color: #2433fb; border: 1px solid #2433fb; line-height: 0.8rem; } /* */ .info-logo { position: relative; width: 50px; height: 50px; margin-right: 20px; border-radius: 5px; background-color: #0674b5; } .info-logo .fa-info { position: absolute; top: 50%; left: 32%; color: #fff; font-size: 2em; transform: translate(50%, -50%); } .let-it-snow { width: 100%; background: linear-gradient(296deg, #1e1e1ee6, #000000b0),url(downloads/snow-bg.jpg); } .btn-danger { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .call_logo { border: 1px solid #c1bfbf; margin: 10px; padding: 0px; width: auto; height: 65px; transition: all .4s ease-in-out; } .m-bird { max-width: 700px; margin: 1.75rem auto; } .call_logo:hover { transform: scale(1.02); box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; } .table-striped td, .table-striped th { padding: .75rem; vertical-align: top; font-weight: 900; border-top: 1px solid #dee2e6; } .table-striped th { color: #000f7c; } .form-control { height: calc(2.25rem + 10px) !important; border-radius: 0px !important; } label { display: inline-block; margin-bottom: .1rem; color: #2e2e2e; font-weight: 600; } .bank-details td, .bank-details th { padding: .75rem; font-weight: 500; font-size: 16px; vertical-align: top; border-top: 1px solid #dee2e6; } .list-item-des li { font-size: 16px; font-weight: 500; margin-bottom: 10px; } .fa-check-square { color: #009155; } @media(max-width:600px){ .modal-dialog{width:100%!important;} } .comman-area { background-color: #1fa3e6; padding: 24px 15px; width: 100%; min-height: 113px; } .btn-33 { color: #001f56; border: 2px dashed #001f56; font-weight: 600; } .comman-area-1 { background-color: #05acb4; padding: 24px 15px; width: 100%; min-height: 113px; } .blink-txt { font-size: 18px; color: yellow; font-weight: bold; animation: blink 1s linear infinite; } @keyframes blink { 0%, 60% { opacity: 1; } 100% { opacity: 0; } } .list-style-three li span { color: #000f7c; font-weight: bold; } .elementor-button:hover { font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #df0039; border: 2px solid #df0039; background-color: #ffff; padding: 12px 60px; } /* svg animation */ #line-1 { stroke: #575656; stroke-width: 3; stroke-dasharray: 8 8; stroke-dashoffset: 500; stroke-linecap: round; animation: 10s linear infinite dash; } @keyframes dash { to { stroke-dashoffset: 0; } } #payment-2 * { transform-box: fill-box; } .animated { transform-origin: center center; } .animated-txt { animation: 1s ease-in-out breath-1; } @keyframes breath-1 { 0%, 100% { fill: #009155; } 50% { fill: #009155; } } #Step-2 { animation-delay: 1s; } #Step-3 { animation-delay: 2s; } #Step-4 { animation-delay: 3s; } .animated-icon { animation: 1s ease-in-out breath; } @keyframes breath { 0%, 100% { /* transform: scale(.6); */ transform: scale(1); } 50% { /* transform: scale(1); */ transform: scale(.6); } } #fill-form { animation-delay: 1s; } #check-out { animation-delay: 2s; } #payment { animation-delay: 3s; } .about-section-bg { background: #fff0e5; padding: 21px 3px 1px 1px; margin-bottom: 10px; } /* Styles for the toast notification */ .toast { position: fixed; top: 30%; right: 15%; font-weight: 800; background-color: #fff; color: #001f56; font-size: 15px; border: 1px solid green; padding: 10px 20px; border-radius: 5px; z-index: 1000; display: none; } .toast::before { content: ""; width: 100%; height: 3px; position: absolute; bottom: 0px; left: 0px; background-color: green; /* Initial background color */ transition: all 3s ease-in-out; animation: slideToLeft 3s linear; /* Apply the animation */ border-radius: 0px 0px 0px 10px; } @keyframes slideToLeft { from { width: 100%; } to { width: 0%; background-color: green; } } /* Styles for the close button */ .close-btn { position: absolute; top: 5px; right: 5px; width: 10px; height: 10px; cursor: pointer; background-color: #fff; color: #000; } #toast-message { padding-left: 20px; } .fa-2x { color: green; position: absolute; top: 50%; left: 2px; transform: translate(0%, -50%); } #discount { color: red } /* fee order summary style */ .order-summary h4 { background: #020447; text-align: center; width: 100%; padding: 10px 5px; color: #ffffff; } .order-summary table tr td { font-size: 15px; font-weight: bold; padding: 6px; font-weight: bold; /* border: 1px solid #b3b3b3; */ } .td-1 { width: 70%; color: #25373f; } .td-2 { width: 30%; color: #0b05ef; font-size: 17px !important; text-align: center; } .td-3 { font-size: 17px !important; color: #161616; width: 70%; } .td-4 { font-size: 17px !important; color: #161616; width: 30%; padding: 6px; } /* style check btn */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { .selection-btn input[type=checkbox], .selection-btn input[type=radio] { --active: #275efe; --active-inner: #fff; --focus: 2px rgba(39, 94, 254, 0.3); --border: #bbc1e1; --border-hover: #275efe; --background: #fff; --disabled: #f6f8ff; --disabled-inner: #e1e6f9; -webkit-appearance: none; -moz-appearance: none; height: 21px; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; cursor: pointer; border: 1px solid var(--bc, var(--border)); background: var(--b, var(--background)); transition: background 0.3s, border-color 0.3s, box-shadow 0.2s; } .selection-btn input[type=checkbox]:after, .selection-btn input[type=radio]:after { content: ""; display: block; left: 0; top: 0; position: absolute; transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); } .selection-btn input[type=checkbox]:checked, .selection-btn input[type=radio]:checked { --b: var(--active); --bc: var(--active); --d-o: 0.3s; --d-t: 0.6s; --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2); } .selection-btn input[type=checkbox]:disabled, .selection-btn input[type=radio]:disabled { --b: var(--disabled); cursor: not-allowed; opacity: 0.9; } .selection-btn inpu .selection-btn t[type=checkbox]:disabled:checked, .selection-btn input[type=radio]:disabled:checked { --b: var(--disabled-inner); --bc: var(--border); } .selection-btn input[type=checkbox]:disabled+label, .selection-btn input[type=radio]:disabled+label { cursor: not-allowed; } .selection-btn input[type=checkbox]:hover:not(:checked):not(:disabled), .selection-btn input[type=radio]:hover:not(:checked):not(:disabled) { --bc: var(--border-hover); } .selection-btn input[type=checkbox]:focus, .selection-btn input[type=radio]:focus { box-shadow: 0 0 0 var(--focus); } .selection-btn input[type=checkbox]:not(.switch), .selection-btn input[type=radio]:not(.switch) { width: 21px; } .selection-btn input[type=checkbox]:not(.switch):after, .selection-btn input[type=radio]:not(.switch):after { opacity: var(--o, 0); } .selection-btn input[type=checkbox]:not(.switch):checked, .selection-btn input[type=radio]:not(.switch):checked { --o: 1; } .selection-btn input[type=checkbox]+label, .selection-btn input[type=radio]+label { font-size: 14px; line-height: 21px; display: inline-block; vertical-align: top; cursor: pointer; margin-left: 4px; } .selection-btn input[type=checkbox]:not(.switch) { border-radius: 7px; } .selection-btn input[type=checkbox]:not(.switch):after { width: 5px; height: 9px; border: 2px solid var(--active-inner); border-top: 0; border-left: 0; left: 7px; top: 4px; transform: rotate(var(--r, 20deg)); } .selection-btn input[type=checkbox]:not(.switch):checked { --r: 43deg; } .selection-btn input[type=checkbox].switch { width: 38px; border-radius: 11px; } .selection-btn input[type=checkbox].switch:after { left: 2px; top: 2px; border-radius: 50%; width: 15px; height: 15px; background: var(--ab, var(--border)); transform: translateX(var(--x, 0)); } .selection-btn input[type=checkbox].switch:checked { --ab: var(--active-inner); --x: 17px; } .selection-btn input[type=checkbox].switch:disabled:not(:checked):after { opacity: 0.6; } .selection-btn input[type=radio] { border-radius: 50%; } .selection-btn input[type=radio]:after { width: 19px; height: 19px; border-radius: 50%; background: var(--active-inner); opacity: 0; transform: scale(var(--s, 0.7)); } .selection-btn input[type=radio]:checked { --s: 0.5; } } .selection-btn ul { margin: 0px; padding: 0; list-style: none; width: 100%; max-width: 100%; } .selection-btn ul li { margin: 6px 0; position: relative; } .selection-btn ul li label { font-weight: bold !important; color: #001ca7; font-size: 18px !important; /* background-image: linear-gradient(45deg, #001be9, #ff0303); background-clip: text; color: transparent; */ } .pricingTable .title { padding: 8px 0 !important; margin: 0 -20px 30px; background: #1daa72; font-size: 18px !important; font-weight: 600; color: #fff; text-transform: uppercase; position: relative; } /* pl */ @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } } .btn-2 { cursor: pointer; text-decoration: underline; font-size: 18px; color: #001be9; } .blink-text { animation: blink 1s infinite; /* Change the duration as needed */ } .list-style-three li span { color: #000f7c; font-weight: bold; } .list-style-three-1 li { font-size: 15px; font-family: "Poppins", sans-serif; position: relative; line-height: 20px; padding-left: 20px; margin-bottom: 10px; } .list-style-three-1 li:before { position: absolute; content: "\f197"; left: 0px; font-size: 15px; top: 0px; font-weight: 700; color: #df0039; font-family: "flaticon"; } .offer{width:600px} @media(max-width:600px) { .modal-dialog { width: 100% !important; } .offer{width:100%!important;} .con-22 { width: 334px!important; margin: auto; } } </style> <!-- 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-MGFCSSF'); </script> <!-- End Google Tag Manager --></head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MGFCSSF" 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/icessu-logo.png" width="180px" alt="" title=""></a></div> </div> <div class="pull-right upper-right clearfix"> <!--Info Box--> <!-- <div class="upper-column info-box"> <div class="icon-box"><span class="fa fa-plane"></span></div> <ul> <a href=""data-toggle="modal" data-target="#myModals22"><li class="blink">Get Quote For <br>And Travel Package</li></a> </ul> </div> --> <!--Info Box--> <div class="upper-column info-box"> <div class="icon-box"><span class="flaticon-phone-call"></span></div> <ul> <li>Phone <br> +1 (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@icessu.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 ICESSU</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="tentative-program.php">Tentative Program </a></li> <li><a href="scholarship-program.php">Scholarship & Award </a></li> <!-- <li class="dropdown"><a href="#">Contact Us</a> <ul> --> <li><a href="contact-us.php">Contact Us </a> </li> <!-- <li><a href="venue.php">Venue</a> </li> --> <!-- </ul> </li> --> <li><a href="venue.php">Venue</a></li> <!-- <li><a href="contact-us.php">Contact Us</a></li> --> <li class="dropdown"><a href="#">History</a> <ul> <li><a href="icessu-2021.php">1st ICESSU </a></li> <li><a href="icessu-2022.php">2nd ICESSU </a></li> <li><a href="icessu-2023.php"> 3rd ICESSU</a></li> </ul> </li> <li> <div class="button-box"> <div id="google_translate_element"></div> </div> </li> </ul> </div> </nav> </div> </div> </div> </div> <!--End Header Upper--> <!-- Sticky Header --> <div class="sticky-header"> <div class="container-fluid ml-4 clearfix"> <!--Logo--> <div class="logo pull-left"> <a href="index.php" title=""><img src="img/icessu-logo.png" 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/icessu-logo.png" alt="" title=""></a></div> <div class="menu-outer"> <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--> </div> </nav> </div><!-- End Mobile Menu --> </header> <!-- End Main Header --> <!-- Page Title --> <section class="page-title" style="background-image: url(images/about-img.jpg)"> <div class="auto-container"> <ul class="bread-crumb clearfix"> <li><a href="index.php">Home</a></li> <li>Registration</li> </ul> <h2>Conference Registration</h2> </div> </section> <!--End Page Title--> <!-- About Section Two --> <section class="about-section mb-0 pb-0" style=""> <div class="auto-container"> <div class="row clearfix"> <div class="content-column col-lg-12 col-md-12 col-sm-12"> <div class="inner-column"> <div class="sec-title-two mb-0"> <!-- <div class="title">Objective of the Conference</div> --> <h2 class="text-center">Proceedings & Publications</h2> <p class="text">Indexed supporting journals of ICESSU-2025 published by renowned publishers will provide with the opportunity to publish full papers following the peer review process. Authors are encouraged to read scope and choose the best fitting journal.</p> <div class="col-md-12 d-flex flex-wrap justify-content-center"> <img src="./img/DOAJ.png" class="call_logo"> <img src="./img/scopus.png" class="call_logo"> <img src="./img/img-4.png" class="call_logo"> <img src="./img/cross.png" class="call_logo"> <img src="./img/WOS.jpg" class="call_logo"> </div> <p class="index-text">Note: ICESSU - 25 proceedings series will be submitted to the Web of Science Book Citation Index (BkCI) and to SCOPUS for evaluation and indexing(T&C)*. </p> </div> </div> </div> </div> </div> </div> </section> <!-- End About Section Two --> <section class=" p-3 mb-4"> <div class="auto-container"> <div class="row"> <div class="col-lg-6 "> <div class="clearfix comman-area d-flex flex-column align-items-center justify-content-between"> <div class=""> <h6 class="text-white text-center" style="font-size: 16px !important;">Upgrade to IFERP Premium Membership and Get 10% discount on Registration Fee <span class="blink-txt">Unlock 10% Discount</span></h6> </div> <div class=" mt-1"> <a href="" class=" btn btn-33" data-toggle="modal" data-target="#premium_membership">Premium Membership Benefits <span class="icon fa fa-arrow-right ml-2"></span></a> </div> </div> </div> <div class="col-lg-6 "> <div class="clearfix h-100 comman-area-1 d-flex flex-column align-items-center justify-content-between"> <div class=" "> <h6 class="text-white">Early Bird Benefits </h6> </div> <div class=" d-flex align-items-center mt-2"> <a href="#" class=" btn btn-33" data-toggle="modal" data-target="#staticBackdrop">Know More <span class="icon fa fa-arrow-right ml-2"></span></a> </div> </div> </div> </div> </div> </section> <!-- price list --> <section class="about-section-four" id="table"> <div class="auto-container"> <div class="row clearfix "> <!-- <div class="col-lg-12 px-3"> <p>Welcome to the ICRTMDR conference registration page. We understand the importance of facilitating seamless participation, and our registration process is designed to ensure a hassle-free experience. The registration fee is a crucial aspect of securing your attendance at this dynamic event. Explore our diverse registration packages to choose the one that best suits your needs, providing you access to a wealth of knowledge, networking opportunities, and the chance to contribute to multidisciplinary research trends.</p> <p style="text-align: center;color: red;font-size:20px;font-weight:700;">**Note: Additional Charges Applicable For Scopus publication (T& C Apply)</p> </div> --> <div class="row"> <div class="col-lg-6 col-md-12"> <div class="table-responsive"> <table class="table table-striped"> <thead> <tr> <th colspan="4" class="text-center fs-4" style="background-color:#020447;color:#fff; text-transform: uppercase;"> PHYSICAL CONFERENCE PARTICIPANTS</th> </tr> </thead> <tbody> <tr> <td colspan="4" class="text-center fw-bold fs-4" style=" background:#caffe9;">ORAL / LIVE PRESENTATION</td> </tr> <tr style="color:red;"> <th class="fs-6">Admittance Category</th> <th class="fs-6">Early Bird Price</th> <th class="fs-6">Standard Price</th> <th class="fs-6">Onspot Price</th> </tr> <tr> <td class="fs-6 ">Delegates</td> <td class="fs-6 "> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 399" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 399 USD </label> </div> </td> <td class="fs-6 "> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 449" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 449 USD</label> </div> </td> <td class="fs-6 "> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 499" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 499 USD</label> </div> </td> </tr> <tr class=" "> <td>Group Delegates <span style="color:red;">**</span> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 375" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 375 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 425" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 425 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 475" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 475 USD</label> </div> </td> </tr> <tr> <td>Student</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 329" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 329 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 349" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 349 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 399" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 399 USD</label> </div> </td> </tr> <tr> <td>Group Student <span style="color:red;">**</span></td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 305" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 305 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 325" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 325 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 375" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 375 USD</label> </div> </td> </tr> <tr> <td>Delegates with Scopus Publication Support</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 749" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 749 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 799" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 799 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 849" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 849 USD</label> </div> </td> </tr> <tr> <td>Student with Scopus Publication Support</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 649" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 649 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 699" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 699 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 749" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 749 USD</label> </div> </td> </tr> <tr> <td>Listener/Non Presenter</td> <td colspan="2" class="text-center"> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 199" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 199 USD</label> </div> </td> <td class="text-center"> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 249" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 249 USD</label> </div> </td> </tr> <tr> <td colspan="4" class="text-center fs-4 p-2 fw-bold" style="background-color:#caffe9;color:#000; text-transform: uppercase;"> Poster Presentation</td> </tr> <tr style="color:red;"> <th class="fs-6">Admittance Category</th> <th class="fs-6">Early Bird Price</th> <th class="fs-6">Standard Price</th> <th class="fs-6">Onspot Price</th> </tr> <tr> <td>Delegates</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 349" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 349 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 399" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 399 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 499" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 499 USD</label> </div> </td> </tr> <tr> <td>Group Delegates <span style="color:red;">**</span> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 325" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 325 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 375" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 375 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 475" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 475 USD</label> </div> </td> </tr> <tr> <td>Student</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 269" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 269 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 299" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 299 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 399" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 399 USD</label> </div> </td> </tr> <tr> <td>Group Student <span style="color:red;">**</span></td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 245" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 245 USD </label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 275" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 275 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 375" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 375 USD</label> </div> </td> </tr> <tr> <td>Delegates with Scopus Publication Support</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 699" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 699 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 749" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 749 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 849" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 849 USD</label> </div> </td> </tr> <tr> <td>Student with Scopus Publication Support</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 589" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 589 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 649" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 649 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 749" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 749 USD</label> </div> </td> </tr> <tr> <td>Listener/Non Presenter</td> <td colspan="2" class="text-center"> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 199" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 199 USD</label> </div> </td> <td class="text-center"> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 249" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 249 USD</label> </div> </td> </tr> <!-- <tr> <td colspan="3" class="text-center fs-4 p-2 fw-bold" style="background-color:#caffe9 !important;color:#000; text-transform: uppercase;"> Physical Conference Presentation with <span class="scopes-color">Q2 Scopus </span> </td> </tr> --> <!-- <tr> <td>Presentation with <span class="scope"> Q2 Scopus </span> Publication </td> <td colspan="2" class="text-center"> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 1399" name="amount_radios" type="radio" required=""> 1399</label> </div> </td> </tr> --> </tbody> </table> </div> </div> <div class="col-lg-6 col-md-12"> <div class="table-responsive"> <table class="table table-striped"> <thead> <tr> <th colspan="4" class="text-center fs-4" style="background-color:#041c5b;color:#fff; text-transform: uppercase;"> Virtual Presentation Participants</th> </tr> </thead> <tbody> <tr> <td colspan="4" class="text-center fw-bold fs-4" style=" background: #041c5b1a;">ORAL / LIVE PRESENTATION</td> </tr> <tr style="color:red;"> <th>Admittance Category</th> <th>Early Bird <br>Price</th> <th>Standard <br>Price</th> </tr> <tr class=" "> <td>Delegates</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 349" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 349 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="INR" value="USD 399" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 399 USD</label> </div> </td> </tr> <tr class=" "> <td>Group Delegates <span style="color:red;">**</span> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 325" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 325 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 375" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 375 USD</label> </div> </td> </tr> <tr> <td>Student</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 269" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 269 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 329" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 329 USD</label> </div> </td> </tr> <!-- <tr> <td>Delegates with Scopus Publication Support </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 329" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 329 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 269" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> USD 269</label> </div> </td> </tr> --> <tr> <td>Group Student <span style="color:red;">**</span></td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 245" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 245 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 305" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 305 USD</label> </div> </td> </tr> <tr> <td>Delegates with Scopus Publication<br> Support</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 699" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 699 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 749 " name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 749 USD</label> </div> </td> </tr> <tr> <td>Student with Scopus Publication <br>Support</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 599" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 599 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 649" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 649 USD</label> </div> </td> </tr> <tr> <td>Listener/Non Presenter </td> <td colspan="2" class="text-center"> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 99" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 99 USD</label> </div> </td> <!-- <td class="text-center"> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 599" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 599 USD</label> </div> </td> --> </tr> <tr> <td colspan="3" class="text-center fs-4 p-2 fw-bold" style="background-color:#041c5b1a;color:#000; text-transform: uppercase;"> Poster Presentation</td> </tr> <tr style="color:red;"> <th class="fw-bold py-2" style="padding-bottom: 40px !important;">Admittance Category</th> <th class="fw-bold py-2">Early Bird <br>Price</th> <th class="fw-bold py-2">Standard <br>Price</th> </tr> <tr> <td> Delegates</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 299" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 299 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 349" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 349 USD</label> </div> </td> </tr> <tr> <td>Group Delegates <span style="color:red;">**</span> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 275" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 275 USD </label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 325" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 325 USD</label> </div> </td> </tr> <tr> <td>Student</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 219" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 219 USD </label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 279" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 279 USD </label> </div> </td> </tr> <tr> <td>Group Student <span style="color:red;">**</span> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 195" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 195 USD </label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 255 " name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 255 USD</label> </div> </td> </tr> <tr> <td>Delegates with Scopus Publication <br>Support</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 649" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 649 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 699" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 699 USD</label> </div> </td> </tr> <tr> <td>Student with Scopus Publication<br> Support</td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 549" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 549 USD</label> </div> </td> <td> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 599" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 599 USD</label> </div> </td> </tr> <tr> <td>Listener/Non Presenter</td> <td colspan="2" class="text-center"> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 99" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 99 USD </label> </div> </td> <!-- <td class="text-center"> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 599" name="amount_radios" type="radio" onclick="myFunction(this.value)" required=""> 599 USD</label> </div> </td> --> </tr> <!-- <tr> <td colspan="3" class="text-center fs-4 p-2 fw-bold" style="background-color:#d9dce2;color:#000; text-transform: uppercase;"> Virtual Conference Presentation with <span class="scopes-color"> Q2 Scopus </span> </td> </tr> <tr> <td>Presentation with <span class="scope"> Q2 Scopus </span> Publication </td> <td colspan="2" class="text-center"> <div class="radio"> <label> <input class="amount" data-currency="USD" value="USD 1149" name="amount_radios" type="radio" required=""> 1149</label> </div> </td> </tr> --> </tbody> </table> </div> </div> <p class="text-primary"> <span class="text-danger"> *</span> If the same author presented more than one paper then,If other papers are oral or poster, then you have to <b>pay an additional 100 USD for each paper.</b> </p> <div class="alert alert-primary mb-3 d-flex" role="alert"> <div class="info-logo"> <i class="fa fa-info mr-2 text-center" aria-hidden="true"></i> </div> <ul class="unstyled"> <li> <h5 style="color:red;margin-left:10px;font-size:15px !important">**Indicates - UG students</h5> </li> <li> <h5 style="margin-left:10px;font-size:15px !important">*Group Registrations will receive a 5% discount Along with Additional Benefits, please contact<a href="tel:12053506655">+1 (205) 350-6655</a> </h5> </li> </ul> </div> </div> </div> </div> </section> <!-- fee details form --> <section class="mt-3"> <!-- Sidebar Page Container --> <div class="sidebar-page-container pt-0"> <div class="pattern-layer" style="background-image:url(images/background/pattern-25.png)"></div> <div class="auto-container"> <div class="row clearfix border border-2 p-3"> <!-- Content Side --> <div class="content-side col-lg-7 col-md-12 col-sm-12 "> <div class="col-lg-6 p-0"> <p style="text-align: left; color: #0400a9; font-size: 16px; border: 1px solid #0623ef; /* padding: 3px; */ font-weight: 400;"> <span style=" text-align: center; color: #ffffff; padding: 3px 5px 3px 5px; background: #0623ef; font-weight: 800;"> Step:2 </span> <span class="ml-1"> Fill Out the Form</span> </p> </div> <div class="col-lg-12 mb-2 p-0"> <div style="border: 1px dashed #fff;padding:5px;background:#020447; " class="w-100"> <div class="sec-title-three centered "> <h6 style="font-size:18px !important;color:#fff">4th International Conference on Social- Sciences, And Humanities<br> (ICESSU-2025) </h6> <h6 style="color:#fff;text-align:center;margin-bottom:5px;font-weight:bold;">ONLINE REGISTRATION</h6> </div> </div> </div> <div class="blog-classic"> <!-- form --> <form class="form-horizontal form-card mt-0 conf-form" enctype="multipart/form-data" id="registerform"> <div class="row form-group"> <div class=" col-md-6 col-sm-12 "> <label class="control-label " for="email">Title</label> <select class="form-control" name="title"> <option>-- Select Title -- </option> <option value="Dr">Dr</option> <option value="Prof">Prof</option> <option value="Mr">Mr</option> <option value="Ms">Ms</option> <option value="Mrs">Mrs</option> </select> </div> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">First Name :</label> <input type="text" class="form-control" placeholder="First Name" id="name" name="name" required=""> <input type="hidden" id="selectedItems" name="selectedItems" value=""> </div> </div> <div class="row form-group"> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">Last Name:</label> <input type="text" class="form-control" placeholder="Last Name" id="lname" name="lname" required=""> </div> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">Name for Certificate</label> <input type="text" class="form-control" placeholder="Name for Certificate" name="cname" required=""> </div> </div> <div class="row form-group"> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">Date of Birth</label> <input type="date" class="form-control" placeholder="MM/DD/YYYY" name="date" required=""> </div> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">Nationality</label> <input type="text" class="form-control" placeholder="Nationality" name="nat" required=""> </div> </div> <div class="row form-group"> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">Department</label> <input type="text" class="form-control" placeholder="Department" name="dept" required=""> </div> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">Institution </label> <input type="text" class="form-control" placeholder="Institution" name="inst" required=""> </div> </div> <div class="row form-group"> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">Address </label> <input type="text" class="form-control" placeholder="Address" name="add " required=""> </div> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">Zip/Post Code</label> <input type="text" class="form-control" placeholder="Zip/Post Code" name="code" required=""> </div> </div> <div class="row form-group"> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">Email ID :</label> <input type="email" class="form-control" placeholder="Enter email" id="email" name="email" required=""> </div> <div class=" col-md-6 col-sm-12"> <label class="control-label " for="email">Mobile Number :</label> <div class="row"> <div class="col-4 pr-0"> <div class="form-group"> <select class="form-control" name="exphone" 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="PK" value="92">Pakistan (+92)</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="GB" value="44">UK (+44)</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="US" value="1">USA (+1)</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-8" style="padding-left: 0px;"> <div class="form-group"> <input type="text" id="mobile" name="mobile" class="form-control" placeholder="Phone Number *" required="" onkeypress="return (event.charCode > 47 && event.charCode < 58) || (event.charCode == 32) || (event.charCode == 43)"> </div> </div> </div> </div> </div> <div class="row form-group"> <div class=" col-md-6 col-sm-12"> <label class="control-label" for="country">Country</label> <select id="country" name="country" class="form-control"> <option>-- select Country --</option> <option value="Afganistan">Afghanistan</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="Antigua & Barbuda">Antigua & 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="Bonaire">Bonaire</option> <option value="Bosnia & Herzegovina">Bosnia & Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Ter">British Indian Ocean Ter</option> <option value="Brunei">Brunei</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="Canary Islands">Canary Islands</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="Channel Islands">Channel Islands</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos Island">Cocos Island</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Cote DIvoire">Cote DIvoire</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Curaco">Curacao</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="East Timor">East Timor</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">Falkland Islands</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 Ter">French Southern Ter</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="Great Britain">Great Britain</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="Guinea">Guinea</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Hawaii">Hawaii</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="Indonesia">Indonesia</option> <option value="India">India</option> <option value="Iran">Iran</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="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Korea North">Korea North</option> <option value="Korea Sout">Korea South</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macau">Macau</option> <option value="Macedonia">Macedonia</option> <option value="Madagascar">Madagascar</option> <option value="Malaysia">Malaysia</option> <option value="Malawi">Malawi</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="Midway Islands">Midway Islands</option> <option value="Moldova">Moldova</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Nambia">Nambia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherland Antilles">Netherland Antilles</option> <option value="Netherlands">Netherlands (Holland, Europe)</option> <option value="Nevis">Nevis</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="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau Island">Palau Island</option> <option value="Palestine">Palestine</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="Phillipines">Philippines</option> <option value="Pitcairn Island">Pitcairn Island</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="Republic of Montenegro">Republic of Montenegro</option> <option value="Republic of Serbia">Republic of Serbia</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russia">Russia</option> <option value="Rwanda">Rwanda</option> <option value="St Barthelemy">St Barthelemy</option> <option value="St Eustatius">St Eustatius</option> <option value="St Helena">St Helena</option> <option value="St Kitts-Nevis">St Kitts-Nevis</option> <option value="St Lucia">St Lucia</option> <option value="St Maarten">St Maarten</option> <option value="St Pierre & Miquelon">St Pierre & Miquelon</option> <option value="St Vincent & Grenadines">St Vincent & Grenadines </option> <option value="Saipan">Saipan</option> <option value="Samoa">Samoa</option> <option value="Samoa American">Samoa American</option> <option value="San Marino">San Marino</option> <option value="Sao Tome & Principe">Sao Tome & Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</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="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Swaziland">Swaziland</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syria">Syria</option> <option value="Tahiti">Tahiti</option> <option value="Taiwan">Taiwan</option> <option value="Tajikistan">Tajikistan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad & Tobago">Trinidad & Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks & Caicos Is">Turks & Caicos Is</option> <option value="Tuvalu">Tuvalu</option> <option value="Uganda">Uganda</option> <option value="United Kingdom">United Kingdom</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Erimates">United Arab Emirates</option> <option value="United States of America">United States of America</option> <option value="Uraguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican City State">Vatican City State</option> <option value="Venezuela">Venezuela</option> <option value="Vietnam">Vietnam</option> <option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option> <option value="Virgin Islands (USA)">Virgin Islands (USA)</option> <option value="Wake Island">Wake Island</option> <option value="Wallis & Futana Is">Wallis & Futana Is</option> <option value="Yemen">Yemen</option> <option value="Zaire">Zaire</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> </div> <div class=" col-md-6 col-sm-12 "> <label for="">Participant Category</label> <select class="form-control" name="service"> <option>-- Select -- </option> <option value="Delegate">Delegate</option> <option value="Student"> Student</option> </select> </div> </div> <input type="hidden" id="hiddenTotalAmount" name="price"> <div class="row form-group"> <div class=" col-md-6 col-sm-12 "> <label for="">Presentation Category</label> <select class="form-control" name="service-1"> <option>-- Select -- </option> <option value="Oral/Live Presentation">Oral/Live Presentation</option> <option value="Poster Presentation"> Poster Presentation</option> </select> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 form-group mt-2"> <div class="g-recaptcha brochure__form__captcha" data-sitekey="6Lfz49UiAAAAAPequFV0adSAkLK2_BfymuWNQHc_" style="width:10%"></div><br> </div> </form> </div> </div> <!-- Sidebar Side --> <div class="sidebar-side col-lg-5 col-md-12 col-sm-12"> <div class="col-lg-12 p-0 mt-0"> <p style="text-align: left; color: #0400a9; font-size: 16px; border: 1px solid #0623ef; /* padding: 3px; */ margin-bottom:1px; font-weight: 400;"> <span style="text-align: center; color: #ffffff; padding: 3px 5px 3px 5px; background: #0623ef; font-weight: 800;"> Step:3 </span> <span class="ml-1"> Click and Proceed to Checkout</span> </p> </div> <aside class="sidebar sticky-top"> <div class="order-summary" style="background: #c9cdd7;padding-bottom:10px;"> <h4>Order Summary</h4> <table class="table table-bordered" id="orderSummary"> <tbody> <tr class="d-flex " id="inner_value"> <td class="td-1"> Delegates</td> <td class="td-2 d-flex justify-content-center align-items-center align-self-stretch totalamount">$ 00</td> </tr> <tr class="d-flex justify-content-center selection-btn"> <td colspan="2" style="border-collapse: collapse; width: 100%;text-align:center"> <span style="font-weight: bold; font-size:14px; color: black; padding-right: 10px;">Upgrade to IFERP Premium Membership and Get 10% discount on Registration Fee </span> <br> <input id="s2" type="checkbox" class="switch"> <label for="s2" class="blink-text" style="color:green">Unlock 10% Discount</label> </td> </tr> <tr class="d-flex justify-content-center "> <td colspan="2" style="border-collapse: collapse; width: 100%;text-align:center"> <h6 style="font-size:14px !important;">Addons</h6> <p class="text-center p-0 m-0" style="font-size:14px !important;font-weight:500;line-height:15px;color:#001756"> Maximize the impact of your research with our all-in-one expert services</p> </td> </tr> <tr class="d-flex " id="inner_value"> <td class="td-1"> <div class="d-flex justify-content-between align-items-center"> <span>Re- Editing, Proofreading revisions</span> <button type="button" class="btn btn-secondary btn-sm btn-popover" data-toggle="popover" data-placement="top" data-content="Making the necessary improvements based on journal guidelines and providing revisions to help increase your chances of getting accepted in high-impact journals." data-original-title="" title=""> <i class="fa fa-info" aria-hidden="true"></i> </button> </div> </td> <td class="td-2"> <input type="checkbox" name="editing" id="Checks" class="price-checkbox" data-price="90"> <label class="form-check-label" for="Check1"> 90 USD </label> </td> </tr> <tr class="d-flex " id="inner_value"> <td class="td-1"> <div class="d-flex justify-content-between align-items-center"> <span>Research Paper Formatting </span> <button type="button" class="btn btn-secondary btn-sm btn-popover" data-toggle="popover" data-placement="top" data-content="Professional formatting of graphs and tables to make sure they are clear, well-organized, and follow the journal's guidelines " data-original-title="" title=""> <i class="fa fa-info" aria-hidden="true"></i> </button> </div> </td> <td class="td-2"> <input type="checkbox" name="paper" id="Checks" class="price-checkbox" data-price="119"> <label class="form-check-label" for="Check2"> 119 USD </label></td> </tr> <tr class="d-flex " id="inner_value"> <td class="td-1"> <div class="d-flex justify-content-between align-items-center"> <span>Preparation of Journal cover letter</span> <button type="button" class="btn btn-secondary btn-sm btn-popover" data-toggle="popover" data-placement="top" data-content="Writing a strong cover letter that shows why your research is important and matches the scope of the journal" data-original-title="" title=""> <i class="fa fa-info" aria-hidden="true"></i> </button> </div> </td> <td class="td-2"> <input type="checkbox" name="paper" id="Checks" class="price-checkbox" data-price="53"> <label class="form-check-label" for="Check3"> 53 USD </label> </td> </tr> <tr class="d-flex " id="inner_value"> <td class="td-1"> <div class="d-flex justify-content-between align-items-center"> <span>Conference PPT formatting & illustration</span> <button type="button" class="btn btn-secondary btn-sm btn-popover" data-toggle="popover" data-placement="top" data-content="Create engaging content with creative visuals to ensure your presentation is clear, captivating, and well-received by both attendees and conference chairs." data-original-title="" title=""> <i class="fa fa-info" aria-hidden="true"></i> </button> </div> </td> <td class="td-2"> <input type="checkbox" name="paper" id="Checks" class="price-checkbox" data-price="99"> <label class="form-check-label" for="Check4"> 99 USD </label> </td> </tr> <tr class="d-flex " id="inner_value"> <td class="td-1"> <div class="d-flex justify-content-between align-items-center"> <span>Graphical Abstract</span> <button type="button" class="btn btn-secondary btn-sm btn-popover" data-toggle="popover" data-placement="top" data-content="Make your research stand out with a striking graphical abstract that visually summarizes your key findings in a way that grabs attention." data-original-title="" title=""> <i class="fa fa-info" aria-hidden="true"></i> </button> </div> </td> <td class="td-2"> <input type="checkbox" name="paper" id="Checks" class="price-checkbox" data-price="24"> <label class="form-check-label" for="Check5"> 24 USD </label> </td> </tr> <!-- <tr class="d-flex " id="inner_value"> <td class="td-1"> <div class="d-flex justify-content-between align-items-center"> <span>Submission to Scoups Index Journal <b style="color:red">(Free)</b> </span> <button type="button" class="btn btn-secondary btn-sm btn-popover" data-toggle="popover" data-placement="top" data-content="Make your research stand out with a striking graphical abstract that visually summarizes your key findings in a way that grabs attention." data-original-title="" title=""> <i class="fa fa-info" aria-hidden="true"></i> </button> </div> </td> <td class="td-2"> <label class="form-check-label" for="Check6"> Included </label> </td> </tr> --> <tr class="d-flex "> <td class="td-3"> ORDER TOTAL </td> <td class="td-4 d-flex justify-content-center align-items-center align-self-stretch" id="totalAmount"></td> </tr> </tbody> </table> <div class="d-flex justify-content-center"> <button type="submit" id="submit" class="btn elementor-button">Checkout</button> </div> </div> </aside> </div> </div> </div> </div> </section> <section class="jumbotron p-0 pb-4 " id="Benefits"> <div class="auto-container section-padding pt-3 pb-0"> <!-- <div class="row"> <div class="inner-column col-lg-12"> <div class="sec-title-two"> <div class="sec-title-three centered mb-1"> <h2>Registration<span> Benefits</span></h2> </div> <div class="text text-justify mb-2"> The <b> upcoming engineering education conference ACSEE 2024 </b> is intended to provide endless opportunities to academicians, researchers, scholars, industry professionals, and alike to connect and expand their knowledge. All session tracks will be <b> led by experts,</b> covering various relevant topics and latest research in these areas. So, it is going to be an enriching <b> knowledge sharing and knowledge gathering </b> forum for all attendees. </div> </div> </div> </div> --> <div class="row clearfix "> <div class="content-column col-lg-12 col-md-12 col-sm-12 mb-0"> <div class="inner-column"> <div class="sec-title-two mb-0"> <div class="sec-title-three centered mb-1"> <h2>Registration<span> Benefits</span></h2> </div> <p class="text-justify mt-3 px-3">The <b> Innovations in Education and e-Learning </b> is intended to provide endless opportunities to academicians, researchers, scholars, industry professionals, and alike to connect and expand their knowledge. All session tracks will be <b> led by experts,</b> covering various relevant topics and latest research in these areas. So, it is going to be an enriching <b> knowledge sharing and knowledge gathering </b> forum for all attendees.</p> <div class="row"> <div class="col-lg-12 text-center"> <h5 class="para-text text-primary mb-2">Physical Presentation</h5> </div> <div class="col-lg-6 mt-2 px-1"> <div class=" "> <ul class="list-style-three border border-2 bg-white p-4"> <li> Get a <b>dedicated presentation slot.</b> </li> <li> Knowledge sharing with speakers, session chairs & other participants. </li> <li>Listen to all keynotes, plenary sessions, special sessions and parallel sessions.</li> <li>Conference participation/presentation <b>certificate.</b> </li> <li>Get your work published in Scopus/WOS/Google Scholar Indexed journals. </li> </ul> </div> </div> <div class="col-lg-6 mt-2 px-1"> <div class=" "> <ul class="list-style-three border border-2 bg-white p-4"> <li> Your <b> presentation videos</b> will be available <b> in public forums like Facebook and YouTube</b> </li> <li> Become eligible to <b> participate in technical sessions and workshops.</b> </li> <li>Network with professionals.</li> <li>Receive a conference folder/bag, conference proceedings, notepad, pen, etc.</li> <li> <b>Best presentations will be awarded.</b></li> </ul> </div> </div> </div> <div class="row"> <div class="col-lg-12 mt-1 px-1"> <div class=" "> <ul class="list-style-three border border-2 bg-white p-4"> <h5 class="para-text text-primary mb-2">Additional Benefits</h5> <li> Video presenters will be able to experience a <b> full virtual conference through Zoom.</b> </li> <li> Listeners will receive a <b> participation certificate.</b></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- --> <section class="about-section pt-0 pb-0"> <div class="auto-container"> <div class="row d-flex clearfix"> <!-- Content Column --> <div class=" col-lg-10 col-md-12 col-sm-12"> <div class="inner-column"> <!-- Sec Title --> <div class="sec-title-two"> <!-- <h2 class="mb-4">AVAILABLE PAYMENT METHODS</h2> --> <div class="sec-title-three "> <h2>AVAILABLE<span> PAYMENT METHODS</span></h2> </div> <div style="font-size:16px;color:#495057;font-weight:bold;padding-bottom:30px;">There are three payment options to pay your registration fee for ICESSU-2024:</div> <ul class="list-item-des"> <li> <i class="fa fa-check-square" aria-hidden="true"></i> Online Payment (Using Credit/Debit Card)</li> <li> <i class="fa fa-check-square" aria-hidden="true"></i> Bank Transfer (TT)</li> <li> <i class="fa fa-check-square" aria-hidden="true"></i> PayPal</li> </ul> <p><strong style="font-size:17px;">Before making the payment for the conference using any of the above methods, please contact the Conference Coordinator @+91 93455 35091 / email id: info@icessu.com</strong></p> </div> </div> </div> </div> </div> <div class="col-lg-12 form-group mt-3 pl-2"> <div class="button-box text-center mt-2"> <a href="./downloads/registration-form.docx" target="_blank" class="theme-btn btn-style-two clearfix"> <span class="btn-wrap"> <span class="text-one">Download Registration Form here</span> <span class="text-two">Download Registration Form here</span> </span> <!-- <span class="plus flaticon-plus"></span> --> </a> </div> </div> <div class="container"> <div class="pull-left alerts mt-5 mb-5"> <h5>Important Alert:</h5> <div class=" text-white">漏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> </section> <section class="cta-section mt-0 mb-5 "> <div class="auto-container "> <div class="row clearfix d-flex justify-content-center"> <div class="col-lg-12 col-sm-12 d-flex justify-content-center "> <div class="inner-column-1 section-border"> <div class="sec-title-three centered"> <h2 class="text-white">IFERP <span>Scholarship Program</span></h2> </div> <p>IFERP Academy, we are committed to fostering knowledge dissemination, fostering scholarly excellence, and fostering the professional development of our members. We firmly believe that access to our conferences and engagement in the global academic community should be inclusive and equitable. In line with this ethos, we have initiated a scholarship program designed to alleviate financial constraints for scholars, researchers, and students across the globe. Our Scholarship Program for conference registration fees underscores our dedication to making this vision a tangible opportunity for all.</p> <div> <a href="scholarship-program.php" class="btn elementor-button">Apply Now </a> </div> </div> </div> </div> </div> </section> <div id="toast" class="toast"> <span id="toast-message"> <i class="fa fa-check-circle-o fa-2x " aria-hidden="true"></i> 10% discount successfully added. </span> <span class="close-btn" onclick="closeToast()">脳</span> </div> <style> .alerts div { font-family: 'Poppins' !important; font-weight: 400; } 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> <!-- 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="logos"> <a href="#"><img src="img/icessu-logo.png" alt="" /></a> </div> <div class="text mt-2">5th International Conference on Engineering, Social Sciences and Humanities(ICESSU-2025), which will transpire on the 09th-10th, April 2025 Manila, 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:12053506655">+1 (205) 350-6655</a> </li> <li> <span class="icon flaticon-email"></span> Email Address <a href="mailto:info@icessu.com"> info@icessu.com</a> </li> <li> <span class="icon flaticon-home"></span> Venue <a href="#"> Manila, Philippines</a> </li> </ul> </div> </div> </div> </div> <!-- <div class="pull-left alerts" > <h5>Important Alert:</h5> <div class=" text-white">漏Please be aware of fraudulent communication claiming to collect conference fees,Journal fees through unauthorized means, including cloned email addresses and phone numbers. IFERP advises all researchers to only process payments through our official event website and report any suspicious activity to <a href="mailto:info@iferp.in">info@iferp.in</a> </div> </div> </div>--> </div> <div class="get-quote-button"> <a href="listener" data-toggle="tooltip" data-placement="left" title="" target="blank" style="color: #fff;">Register as a Listener</a></div> <div class="footer-bottom"> <div class="clearfix"> <div class="pull-left"> <div class="copyright">© 2025 IFERP - All rights reserved. </div> </div> </div> </div> </div> <div id="id01" class="modal-strip modal-bottom cookie-notify"> <div class="container p-0"> <div class="row d-flex justify-content-center align-items-center"> <div class="col-md-11 col-xs-12"> <div style="display:inline-block; width:100%;"> <p class="pull-left" style="color:#0c3e61; margin-bottom:0px; font-size:13px;line-height:15px; font-weight:700;"> Important Alert: </p> <!-- Close icon with closeModal function --> <!-- <a href="javascript:void(0);" class="modal-close m-r-10 pull-right">X</a> --> </div> <div class="mob-pad-b-30" style="text-align:justify; font-size:14px; line-height:16px; font-weight:normal;"> Please be aware of fraudulent communication claiming to collect conference fees,Journal fees through unauthorized means, including cloned email addresses and phone numbers. IFERP advises all researchers to only process payments through our official event website and report any suspicious activity to <a href="mailto:info@iferp.in">info@iferp.in</a>. </div> </div> <div class="col-md-1 mt-2 col-xs-2 hidden-xs p-0 d-flex justify-content-center align-items-center"> <!-- Close button with closeModal function --> <button class="btn btn-rounded modal-close close-new-btn">Close</button> </div> </div> </div> </div> <script> // Function to show the modal with a smooth slide-in effect function showModal() { document.getElementById('id01').classList.add('show'); } // Function to close the modal with a smooth slide-out effect function closeModal() { document.getElementById('id01').classList.remove('show'); } // Show the modal after a delay (if needed) setTimeout(showModal, 500); // Adjust the delay time if needed // Add event listeners to all close buttons document.querySelectorAll('.modal-close').forEach(function(button) { button.addEventListener('click', closeModal); }); </script> <style> /* cookies Modal style */ /* .modal-strip { background-color: #FFF; border-top: 1px #CCC solid; bottom: 0; color: #004170; font-weight: 800; font-size: 18px; left: 0; padding: 18px; position: fixed; width: 100%; display: block; transform: translateY(0); transition: all 0.7s ease; z-index: 999 !important; } .cookie-notify { background: #f2f3f5; color: #000; font-size: 13px; line-height: 15px; text-align: justify; border: 0px; padding: 10px 0px 15px; font-weight: normal; } .modal-close { cursor: pointer; font-weight: bold; background: #e76f00; color: #f2f3f5; } */ .modal-strip { background-color: #FFF; border-top: 1px #CCC solid; bottom: 0; color: #004170; font-weight: 800; font-size: 18px; left: 0; padding: 18px; position: fixed; width: 100%; z-index: 999 !important; display: block; transform: translateY(100%); /* Start off the screen */ transition: transform 0.7s ease; /* Smooth transition */ } .modal-strip.show { transform: translateY(0); /* Slide into view */ } .cookie-notify { font-family: 'Nunito Sans', sans-serif; background: #f2f3f5; color: #000; font-size: 14px; line-height: 15px; text-align: justify; border: 0px; padding: 10px 2px 15px 2px; font-weight: normal; } .modal-close { cursor: pointer; font-weight: bold; background: #e76f00; color: #f2f3f5; } </style> </footer> <!-- End Footer Style Two --> <!--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/637358d0daff0e1306d777f6/1ght95sed'; 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: "+919345535091", // 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,en,ru,th,ar,zh-TW,zh-CN,ru,id,ceth,br,zh,pt,ko,ja,tw,br,tr,ig,ar-ae', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element'); } </script> <script> /* 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, 'Loading Please wait...') //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> <div class="modal fade " id="myModals22" role="dialog"> <div class="modal-dialog" style=" margin-top: 114px;"> <div class="modal-content col-lg-12 let-it-snow" style=" background-size: cover!important; background: linear-gradient(45deg, #010223, #010223);"> <div class="" style=" position: absolute; right: -10px; top: -9px;"> <button type="button" class="btn btn-default" data-dismiss="modal" style=" border-radius: 47px;">脳</button> </div> <div class=" modal-header pb-2" style=" margin-bottom: 30px; border-bottom: 1px solid #fff; padding: 10px 0px; "> <div class="col-lg-12 col-10 pl-0"> <div class="row"> <div class="col-sm-12 pl-0"> <h5 class="txt pl-4 mb-1" style=" margin-bottom: 0px; font-size: 19px; color:#dc3935;text-align:center; "><strong class="text-white" style="font-family: cursive; color: #e1ff68!important;"> Express Your Interest Today! </strong></h5> </div> </div> </div> </div> <div class="modal-body"> <p class="text-white text-center">Discover leisure with our unique Conference & Travel Packages. Elevate your conference experience while exploring new destinations and creating lasting memories. Fill the form to know get further information.</p> <p class="col-lg-12 text-center" style=" margin-top: 22px;"> <a href="https://docs.google.com/forms/d/e/1FAIpQLSePDGKjRSVGK66IP_Fa7xQmXnjwghcQUyBz-KSbpEGvGmo2Sw/viewform" onclick="buuton_click()" align="center" style=" background: #b90000; padding: 7px 9px; color: #fff; text-align: center; font-weight: 700; border: 3px outset #c3bfbf; border-radius: 8px; ">REGISTER YOUR INTEREST</a> </p> <p class="text-white" style="text-align: center;">We're here to make your conference and travel experience exceptional. </p> </div> </div> </div> </div> <!-- Modal --> <div class="modal fade" id="brochure" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered "> <div class="modal-content"> <div class="modal-header"> <!-- <h5 class="modal-title" id="staticBackdropLabel">Conference Brochure </h5> --> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class=" modal-body p-0"> <iframe frameborder="0" style="height:600px;width:99%;border:none;" src='https://forms.zohopublic.in/technorete/form/DownloadBrochureICESSUManila/formperma/K_5lP_qa-0dhfpe_hMAKuw4uHiineDkRNE9P5tamahE'></iframe> </div> </div> </div> </div> <!-- end modal --> <script type="text/javascript"> $(window).on('load', function() { $('#myModals').modal('show'); }); function buuton_click() { $('#myModals').modal('hide'); } </script> <!-- The Modal --> <div class="modal" id="early" role="dialog"> <div class="modal-dialog m-bird"> <div class="modal-content"style="background:#14164c"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title"style=" color: #fff;">Early Bird Benefits </h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <!-- Modal body --> <div class="modal-body"> <p style="text-align: justify;color: #fff;font-weight: 500;"><b style=" color: #22cce7;">Cost Savings:</b> Enjoy significant savings on registration fees by taking advantage of our Early Bird rates. This is your opportunity to attend a world-class conference at a more affordable price.</p> <p style="text-align: justify;color: #fff;font-weight: 500;"><b style=" color:#22cce7;">Priority Access:</b> Be at the forefront of the conference experience. Early Bird registrants gain priority access to high-demand sessions, workshops, and networking events, ensuring you don't miss out on any key aspect of the conference.</p> <p style="text-align: justify;color: #fff;font-weight: 500;"><b style=" color: #22cce7;">Exclusive Materials:</b> Gain early access to conference materials, research papers, and pre-conference resources through IFERP Dashboard. Stay ahead by delving into the content that will be discussed and presented during the event.</p> <p style="text-align: justify;color: #fff;font-weight: 500;"><b style=" color: #22cce7;">Special Offers:</b> Enjoy additional perks such as exclusive networking opportunities, and access to special sessions designed to enhance your overall conference experience.</p> <p style="text-align: justify;color: #fff;font-weight: 500;"><b style=" color: #22cce7;">Flexibility:</b> Benefit from more flexible Submission policies. Early Bird registrants often have greater flexibility in making changes to their Research paper, Presentation ppt and preferable Presentation time slot , providing you with added convenience.</p> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> function myFunction(amount) { document.getElementById("price").value = amount; var amt = document.getElementById("price").value = amount; var amnt = amt.substring(0, 8); document.getElementById("price").value = amnt; } </script> <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]--> <!--[if lt IE 9]><script src="js/respond.js"></script><![endif]--> <!-- --> <!-- <div class="modal fade " id="myModals" role="dialog" > <div class="modal-dialog"style="width: 580px; margin-top: 114px;"> <div class="modal-content col-lg-12 let-it-snow"style="background: linear-gradient(346deg, #190040c9, #9b0026), url(https://iferp-in-docs.s3.ap-south-1.amazonaws.com/conf-img/2024/fire-2.jpg); background-size: cover;"> <div class=""style=" position: absolute; right: -10px; top: -9px;"> <button type="button" class="btn btn-default" data-dismiss="modal" style=" border-radius: 47px;">脳</button> </div> <div class=" modal-header pb-2" style=" margin-bottom: 30px; border-bottom: 1px solid #fff; padding: 10px 23px; "> <div class="row"> <div class="col-lg-12 col-10 pl-0"> <div class="col-sm-12 pl-0"> <h5 class="txt pl-4 mb-1" style=" margin-bottom: 0px; font-size: 17px; color:#dc3935;text-align: center; "><strong class="text-white"style="font-family: cursive; color: #e1ff68;">馃寵 Celebrate Ramzan with a Special Offer! 馃寵 </strong></h5> </div> </div> </div> </div> <div class="modal-body"> <p class="text-white text-center"style="font-weight: 600;">As we embrace the spirit of generosity and reflection during this sacred month, IFERP is delighted to extend a heartfelt gift to you.</p> <p class="text-white" style="text-align: center;font-weight: 600;">Enjoy an exclusive <br><span style="font-size: 25px; color: #72ffd8; font-weight: 600;">Discount for Ramzan 2024</span> <br>Claim your Discount Now! </p> <p style=" background: #0046e3; width: fit-content; padding: 5px 13px; color: #fff; font-weight: 700; margin: auto; box-shadow: 1px 1px 15px #000; margin-bottom: 16px">Use code: RAMADAN25 </p> <p class="text-white blink"style="font-size: 19px; font-weight: 800; color: #efff00; font-family: cursive;font-style: italic;text-align: center;">Hurry! This offer is only available for a limited time</p> <div class="text-center"> <p class=" text-center"style=" margin-top: 22px;"> <a href="#table"align="center"style="background: #c0ff00; padding: 7px 9px; color: #000; text-align: center; font-weight: 700; border: 3px outset #c3bfbf; border-radius: 6px;"onclick="buuton_click()">Register Now</a> </p> <p class="text-white">Let's celebrate this auspicious occasion together!</p> </div> <div style=" background: #11002a; padding: 11px 9px; margin: 12px; border-radius: 14px;"> <p class="text-white"style="color: #daff6a; font-size: 19px; font-weight: 800; font-family: cursive; font-style: italic;text-align: center;">Step to redeem coupon code</p> <p class="text-white" style="font-size: 12px;line-height: 20px;font-weight: 500;"><i class="fa fa-check-square" aria-hidden="true"></i> Click <a href="#table"style="color:#fff;"onclick="buuton_click()">"Register now,"</a> choose the fee, fill in the details, and submit.</p> <p class="text-white" style="font-size: 12px;line-height: 20px;font-weight: 500;"><i class="fa fa-check-square" aria-hidden="true"></i> Enter the online gateway, provide details, confirm, and proceed to payment.</p> <p class="text-white" style="font-size: 12px;line-height: 20px;font-weight: 500;"><i class="fa fa-check-square" aria-hidden="true"></i> In CC Avenue checkout, enter the coupon code on the right for discounts.</p> <p class="text-white" style="font-size: 12px;line-height: 20px;font-weight: 500;"><i class="fa fa-check-square" aria-hidden="true"></i> Enter card details and complete the authentication process.</p> </div> </div> --> <!-- <div class="modal-footer"style="border-top:none;"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> --> <!-- </div> </div> </div> --> <script> var prevScrollpos = window.pageYOffset; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos) { document.getElementById("ch").style.top = "200px"; } else { document.getElementById("ch").style.top = "-550px"; } prevScrollpos = currentScrollPos; } </script> <script src="let-it-snow.min.js"></script> <script> $.letItSnow('.let-it-snow', { stickyFlakes: 'lis-flake--js', makeFlakes: true, sticky: true }); </script> <script type="text/javascript"> $(window).on('load', function() { $('#myModals').modal('show'); }); </script> <script> $.letItSnow('.let-it-snow', { stickyFlakes: 'lis-flake--js', makeFlakes: true, sticky: true }); </script> <script type="text/javascript"> $(window).on('load', function() { $('#myModals').modal('show'); }); </script> <script> function buuton_click() { $('#myModals').modal('hide'); } </script> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="let-it-snow.min.js"></script> <!-- Modal --> <div class="modal fade" id="premium_membership" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="premium_membershipLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-center mx-auto" id="premium_membershipLabel">Premium Membership Benefits </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="row clearfix"> <div class="col-lg-12"> <div class="sec-title-two mb-3"> <h6 class="font-weight-bold text-center" style="color:#f74341;">Certificates will be provided for Premium members </h6> <div class="text text-justify "> Joining the IFERP Premium Membership community allows you to network with other like-minded individuals, and focus on your professional development skills as you progress through academics and into your professional journey. </div> </div> </div> <div class="content-column col-lg-6 col-md-12 col-sm-12"> <div class="inner-column"> <ul class="list-style-three-1"> <li> Digital Interface for Virtual Partnership.</li> <li> Financial Discount on IFERP Conferences.</li> <li> Financial Discount on IFERP Webinars and Scientific Events.</li> <li> Obtain Permission to Publish in Reputable High Impact Journals Journals.</li> <li> Zero Plagiarism Study for Research articles.</li> <li> Possibility to become a Co-Supervisor depending on the profile.</li> <li> Come, and be a part of the thriving tech innovation community by becoming a full-fledged IFERP premium member today.</li> </ul> </div> </div> <div class="image-column col-lg-6 col-md-12 col-sm-12 mt-0 p-0 d-flex justify-content-center align-items-center"> <div class="inner-column p-0"> <div class="image " style="visibility: visible; "> <img src="./img/Premium-Membership.png" alt=""> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Early bird modal --> <!-- Modal --> <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="staticBackdropLabel">Early Bird Benefits</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="p-3"> <ul class="list-style-three"> <li> <span> Cost Savings: </span> Enjoy significant savings on registration fees by taking advantage of our Early Bird rates. This is your opportunity to attend a world-class conference at a more affordable price.</li> <li> <span>Priority Access: </span> Be at the forefront of the conference experience. Early Bird registrants gain priority access to high-demand sessions, workshops, and networking events, ensuring you don't miss out on any key aspect of the conference.</li> <li> <span>Exclusive Materials: </span> Gain early access to conference materials, research papers, and pre-conference resources through IFERP Dashboard. Stay ahead by delving into the content that will be discussed and presented during the event.</li> <li> <span>Special Offers: </span> Enjoy additional perks such as exclusive networking opportunities, and access to special sessions designed to enhance your overall conference experience.</li> <li> <span>Flexibility: </span> Benefit from more flexible Submission policies. Early Bird registrants often have greater flexibility in making changes to their Research paper, Presentation ppt and preferable Presentation time slot , providing you with added convenience.</li> </ul> </div> </div> </div> </div> </div> <!-- --> <!-- --> <!-- <div class="modal fade " id="myModals" role="dialog" > <div class="modal-dialog indonesia"style="width: 580px; margin-top: 114px;"> <div class="modal-content col-lg-12 "style=" background:linear-gradient(193deg, #02094a73, #0302479e), url(img/m-flag.jpg); background-size: 100% 100%;"> <div class=""style=" position: absolute; right: -10px; top: -9px;"> <button type="button" class="btn btn-default" data-dismiss="modal" style="border-radius: 47px; background: #ffffff; color: #000;">脳</button> </div> <div class=" modal-header pb-2" style=" margin-bottom: 30px; border-bottom: 1px solid #fff; padding:10px 77px; "> --> <!-- <div class="row"> --> <!-- <div class="col-lg-12 col-10"> <div class="col-sm-12 "> <h5 class="txt mb-1 text-center" style="font-weight: 900; font-size: 20px; color: #dc3935; color: #e1ff68;">IFERP Freedom Sale!</strong></h5> </div> </div> --> <!-- </div> --> <!-- </div> <div class="modal-body text-center"> <p class="text-white text-center"style="font-weight: 600;">Celebrate Malaysia Independence with Us! </p> <p class="text-white" style="text-align: center;font-weight: 600;line-height: 39px;">Enjoy a <br><span style=" font-size: 25px; color: #fff900; font-weight: 800; background: linear-gradient(256deg, #040097, #b3008c); padding: 4px 30px; border-radius: 11px;"class="blink">5% Discount on Your </span> <br>Conference Registration Fee! </p> <p style=" background:#fff900; width: fit-content; padding: 5px 13px; color: #000; font-weight: 700; margin: auto; box-shadow: 1px 1px 15px #000; margin-bottom: 16px">Use code: MY5 </p> <p class="text-white "style="font-size: 19px; font-weight: 800; color: #efff00; font-family: cursive;font-style: italic;text-align: center;">During registration to avail of this exclusive discount</p> <div class="text-center"> <p class=" text-center"style=" margin-top: 22px;"> <a href="conference-registration.php#table"align="center"style=" background: #fd0000; padding: 7px 9px; color: #fff; text-align: center; font-weight: 700; border: 2px outset #5a0000; border-radius: 64px;"onclick="buuton_click()">Register Now and Save! </a> </p> <p class="text-white"style="font-weight:700;font-size:18px"> Limited slots available </p> </div> </div> </div> </div> </div> </div> --> <script> function button_click(event) { event.preventDefault(); // Prevent default action of the button $('#Discount1').modal('hide'); // Hide the modal // Show the registration form $('#registrationForm').show(); // Scroll to the registration form $('html, body').animate({ scrollTop: $("#registrationForm").offset().top }, 1000); } // Automatically show the modal for demonstration purposes $(document).ready(function() { $('#Discount1').modal('show'); }); </script> <script> function showToast() { var toast = document.getElementById('toast'); toast.style.display = 'block'; setTimeout(function() { toast.style.display = 'none'; }, 3000); } function closeToast() { var toast = document.getElementById('toast'); toast.style.display = 'none'; } </script> <!-- <script> // Function to handle radio button click function handleRadioClick(event) { // Get the parent row of the clicked radio button var row = event.target.closest('tr'); // Get the first td element's inner text var tdText = row.querySelector('td:first-child').textContent; console.log(value + "inner result") // Display the text content // var displayDiv = document.getElementById('display'); // displayDiv.textContent = 'First TD Inner Text: ' + tdText; console.log(tdText); } function myFunction(value) { console.log("inner function :", this.value); } var result_value = document.querySelector('#inner_value:first-child'); var result_value1 = document.querySelector('#inner_value > :nth-child(2)'); var radioButtons = document.querySelectorAll('.amount'); radioButtons.forEach(function(radioButton) { radioButton.addEventListener('click', function() { handleRadioClick(ev); myFunction(this.value); // Call myFunction when a radio button is clicked }); }); </script> --> <script> document.addEventListener('DOMContentLoaded', function() { var result_value = document.querySelector('#inner_value > :nth-child(1)'); var result_value1 = document.querySelector('#inner_value > :nth-child(2)'); var Discount_value = document.getElementById('discount'); function handleRadioClick(event) { var row = event.target.closest('tr'); var tdText = row.querySelector('td:first-child').textContent; result_value.textContent = tdText; myFunction(event.target.value); } function discountFunction(value) { let numericalPart = value.replace(/\D/g, ''); let discountValue = parseFloat(numericalPart); let discountPrice = Math.floor(discountValue * 0.10); return discountPrice; } function myFunction(value) { console.log("inner function value:", value); let numericalPart = value.replace(/\D/g, ''); result_value1.textContent = `$ ${numericalPart}`; // Recalculate total order amount based on the new inner value totalOrder(numericalPart); var discountValue = discountFunction(value); var discountValueOuter = document.getElementById('discount'); if (discountValueOuter) { discountValueOuter.textContent = "- $ " + discountValue; } else { //var referenceRow = document.getElementById('inner_value'); //var discountRow = createDiscountRow(discountValue); //referenceRow.parentNode.insertBefore(discountRow, referenceRow.nextSibling); } } var radioButtons = document.querySelectorAll('.amount'); radioButtons.forEach(function(radioButton) { radioButton.addEventListener('click', function(ev) { handleRadioClick(ev); updateTable(); }); }); var checkbox = document.getElementById('s2'); checkbox.addEventListener('change', function() { updateTable(); }); function updateTable() { var isChecked = checkbox.checked; var innerValue = parseFloat(result_value1.textContent.replace(/[^\d.]/g, '')); // print_r(innerValue); var discountValue = discountFunction(result_value1.textContent); var premiumAmount = 15.00; var totalAmountValue = innerValue; if (isChecked) { showToast(); // Apply discount and premium only if checkbox is checked totalAmountValue = innerValue - discountValue + premiumAmount; var discountRow = createDiscountRow(discountValue); var premiumRow = createPremiumRow(); // Remove existing discount and premium rows before inserting new ones var existingDiscountRow = document.getElementById('discount-row'); var existingPremiumRow = document.getElementById('premium-row'); if (existingDiscountRow) { existingDiscountRow.parentNode.removeChild(existingDiscountRow); } if (existingPremiumRow) { existingPremiumRow.parentNode.removeChild(existingPremiumRow); } // Insert new discount and premium rows var referenceRow = document.getElementById('inner_value'); referenceRow.parentNode.insertBefore(discountRow, referenceRow.nextSibling); discountRow.parentNode.insertBefore(premiumRow, discountRow.nextSibling); } else { // Remove discount and premium rows if checkbox is unchecked var existingDiscountRow = document.getElementById('discount-row'); var existingPremiumRow = document.getElementById('premium-row'); if (existingDiscountRow) { existingDiscountRow.parentNode.removeChild(existingDiscountRow); } if (existingPremiumRow) { existingPremiumRow.parentNode.removeChild(existingPremiumRow); } } // Update total order amount totalOrder(totalAmountValue); } function createDiscountRow(discountValue) { var discountRow = document.createElement('tr'); discountRow.classList.add('d-flex'); discountRow.id = 'discount-row'; discountRow.innerHTML = ` <td class="td-1"> Discount (10%) </td> <td class="td-2 d-flex justify-content-center align-items-center align-self-stretch totalamount" id="discount"> - $${discountValue} </td> `; return discountRow; } function createPremiumRow() { var premiumRow = document.createElement('tr'); premiumRow.classList.add('d-flex'); premiumRow.id = 'premium-row'; premiumRow.innerHTML = ` <td class="td-1"> Premium Member Fee </td> <td class="td-2 d-flex justify-content-center align-items-center align-self-stretch totalamount"> $15.00 </td> `; return premiumRow; } var totalAmount = document.getElementById('totalAmount'); // console.log(totalAmount.value); totalAmount.innerText = `$ 00`; function totalOrder(innerValue) { let total = innerValue; // Use a different variable to avoid conflicts totalAmount.innerText = `$ ${innerValue}`; const checkboxes = document.querySelectorAll('.price-checkbox'); checkboxes.forEach(function(checkbox) { if (checkbox.checked) { const price = parseFloat(checkbox.getAttribute('data-price')) || 0; total += price; } }); // Update total displayed amount document.getElementById('totalAmount').innerText = `$ ${total.toFixed(2)}`; // Update hidden field if needed const hiddenInput = document.getElementById('hiddenTotalAmount'); if (hiddenInput) { hiddenInput.value = total.toFixed(2); } } // Add event listeners to checkboxes document.querySelectorAll('.price-checkbox').forEach(function(checkbox) { checkbox.addEventListener('change', function() { const baseAmount = parseFloat(result_value1.textContent.replace(/[^\d.]/g, '')) || 0; totalOrder(baseAmount); }); }); document.querySelectorAll('.price-checkbox').forEach(function(checkbox) { checkbox.addEventListener('change', function(event) { const row = event.target.closest('tr'); // Find the closest <tr> const spanValue = row.querySelector('td.td-1 span').textContent .trim(); // Get the <span> value const hiddenInput = document.getElementById( 'selectedItems'); // Hidden input field // Get the current values in the hidden field (comma-separated) let selectedValues = hiddenInput.value ? hiddenInput.value.split(',') : []; if (event.target.checked) { // Add the value if checked and not already present if (!selectedValues.includes(spanValue)) { selectedValues.push(spanValue); } } else { // Remove the value if unchecked selectedValues = selectedValues.filter(value => value !== spanValue); } // Update the hidden input field with the new list hiddenInput.value = selectedValues.join(','); }); }); document.getElementById('totalAmount').innerText = `$ ${innerValue.toFixed(2)}`; }); </script> <script> function animatedIcon() { const animated_icon = document.querySelectorAll('.animated'); // console.log("i am working"); animated_icon.forEach((icon) => { icon.classList.remove('animated-icon'); }); let v = document.querySelector('#hero').offsetWidth; //console.log(v); animated_icon.forEach((icon) => { icon.classList.add('animated-icon'); }); } function animatedTxt() { const animated_icon = document.querySelectorAll('.animated-txt'); // console.log("i am working"); animated_icon.forEach((icon) => { icon.classList.remove('animated-txt'); }); let v = document.querySelector('#hero').offsetWidth; // console.log(v); animated_icon.forEach((icon) => { icon.classList.add('animated-txt'); }); } animatedIcon(); animatedTxt(); // setInterval(animatedIcon, 4000); setInterval(function() { animatedIcon(); animatedTxt(); }, 5000) </script> <script> document.addEventListener('DOMContentLoaded', function() { var submitButton = document.getElementById('submit'); submitButton.addEventListener('click', function(event) { // Prevent default form submission event.preventDefault(); // Check if all required fields are filled out var allFieldsFilled = validateForm(); console.log(allFieldsFilled); if (!allFieldsFilled) { alert('Please fill out all required fields before proceeding to checkout.'); } else { // If all fields are filled, send form data via AJAX sendData(); } }); function validateForm() { // Get all form fields var formFields = document.querySelectorAll('form input, form select, form textarea'); // Check if all required fields are filled out for (var i = 0; i < formFields.length; i++) { var field = formFields[i]; if (field.hasAttribute('required') && !field.value.trim()) { return false; // Return false if any required field is empty } } return true; // Return true if all required fields are filled out } function sendData() { // Get form data var formData = new FormData(document.getElementById('registerform')); console.log(formData); var hiddenAmount = document.getElementById('hiddenTotalAmount').value; // Make AJAX request var xhr = new XMLHttpRequest(); xhr.open('POST', 'conf-reg.php'); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { // Request successful, handle response if needed console.log(xhr.responseText); // Redirect to the payment gateway URL with the total amount console.log(formData); redirectToPaymentGateway(formData); } else { // Request failed, handle error if needed console.error('Error:', xhr.statusText); } } }; xhr.send(formData); } function redirectToPaymentGateway(formData) { var name = formData.get('name'); var email = formData.get('email'); var mobile = formData.get('mobile'); var conf_name = 'ICESSU-2025'; var price = formData.get( 'price'); // Assuming 'price' is the name of the field containing the amount var totalAmount = 'USD ' + price; var encodedAmount = encodeURIComponent(totalAmount); // Redirect the user to the payment gateway URL window.location.href = 'https://www.iferp.in/payment/?name=' + encodeURIComponent(name) + '&email=' + encodeURIComponent(email) + '&conf_name=' + encodeURIComponent(conf_name) + '&phone=' + encodeURIComponent(mobile) + '&amount=' + encodedAmount; } }); </script> <script> $(document).ready(function() { $('[data-toggle="popover"]').popover({ html: true, trigger: 'hover', // Trigger popover on hover template: '<div class="popover custom-popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>' }); }); </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 con-22" style="padding: 0px;"> <a href="" data-dismiss="modal"style="padding: 0px;"> <img src="https://iferp-in-docs.s3.ap-south-1.amazonaws.com/iferp-logos/2025/discount-coupen.webp" class="offer"></a> <div class=""style=" position: absolute; right: -10px; top: -9px;"> <button type="button" class="btn btn-default" data-dismiss="modal" style="border-radius: 47px; background: #ffffff; color: #000;">脳</button> </div> </div> </div> </div> </div> <!-- --> </body> </html>