KG Media: Indonesia鈥檚 Leading Media Group and Business Solution Ecosystem

<!DOCTYPE html> <html lang="en"> <head>  <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-TVVZQ6J'); </script>  <meta charset="utf-8" /> <title>KG Media: Indonesia鈥檚 Leading Media Group and Business Solution Ecosystem</title> <meta name="description" content="Kompas Gramedia is a leading multi-platform media group in Indonesia with the largest digital assets, integrated advertising services, and marketing solutions." /> <meta name="keywords" content="Digital, Media, Broadcast, Print, Online Media, Digital Media, Marketing, KGMedia, Indonesian Media, Largest Indonesian Media, Digital Marketing, Business Solution, Indonesian Advertising Media, Digital Marketing" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta property="og:title" content="" /> <meta property="og:type" content="" /> <meta property="og:url" content="" /> <meta property="og:image" content="" /> <link rel="apple-touch-icon" href="https://www.kgmedia.id/assets/images/favicon-16x16.png" /> <link rel="shortcut icon" href="https://www.kgmedia.id/assets/images/favicon-16x16.png" />  <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;900&display=swap" rel="stylesheet" />  <link rel="stylesheet" href="https://www.kgmedia.id/assets/css/magnific-popup.css" /> <link rel="stylesheet" href="https://www.kgmedia.id/assets/css/tailwind.css?v=2024-05-27" /> <link rel="stylesheet" href="https://www.kgmedia.id/assets/css/styles.css?v=2024-05-2817" /> </head> <body class="bg-kg-blue">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TVVZQ6J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="preloader"> <div class="display-table"> <div class="display-center"> <div class="container"> <div class="spinner"> <div class="double-bounce1"></div> <div class="double-bounce2"></div> </div> </div> </div> </div> </div> <div class="flex flex-col min-h-screen"> <div class="video-bg fixed top-0 left-0 right-0 bottom-0 z-[-1] flex justify-center" > <video autoplay muted loop> <source src="https://www.kgmedia.id/assets/video/animation-kgmedia.mp4" type="video/mp4" /> </video> </div> <div class="header bg-white fixed top-0 left-0 right-0 z-[9999] py-3 transition-all md:bg-kg-blue" > <div class="px-5 mx-auto"> <div class="flex justify-between items-center"> <div class="flex items-center gap-2"> <div class="w-28"> <a href="https://www.kgmedia.id/"> <img src="https://www.kgmedia.id/assets/images/logo-kgmedia-blue.svg" alt="" class="block md:hidden" /> <img src="https://www.kgmedia.id/assets/images/logo-kgmedia-white.svg" alt="" class="hidden md:block" /> </a> </div> <ul class="menu-d hidden md:block"> <li class="relative inline-block"> <a class="px-4 py-2 font-semibold text-white text-xs active" href="https://www.kgmedia.id/" > Home </a> </li> <li class="relative inline-block"> <a class="px-4 py-2 font-semibold text-white text-xs" href="https://www.kgmedia.id/#vision" > Our Vision </a> </li> <li class="relative inline-block"> <a class="px-4 py-2 font-semibold text-white text-xs" href="https://www.kgmedia.id/#leadership" > Our Leadership </a> </li> <li class="relative inline-block"> <a class="px-4 py-2 font-semibold text-white text-xs" href="https://www.kgmedia.id/#solutions" > Our Solutions </a> </li>  <li class="relative inline-block"> <a class="px-4 py-2 font-semibold text-white text-xs" href="https://www.kgmedia.id/#leaders" > Our Leaders </a> </li> <li class="relative inline-block"> <a class="px-4 py-2 font-semibold text-white text-xs" href="https://www.kgmedia.id/#leadwithus" > Lead With Us </a> </li> </ul> </div>  <div class="w-6 h-6 md:hidden menu-m"> <a href="javascript:void(0)"> <img src="https://www.kgmedia.id/assets/images/icon-menu.svg" alt="" /> </a> </div> <div class="menu-overlay fixed top-0 left-0 w-full h-full bg-black/10 hidden" ></div> <div class="menu-side fixed top-0 bottom-0 right-[-100%] w-2/3 p-4 h-full bg-white transition-all" > <button class="w-6 h-6 block my-2 ml-auto menu-close" > <span class="w-full h-full icon-close block bg-contain" ></span> </button> <ul> <li class="relative block my-4 lg:my-2"> <a class="px-4 py-2 font-semibold text-kg-blue text-sm lg:text-xs active" href="https://www.kgmedia.id/" > Home </a> </li> <li class="relative block my-4 lg:my-2"> <a class="px-4 py-2 font-semibold text-kg-blue text-sm lg:text-xs" href="https://www.kgmedia.id/#vision" > Our Vision </a> </li> <li class="relative block my-4 lg:my-2"> <a class="px-4 py-2 font-semibold text-kg-blue text-sm lg:text-xs" href="https://www.kgmedia.id/#leadership" > Our Leadership </a> </li> <li class="relative block my-4 lg:my-2"> <a class="px-4 py-2 font-semibold text-kg-blue text-sm lg:text-xs" href="https://www.kgmedia.id/#solutions" > Our Solutions </a> </li>  <li class="relative block my-4 lg:my-2"> <a class="px-4 py-2 font-semibold text-kg-blue text-sm lg:text-xs" href="https://www.kgmedia.id/#leaders" > Our Leaders </a> </li> <li class="relative block my-4 lg:my-2"> <a class="px-4 py-2 font-semibold text-kg-blue text-sm lg:text-xs" href="https://www.kgmedia.id/#leadwithus" > Lead With Us </a> </li> </ul> </div> </div> </div> </div> <div class="grow pt-24 pb-32"> <div class="container px-5 mx-auto text-white text-center"> <div class="md:w-3/5 md:mx-auto"> <h1 class="font-bold mb-4"> We'll reach out to you to talk about what we can do to keep leading, together. </h1> <form id="form_data" action=""> <div class="my-4"> <input type="text" name="name" id="" placeholder="Name" class="w-full px-5 py-2 rounded-3xl text-sm text-kg-blue" /> </div> <div class="my-4"> <input type="text" name="company" id="" placeholder="Company" class="w-full px-5 py-2 rounded-3xl text-sm text-kg-blue" /> </div> <div class="my-4"> <input type="email" name="email" id="" placeholder="Email" class="w-full px-5 py-2 rounded-3xl text-sm text-kg-blue" /> </div> <div class="my-4"> <input type="text" name="phone" id="" placeholder="Phone Number" class="w-full px-5 py-2 rounded-3xl text-sm text-kg-blue" /> </div> <div class="my-4"> <textarea name="message" id="" cols="30" rows="5" placeholder="Message" class="w-full px-5 py-2 rounded-3xl text-sm text-kg-blue resize-none" ></textarea> </div> <div class="my-4"> <input onclick="send_message(this)" id="btn-submit" type="submit" value="SEND" class="px-16 py-2 bg-white text-kg-blue font-bold text-sm rounded-3xl cursor-pointer" /> </div> </form> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script> document.getElementById("form_data").addEventListener("submit", function(event){ event.preventDefault() }); function send_message(t){ let xhr = new XMLHttpRequest(); xhr.open("POST", "https://www.kgmedia.id/api/kgmedia/message"); xhr.onreadystatechange = function () { if (xhr.readyState === 4) { let res = JSON.parse(xhr.responseText) if(res.status){ Swal.fire( 'Success!', res.message, 'success' ); setTimeout(function(){ window.location.href = window.location.origin },2000); }else{ Swal.fire( 'Warning', res.message, 'warning' ) } console.log(res); }}; let data = document.getElementById('form_data'); xhr.send(new FormData(data)); } </script> </div> </div> </div> <div class="footer bg-white fixed bottom-0 left-0 right-0 z-[999] py-3 md:bg-transparent" > <div class="px-5 mx-auto"> <div class="flex justify-between items-center"> <div> <div class="mb-2 text-sm text-kg-blue md:text-white" > KG Media </div> <ul class="flex gap-1"> <li> <a href="https://www.instagram.com/kgmediaid/" > <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 16.083 16.083" > <g id="IG" transform="translate(0 0)" > <g id="Group_266" data-name="Group 266" transform="translate(3.258 3.3)" > <g id="Group_263" data-name="Group 263" > <path id="Path_47805" data-name="Path 47805" d="M57.129,929.627a3.661,3.661,0,0,1,.4-1.266,2.662,2.662,0,0,1,2.373-1.251q2-.049,4.011,0a2.677,2.677,0,0,1,2.267,1.107,2.935,2.935,0,0,1,.5,1.685c.019,1.284.028,2.57,0,3.854a2.623,2.623,0,0,1-1.352,2.442,3.055,3.055,0,0,1-1.438.354c-1.319.015-2.639.028-3.958,0a2.683,2.683,0,0,1-2.4-1.253,3.659,3.659,0,0,1-.4-1.265Zm4.787-1.612c-.655,0-1.311-.012-1.966,0a1.707,1.707,0,0,0-1.839,1.385,2.85,2.85,0,0,0-.07.571c-.006,1.241-.023,2.483,0,3.723a1.742,1.742,0,0,0,1.84,1.939c1.345.049,2.692.045,4.037,0a1.672,1.672,0,0,0,1.771-1.368,2.236,2.236,0,0,0,.067-.466c.007-1.415.085-2.831-.043-4.244a1.6,1.6,0,0,0-1.47-1.5A20.1,20.1,0,0,0,61.916,928.016Z" transform="translate(-57.129 -927.087)" fill="#2f4e81" /> </g> <g id="Group_264" data-name="Group 264" transform="translate(2.295 2.282)" > <path id="Path_47806" data-name="Path 47806" d="M67.081,934.531a2.479,2.479,0,1,1-2.463-2.477A2.485,2.485,0,0,1,67.081,934.531Zm-.919-.012a1.56,1.56,0,1,0-1.564,1.541A1.558,1.558,0,0,0,66.162,934.518Z" transform="translate(-62.123 -932.053)" fill="#2f4e81" /> </g> <g id="Group_265" data-name="Group 265" transform="translate(6.72 1.636)" > <path id="Path_47807" data-name="Path 47807" d="M72.353,930.646a.589.589,0,1,1-.6.6A.6.6,0,0,1,72.353,930.646Z" transform="translate(-71.754 -930.646)" fill="#2f4e81" /> </g> </g> <g id="Group_267" data-name="Group 267" transform="translate(0)" > <path id="Path_47808" data-name="Path 47808" d="M62.842,935.988H53.319a3.284,3.284,0,0,1-3.28-3.28v-9.523a3.284,3.284,0,0,1,3.28-3.281h9.523a3.284,3.284,0,0,1,3.28,3.281v9.523A3.284,3.284,0,0,1,62.842,935.988ZM53.319,920.8a2.385,2.385,0,0,0-2.383,2.383v9.523a2.385,2.385,0,0,0,2.383,2.382h9.523a2.385,2.385,0,0,0,2.382-2.382v-9.523a2.385,2.385,0,0,0-2.382-2.383Z" transform="translate(-50.039 -919.905)" fill="#2f4e81" /> </g> </g> </svg> </a> </li> <li> <a href="https://www.linkedin.com/company/kgmediaid/" > <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 16.083 16.083" > <g id="linkedin" transform="translate(0 0)" > <g id="Group_258" data-name="Group 258" transform="translate(4.208 4.208)" > <g id="Group_255" data-name="Group 255" > <path id="Path_47800" data-name="Path 47800" d="M105.9,930.009a.8.8,0,0,1-.852.852.819.819,0,0,1-.852-.809.864.864,0,0,1,.852-.895A.828.828,0,0,1,105.9,930.009Z" transform="translate(-104.196 -929.157)" fill="#2f4e81" /> </g> <g id="Group_256" data-name="Group 256" transform="translate(0 2.13)" > <rect id="Rectangle_196" data-name="Rectangle 196" width="1.704" height="5.538" fill="#2f4e81" /> </g> <g id="Group_257" data-name="Group 257" transform="translate(2.513 2.215)" > <path id="Path_47801" data-name="Path 47801" d="M112.945,933.977a1.865,1.865,0,0,0-1.618.852h-.043l-.085-.724h-1.534c0,.468.043,1.022.043,1.661v3.663h1.7v-3.025a1.312,1.312,0,0,1,.043-.426.916.916,0,0,1,.809-.681c.6,0,.852.511.852,1.193v2.939h1.7v-3.152C114.819,934.7,114.01,933.977,112.945,933.977Z" transform="translate(-109.665 -933.977)" fill="#2f4e81" /> </g> </g> <g id="Group_259" data-name="Group 259" transform="translate(0)" > <path id="Path_47802" data-name="Path 47802" d="M107.842,936.083H98.319a3.284,3.284,0,0,1-3.28-3.28V923.28a3.284,3.284,0,0,1,3.28-3.28h9.523a3.284,3.284,0,0,1,3.28,3.28V932.8A3.284,3.284,0,0,1,107.842,936.083ZM98.319,920.9a2.385,2.385,0,0,0-2.382,2.382V932.8a2.385,2.385,0,0,0,2.382,2.382h9.523a2.385,2.385,0,0,0,2.382-2.382V923.28a2.385,2.385,0,0,0-2.382-2.382Z" transform="translate(-95.039 -920)" fill="#2f4e81" /> </g> </g> </svg> </a> </li> <li> <a href="https://www.kgmedia.id/email"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 16.083 16.083" > <g id="mail" transform="translate(0 0)" > <g id="Group_261" data-name="Group 261" transform="translate(0)" > <path id="Path_47803" data-name="Path 47803" d="M152.842,935.988h-9.523a3.284,3.284,0,0,1-3.28-3.28v-9.523a3.284,3.284,0,0,1,3.28-3.281h9.523a3.284,3.284,0,0,1,3.28,3.281v9.523A3.284,3.284,0,0,1,152.842,935.988ZM143.319,920.8a2.385,2.385,0,0,0-2.382,2.383v9.523a2.385,2.385,0,0,0,2.382,2.382h9.523a2.385,2.385,0,0,0,2.382-2.382v-9.523a2.385,2.385,0,0,0-2.382-2.383Z" transform="translate(-140.039 -919.905)" fill="#2f4e81" /> </g> <path id="Path_47804" data-name="Path 47804" d="M155.044,928.231H147.41a1.551,1.551,0,0,0-1.549,1.549v5.332a1.551,1.551,0,0,0,1.549,1.55h7.633a1.551,1.551,0,0,0,1.549-1.55V929.78A1.551,1.551,0,0,0,155.044,928.231Zm0,.741a.815.815,0,0,1,.184.022l-3.221,3.654a1.04,1.04,0,0,1-1.561,0l-3.22-3.654a.811.811,0,0,1,.184-.022Zm.809,6.141a.809.809,0,0,1-.809.809H147.41a.809.809,0,0,1-.809-.809V929.78a.8.8,0,0,1,.061-.307l3.229,3.664a1.781,1.781,0,0,0,2.672,0l3.229-3.663a.8.8,0,0,1,.061.306Z" transform="translate(-143.186 -924.405)" fill="#2f4e81" /> </g> </svg> </a> </li> </ul> </div>  <div class="hidden md:block"> <button class="w-6 h-6 scroll-to-top opacity-0 transition-all" > <span class="w-full h-full bg-contain block icon-to-top" ></span> </button> </div> <div class="privacy text-white text-xs absolute right-0 bottom-0 hidden md:block"> <a href="https://www.kgmedia.id/legal-privacy-id" target="_blank">Privacy</a> </div> </div> </div> </div> <script src="https://www.kgmedia.id/assets/js/jquery.min.js?v=2023-07-24"></script> <script src="https://www.kgmedia.id/assets/js/slick.min.js?v=2023-07-24"></script> <script src="https://www.kgmedia.id/assets/js/jquery.magnific-popup.min.js"></script> <script src="https://www.kgmedia.id/assets/js/kgmedia.js?v=2024-11-12"></script> </body> </html>

CINXE.COM

KG Media: Indonesia鈥檚 Leading Media Group and Business Solution Ecosystem