Official Hotel - Thailand Marine & Offshore Expo (TMOX)

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8"> <title> Official Hotel - Thailand Marine & Offshore Expo (TMOX)</title>  <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 rel="stylesheet" href="css/bootstrap.min.css">  <link rel="stylesheet" href="css/animate.css">  <link rel="stylesheet" href="css/style.css?1732981497"> <link rel="stylesheet" href="css/morris.css">  <link rel="stylesheet" href="css/responsive.css?2">  <link rel="stylesheet" href="css/font-awesome.min.css">  <link rel="stylesheet" href="css/icon-font.css">  <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css">  <link rel="stylesheet" href="css/colorbox.css">  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.min.css">  <link rel="icon" href="https://fireworksbi.com/img/file/k16az0=qRXdNRETVRVMU515TnpNe.png" type="image/x-icon">   </head> <style type="text/css"> ul.li{ margin-left: 1.5em; list-style: none; } ul.li li{ padding-bottom: 10px; } ul.li li:before { content: '\f054'; /* fa-star */ font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: #7fb402; } @media (min-width: 1200px){} .site-nav-inner .container{ max-width: 1200px; } } @media (max-width: 767px) { .header.nav-down.nav-box { height: 230px; } .logo-area { padding: 20px; } } .box-slide-sub-title , .box-slide-description{ color: white !important; } .page-slider .item{ min-height: 600px !important; } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } @media only screen and (max-width: 900px) { .page-slider .item{ min-height: 400px !important; } } .blog .carousel-indicators { left: 0; top: auto; bottom: -40px; } /* The colour of the indicators */ .blog .carousel-indicators li { background: #a3a3a3; border-radius: 50%; width: 8px; height: 8px; } .blog .carousel-indicators .active { background: #707070; } .gallery { display: inline-block; margin-top: 20px; } body .popover { border: none; padding: 0; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } body .popover-header { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 300; background-color: #fff; border: none; padding: 15px 15px 5px; font-size: 1.125rem; margin: 0; color: #555; } body .popover-body { padding: 10px 15px 15px; line-height: 1.4; color: #555; } .bs-popover-auto .arrow::before, .bs-popover-left .arrow::before, .bs-popover-top .arrow::before, .bs-popover-right .arrow::before, .bs-popover-bottom .arrow::before { border: none !important; } .popover.top > .arrow { bottom: -10px; border-top-color: #fff; } .popover-title{ text-align: center; } .btn.btn-primary, .btn-dark, .btn-border, .btn-white { padding: 2px 20px !important; border-radius: 5px !important; background: #1eb2aa !important; } </style> <body> <div class="body-inner"> <div class="site-top-2" style="text-align: right;"> <div class="top-bar solid-bg" id="top-bar" style="background: #12617b;padding: 11px 0 10px;"> <div class="container">  <a style="border-radius: 0 !important;" class="btn btn-danger" href="http://thai-marine.com/called-fraud-notice.html">Fraud Notice</a> <a style="border-radius: 0 !important;" class="btn btn-primary" href="http://thai-marine.com/book-a-stand.html">Book a Stand</a> </div> </div>  <header class="header nav-down nav-box" id="header-2"> <div class="container"> <div class="row"> <div class="logo-area clearfix"> <div class="logo col-lg-3 col-md-12"> <a href="https://thai-marine.com/"> <img src="https://ik.imagekit.io/edrrutawqt/TMOX-JPEG-logo%20Event%202025-08-min.png" alt="Logo" style="height: 90px;"> </a> </div>  <div class="col-lg-9 col-md-12 pull-right"> <ul class="top-info unstyled d-none d-md-block"> <li><span class="info-icon"><i class="icon icon-phone3"></i></span> <div class="info-wrapper"> <p class="info-subtitle">Call us now</p> <p class="info-title">(+66) 2513-1418</p> </div> </li> <li><span class="info-icon"><i class="icon icon-clock"></i></span> <div class="info-wrapper"> <p class="info-subtitle">12-14 November 2025</p> <p class="info-title">10 am. - 5 pm.</p> </div> </li> <li class="last"><span class="info-icon"><i class="icon icon-map-marker2"></i></span> <div class="info-wrapper"> <p class="info-subtitle">BITEC,</p> <p class="info-title">Bangkok, Thailand</p> </div> </li> </ul> <div class="d-block d-sm-none" style="margin-top: 20px;"> <div class="col-6" style="float: left; font-size: 12px; text-align: center;"> <i class="fa fa-phone"></i> (+66) 2513-1418 </div> <div class="col-6" style="float: left; font-size: 12px; text-align: center;"> <i class="fa fa-clock-o"></i> 12-14 November 2025 </div> <div class="col-6" style="float: none; margin: 0 auto; text-align: center; font-size: 12px;"> <i class="fa fa-map-marker"></i> BITEC, Bangkok, Thailand </div> </div> </div>  </div>  </div> </div>  <div class="site-nav-inner"> <div class="container"> <nav class="navbar navbar-expand-lg justify-content-end site-navigation navdown"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"><i class="icon icon-menu"></i></span></button>  <div class="collapse navbar-collapse justify-content-start" id="navbarSupportedContent"> <ul class="navbar-nav"> <li><a href="https://thai-marine.com/">Home</a></li>  <li class="nav-item dropdown"><a class="nav-link" href="#" data-toggle="dropdown">Information<i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu" role="menu"> <li><a href="https://thai-marine.com/general-info.html">General Information</a></li> <li><a href="https://thai-marine.com/venue-information.html">Venue Information</a></li>  <li><a href="https://thai-marine.com/media-partner.html">Media Partner</a></li> </ul> </li>  <li class="nav-item dropdown"><a class="nav-link" href="#" data-toggle="dropdown">To Exhibit<i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu" role="menu"> <li><a href="https://thai-marine.com/book-a-stand.html">Book a Stand</a></li> <li><a href="https://thai-marine.com/who-should-exhibit.html">Who should Exhibit?</a></li> <li><a href="https://thai-marine.com/official-freight-forwarder.html">Official Freight Forwarder</a></li>  <li><a href="https://thai-marine.com/official-contractor.html">Official Contractor & Electricity</a></li> <li><a href="https://thai-marine.com/sponsorship.html">Sponsorship</a></li> </ul> </li>  <li class="nav-item dropdown"><a class="nav-link" href="#" data-toggle="dropdown">To Visit<i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu" role="menu"> <li><a href="https://thai-marine.com/who-should-visit.html">Who Should Visit?</a></li>  <li><a href="https://thai-marine.com/official-hotel.html">Official Hotel</a></li> <li><a href="https://thai-marine.com/transportation.html">Transportation</a></li> </ul> </li> <li><a href="https://thai-marine.com/seminar.html">Seminar</a></li>  <li><a href="https://thai-marine.com/contact-us.html">Contact Us</a></li>  </ul>  </div> </nav> </div> </div>  </header>  </div> <div class="banner-area" id="banner-area" style="background-image:url(https://fireworksvirtual.com/img/file/1726650911f72687.jpg);"> <div class="container"> <div class="row justify-content-center"> <div class="col"> <div class="banner-heading"> <h1 class="banner-title">Official Hotel</h1> </div> </div> </div> </div> </div> <section class="features"> <div class="container"> <center><h1>Coming Soon</h1></center>  </div> </section> <div class="map"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3876.79894709383!2d100.60628465060148!3d13.669986002819508!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2a00e14cd4c93%3A0xfa656177eddbb2b1!2sBangkok+International+Trade+%26+Exhibition+Centre!5e0!3m2!1sen!2sid!4v1553072591319" frameborder="0" style="border:0; width: 100%; height: 450px;" allowfullscreen></iframe> </div>  <footer class="footer" id="footer"> <div class="footer-top"> <div class="container"> <div class="footer-top-bg row"> <div class="col-lg-4 footer-box"><i class="icon icon-map-marker2"></i> <div class="footer-box-content"> <h3>BITEC,</h3> <p>Bangkok, Thailand</p> </div> </div>  <div class="col-lg-4 footer-box"><i class="icon icon-phone3"></i> <div class="footer-box-content"> <h3>Call Us</h3> <p>(+66) 2513-1418</p> </div> </div>  <div class="col-lg-4 footer-box"><i class="icon icon-clock"></i> <div class="footer-box-content"> <h3 style=" font-size: 19px;">12-14 November 2025</h3> <p>10 am. - 5 pm.</p> </div> </div>  </div>  </div>  </div>  <div class="footer-main bg-overlay"> <div class="container"> <div class="row"> <div class="col-lg-7 col-md-12 footer-widget footer-about"> <p> <img src="https://ik.imagekit.io/edrrutawqt/TMOX-JPEG-logo%20Event%202025-08-min.png" alt="" style="float: left;margin-right: 10px;border-radius: 5px;background: white;border: 1px solid #ececec;padding: 10px;max-width: 265px;"> <strong>Thailand Marine & Offshore Expo (TMOX) 2025</strong> is an international maritime and offshore industrial event that brings an international congregation of companies together in Bangkok, Thailand. This unique event which seeks to bring togethermore than 8,000 industry professionals to tackle the pertinent concerns of the booming offshore, Oil & Gas, shipbuilding and maritime industries in Thailand, from its technological front to the changing markettrends.The international character of Thailand Marine & Offshore Expo (TMOX) 2025 presents unparalleled marketing, education and networking opportunities. Thailand Marine & Offshore Expo (TMOX) 2025 offers you the ideal platform to explore new maritime, offshore, Oil & Gas and shipbuilding opportunities in Thailand and penetrate emerging markets in South-East Asia! </p> </div>  <div class="col-lg-5 col-md-12 footer-widget"> <h3 class="widget-title">Useful Links</h3> <ul class="list-dash"> <li><a href="https://thai-marine.com/general-info.html">General Information</a></li> <li><a href="https://thai-marine.com/venue-information.html">Venue Information</a></li>  <li><a href="https://thai-marine.com/who-should-exhibit.html">Who should Exhibit?</a></li> <li><a href="https://thai-marine.com/who-should-visit.html">Who Should Visit?</a></li>  <li><a href="https://thai-marine.com/media-partner.html">Media Partner</a></li> <li><a href="https://thai-marine.com/contact-us.html">Contact Us</a></li> </ul> </div> </div>  </div>  </div>  <div class="copyright"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-12"> <div class="copyright-info"><span>Copyright 漏 2020. All Rights Reserved.</span></div> </div> </div>  </div>  </div>  </footer>  <div class="back-to-top affix" id="back-to-top" data-spy="affix" data-offset-top="10"> <button class="btn btn-primary" title="Back to Top"><i class="fa fa-angle-double-up"></i>  </button>  </div>    <script type="text/javascript" src="js/jquery.js"></script>  <script type="text/javascript" src="js/popper.min.js"></script>  <script type="text/javascript" src="js/bootstrap.min.js"></script>  <script type="text/javascript" src="js/owl.carousel.min.js"></script>  <script type="text/javascript" src="js/jquery.counterup.min.js"></script>  <script type="text/javascript" src="js/waypoints.min.js"></script>  <script type="text/javascript" src="js/jquery.colorbox.js"></script>  <script type="text/javascript" src="js/smoothscroll.js"></script>  <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCsa2Mi2HqyEcEnM1urFSIGEpvualYjwwM"></script>  <script type="text/javascript" src="js/gmap3.js"></script>  <script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.all.min.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-153385052-7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-153385052-7'); </script> <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; Morris.Area({ element: 'graph', behaveLikeLine: true, lineColors: ['#e36217', '#2154cf', '#4da74d', '#afd8f8', '#edc240', '#cb4b4b', '#9440ed'], data: [{ x: '2012', y: 9, z: 7 }, { x: '2013', y: 6, z: 8 }, { x: '2014', y: 6, z: 5 }, { x: '2015', y: 8, z: 10 } ], xkey: 'x', ykeys: ['y', 'z'], labels: ['Y', 'Z'] }); </script> <script type="text/javascript" src="js/custom.js?1"></script> <script type="text/javascript"> $(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()); }); $('#submit').click(function () { var obj=$(this); $('.formm input').css('border-color', '#ddd #f1f1f1 #f1f1f1 #ddd'); $('.formm input[type="text"]').each(function () { // Menghapus spasi dari awal dan akhir nilai input var trimmedValue = $(this).val().trim(); if (!trimmedValue) { $(this).css('border-color', '#ea6666'); $(this).addClass('errorfill'); } else { $(this).removeClass('errorfill'); } }); $('.formm input[type="email"]').each(function () { // Menghapus spasi dari awal dan akhir nilai input var trimmedValue = $(this).val().trim(); if (!trimmedValue) { $(this).css('border-color', '#ea6666'); $(this).addClass('errorfill'); } else { $(this).removeClass('errorfill'); } }); if (!$(":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) { 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); } }); } }); $('.nav a, .request_btn').click(function() { var target = $(this).attr('href'); target = target.split('#'); target = target[1]; if (window.location != 'http://www.oilgasthai.com/') { top.location = 'http://www.oilgasthai.com/#' + target; } if (target) { $('html,body').animate({ scrollTop: $('#' + target).offset().top - 70 }, 1000); } }); }); jQuery(function($) { function blink(selector) { $(selector).delay(1000).fadeOut(300, function() { $(this).fadeIn(50, function() { blink(this); }); }); } blink('.Sponsorship'); }); /*untuk slide gallery*/ $('#blogCarousel').carousel({ interval: 2500 }); /*untuk lightbox gallery*/ $(document).on('click', '[data-toggle="lightbox"]', function(event) { event.preventDefault(); $(this).ekkoLightbox(); }); $(document).ready(function(){ //FANCYBOX //https://github.com/fancyapps/fancyBox $(".fancybox").fancybox({ openEffect: "none", closeEffect: "none" }); }); /*popover*/ $('[data-toggle="popover"]').popover(); </script> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script> <style type="text/css"> .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; } .slick-dots li { margin: 0 0.25rem; } .slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: #696969; text-indent: -9999px; } .slick-dots li.slick-active button { background-color: #ccc; } .slick-prev { display: none !important; } .slick-next { display: none !important; } </style> <script type="text/javascript"> $(".slick").slick({ dots: false, infinite: true, speed: 300, autoplay: true, autoplaySpeed: 2000, slidesToShow: 4, slidesToScroll: 1, 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, }, }, ], }); </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: 800px; margin: 20px auto; } .mfp-close-btn-in .mfp-close { color: #fff; } </style> <script type="text/javascript"> $(document).ready(function() { $('.slick img, .pop').parent().magnificPopup({ type: 'image', gallery:{ enabled:true } }); }); </script> </div> </body> </html>

CINXE.COM

Official Hotel - Thailand Marine & Offshore Expo (TMOX)