CINXE.COM

Venue Information - Thailand Marine & Offshore Expo (TMOX)

<!DOCTYPE html> <html lang="en"> <head> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8"> <title> Venue Information - Thailand Marine & Offshore Expo (TMOX)</title> <!-- Mobile Specific Metas ================================================== --> <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"> <!-- CSS ================================================== --> <!-- Bootstrap--> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Animation--> <link rel="stylesheet" href="css/animate.css"> <!-- Template styles--> <link rel="stylesheet" href="css/style.css?1732708071"> <link rel="stylesheet" href="css/morris.css"> <!-- Responsive styles--> <link rel="stylesheet" href="css/responsive.css?2"> <!-- FontAwesome--> <link rel="stylesheet" href="css/font-awesome.min.css"> <!-- Icon font--> <link rel="stylesheet" href="css/icon-font.css"> <!-- Owl Carousel--> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <!-- Colorbox--> <link rel="stylesheet" href="css/colorbox.css"> <!--Fancybox--> <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"> <!--Favicon--> <link rel="icon" href="https://fireworksbi.com/img/file/k16az0=qRXdNRETVRVMU515TnpNe.png" type="image/x-icon"> <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file.--> <!--if lt IE 9 script(src='js/html5shiv.js') script(src='js/respond.min.js') --> </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;background: #e3f2fd !important;color: #000;" class="btn btn-primary" href="https://mobile.eventpassinsight.co/registration/create/tmo24/" target="_blank">Pre Register as Visitor</a>--> <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> <!-- Topbar end--> <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> <!-- logo end--> <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> <!-- Col End--> </div> <!-- Logo Area End--> </div> </div> <!-- Container end--> <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> <!-- End of Navbar toggler--> <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 end--> <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/events-calendar.html">Events Calendar</a></li> --> <li><a href="https://thai-marine.com/media-partner.html">Media Partner</a></li> </ul> </li> <!-- li end--> <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-electricity.html">Official Electricity</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 end--> <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/pre-register.html">Pre Register as Visitor</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 end--> <li><a href="https://thai-marine.com/contact-us.html">Contact Us</a></li> <!-- <li><a style="border-radius: 0 !important;background: #e3f2fd !important;color: #000;" class="btn btn-primary" href="https://mobile.eventpassinsight.co/registration/create/tmo24/" target="_blank">Pre Register as Visitor</a></li> <li><a style="border-radius: 0 !important;" class="btn btn-primary" href="https://thai-marine.com/book-a-stand.html" target="_blank">Book a Stand</a></li> --> </ul> <!--Nav ul end--> </div> </nav> </div> </div> <!-- Site nav inner end--> </header> <!-- Header end--> </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">Venue Information</h1> </div> </div> </div> </div> </div> <section class="features"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-12 col-xs-12"> <div class="ts-text-block"> <p>As Thailand’s leading exhibition center, BITEC is situated on 60 acres of land. Strategically located at the exit of the first stage expressway system of Bangkok, Bitec is nerely 14 kms. from Suvannabhumi, the new international airport.</p> <div class="row"> <div class="col-md-6" style="margin-bottom: 30px;"> <ul class="li"> <li> <p class="info-subtitle">By Air</p> <span class="info-icon"><img src="http://fireworksbi.com/img/file/U1EZzQ=EZzJNakTVRRMk50xTnpFM.png" alt="By Air" style="max-width: 100%;max-height: 50px;"></span> <div class="info-wrapper"> <p class="info-title">From Suvarnabhumi International Airport <br>BITEC is only a leisurely 15 minute drive from the Suvarnabhumi International airport.</p> </div> </li> </ul> </div> <div class="col-md-6" style="margin-bottom: 30px;"> <ul class="li"> <li> <p class="info-subtitle">By Car</p> <span class="info-icon"><img src="http://fireworksbi.com/img/file/k9EUTE=EZzJNalTVRRMk5V5TURFe.png" alt="By Car" style="max-width: 100%;max-height: 50px;"></span> <div class="info-wrapper"> <p class="info-title">Directly linked by the expressway to Bangkok’s city centre (10 km.) The centre is accessible via 3 entrances : 1&2 are along Bangna Trad road (km. 1) and exit 3 “Samut Prakarn” via expressway.</p> </div> </li> </ul> </div> <div class="col-md-6" style="margin-bottom: 30px;"> <ul class="li"> <li> <p class="info-subtitle">By Taxi</p><span class="info-icon"><img src="http://fireworksbi.com/img/file/U5UQTM=EZzJNalTVRRMk5l3TlRFe.png" alt="By Taxi" style="max-width: 100%;max-height: 50px;"></span> <div class="info-wrapper"> <p class="info-title">For your convenience and comfort, Limo service will be available for your pre-bookings at Business centre. The Taxi stand is also available by the bus drop off area in front of Exhibition.</p> </div> </li> </ul> </div> <div class="col-md-6" style="margin-bottom: 30px;"> <ul class="li"> <li> <p class="info-subtitle">By BTS (sky train)</p><span class="info-icon"><img src="http://fireworksbi.com/img/file/k5qVTQ=EZzJNekTVRRMk5kwTlRNM.png" alt="By BTS (sky train)" style="max-width: 100%;max-height: 50px;"></span> <div class="info-wrapper"> <p class="info-title">Bangna station is only 5 minutes from On Nut station. Away from BITEC entrance 3. Through to the venue by skywalk is connecting to BITEC. </p> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </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 start--> <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> <!-- Box 1 end--> <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> <!-- Box 2 end--> <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> <!-- Box 3 end--> </div> <!-- Content row end--> </div> <!-- Container end--> </div> <!-- Footer top end--> <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> <!-- About us end--> <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/events-calendar.html">Events Calendar</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/pre-register.html">Pre Register</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> <!-- Content row end--> </div> <!-- Container end--> </div> <!-- Footer Main--> <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> <!-- Row end--> </div> <!-- Container end--> </div> <!-- Copyright end--> </footer> <!-- Footer end--> <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> <!-- icon end--> </button> <!-- button end--> </div> <!-- End Back to Top--> <!-- Javascript Files ================================================== --> <!-- initialize jQuery Library--> <script type="text/javascript" src="js/jquery.js"></script> <!-- Popper--> <script type="text/javascript" src="js/popper.min.js"></script> <!-- Bootstrap jQuery--> <script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- Owl Carousel--> <script type="text/javascript" src="js/owl.carousel.min.js"></script> <!-- Counter--> <script type="text/javascript" src="js/jquery.counterup.min.js"></script> <!-- Waypoints--> <script type="text/javascript" src="js/waypoints.min.js"></script> <!-- Color box--> <script type="text/javascript" src="js/jquery.colorbox.js"></script> <!-- Smoothscroll--> <script type="text/javascript" src="js/smoothscroll.js"></script> <!-- Google Map API Key--> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCsa2Mi2HqyEcEnM1urFSIGEpvualYjwwM"></script> <!-- Google Map Plugin--> <script type="text/javascript" src="js/gmap3.js"></script> <!-- For Fancybox--> <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> <!-- Global site tag (gtag.js) - Google Analytics --> <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>

Pages: 1 2 3 4 5 6 7 8 9 10