CINXE.COM
Home - MAPEX Malaysia Palm Oil Expo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Home - MAPEX Malaysia Palm Oil Expo</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- fevicon --> <!-- <link rel="shortcut icon" href="images/favicon.ico"> --> <!-- Bootstrap css --> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" /> <!-- animation --> <link rel="stylesheet" href="css/aos.css" /> <!-- slider --> <link rel="stylesheet" href="css/swiper-bundle.min.css" /> <!-- Icon --> <link rel="stylesheet" href="css/materialdesignicons.min.css" type="text/css" /> <!-- css --> <link rel="stylesheet" href="css/style.min.css" type="text/css" /> <!-- custom css --> <link rel="stylesheet" href="css/style.css?1732669292" type="text/css" /> <!-- popup notification --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.min.css"> <!-- font awesome --> <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> <!-- End Navbar --> <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://fireworksvirtual.com/my-mapex/" target="_blank" style="color: #fff;text-shadow: 0px 0px 2px #000; padding: 15px;">Visitor Pre Register</a> --> <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 about" id="about"> <div class="container"> <div class="row justify-content-center mt-5"> <div class="col-lg-12"> <div class="tab-content"> <div class="row justify-content-between"> <div class="col-lg-10 text-left" style="float: none; margin: 0 auto; margin-bottom: 30px;"> <div class="text-center mb-5"> <h3 class="heading"><span class="text-primary">About Us</span></h3> </div> <p class="text-muted"> Malaysia Palm Oil Expo (MAPEX) brings together an international congregation of both upstream and downstream palm oil companies, along with their supporting industries, in the vibrant region of East Malaysia. This expo highlights the latest developments and innovations in the palm oil sector, reflecting the significant role East Malaysia plays in the industry. <br><br> East Malaysia, particularly Sabah and Sarawak, is renowned for its extensive palm oil plantations and substantial production capacity. Sabah is noted for its large-scale plantations, while Sarawak is recognized for its growing contributions and advancements in sustainable practices. Together, these regions make a substantial impact on Malaysia鈥檚 palm oil industry. <br><br> This event will serve as a pivotal platform for discussing advancements, sharing insights, and fostering collaborations that will drive the future of palm oil production in East Malaysia and beyond. <!-- <center> <a href="download/Mapex Brochure 2023.pdf?1732669292" class="btn btn-primary me-3">Download Brochure</a> </center> --> </p> </div> <div style="clear: both;"></div> <div class="col-lg-6" style="float: none; margin: 0 auto; margin-bottom: 30px;"> <h4 class="text-center" style="margin-bottom: 30px;">Highlights of MAPEX 2023</h4> <iframe style="width:100%; height:310px; box-shadow: 0 10px 10px -10px #000;" frameborder="0" src="https://www.youtube.com/embed/O9RGv8Ecuzw"></iframe> </div> </div> </div> </div> <div style="clear: both; height: 50px;"></div> <!-- <div class="col-md-12" style="margin-bottom: 50px;"> <h4 class="about-heading text-center" style="margin-bottom: 30px;">MAPEX 2023 Exhibitors</h4> <div class="regular slider"> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/1625b8.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/e82fc7.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/b75262.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/ae3c94.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/9ad066.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/815857.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/96eae6.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/7362a1.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/4ec06d.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/f892d6.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/dcf01a.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/b70309.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/91585c.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/4a621c.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/23919b.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/9b7bca.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/f69141.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/d13f0a.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/ad63fe.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/89775f.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/611df4.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/3c3c3b.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/1246af.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/74ef82.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/b0c71c.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/e0384a.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/bed651.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/ba2d85.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/9b8626.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/5cda1b.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/49d13d.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/29ced4.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/f272b2.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/232782.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/a84bff.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/9a5dff.jpg" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> </div> </div> --> <!-- <div class="col-md-12" style="margin-bottom: 30px;"> <div class="row"> <h4 class="about-heading text-center" style="margin-bottom: 0 !important;">MAPEX 2023 Supporting Associations</h4> <div class="regular slider"> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/5cda1b.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/b0c71c.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/25aa63.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/E1EUTI=UTXdNamTVRZM09t4T1RNN.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/50be89.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/QXdNUT09TXdOREU1TVRZM09UTVRFd01E.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/bed651.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/bc3e4a.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/e0384a.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/d3ec86.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> <div style="padding: 5px;"> <div style="height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 5px; text-align: center;"> <div> <center> <img src="https://fireworksbi.com/img/file/6dba2f.png" alt="" style="width: 90%; max-height: 90px;" /> </center> </div> </div> </div> </div> </div> </div> --> <div style="clear: both;"></div> <div class="col-md-12" style="margin-bottom: 30px;"> <div class="row"> <div class="col-md-8"> <div class="row"> <h4 class="about-heading text-center" style="margin-bottom: 0 !important;">MAPEX 2023 Media Partners</h4> <div class="col-lg-6 col-md-6 mt-4" style="margin-bottom: 30px;"> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center; border-radius: 5px; background: white; border: 1px solid #ececec;"> <div> <img src="https://fireworksbi.com/img/file/U1UQXc=UTXdORFTVRZM09EzT1RFN.png" alt="" style="max-height: 100px; max-width: 80%;" /> </div> </div> </div> <div class="col-lg-6 col-md-6 mt-4" style="margin-bottom: 30px;"> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center; border-radius: 5px; background: white; border: 1px solid #ececec;"> <div> <img src="https://fireworksbi.com/img/file/4ad93c.png?w=250" alt="" style="max-height: 100px; max-width: 80%;" /> </div> </div> </div> </div> </div> <div class="col-md-4"> <h4 class="about-heading text-center" style="margin-bottom: 1.5rem !important;">MAPEX 2023 Official Magazine</h4> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center; border-radius: 5px; background: white; border: 1px solid #ececec;"> <div> <img src="https://fireworksbi.com/img/file/d2d518.png" alt="" style="max-height: 100px; max-width: 80%;" /> </div> </div> </div> </div> </div> <div class="col-md-12" style="margin-bottom: 30px;"> <div class="row"> <h4 class="about-heading text-center" style="margin-bottom: 0 !important;">Other Related Event</h4> <div class="col-lg-4 col-md-6 mt-4" style="float: none; margin: 0 auto;"> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center; border-radius: 5px; background: white; border: 1px solid #ececec;"> <div> <a href="https://asiapalmoil.com/" target="_blank"> <img src="https://fireworksbi.com/img/timthumb.php?src=https://fireworksbi.com/img/file/U16Y3g=EY3dOVGTVRZM05cwTkRjN.png&w=200" alt="palmex Malaysian" style="max-height: 100px; max-width: 80%;" /> </a> </div> </div> </div> <div class="col-lg-4 col-md-6 mt-4" style="float: none; margin: 0 auto;"> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center; border-radius: 5px; background: white; border: 1px solid #ececec;"> <div> <a href="https://palmoilexpo.com/" target="_blank"> <img src="https://fireworksbi.com/img/file/1696921724c9ba58.png?w=350" alt="palmex Indonesia" style="max-height: 100px; max-width: 80%;" /> </a> </div> </div> </div> <div class="col-lg-4 col-md-6 mt-4" style="float: none; margin: 0 auto;"> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center; border-radius: 5px; background: white; border: 1px solid #ececec;"> <div> <a href="https://thaipalmoil.com/" target="_blank"> <img src="https://fireworksbi.com/img/file/6eeeef.png?w=350"style="max-height: 100px; max-width: 80%;" /> </a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section services"> <div class="container"> <div class="row justify-content-center"> <div class="text-center mb-5"> <h3 class="heading"><span class="text-primary">Testimonials</span></h3> </div> <div class="quotes"> <div class="bubble"> <blockquote>We were the first time as an exhibitor at the MAPEX 2023. We were displaying an array of our products and solutions related to the palm oil industry. It is deemed an ideal platform to showcase the sustainable productivity that we are committed to with our product range. The organizer's coordinator, Carmen, is amiable, helpful, and attentive to our needs. </blockquote> <div></div> <cite>KTS TRADING SDN BHD</cite> </div> <div class="bubble"> <blockquote>Excellent event! IGUS able to bring the motion plastic to the visitors. We received many positive feedback on the igus motion plastic suitability in this industry. We will consider to take part in the next exhibition.</blockquote> <div></div> <cite>IGUS MALAYSIA</cite> </div> <div class="bubble"> <blockquote>This is the 1st time ifm participated in MAPEX Exhibition. Ifm is a German company that provide sensors, automation, and digitalization solutions. Many thanks to the organizer Ms Carmen for being so helpful for the event and also help arrange for short speech for ifm to present condition-based monitoring. Looking forward for the next exhibition for Palm Oil Industry.</blockquote> <div></div> <cite>IFM ELECTRONIC PTE LTD</cite> </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> <!-- <section class="section services"> <div class="container"> <div class="contact_us"></div> <div style="clear: both;"></div> </div> </section> --> <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> <!--Custom js--> <script src="js/counter.js"></script> <!--Bootstrap Js--> <script src="js/bootstrap.bundle.min.js"></script> <!-- animation --> <script src="js/aos.js"></script> <!-- swiper js --> <script src="js/swiper-bundle.min.js"></script> <!-- contact --> <script src="js/contact.js"></script> <!-- App Js --> <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> <style type="text/css"> .swal2-popup {width: 35em !important;} </style> <!-- <script type="text/javascript"> jQuery(document).ready(function($) { Swal.fire({ //title: 'Thank You', html: ` <div style="position:relative;"> <img src="https://ik.imagekit.io/x09prsnsb/fraud%20notice_NLvC--u10.jpg" style="width:100%;"> </div> `, //icon: 'success', confirmButtonText: 'Close' }); /*$.magnificPopup.open({ items: { src: '<div class="white-popup"><a href="https://fireworksvirtual.com/my-marine/" target="_blank"><img style="max-width:100%;" src="https://fireworksbi.com/img/file/171989112000fa10.jpg?w=800"></a></div>', type: 'inline' } });*/ }); </script> --> </body> </html>