CINXE.COM
International Maritime Club -IMC
<!doctype html> <html class="no-js" lang="zxx"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- <title>International Maritime Club -IMC</title> --> <meta name="author" content="Aries e-Solutions"> <meta name="description" content="International Maritime Club -IMC"> <meta name="keywords" content="International Maritime Club -IMC"> <meta name="robots" content="INDEX,FOLLOW"> <meta property="og:image" content="https://internationalmaritimeclub.com/assets/our/og-img/imc-og-img.webp" /> <title>IMC - Registration | International Maritime Club -IMC</title> <meta property="og:url" content="https://internationalmaritimeclub.com/imc-registration-form"> <meta property="og:title" content="IMC - Registration | International Maritime Club -IMC" /> <!-- Mobile Specific Metas --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Favicons - Place favicon.ico in the root directory --> <link rel="apple-touch-icon" sizes="57x57" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="60x60" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="76x76" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="114x114" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="120x120" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="144x144" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="152x152" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="192x192" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="96x96" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="16x16" href="assets/our/logo/fav-icon.png"> <link rel="manifest" href="assets/img/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <!--============================== Google Fonts ============================== --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,500&display=swap" rel="stylesheet"> --> <!--============================== All CSS File ============================== --> <!-- Bootstrap --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <!-- Fontawesome Icon --> <link rel="stylesheet" href="assets/css/fontawesome.min.css"> <!-- Magnific Popup --> <link rel="stylesheet" href="assets/css/magnific-popup.min.css"> <!-- Slick Slider --> <link rel="stylesheet" href="assets/css/slick.min.css"> <!-- Theme Custom CSS --> <link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/style-nd.css"> </head> <body> <!--[if lte IE 9]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> <![endif]--> <!--******************************** Code Start From Here ******************************** --> <!--============================== Preloader ==============================--> <!-- <div class="preloader "> <button class="themeholy-btn style4 preloaderCls">Cancel Preloader </button> <div class="preloader-inner"> <div class="loader"> <div class="loader-ring"></div> <div class="rocket-wrapper"> <div class="trail-wrapper"> <img class="trail" src="assets/img/icon/trail.svg" alt=""> </div> <img class="rocket" src="assets/img/icon/small-rocket.svg" alt=""> </div> </div> </div> </div> --> <!--============================== Sidemenu ============================== --> <div class="sidemenu-wrapper d-none d-lg-block "> <div class="sidemenu-content"> <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button> <div class="widget "> <div class="themeholy-widget-about"> <div class="about-logo"> <a href="./"><img src="assets/our/logo/logo.png" alt="logo"></a> </div> <!-- <p class="">Pellentesque non dolor vitae lacus fringilla consequat vel quis enim. Cras venenatis mollis neque in fringilla. In vitae</p> --> <div class="themeholy-social"> <a href="https://www.facebook.com/International-Maritime-Club-137131579633756/" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> <a href="https://www.linkedin.com/company/imc---international-maritime-club" target="_blank"><i class="fab fa-linkedin-in"></i></a> <!-- <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a> --> </div> </div> </div> <!-- <div class="widget"> <h3 class="widget_title">Recent Posts<span class="shape"></span></h3> <div class="recent-post-wrap"> <div class="recent-post"> <div class="media-img"> <a href="blog-details"><img src="assets/img/blog/recent-post-1-1.jpg" alt="Blog Image"></a> </div> <div class="media-body"> <div class="recent-post-meta"> <a href="blog"><i class="fal fa-calendar-days"></i>12 Jun, 2023</a> </div> <h4 class="post-title"><a class="text-inherit" href="blog-details">We set the standards others try to live up to.</a></h4> </div> </div> <div class="recent-post"> <div class="media-img"> <a href="blog-details"><img src="assets/img/blog/recent-post-1-2.jpg" alt="Blog Image"></a> </div> <div class="media-body"> <div class="recent-post-meta"> <a href="blog"><i class="fal fa-calendar-days"></i>22 Jun, 2023</a> </div> <h4 class="post-title"><a class="text-inherit" href="blog-details">We set the standards others try to live up to.</a></h4> </div> </div> <div class="recent-post"> <div class="media-img"> <a href="blog-details"><img src="assets/img/blog/recent-post-1-3.jpg" alt="Blog Image"></a> </div> <div class="media-body"> <div class="recent-post-meta"> <a href="blog"><i class="fal fa-calendar-days"></i>23 Jun, 2023</a> </div> <h4 class="post-title"><a class="text-inherit" href="blog-details">We set the standards others try to live up to.</a></h4> </div> </div> </div> </div> --> </div> </div> <!-- <div class="popup-search-box d-none d-lg-block"> <button class="searchClose"><i class="fal fa-times"></i></button> <form action="#"> <input type="text" placeholder="What are you looking for?"> <button type="submit"><i class="fal fa-search"></i></button> </form> </div> --> <!--============================== Mobile Menu ============================== --> <div class="themeholy-menu-wrapper"> <div class="themeholy-menu-area text-center"> <button class="themeholy-menu-toggle"><i class="fal fa-times"></i></button> <div class="mobile-logo"> <a href="./"><img src="assets/our/logo/logo-footer.png" alt="Logo"></a> </div> <div class="themeholy-mobile-menu"> <ul> <li> <a href="./">Home</a> </li> <li class="menu-item-has-children"> <a href="#">IMC</a> <ul class="sub-menu"> <li><a href="about">About</a></li> <li><a href="imc-members">Members</a></li> <li><a href="rules">Rules And Regulations</a></li> <li><a href="membership">Membership Benefits</a></li> <li><a href="imc-registration-form">Registration</a></li> </ul> </li> <!-- --> <li class="menu-item-has-children"> <a href="#">IMI </a> <ul class="sub-menu"> <li><a href="about-imi">About</a></li> <li><a href="imi-members">Members</a></li> <li><a href="benefits-imi">Membership Benefits</a></li> <!-- <li><a href="imi-registration-form">Registration</a></li> --> <li><a href="imi-registration-form">Membership Registration</a></li> <li><a href="student-registration-form">Career Guidance Programs Registration</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">Event</a> <ul class="sub-menu"> <!-- <li class="menu-item-has-children"><a href="#">Upcoming Events</a> <ul class="sub-menu"> <li><a href="imc-honorary-doctorate-leadership-awards-dubai-24" target="_blank">IMC Honorary Doctorate Leadership <br> Excellence Awards 2024</a></li> </ul> </li> --> <li><a href="event-partnership">Event Partners</a></li> <li><a href="event-calender">Event Calendar</a></li> <!-- <li class="menu-item-has-children"><a href="#">Previous Events</a> --> <li class="menu-item-has-children"><a href="#">IMC/IMI Events</a> <ul class="sub-menu"> <li><a href="imc-mighty-mariner-event-pune-24.php" target="_blank">IMC Maritime Career Guidance Event<br> "Mighty Mariner" Pune Edition 2024</a></li> <li><a href="imc-honorary-doctorate-leadership-awards-dubai-24" target="_blank">IMC Honorary Doctorate Leadership <br> Excellence Awards 2024</a></li> <li><a href="imc-golden-shield-awards-uk-2023" target="_blank">3 <sup>rd</sup> Edition IMC Golden Shield Excellence <br> Awards 2023 – UK Chapter</a></li> <li><a href="imc_golden_shield_excellence_award_2019_ukchapter" target="_blank">2<sup>nd</sup> Edition IMC Golden Shield <br>Excellence Awards 2019 – UK Chapter</a></li> <li><a href="imcgoldenshieldawards" target="_blank">IMC Golden Shield Excellence <br> Awards 2017 – UK CHAPTER</a></li> <li><a href="imc-professional-excellence-awards-kuwait-chapter" target="_blank">IMC Professional Excellence <br> Awards - Kuwait Chapter</a></li> <li><a href="IMC-maritime-excellence-awards-bahrain-KSA" target="_blank">IMC Maritime Excellence <br> Awards - Bahrain & KSA Chapter</a></li> </ul> </li> </ul> </li> <li class="menu-item-has-children"> <a href="#">News</a> <ul class="sub-menu"> <li><a href="all-news">Daily News</a></li> <li><a href="imc-newsletters">Newsletters</a></li> </ul> </li> <li> <a href="gallery" target="_blank">Gallery</a> </li> <li> <a href="videoandachives">Video Archives</a> </li> <!-- <li> <a href="https://internationalmaritimeclub.com/webinar" target="_blank">Webinar </a> </li> --> <li> <a href="contact">Contact </a> </li> <li> <a href="links">Useful Links</a> </li> <!-- --> </ul> </div> </div> </div> <!--============================== Header Area ==============================--> <header class="themeholy-header header-layout1 header-layout7"> <div class="header-top"> <div class="container"> <div class="row justify-content-center justify-content-lg-between align-items-center gy-2"> <div class="col-auto d-none d-md-block"> <div class="header-links"> <ul> <!-- <li><i class="fa-regular fa-phone"></i><span class="link-title">Phone : </span><a href="tel:+11156456825">+111 (564) 568 25</a></li> --> <!-- <li><i class="fa-regular fa-envelope"></i><span class="link-title">Email : </span><a href="mailto:quickhelp@gmail.com">mail@gmail.com</a></li> --> </ul> </div> </div> <div class="col-auto"> <div class="header-right"> <div class="header-social"> <a href="https://www.facebook.com/International-Maritime-Club-137131579633756/" target="_blank"><i class="fab fa-facebook-f"></i></a> <!-- <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> --> <a href="https://www.linkedin.com/company/imc---international-maritime-club"><i class="fab fa-linkedin-in"></i></a> <a href="https://www.youtube.com/@InternationalMaritimeClub" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://www.instagram.com/internationalmaritimeclub/" target="_blank"><i class="fab fa-instagram"></i></a> </div> </div> </div> </div> </div> </div> <div class="sticky-wrapper"> <!-- Main Menu Area --> <div class="menu-area"> <div class="container"> <div class="row align-items-center justify-content-between"> <div class="col-auto"> <div class="header-logo"> <a href="./"><img src="assets/our/logo/logo.png" alt="Logo"></a> </div> </div> <div class="col-auto "> <nav class="main-menu d-none d-lg-inline-block"> <ul> <li> <a href="./">Home</a> </li> <li class="menu-item-has-children"> <a href="#">IMC</a> <ul class="sub-menu"> <li><a href="about">About</a></li> <li><a href="imc-members">Members</a></li> <li><a href="rules">Rules And Regulations</a></li> <li><a href="membership">Membership Benefits</a></li> <li><a href="imc-registration-form">Registration</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">IMI </a> <ul class="sub-menu"> <li><a href="about-imi">About</a></li> <li><a href="imi-members">Members</a></li> <li><a href="benefits-imi">Membership Benefits</a></li> <!-- <li><a href="imi-registration-form">Registration</a></li> --> <li><a href="imi-registration-form">Membership Registration</a></li> <li><a href="student-registration-form">Career Guidance Programs Registration</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">Event</a> <ul class="sub-menu"> <!-- <li class="menu-item-has-children"><a href="#">Upcoming Events</a> <ul class="sub-menu"> <li><a href="imc-honorary-doctorate-leadership-awards-dubai-24" target="_blank">IMC Honorary Doctorate Leadership <br> Excellence Awards 2024</a></li> </ul> </li> --> <li><a href="event-partnership">Event Partners</a></li> <li><a href="event-calender">Event Calendar</a></li> <!-- <li class="menu-item-has-children"><a href="#">Previous Events</a> --> <li class="menu-item-has-children"><a href="#">IMC/IMI Events</a> <ul class="sub-menu"> <li><a href="imc-mighty-mariner-event-pune-24.php" target="_blank">IMC Maritime Career Guidance Event<br> "Mighty Mariner" Pune Edition 2024</a></li> <li><a href="imc-honorary-doctorate-leadership-awards-dubai-24" target="_blank">IMC Honorary Doctorate Leadership <br> Excellence Awards 2024</a></li> <li><a href="imc-golden-shield-awards-uk-2023" target="_blank">3 <sup>rd</sup> Edition IMC Golden Shield Excellence <br> Awards 2023 – UK Chapter</a></li> <li><a href="imc_golden_shield_excellence_award_2019_ukchapter" target="_blank">2<sup>nd</sup> Edition IMC Golden Shield <br>Excellence Awards 2019 – UK Chapter</a></li> <li><a href="imcgoldenshieldawards" target="_blank">IMC Golden Shield Excellence <br> Awards 2017 – UK CHAPTER</a></li> <li><a href="imc-professional-excellence-awards-kuwait-chapter" target="_blank">IMC Professional Excellence <br> Awards - Kuwait Chapter</a></li> <li><a href="IMC-maritime-excellence-awards-bahrain-KSA" target="_blank">IMC Maritime Excellence <br> Awards - Bahrain & KSA Chapter</a></li> </ul> </li> </ul> </li> <li class="menu-item-has-children"> <a href="#">News</a> <ul class="sub-menu"> <li><a href="all-news">Daily News</a></li> <li><a href="imc-newsletters">Newsletters</a></li> </ul> </li> <li> <a href="gallery">Gallery</a> </li> <li> <a href="videoandachives">Video Archives</a> </li> <!-- <li> <a href="https://internationalmaritimeclub.com/webinar" target="_blank">Webinar</a> </li> --> <li> <a href="contact">Contact</a> </li> <li> <a href="links">Useful Links</a> </li> </ul> </nav> <button type="button" class="themeholy-menu-toggle d-inline-block d-lg-none"><i class="far fa-bars"></i></button> </div> <!-- <div class="col-auto d-none d-xl-block"> <div class="header-button"> <button type="button" class="icon-btn searchBoxToggler"><i class="fal fa-search"></i></button> <button type="button" class="icon-btn fs-6 sideMenuToggler"> <img src="assets/img/icon/grid.svg" alt=""> </button> <a href="contact" class="themeholy-btn">Tracking Order<span class="icon"><i class="fa-sharp fa-regular fa-paper-plane"></i></span></a> </div> </div> --> </div> </div> </div> <!-- <div class="logo-bg"></div> --> <!-- <div class="logo-shape"><img src="assets/img/logo-shape.svg" alt=""></div> --> </div> </header> <div style="position: relative;" class="breadcumb-wrapper overlayy" data-bg-src="assets/our/inner-banner/imc-inner-banner.webp"> <div class="container"> <div class="breadcumb-content"> <h1 class="breadcumb-title">IMC - Registration</h1> <div class="breadcumb-menu-wrapper"> <ul class="breadcumb-menu"> <li><a href="./">Home</a></li> <li>IMC - Registration</li> </ul> </div> </div> </div> </div> <!-- end banner --> <div class="space" id="contact-sec"> <div class="container"> <div class="row gy-40 flex-row-reverse"> <div class="col-12"> <div class="contact-form-wrapper"> <form action="registration-action-imc.php" id="imc_reg_form" name="imc_reg_form" method="POST" class="contact-form " enctype="multipart/form-data"> <h2 class="form-title">Register Now<span class="shape"></span></h2> <div class="row"> <div class="form-group col-md-6"> <label for="org-name">Name Of The Organisation</label> <input type="text" class="form-control" name="organisation_name" id="organisation_name"> </div> <input type="hidden" class="form-control" name="imc-registration" value=""> <div class="form-group col-md-6"> <label for="type">Type</label> <select name="org_type" id="org_type" class="form-control" style="height:2.75em"> <option value="Association">Association</option> <option value="Institute">Institute</option> </select> </div> <div class="form-group col-md-3"> <label style="text-transform: capitalize;" for="mem_number">Approximate Number of Members</label> <input type="number" class="form-control" name="member_number" id="member_number" required> </div> <div class="form-group col-md-3"> <label style="text-transform: capitalize;" for="authorized">Authorized Person </label> <input type="text" class="form-control" name="authorized_person" id="authorized_person"> </div> <div class="form-group col-md-3"> <label style="text-transform: capitalize;" for="fax_number">Fax Number</label> <input type="number" class="form-control" name="fax_number" id="fax_number"> <!-- <i class="fa-regular fa-phone-flip"></i> --> </div> <div class="form-group col-md-3"> <label style="text-transform: capitalize;" for="zip_number">Zip Code</label> <input type="number" class="form-control" name="zip_code" id="zip_code"> <!-- <i class="fa-regular fa-phone-flip"></i> --> </div> <div class="form-group col-md-6"> <label style="text-transform: capitalize;" for="org_email">Organisation Email Id</label> <input type="email" class="form-control" name="organisation_email" id="organisation_email" required> <!-- <i class="fa-regular fa-phone-flip"></i> --> </div> <div class="form-group col-md-6"> <label style="text-transform: capitalize;" for="phone_number">Organisation Contact Number</label> <input type="number" class="form-control" name="org_contact_number" id="org_contact_number" required> </div> <div class="form-group col-md-6"> <label style="text-transform: capitalize;" for="website">Website</label> <input type="text" class="form-control" name="org_website" id="org_website" required> </div> <div class="form-group col-md-6"> <label style="text-transform: capitalize;" for="logo">Organisation Logo</label> <input type="file" class="form-control pt-3" name="logo" id="logo"> </div> <div class="form-group col-12"> <textarea name="address" id="address" cols="10" rows="3" class="form-control" placeholder="Address"></textarea> </div> <h2 class="form-title mt-2"><span class="shape"></span></h2> <div class="form-group col-md-6"> <label style="text-transform: capitalize;" for="full_name">Full Name</label> <input type="text" class="form-control" name="org_full_name" id="org_full_name" required> </div> <div class="form-group col-md-6"> <label style="text-transform: capitalize;" for="designation">Designation</label> <input type="text" class="form-control" name="designation" id="designation"> </div> <div class="form-group col-md-4"> <label style="text-transform: capitalize;" for="email">Email ID</label> <input type="email" class="form-control" name="email" id="email" required> </div> <div class="form-group col-md-4"> <label style="text-transform: capitalize;" for="mob_number">Phone Number</label> <input type="number" class="form-control" name="mob_number" id="mob_number"> </div> <div class="form-group col-md-4"> <div class="row"> <label style="text-transform: capitalize;">Gender</label> <div class="col-md-6"> <div class="form-check"> <input class="form-check-input" type="radio" name="gender" id="flexRadioDefault1" value="male"> <label class="form-check-label" for="flexRadioDefault1"> Male </label> </div> </div> <div class="col-md-6"> <div class="form-check"> <input class="form-check-input" type="radio" name="gender" id="flexRadioDefault2" value="female"> <label class="form-check-label" for="flexRadioDefault2"> Female </label> </div> </div> </div> </div> <div class="col-12 mb-3"> <div class="g-recaptcha" data-sitekey="6Ldxe20UAAAAAD_17wcLirt0F7WmMb_Ixgoi3AYt"></div> </div> <div class="btn-group style2"> <button type="submit" name="submit" id="submit" class="themeholy-btn"><span>SUBMIT</span> <span class="icon"><i class="fa-sharp fa-regular fa-paper-plane"></i></span></button> <button type="button" class="themeholy-btn" style="display: none" id="waitmsg" value="Please Wait..." disabled="disabled"><span>Please Wait...</span> </button> </div> </div> <p class="form-messages mb-0 mt-3"></p> </form> </div> </div> </div> </div> </div> <!--============================== Footer Area ==============================--> <footer class="footer-wrapper footer-layout5" style="background-color: #121212;"> <div class="widget-area"> <div class="container"> <div class="row justify-content-between"> <div class="col-md-6 col-xxl-3 col-xl-4"> <div class="widget footer-widget"> <div class="themeholy-widget-about"> <div class="about-logo"> <a href="./"><img src="assets/our/logo/logo-footer.png" alt="IMC Logo"></a> </div> <!-- <p class="about-text">Pellentesque non dolor vitae lacus fringilla consequat vel quis enim. Cras venenatis mollis neque in fringilla. In vitae</p> --> <div class="themeholy-social"> <a href="https://www.facebook.com/International-Maritime-Club-137131579633756/" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="https://www.youtube.com/@InternationalMaritimeClub" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://www.linkedin.com/company/imc---international-maritime-club" target="_blank"><i class="fab fa-linkedin-in"></i></a> <a href="https://www.instagram.com/internationalmaritimeclub/" target="_blank"><i class="fab fa-instagram"></i></a> <!-- <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a> --> </div> </div> </div> </div> <div class="col-md-6 col-xl-auto"> <div class="widget footer-widget"> <h3 class="widget_title">Head Quarters</h3> <div class="themeholy-widget-contact"> <div class="info-box"> <p class="info-box_text"> International Maritime Club<br> BCG Tower,1st Floor<br> Opp. CSEZ, Seaport Airport Road<br> Kakkanad, Cochin – 682037,India </p> </div> </div> </div> </div> <div class="col-md-6 col-xl-auto"> <div class="widget widget_nav_menu footer-widget"> <h3 class="widget_title">Regional Office</h3> <!-- <h3 class="widget_title">Head Quarters</h3> --> <div class="themeholy-widget-contact"> <div class="info-box"> <p class="info-box_text"> International Maritime Club<br> Post Box No: 94354<br> Dubai, UAE </p> </div> </div> </div> </div> </div> </div> </div> <!-- <div class="shape-mockup d-none d-xl-block" data-bottom="15%" data-left="0%"><img src="assets/img/update_4/shape/shape-2.png" alt="shape"></div> --> <!-- <div class="shape-mockup jump d-none d-xl-block" data-bottom="15%" data-right="0%"><img src="assets/img/update_4/shape/shape-3.png" alt="shape"></div> --> <div class="copyright-wrap"> <div class="container"> <div class="row justify-content-between"> <div class="col-lg-6"> <p class="copyright-text">Copyrights <i class="fal fa-copyright"></i> <script> document.write(new Date().getFullYear()) </script> All Rights Reserved. Designed & Developed By <a href="https://www.ariesesolutions.com/" target="_blank">Aries e-Solutions</a> </p> </div> </div> </div> </div> </footer> <!--******************************** Code End Here ******************************** --> <!-- Scroll To Top --> <!-- Scroll To Top --> <div class="scroll-top"> <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.919, 307.919; stroke-dashoffset: 307.919;"> </path> </svg> </div> <!--============================== All Js File ============================== --> <!-- Jquery --> <script src="assets/js/vendor/jquery-3.6.0.min.js"></script> <!-- Slick Slider --> <script src="assets/js/slick.min.js"></script> <!-- Bootstrap --> <script src="assets/js/bootstrap.min.js"></script> <!-- Magnific Popup --> <script src="assets/js/jquery.magnific-popup.min.js"></script> <!-- Counter Up --> <script src="assets/js/jquery.counterup.min.js"></script> <!-- Range Slider --> <script src="assets/js/jquery-ui.min.js"></script> <!-- Isotope Filter --> <script src="assets/js/imagesloaded.pkgd.min.js"></script> <script src="assets/js/isotope.pkgd.min.js"></script> <!-- Nice Select --> <script src="assets/js/nice-select.min.js"></script> <!-- Main Js File --> <script src="assets/js/main.js"></script> <script src="assets/js/jquery.validate.js"></script> <!-- youtube video --> <script src="assets/js/jquery.youtube-background.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('[data-vbg]').youtube_background(); const videoBackgrounds = VIDEO_BACKGROUNDS; }); </script> <!-- end youtube video --> <!-- script for recaptcha --> <script src="https://www.google.com/recaptcha/api.js"></script> <!-- script for recaptcha --> <!-- popup --> <!-- <script> // Wait for the DOM to be ready $(document).ready(function() { // Show the modal $('#popup-1').modal('show'); }); $(document).ready(function() { $('.close').on('click', function() { $('#popup-1').modal('hide'); }); }); </script> --> <!-- end popup --> <style> .modal { z-index: 100; } </style> </body> </html><script type="text/javascript"> $.validator.addMethod("customemail", function (value, element) { return this.optional(element) || /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(value); }, "Please enter a valid email address."); var validate = $("#imc_reg_form").validate({ rules: { organisation_name: "required", member_number: "required", org_website: "required", organisation_email: { required: true, customemail: true, }, org_contact_number: "required", org_full_name: "required", email: { required: true, customemail: true, }, }, messages: { organisation_name: "Please enter organisation name", member_number: "Please enter the number of members", org_website: "Please enter website link", organisation_email: { required: "Please enter your email ID", customemail: "Please enter valid email Id", }, org_contact_number: "Please enter organisation contact number", org_full_name: "Please enter your full name", email: { required: "Please enter your email ID", customemail: "Please enter valid email Id", }, }, errorPlacement: function (error, element) { if (element.attr("type") == "checkbox") { error.insertAfter("#caterr"); } else { error.insertAfter(element); } }, submitHandler: function () { if (grecaptcha.getResponse() == "") { alert("Are you a robot? Don't be shy, complete the reCaptcha! ?"); return false; } // call your function $('#submit').hide(); $('#waitmsg').show(); return true; } }); </script> <style> .error { color: red !important; font-family: verdana, Helvetica; font-size: 13px; } form { margin: 0 0 2em; font-family: verdana, Helvetica; } .labelname { color: black; font-size: 12px; } </style>