CINXE.COM

Home - Welcome To Fireworks, Asia's Largest Trade Media Group

<!DOCTYPE html> <!--[if lt IE 10]> <html lang="en" class="iex"> <![endif]--> <!--[if (gt IE 10)|!(IE)]><!--> <html lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Home - Welcome To Fireworks, Asia's Largest Trade Media Group</title> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Meta Description Tag --> <meta name="description" content="Join Asia Fireworks, Asia's largest trade media group, for leading trade exhibitions, conferences, and business publications."> <!-- Meta Keywords Tag --> <meta name="keywords" content="Asia Fireworks, Asia trade exhibitions, business conferences, industry publications, Asia industry events"> <!-- Open Graph Tags --> <meta property="og:title" content="Welcome To Fireworks, Asia's Largest Trade Media Group"/> <meta property="og:description" content="Discover leading industry events and business opportunities with Asia Fireworks, a leader in trade exhibitions and conferences in Asia."/> <meta property="og:image" content="https://ik.imagekit.io/ufuaasox4ii/1602649782_uQpmLIpRP.png"/> <meta property="og:url" content="https://asiafireworks.com"/> <!-- Twitter Card Tags --> <meta name="twitter:title" content="Welcome To Fireworks, Asia's Largest Trade Media Group"> <meta name="twitter:description" content="Stay updated with the latest in Asia's trade industry with Asia Fireworks, a pioneer in exhibitions and business conferences."> <meta name="twitter:image" content="https://ik.imagekit.io/ufuaasox4ii/1602649782_uQpmLIpRP.png"> <meta name="twitter:card" content="summary_large_image"> <script src="https://asiafireworks.com/HTWF/scripts/jquery.min.js"></script> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/scripts/bootstrap/css/bootstrap.css"> <script type="text/javascript" src="https://asiafireworks.com/HTWF/scripts/script.js"></script> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/style.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/css/content-box.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/css/image-box.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/css/animations.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/css/components.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/scripts/flexslider/flexslider.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/scripts/magnific-popup.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/scripts/php/contact-form.css"> <link rel="stylesheet" href="skin.css"> <link rel="icon" href="https://fireworksbi.com/img/file/01qUT0=6VXlOVGTVRVME5MzTnpFd.png"> <style type="text/css"> .navbar-mini, .navbar-mini:not(.hidden) + .navbar-main .navbar-header:after{ background: #ef8422; } .navbar-mini *, .navbar-mini i, .navbar-mini .fa, .fbeep, .fbeep h3, .fbeep p, .fbeep small{ color: #fff; } .navbar-mini:not(.hidden) + .navbar-main .navbar-brand { margin-top: 17px; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-top: 3px; } .navbar-brand { padding: 0; } .navbar-brand img { height: 67px; } .advs-box-top-icon.boxed-inverse .icon{ background: #ee8422; } .fa.fa-user-o.icon.circle.anima{ color: #fff; } [class*="header-"] .title-base p { margin-top: 30px; font-family: 'Righteous', cursive; } [class*="header-"] .title-base h1, [class*="header-"] .title-icon h2, [class*="header-"] .title-icon h1, [class*="header-"] .title-base.title-small h2 { font-family: 'Righteous', cursive; } @media screen and (max-width: 1920px) { .col-md-6:nth-child(2n+1) { clear: left; } } </style> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-3PQ2L6N6WQ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3PQ2L6N6WQ'); </script> </head> <body> <div id="preloader"></div> <header class="fixed-top scroll-change" data-menu-anima="fade-in"> <div class="navbar navbar-default mega-menu-fullwidth navbar-fixed-top" role="navigation"> <div class="navbar-mini scroll-hide"> <div class="container"> <div class="nav navbar-nav navbar-left"> <span><i class="fa fa-phone" style="margin-left: 10px;"></i>(+65) 6631 8369</span> <hr /> <span><i class="fa fa-envelope"></i><a href="mailto:info@fireworkssg.com">info@fireworkssg.com</a></span> <hr /> <span> <i class="fa fa-map-marker"></i>1 Scotts Road, #24-10, Shaw Centre, Singapore 228208</span> </div> <div class="nav navbar-nav navbar-right"> <div class="minisocial-group"> <a target="_blank" href="https://www.instagram.com/fireworks.idn/"><i class="fa fa-instagram first"></i><https://www.youtube.com/channel/UCwyqjWCcyNv59XXWzBGvG9Q/videosa> <a target="_blank" href="https://www.youtube.com/channel/UCwyqjWCcyNv59XXWzBGvG9Q/videos"><i class="fa fa-youtube"></i></a> <a target="_blank" href="https://www.linkedin.com/in/fireworksindonesia/?originalSubdomain=id"><i class="fa fa-linkedin"></i></a> </div> </div> </div> </div> <div class="navbar navbar-main"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle"> <i class="fa fa-bars"></i> </button> <a class="navbar-brand" href="https://asiafireworks.com/"> <img class="logo-default" src="https://fireworksbi.com/img/file/17110108695c63bc.png?w=300" style="height: 64px; margin-top: 3px;" alt="logo" /> <img class="logo-retina" src="https://fireworksbi.com/img/file/17110108695c63bc.png?w=300" style="height: 64px; margin-top: 3px;" alt="logo" /> </a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown"> <a href="https://asiafireworks.com/?expo" class="dropdown-toggle" data-toggle="dropdown" role="button">Home</a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">About Us <span class="caret"></span></a> <ul class="dropdown-menu multi-level"> <li> <a href="https://asiafireworks.com/board-members.html">Board Members</a> </li> <li> <a href="https://asiafireworks.com/the-fireworks-beep">The Fireworks BEEP</a> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Our Events <span class="caret"></span></a> <ul class="dropdown-menu multi-level"> <li><a href="https://asiafireworks.com/indonesia.html">Indonesia</a></li> <li><a href="https://asiafireworks.com/thailand.html">Thailand</a></li> <li><a href="https://asiafireworks.com/malaysia.html">Malaysia</a></li> <!-- <li><a href="https://asiafireworks.com/myanmar.html">Myanmar</a></li> --> <li><a href="https://asiafireworks.com/philippines.html">Philippines</a></li> <li><a href="https://asiafireworks.com/singapore.html">Singapore</a></li> <li><a href="https://asiafireworks.com/vietnam.html">Vietnam</a></li> <!-- <li><a href="https://asiafireworks.com/nigeria.html">Nigeria</a></li> --> <!-- <li><a href="https://asiafireworks.com/bangladesh.html">Bangladesh</a></li> --> <!-- <li><a href="https://asiafireworks.com/brunei.html">Brunei</a></li> --> <!-- <li><a href="https://asiafireworks.com/cambodia.html">Cambodia</a></li> --> <!-- <li><a href="https://asiafireworks.com/papua-new-guinea.html">Papua New Guinea</a></li> --> </ul> </li> <li> <a href="https://asiafireworks.com/videos.html">Videos</a> </li> <li> <a href="https://asiafireworks.com/social-responsibility.html">Social Responsibility</a> </li> <li> <a href="https://asiafireworks.com/work-with-us.html">Work With Us</a> </li> <li> <a href="https://asiafireworks.com/contact-us.html">Contact Us</a> </li> </ul> <div class="nav navbar-nav navbar-right"> <!-- ` --> <ul class="nav navbar-nav lan-menu"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><img src="https://ik.imagekit.io/ufuaasox4ii/U1nPT0_EWTBNemTVRVMU1szT1RJN_1YZo3_9Yl.png" alt="EN" />EN<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a target="_blank" href="http://www.fireworks-cn.com/"><img src="https://ik.imagekit.io/ufuaasox4ii/k1qZz0_EWTBNemTVRVMU1cyTlRjM_qefxT3PCu.jpg" alt="CN" />CN</a></li> </ul> </li> </ul> </div> </div> </div> </div> </div> </header> <link href="https://fonts.googleapis.com/css?family=Righteous" rel="stylesheet"> <style type="text/css"> .header_wording { font-family: 'Righteous', cursive; color: #ffffff; font-size: 3vw; /*text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; border: 1px solid #fff; padding: 10px; width: 400px; padding: 20px 40px 20px 40px; z-index: 1;*/ } .slide_body::after{ content: " "; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } body .row-18 { height: 550px !important; } </style> <div style="position: relative;"> <div style="position: absolute;"></div> </div> <div class="section-empty no-paddings"> <div class="section-slider row-18"> <div class="flexslider advanced-slider slider" data-options="animation:fade"> <ul class="slides"> <li data-slider-anima="fade-left" data-time="1000" class="slide_body"> <div class="section-slide"> <div class="bg-cover" style="background-image:url('https://fireworksbi.com/img/file/WTFNUT09a3dOekl4TVRZM01qTXpVNE56.jpg')"> </div> <div class="container"> <div class="container-middle"> <div class="container-inner text-left"> <hr class="space m visible-sm" /> <div class="row"> <div class="col-md-9 anima"> <div class="header_wording">We Are The Definition of Events</div> </div> <div class="col-md-6"> </div> </div> <hr class="space visible-sm" /> </div> </div> </div> </div> </li> <li data-slider-anima="fade-left" data-time="1000" class="slide_body"> <div class="section-slide"> <div class="bg-cover" style="background-image:url('https://fireworksbi.com/img/file/Y3hOUT09Z3hPVGd4TVRZM01qTkRZd01q.jpg'); background-position: center;"> </div> <div class="container"> <div class="container-middle"> <div class="container-inner text-left"> <hr class="space m visible-sm" /> <div class="row"> <div class="col-md-9 anima"> <div class="header_wording">We Are The Definition of Events</div> </div> <div class="col-md-6"> </div> </div> <hr class="space visible-sm" /> </div> </div> </div> </div> </li> <li data-slider-anima="fade-left" data-time="1000" class="slide_body"> <div class="section-slide"> <div class="bg-cover" style="background-image:url('https://fireworksbi.com/img/file/VTBNQT09Z3hOek0yTVRZM01qTmpjd05E.jpg'); background-position: top;"> </div> <div class="container"> <div class="container-middle"> <div class="container-inner text-left"> <hr class="space m visible-sm" /> <div class="row"> <div class="col-md-9 anima"> <div class="header_wording">We Make Events... Tick...</div> </div> <div class="col-md-6"> </div> </div> <hr class="space visible-sm" /> </div> </div> </div> </div> </li> <li data-slider-anima="fade-left" data-time="1000" class="slide_body"> <div class="section-slide"> <div class="bg-cover" style="background-image:url('https://fireworksbi.com/img/file/a3lPUT09a3dOekkyTVRZM01qTnpRNU1q.jpg'); background-position: center;"> </div> <div class="container"> <div class="container-middle"> <div class="container-inner text-left"> <hr class="space m visible-sm" /> <div class="row"> <div class="col-md-9 anima"> <div class="header_wording">Bridging Industries Our Way...</div> </div> <hr class="space s" /> </div> <div class="col-md-6"> </div> </div> <hr class="space visible-sm" /> </div> </div> </div> </li> </ul> </div> </div> </div> <img src="https://ik.imagekit.io/ufuaasox4ii/E1UVT0_qTTFPRGTVRVMU1d4TlRjN_mPDH2mChK.png" style="width: 100%;"> <!-- <div style="clear: both; height: 50px;"></div> <div class="section-empty no-paddings-y"> <div class="container content"> <div class="row"> <div class="col-md-12"> <div style="border-radius: 5px; box-shadow: 0px 0px 2px #474747; background: #fafce1; padding: 20px; max-width: 650px; margin:0 auto; margin-top: 5px; margin-bottom: 30px; text-align: center; font-size: 12px;"> <strong style="color: #E7674A; font-size: 14px;">FRAUD NOTICE</strong> <br> Please note that FIREWORKS Uses Only Our Official Email "@asiafireworks.com" for ALL correspondence.<br> We DO NOT use gmail, yahoo email accounts etc for any correspondence with our clients or suppliers. </div> </div> </div> </div> </div> --> <div class="section-empty"></div> <div class="section-empty no-paddings-y"> <div class="container content"> <hr class="space" /> <div class="row" style="padding-bottom: 70px;"> <div class="col-md-6"> <div class="title-base text-left"> <hr /> <h3 style="font-size: 18px;"><strong>Our Company.</strong></h3> </div> <p>Fireworks Trade Media Group, one of Asia’s largest independently owned trade media company. Established in 2008, it is currently made up of 5 different business divisions: <ul class="fa-ul ul-squares"> <li>Fireworks Exhibitions and Conferences (Trade Exhibitions)</li> <li>Fireworks Business Information (Trade Publications, Print and Online)</li> <li>QUIK Fairs (Industrial Roadshows & Niche Events)</li> <li>JUZ Talk (Trade Conferences & Forums)</li> <li>Fireworks Market Intel (Market Intelligence and Industry Maps)</li> </ul> <br>As the new generation in the trade media industry, we have since grown leaps and bounds with our own international offices partnerships and acquisitions spanning more than 12 countries worldwide!</p> <div style="clear: both; height: 20px;"></div> <a href="https://asiafireworks.com/download/CALENDAR OF EVENTS 2025.pdf?1732676643" style="background: #e88001;padding: 10px 17px;font-weight: bold;color: #fff;border-radius: 5px;font-size: 16px;"><i class="fa fa-calendar" aria-hidden="true" style="color:#fff; margin-right:4px;"></i> View Calender Of Event</a> <div style="clear: both; height: 50px;"></div> <div class="title-base text-left"> <hr /> <h3 style="font-size: 18px;"><strong>Right Now, We're thinking about...</strong></h3> </div> <p><strong>Customer service</strong> - exceeding expectations transparent and open relationships - <strong>Integrity Creativity</strong> – inventive concepts and design loving everything about our business and people - <strong>Fun Growth</strong> – nurturing continual business success our standard signature – <strong>Quality</strong> </p> </div> <div class="col-md-6"> <div class="title-base text-left"> <hr /> <h3 style="font-size: 18px;"><strong>We’re tapping our mind for you. All the time.</strong></h3> </div> <p>From serious industrial exhibitions to fun commercial events, we want you to come away from it with BIG ideas and new key contacts. That’s how we contribute to the business communities we serve. Everywhere.</p> <div style="clear: both; height: 10px;"></div> <div class="title-base text-left"> <hr /> <h3 style="font-size: 18px;"><strong>Think Creative Events.</strong></h3> </div> <p>We firmly believe in the creative power of the right brain. We’re a creative organization and use design, story, play and meaning to make our events stimulating experiences that help shape your big ideas into reality.</p> <div style="clear: both; height: 10px;"></div> <div class="title-base text-left"> <hr /> <h3 style="font-size: 18px;"><strong>The Midas Touch.</strong></h3> </div> <p>Our experience, skill, creative vision and commercial drive have built a portfolio of successful international companies who exhibit with us. Our innovations at shows have helped to “Breathe Life” into our exhibitors. Our exhibitors say we have the Midas Touch with events…it’s a compliment we take with a pinch of salt and an encouragement to work harder for you.</p> </div> </div> </div> </div> <div class="section-bg-image parallax-window" data-natural-height="1080" data-natural-width="1920" data-parallax="scroll" data-image-src="https://fireworksbi.com/img/file/U5qWXk=EQTJNVGTVRVME9t3TnpVN.jpg"> <div class="container content"> <div class="row proporzional-row"> <div class="col-md-3 boxed-inverse boxed-border white middle-content" style="border-color: #f3b007 !important; margin-bottom: 30px; background: rgb(0,0,0,0.6) !important;"> <p> <strong>"Results usually show how good we are."</strong> <br> Rodney Hew <br> Country Director <br> Fireworks Australia </p> </div> <div class="col-md-3 boxed-inverse boxed-border white middle-content" style="margin-bottom: 30px; background: rgb(0,0,0,0.6) !important;"> <p> <strong>"I thrive off of great customer experiences"</strong><br> Ivy Phan <br> Project Manager <br> Fireworks Vietnam Co., Ltd. </p> </div> <div class="col-md-3 boxed white middle-content" style="margin-bottom: 30px;"> <p> <strong>"An engaging experience with every Fireworks event!"</strong><br> Rungnapa Manathanakit <br> Publications Manager <br> Fireworks Business Information (FBI) </p> </div> <div class="col-md-3 boxed-inverse middle-content text-left" style="margin-bottom: 30px;"> <p> <strong>"We work hard for exhibitors to get maximal results!"</strong> <br> Rawinporn Suwannalak <br> Conference Manager <br> Juz-Talk Thailand </p> </div> </div> </div> </div> <i class="scroll-top scroll-top-mobile show fa fa-sort-asc"></i> <footer class="footer-base"> <div class="content"> <div class="container"> <div class="row"> <div class="col-md-4 footer-center text-left"> <img src="https://fireworksbi.com/img/timthumb.php?src=https://fireworksbi.com/img/file/VXdNUT09RTFOemt3TVRVNU1UTURFek9E.png&w=280" alt="" style="max-width: 280px;" /> <hr class="space m" /> <p class="text-s" style="margin: 0;">1 Scotts Road, #24-10, Shaw Centre, Singapore 228208</p> <div class="tag-row text-s"> <span><a href="mailto:info@fireworkssg.com">info@fireworkssg.com</a></span> <span>(+65) 6631 8369</span> </div> <hr class="space xs" /> <div class="btn-group social-group btn-group-icons"> <a target="_blank" href="https://www.instagram.com/fireworks.idn/?hl=en"> <i class="fa fa-instagram text-xs circle"></i> </a> <a target="_blank" href="https://www.youtube.com/channel/UCwyqjWCcyNv59XXWzBGvG9Q/videos"> <i class="fa fa-youtube text-xs circle"></i> </a> <a target="_blank" href="https://www.linkedin.com/in/fireworksindonesia/?originalSubdomain=id"> <i class="fa fa-linkedin text-xs circle"></i> </a> </div> </div> <div class="col-md-4 footer-left text-left"> <div class="row"> <div class="col-md-6 text-s"> <h3>Our Events</h3> <a href="https://asiafireworks.com/indonesia.html">Indonesia</a><br> <a href="https://asiafireworks.com/malaysia.html">Malaysia</a><br/> <!-- <a href="https://asiafireworks.com/myanmar.html">Myanmar</a><br/> --> <a href="https://asiafireworks.com/philippines.html">Philippines</a><br/> </div> <div class="col-md-6 text-s hidden-xs" style="padding-top: 40px;"> <a href="https://asiafireworks.com/singapore.html">Singapore</a><br/> <a href="https://asiafireworks.com/thailand.html">Thailand</a><br /> <a href="https://asiafireworks.com/vietnam.html">Vietnam</a><br /> <!-- <a href="https://asiafireworks.com/nigeria.html">Nigeria</a><br /> --> <!-- <a href="https://asiafireworks.com/bangladesh.html">Bangladesh</a><br /> --> <!-- <a href="https://asiafireworks.com/brunei.html">Brunei</a><br /> <a href="https://asiafireworks.com/cambodia.html">Cambodia</a> --> <!-- <a href="https://asiafireworks.com/papua-new-guinea.html">Papua New Guinea</a><br /> --> </div> <div class="col-md-6 text-s visible-xs" style="padding-top: 54px;"> <a href="https://asiafireworks.com/thailand.html">Thailand</a><br /> <a href="https://asiafireworks.com/vietnam.html">Vietnam</a><br /> <!-- <a href="https://asiafireworks.com/nigeria.html">Nigeria</a><br /> --> <!-- <a href="https://asiafireworks.com/bangladesh.html">Bangladesh</a><br /> --> <a href="https://asiafireworks.com/brunei.html">Brunei</a><br /> <a href="https://asiafireworks.com/cambodia.html">Cambodia</a> <!-- <a href="https://asiafireworks.com/papua-new-guinea.html">Papua New Guinea</a><br /> --> </div> </div> </div> <div class="col-md-4 footer-left text-left"> <h3 style="text-align: right;">We’re tapping our mind for you. All the time.</h3> <p class="text-s" style="text-align: right;"> From serious industrial exhibitions to fun commercial events, we want you to come away from it with BIG ideas and new key contacts. That’s how we contribute to the business communities we serve. Everywhere. </p> </div> </div> </div> <div class="row copy-row"> <div class="col-md-12 copy-text"> <p><strong>Singapore | China | Indonesia | Malaysia | Philippines | Thailand | Vietnam</strong></p> Copyright © 2018 - 2024 <strong>Fireworks Trade Media Group</strong>. </div> </div> </div> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script async src="https://asiafireworks.com/HTWF/scripts/bootstrap/js/bootstrap.min.js"></script> <script src="https://asiafireworks.com/HTWF/scripts/imagesloaded.min.js"></script> <script src="https://asiafireworks.com/HTWF/scripts/parallax.min.js"></script> <script src="https://asiafireworks.com/HTWF/scripts/flexslider/jquery.flexslider-min.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/isotope.min.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/php/contact-form.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/jquery.progress-counter.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/jquery.tab-accordion.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/bootstrap/js/bootstrap.popover.min.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/jquery.magnific-popup.min.js"></script> <script src="https://asiafireworks.com/HTWF/scripts/social.stream.min.js"></script> <script src="https://asiafireworks.com/HTWF/scripts/jquery.slimscroll.min.js"></script> <!-- <script src="https://asiafireworks.com/HTWF/scripts/google.maps.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> --> <script src="https://asiafireworks.com/HTWF/scripts/smooth.scroll.min.js"></script> <style type="text/css"> .body.c img{ margin-top: 6px; } </style> <script type="text/javascript" src="https://asiafireworks.com/contactus.js?1732676643"></script> <script type="text/javascript"> $(function(){ $('.contact_us').contact(); var timer=setInterval(function(){ if($('.organizer strong:eq(0)').length){ clearInterval(timer); $('.organizer strong:eq(0)').html('SINGAPORE (Head Office)'); } },1000); }); $(document).ready(function(){ function checkAndScrollToHash() { var hash = window.location.hash.substring(1); // Menghilangkan tanda # dari hash var intervalId = setInterval(function() { // Cek apakah ada elemen dengan kelas yang sesuai dengan hash if($('.' + hash).length) { clearInterval(intervalId); // Hentikan interval ketika elemen ditemukan // Scroll ke elemen dan lakukan animasi kedip smooth $('html, body').animate({ scrollTop: $('.' + hash).offset().top - 200 }, 1000, function() { var $element = $('.' + hash); $element.addClass('blink'); setTimeout(function(){ $element.removeClass('blink'); }, 2000); // Durasi efek kedip dua kali (2 detik) }); } }, 100); // Cek setiap 100ms } // Cek apakah URL memiliki hash if(window.location.hash) { checkAndScrollToHash(); } }); // CSS untuk efek kedip smooth $('<style>') .prop('type', 'text/css') .html('\.blink { animation: blink-effect 0.5s step-start 0s 4; }\n\ @keyframes blink-effect { 50% { background-color: #fffcb7; } }') .appendTo('head'); </script> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen"> <script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.min.css"> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.all.min.js"></script> <style type="text/css"> /*.fancybox-slide > * { padding: 0; background: none; }*/ .swal2-popup { width: 55em !important; } </style> <!-- <div style="display: none;"> <div id="image_popup" style="max-width: 700px;"> <img src="https://ik.imagekit.io/x09prsnsb/fraud%20notice_NLvC--u10.jpg" style="width: 100%;"> </div> </div> <a id="various1" href="#image_popup" style="display: none;"></a> --> <!-- <script type="text/javascript"> $(document).ready(function() { /*$("#various1").fancybox({ openEffect: "none", closeEffect: "none" }).trigger('click'); // Gunakan trigger untuk memanggil klik secara manual*/ Swal.fire({ /*title: 'Thank You',*/ html: ` <img style="width:100%;" src="https://ik.imagekit.io/x09prsnsb/fraud%20notice_NLvC--u10.jpg"> `, /*icon: 'success',*/ confirmButtonText: 'Close' }); }); </script> --> </footer> </body> </html>

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