Pre Register - MAPEX Malaysia Palm Oil Expo

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title> Pre Register - MAPEX Malaysia Palm Oil Expo</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />  <link rel="stylesheet" href="css/aos.css" />  <link rel="stylesheet" href="css/swiper-bundle.min.css" />  <link rel="stylesheet" href="css/materialdesignicons.min.css" type="text/css" />  <link rel="stylesheet" href="css/style.min.css" type="text/css" />  <link rel="stylesheet" href="css/style.css?1732678709" type="text/css" />  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.min.css">  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style type="text/css"> .navbar-expand-lg .navbar-nav .nav-link { padding-right: .2rem !important; padding-left: .2rem !important; } /*fraud notice*/ .notice-container {background-color: #ffffff;border: 1px solid #ddd;border-radius: 8px;padding: 20px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}.notice-header {font-size: 24px;font-weight: bold;color: #d9534f;text-align: center;margin-bottom: 20px;}.notice-content {text-align: justify; font-size: 16px;line-height: 1.6;margin-bottom: 20px;}.notice-content strong {color: #d9534f;}.contact-info {font-size: 16px;text-align: center;}.contact-info a {color: #007bff;text-decoration: none;}.contact-info a:hover {text-decoration: underline;} </style> </head> <body data-bs-spy="scroll" data-bs-target="#navbar" data-bs-offset="71"> <div class="wow fadeInDown" style="background: rgb(0, 43, 83); position: relative; text-align: right; visibility: visible; animation-name: fadeInDown;"> <div class="container"> <div class="row"> <a href="called-fraud-notice.html" class="btn" style="color: #fff; padding: 9px 9px;margin: 0; width: 116px;background: red; border-radius: 0;">Fraud Notice</a> </div> </div> </div> <nav class="navbar navbar-expand-lg navbar-dark"> <div class="container"> <a class="navbar-brand fw-bold" href="https://palmoilfair.com/"><img class="logo-light" src="https://ik.imagekit.io/x09prsnsb/MAPEX%202025_D-sNMQTno.png?tr=w-300" alt="" height="70" /></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="mdi mdi-menu"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"><a class="nav-link active" aria-current="page" href="https://palmoilfair.com/">Home</a></li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> About Us </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://palmoilfair.com/the-organizer.html">The Organizer</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Event Info </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://palmoilfair.com/General-Information.html">General Information</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Event Publicity </a> <ul class="dropdown-menu"> <li class="nav-item dropend"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Media Coverage </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://palmoilfair.com/2023-Media-Coverage.html">2023 Media Coverage</a></li> </ul> </li> <li><a class="dropdown-item" href="https://palmoilfair.com/Gallery.html">Gallery</a></li> <li><a class="dropdown-item" href="https://palmoilfair.com/Videos.html">Videos</a></li> </ul> </li> <li class="nav-item"><a class="nav-link" href="https://palmoilfair.com/conference.html">Conference</a></li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> To Exhibit </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://palmoilfair.com/Who-Should-Exhibit.html">Who Should Exhibit</a></li> <li><a class="dropdown-item" href="https://palmoilfair.com/book-stand.html">Book A Stand</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> To Visit </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://palmoilfair.com/Who-Should-Visit.html">Who Should Visit</a></li> <li><a class="dropdown-item" href="https://palmoilfair.com/Visitor-FAQs.html">Visitor FAQs</a></li> <li><a class="dropdown-item" href="https://palmoilfair.com/Pre-Register.html">Pre Register</a></li> </ul> </li> <li class="nav-item"><a class="nav-link" href="https://palmoilfair.com/accomodation.html">Accomodation</a></li> <li class="nav-item"><a class="nav-link" href="https://palmoilfair.com/contact-us.html">Contact Us</a></li> </ul> </div> </div> </nav>  <section class="d-none d-lg-block d-xl-block" style="padding: 50px 0 50px; background: #f8f8f8;"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="row"> <div class="col-lg-4 mt-3"> <div class="header-contact"> <i style="color: #7bbb4b; font-size: 40px;" class="fa fa-envelope"></i> <div class="contact-header" style="text-align: left;"> <p style="margin-bottom: 0px !important;">Email Us At</p> <p><a class="lower" href="mailto:info@fireworksmy.com" style="color: #727272;"><u>info@fireworksmy.com</u></a></p> </div> </div> </div> <div class="col-lg-4 mt-3"> <div class="header-contact"> <i style="color: #7bbb4b; font-size: 40px;" class="fa fa-phone"></i> <div class="contact-header" style="text-align: left;"> <p style="margin-bottom: 0px !important;">Phone Number</p> <p>(+603) 6151 9178</p> </div> </div> </div> <div class="col-lg-4 mt-3"> <div class="header-contact" style="text-align: left;"> <i style="color: #7bbb4b; font-size: 40px;" class="fa fa-location-arrow"></i> <div class="contact-header"> <p style="margin-bottom: 0px !important;">Location</p> <p style=" font-size: 16px;">East Malaysia</p> </div> </div> </div> <div class="col-lg-3 mt-3" style="display: none;"> <div class="header-contact" style="text-align: center;"> <div class="blink" style="background: #8ac640; border-radius: 3px;">  <a class="nav-link" href="https://palmoilfair.com/#book-stand" style="color: #fff;text-shadow: 0px 0px 2px #000; padding: 15px;">Book A Stand</a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section-banner d-block" id="home" style="padding-top: 0 !important;"> <img src="https://ik.imagekit.io/edrrutawqt/MAPEX%20Web%20Banner-min.jpg" style="width: 100%;" /></a> <img src="https://ik.imagekit.io/ufuaasox4ii/E1UVT0_qTTFPRGTVRVMU1d4TlRjN_kVBUyJxExt.png" style="width: 100%;" /> </section> <section class="section"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-12"> <div class="text-center mb-5"> <h3 class="heading"><span class="text-primary">Pre-Register</span></h3> </div> </div> <div class="col-lg-9"> <div class="home-contact text-center mt-4"> <center> <h1 style="text-shadow: 6px 4px 3px rgba(0, 0, 0, 0.21);">Coming Soon</h1>  </center> </div> </div> </div> </div> </section> <div align="center"> <iframe style="border: 0; width: 100%;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3983.7771884209865!2d101.5949412970609!3d3.153370813659298!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc4f2071a5992b%3A0xa10af5aab2357459!2sJalan+PJU+5%2F6%2C+Dataran+Sunway%2C+47810+Petaling+Jaya%2C+Selangor%2C+Malaysia!5e0!3m2!1sen!2sid!4v1546486139566" frameborder="0" width="320" height="450"></iframe> </div>  <div class="footer-alt pt-4 pb-4"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="text-center"> <p class="mb-0 fs-15 text-white">漏 <script>document.write(new Date().getFullYear())</script> </p> </div> </div> </div> </div> </div> <button onclick="topFunction()" id="back-to-top"> <i class="mdi mdi-arrow-up"></i> </button>  <script src="js/counter.js"></script>  <script src="js/bootstrap.bundle.min.js"></script>  <script src="js/aos.js"></script>  <script src="js/swiper-bundle.min.js"></script>  <script src="js/contact.js"></script>  <script src="js/app.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" rel="stylesheet" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.all.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"> <style type="text/css"> .white-popup { position: relative; padding: 20px; width: auto; max-width: 700px; margin: 20px auto; } .mfp-close-btn-in .mfp-close { color: #000; background: #fff; border-radius: 50%; } </style> <script type = "text/javascript"> // Mendefinisikan fungsi pengganti alert function customAlert(message) { let alertOptions = { title: 'Success', html: message, icon: 'success', confirmButtonText: 'OK' }; // Menambahkan logika untuk memeriksa isi pesan secara dinamis let lowercaseMessage = message.toLowerCase(); if (lowercaseMessage.includes('error')) { alertOptions.title = 'Error'; alertOptions.icon = 'error'; } else if (lowercaseMessage.includes('warning')) { alertOptions.title = 'Warning'; alertOptions.icon = 'warning'; } Swal.fire(alertOptions); } // Menggantikan fungsi alert bawaan dengan customAlert window.alert = customAlert; $(document).on('ready', function () { $('.quotes').slick({ dots: true, infinite: true, autoplay: true, autoplaySpeed: 5000, speed: 800, slidesToShow: 1, adaptiveHeight: true }); /*$.magnificPopup.open({ items: { src: '<div class="white-popup"><a href="https://fireworksvirtual.com/my-mapex/" target="_blank"><img style="max-width:100%; border-radius:10px;" src="https://fireworksbi.com/img/file/e92886.jpg"></a></div>', type: 'inline' } });*/ $(".regular").slick({ dots: false, infinite: true, speed: 1000, slidesToShow: 4, slidesToScroll: 4, autoplay: true, autoplaySpeed: 2000, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true, }, }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, }, }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, }, }, ], }); }); $(function() { $('.econtent').val($('.formm').html()); $('input').change(function() { $(this).attr('value', $(this).val()); $('.econtent').val($('.formm').html()); }); $('textarea').change(function() { $(this).html($(this).val()); $('.econtent').val($('.formm').html()); }); $('input[type="checkbox"], input[type="radio"]').change(function() { if ($(this).is(':checked')) { $(this).attr('checked', 'checked'); } else { $(this).removeAttr('checked'); } $('.econtent').val($('.formm').html()); $(this).parent().find('input[type="radio"]').attr('name', $(this).parent().text()); }); $('#submitBooking').click(function() { var obj=$(this); $('.formm input[type="text"]').each(function() { if (!$(this).val()) { $(this).addClass('errorfill'); } else { $(this).removeClass('errorfill'); } }); if (!$(".formm :input").hasClass("errorfill")) { $('.msg').remove(); obj.attr('disabled','disabled').after('<div class="msg" style="width: 100px;margin-top: 10px;background: #f7ff97;clear: both;text-align: center;padding: 2px 3px;border-radius: 5px;border: 1px solid #b5b5b5;color: #000;">sending...</div>'); var contentFull = $('.econtent').val(); $.ajax({ type: 'POST', url: 'action.php', data: { 'ref':'book-stand', 'content': contentFull, 'param[name]':$('.name').val(), 'param[company]':$('.company').val(), 'param[phone]':$('.phone').val(), 'param[email]':$('.email').val(), }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert('error'); }, success: function (result) { $('.msg').html('Success'); alert('Your Data Has Been Successfully Submitted'); obj.removeAttr('disabled'); $('.msg').remove(); // Mengosongkan semua input $('input').val(''); // Meng-unselect semua checkbox $('input[type="checkbox"]').prop('checked', false); // Meng-unselect semua radio button $('input[type="radio"]').prop('checked', false); } }); } }); }); </script> </body> </html>

CINXE.COM

Pre Register - MAPEX Malaysia Palm Oil Expo