<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="meh4JcovhadSdBeay4eWSVeGTjxY0DJ58g03nJBI">

    <!-- admin2 -->
    <title>HEBAT303: Hebat Aman Rekomendasi Game Slot Gacor Terfavorit 2026</title>
    <link rel="icon"
        href="https://hebataman.com/storage/settings/site_logo_favicon-1710069800.png">
    <link rel="stylesheet" href="/assets/css/dark-red/app.css?v=1.0">
    <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
    <link href="/assets/css/fonts/fonts.css" rel="stylesheet">
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://hebataman.com/assets/css/admin/slick.css" />
    <script type="text/javascript" src="https://hebataman.com/assets/js/admin/slick.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
    <script src="https://hebataman.com/assets/js/admin/alpine.min.js"></script>

    
    

            <meta name="description" content="HEBAT303 hadir sebagai referensi game slot gacor terfavorit 2026 dengan beragam pilihan permainan populer, informasi terbaru, serta panduan fitur game yang disajikan secara praktis dan mudah dipahami.">
<meta name="keywords" content="hebat303, hebat 303, slot gacor">
<meta name="author" content="hebat303">
<meta content="website" property="og:type">
<meta name="robots" content="index, follow">
<meta content="HEBAT303: Hebat Aman Rekomendasi Game Slot Gacor Terfavorit 2026" property="og:title">
<meta content="HEBAT303 hadir sebagai referensi game slot gacor terfavorit 2026 dengan beragam pilihan permainan populer, informasi terbaru, serta panduan fitur game yang disajikan secara praktis dan mudah dipahami." property="og:description">
<meta content="https://hebataman.com/" property="og:url">
<meta property="og:image" content="https://rumah-img.com/uploads/1789465061102-fbe85208.webp">
<link rel="canonical" href="https://hebataman.com/"/>
<link rel="amphtml" href="https://okehebat.com/amp/" />
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://hebataman.com/#organization",
      "name": "HEBAT303",
      "alternateName": [
        "HEBAT 303",
        "Hebat303"
      ],
      "url": "https://hebataman.com/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://hebataman.com/storage/settings/site_logo-1711344763.png"
      },
      "description": "HEBAT303 hadir sebagai referensi game slot gacor terfavorit 2026 dengan beragam pilihan permainan populer, informasi terbaru, serta panduan fitur game yang disajikan secara praktis dan mudah dipahami."
    },
    {
      "@type": "WebSite",
      "@id": "https://hebataman.com/#website",
      "url": "https://hebataman.com/",
      "name": "HEBAT303",
      "alternateName": "HEBAT 303",
      "publisher": {
        "@id": "https://hebataman.com/#organization"
      },
      "inLanguage": "id-ID"
    }
  ]
}
</script>
    
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X2W8ZTVRWZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-X2W8ZTVRWZ');
</script>


    
    
    <style>
        body {
            background: url('/assets/images/dark-red/bg.jpg') #fff;
            background-attachment: fixed;
            background-size: cover;
        }


        .registerkiri {
            background: url('/assets/images/dark-red/image-register.jpg');
            background-size: cover;
            background-position: center;
        }

        .bungkusan .kartu {
            background: url("/assets/images/dark-red/bg_card.jpg") no-repeat;
            background-size: cover;
            background-position: center;
        }

        .arrow {
            width: 25px;
            height: 15px;
            position: relative;
            top: 1px;
            left: 0px;
            background: url("/assets/images/arrow.svg") no-repeat center center;
            background-size: 100% 100%;
            transform: rotate(180deg);
        }

        .arrowconvert {
            width: 15px;
            height: 10px;
            position: relative;
            left: 10px;
            background: url("/assets/images/dark-red/arrow.svg") no-repeat center center;
            background-size: 100% 100%;
            transform: rotate(180deg);
        }

        @media (max-width: 639px) {
            .w-488 {
                width: 48%;
            }
        }

        @media (min-width: 1024px) {
            .slick-slide {
                height: 424px;
            }

            .slick-slide img {
                height: 424px;
                width: 100%;
                object-fit: cover;
            }
        }

        @media (max-width: 1023px) {
            #chat-widget-container {
                display: none
            }
        }

        .loading_bar {
            animation: loadingBarAnimation 5s linear infinite
        }

        @keyframes loadingBarAnimation {
            0% {
                width: 0%
            }

            10% {
                width: 10%
            }

            50% {
                width: 50%;
            }

            100% {
                width: 100%
            }
        }
    </style>

        

    <link rel="stylesheet" type="text/css" href="https://hebataman.com/assets/float/float.css?v=1.1" />

    <!-- Meta Pixel Code -->
    
    <!-- End Meta Pixel Code -->
</head>

<body id="body" class="font-sans mx-auto text-sm">

    <div class="zoomout">

        <div id="sidenav" class="fixed -left-96 h-full lg:hidden overflow-auto" style="z-index: 99999;">
    <div class="relative">
        <div class="logo sidehead p-4">
            <div class="w-56">
                <a href="https://hebataman.com">
                    <img
                        src="https://hebataman.com/storage/settings/site_logo-1711344763.png"
                        alt="">
                </a>
            </div>
        </div>
        <ul class="menu_mobile mt-2 border-b border-white border-opacity-25 pb-4">
            <li>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://hebataman.com" style="color: #EAEAEA ">
                    <img src="/assets/images/dark-red/header/menu/Home.svg" class="w-5 -mt-1 relative"
                         alt="Beranda">
                    <strong class="px-2 font-normal capitalize">Beranda</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://hebataman.com/sportsbook" style="color: #EAEAEA ">
                    <img src="/assets/images/dark-red/header/menu/Sportsbook.svg" class="w-5 -mt-1 relative"
                         alt="SPORTS">
                    <strong class="px-2 font-normal capitalize">Sports</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://hebataman.com/slot" style="color: #EAEAEA ">
                    <img src="/assets/images/dark-red/header/menu/slots.svg" class="w-5 -mt-1 relative"
                         alt="Slot">
                    <strong class="px-2 font-normal capitalize">Slot</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://hebataman.com/casino" style="color: #EAEAEA ">
                    <img src="/assets/images/dark-red/header/menu/Casino.svg" class="w-5 -mt-1 relative"
                         alt="Kasino">
                    <strong class="px-2 font-normal capitalize">Kasino</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://hebataman.com/togel" style="color: #EAEAEA ">
                    <img src="/assets/images/dark-red/header/menu/lottery.svg" class="w-5 -mt-1 relative"
                         alt="Togel">
                    <strong class="px-2 font-normal capitalize">Togel</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://hebataman.com/sabung-ayam" style="color: #EAEAEA ">
                    <img src="/assets/images/dark-red/header/menu/sabungayam.svg" class="w-5 -mt-1 relative"
                         alt="Sabung Ayam">
                    <strong class="px-2 font-normal capitalize">Sabung Ayam</strong>
                </a>
                <a class="hover:text-main text-lg font-normal py-3 px-5 hover:bg-current flex items-center"
                   href="https://hebataman.com/promotion" style="color: #EAEAEA ">
                    <img src="/assets/images/dark-red/header/menu/promotion.svg" class="w-5 -mt-1 relative"
                         alt="Promosi">
                    <strong class="px-2 font-normal capitalize">Promosi</strong>
                </a>
            </li>
        </ul>

                    <div class="akun_mobile px-4 mt-4 pb-4">
                <div class="mb-4 text-center">
                    <span class="iconify relative inline-block" data-icon="ant-design:clock-circle-filled"
                          data-inline="false"></span> <span id="currentDayMobile"
                                                            style="color: #EAEAEA "></span>
                    <span id="currentTimeMobile"
                          style="color: #EAEAEA "></span>
                </div>
                <form action="https://hebataman.com/login" method="POST">
                    <input type="hidden" name="_token" value="meh4JcovhadSdBeay4eWSVeGTjxY0DJ58g03nJBI" autocomplete="off">                    <input type="text" name="username" id="username_mobile"
                           class="login_input  p-2 block mx-auto px-4 focus:outline-none rounded-md mb-2 w-full"
                           placeholder="username" value="" required>
                    <input type="password" name="password" id="password_mobile"
                           class="login_input  p-2 block mx-auto px-4 focus:outline-none rounded-md mb-2 w-full"
                           placeholder="Password" required>
                    <div class="flex items-center gap-x-2">
                        <a href="https://hebataman.com/register" id="regis_mobile"
                           class="text-center p-2 rounded-md px-5 block w-2/4 focus:outline-none"
                           style="color: #EAEAEA ">
                            Daftar
                        </a>
                        <button type="submit" id="login_mobile"
                                class="bg-main text-white text-center p-2 mx-auto rounded-md px-5 block w-2/4 focus:outline-none">
                            Masuk
                        </button>
                    </div>
                </form>
            </div>
        
    </div>
</div>

<div id="header" class="lg:py-0 py-5 flex items-center relative">
    <div class="container mx-auto xl:px-0 px-4">
        <div class="flex justify-between items-center">
            <div class="kiri">
                <a href="https://hebataman.com" title="Logo">
                    <div class="logo sm:w-64 w-40">
                        <img class="max-w-full w-full"
                             src="https://hebataman.com/storage/settings/site_logo-1711344763.png"
                             alt="Site Branding">
                    </div>
                </a>
            </div>
            <div class="nav">
                <button id="navigasi" class="text-2xl lg:hidden block focus:outline-none">
                    <span class="iconify" data-icon="fa:bars" data-inline="false"></span>
                </button>
                <ul id="menu" class="menu lg:flex hidden">
                    <li class="relative">
                        <a href="https://hebataman.com"
                           class="current lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #EAEAEA ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-red/header/menu/Home.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Beranda">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Beranda</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://hebataman.com/sportsbook"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #EAEAEA ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-red/header/menu/Sportsbook.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Sports">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Sports</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://hebataman.com/slot"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #EAEAEA ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-red/header/menu/slots.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Slot">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Slot</strong>
                        </a>
                    </li>

                    <li class="relative">
                        <a href="https://hebataman.com/casino"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #EAEAEA ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-red/header/menu/Casino.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="kasino">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Kasino</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://hebataman.com/togel" 
                        class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #EAEAEA ">
                            <div class="relative flex items-center w-12 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-red/header/menu/lottery.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Togel">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Togel</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://hebataman.com/sabung-ayam"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #EAEAEA ">
                            <div class="relative flex items-center w-12 mx-auto mb-1"
                                 style="left:2px;height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-red/header/menu/sabungayam.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Sabung Ayam">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Sabung Ayam</strong>
                        </a>
                    </li>
                    <li class="relative">
                        <a href="https://hebataman.com/promotion"
                           class=" lg:inline-block text-center font-semibold uppercase py-6 px-6"
                           style="color: #EAEAEA ">
                            <div class="relative flex items-center w-14 mx-auto mb-1"
                                 style="height: 100%;max-height: 60px;min-height:60px;object-fit:cover;object-position:center;">
                                <img
                                    src="/assets/images/dark-red/header/menu/promotion.svg"
                                    class="relative mx-auto mb-2 w-full max-w-full" alt="Promosi">
                            </div>
                            <strong class="font-normal w-full text-center capitalize">Promosi</strong>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="mini_bar bg-main py-2 relative" style="z-index: 1">
    <div class="container mx-auto xl:px-0 px-4">
        <div class="flex justify-between items-center">
            <div class="minimenu kiri text-base">
                                    <span class="iconify relative inline-block mr-2" data-icon="ant-design:clock-circle-filled"
                          data-inline="false"></span>
                    <span id="currentDayDesktop" class="font-normal"></span>
                    <span id="currentTimeDesktop" class="font-normal"></span>
                            </div>
            <div class="kanan flex lg:block hidden">
                                    <form action="https://hebataman.com/login" method="POST" class="flex items-center">
                        <input type="hidden" name="_token" value="meh4JcovhadSdBeay4eWSVeGTjxY0DJ58g03nJBI" autocomplete="off">                        <div class="flex items-center relative">
                            <label for="header_username_login" class="absolute left-4">
                                <img src="/assets/images/dark-red/header/icon-username.svg" alt="">
                            </label>
                            <input type="text" value="" placeholder="Username"
                                   name="username" id="header_username_login"
                                   class="login_input rounded-full pl-10 pr-2 focus:outline-none mx-1"
                                   autocomplete="username" required style="padding-top:6px;padding-bottom:6px;">
                        </div>
                        <div class="flex items-center relative">
                            <label for="header_password_login" class="absolute left-4">
                                <img src="/assets/images/dark-red/header/icon-password.svg"
                                     style="top: -1px;position:relative" alt="">
                            </label>
                            <input type="password" name="password" id="header_password_login" placeholder="Password"
                                   class="login_input rounded-full pl-10 pr-2 focus:outline-none mx-1"
                                   autocomplete="current-password" style="padding-top:6px;padding-bottom:6px;">
                        </div>
                        <button type="submit" id="login_btn"
                                class="px-4 uppercase text-center font-semibold rounded-full mx-1 focus:outline-none"
                                style="padding-top:6px;padding-bottom:6px;">Masuk
                        </button>
                        <a href="https://hebataman.com/register"
                           class="bg-daftar text-center text-black rounded-full px-4 uppercase font-semibold"
                           style="padding-top:6px;padding-bottom:6px;">Daftar</a>
                    </form>
                            </div>
        </div>
    </div>
</div>

<script>
        var currentDay = '4';
    var currentHour = '08';
    var currentMinute = '24';
    var currentSecond = '55';

    var tagCurrentDayMobile = document.getElementById('currentDayMobile');
    var tagCurrentTimeMobile = document.getElementById('currentTimeMobile');

    var tagCurrentDayDesktop = document.getElementById('currentDayDesktop');
    var tagCurrentTimeDesktop = document.getElementById('currentTimeDesktop');

    var days = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu'];

    tagCurrentDayMobile.innerText = days[currentDay];
    tagCurrentTimeMobile.innerText = currentHour + ':' + currentMinute + ':' + currentSecond;

    tagCurrentDayDesktop.innerText = days[currentDay];
    tagCurrentTimeDesktop.innerText = currentHour + ':' + currentMinute + ':' + currentSecond;

    setInterval(function () {
        currentSecond++;
        if (currentSecond == 60) {
            currentSecond = 0;
            currentMinute++;
            if (currentMinute == 60) {
                currentMinute = 0;
                currentHour++;
                if (currentHour == 24) {
                    currentHour = 0;
                    currentDay++;
                    if (currentDay == 7) {
                        currentDay = 0;
                    }
                }
            }
        }

        tagCurrentDayMobile.innerText = days[currentDay];
        tagCurrentDayDesktop.innerText = days[currentDay];

        var textTime = '';

        if (currentHour < 10) {
            if (currentHour.length == 1) {
                textTime += '0' + currentHour + ':';
            } else {
                textTime += currentHour + ':';
            }
        } else {
            textTime += currentHour + ':';
        }

        if (currentMinute < 10) {
            if (currentMinute.length == 1) {
                textTime += '0' + currentMinute + ':';
            } else {
                textTime += currentMinute + ':';
            }
        } else {
            textTime += currentMinute + ':';
        }

        if (currentSecond < 10) {
            textTime += '0' + currentSecond;
        } else {
            textTime += currentSecond;
        }

        tagCurrentTimeMobile.innerText = textTime;
        tagCurrentTimeDesktop.innerText = textTime;
    }, 1000);
    </script>
            <div id="wrapper" class="lg:mt-4 mt-2 lg:mb-10 mb-2">
        <div class="my-2">
            <div class="container mx-auto lg:px-0 px-4 py-0 my-2">
    
    
    
    
            <script>
            // alert: don't change this var to let or const, because it will be overwritten
            var closeModalFeedback = document.querySelector('.close-modal-feedback');
            var overlayModalFeedback = document.querySelector('.overlay-feedback');
            var modalFeedback = document.querySelector('.modal-feedback');

            if (closeModalFeedback) {
                closeModalFeedback.addEventListener('click', function() {
                    overlayModalFeedback.style.display = 'none';
                })
            }

            document.addEventListener('keydown', (event) => {
                if (event.key === 'Enter') {
                    if (modalFeedback) modalFeedback.style.display = 'none';
                    if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
                }
            })

            document.addEventListener('keyup', (event) => {
                if (event.code === 'Space' && event.target === document.body) {
                    event.preventDefault();
                    if (modalFeedback) modalFeedback.style.display = 'none';
                    if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
                }
            })

            document.addEventListener('keydown', (event) => {
                if (event.key === 'Escape') {
                    if (modalFeedback) modalFeedback.style.display = 'none';
                    if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
                }
            })
        </script>
    
</div>
        </div>
        <div class="container mx-auto xl:px-0 px-4">
            <div class="informasi w-full top-0 z-10">
                <div class="container mx-auto">
                    <div class="info_bar w-full lg:px-0 rounded-full flex">
                        <div
                            class="text-center text-sm inline-block lg:pl-4 pl-2 py-1 font-normal float-left uppercase text-white">
                            <img class="w-5" src="/assets/images/dark-red/header/icon-pengumuman.svg"
                                alt="">
                        </div>
                        <marquee class="text-sm block overflow-hidden flex items-center" direction="left">
                            <span class="">(24/Sep/2026)</span>
                            Selamat Datang Di HEBAT303 Situs Slot Gacor Terpercaya di Indonesia
                        </marquee>
                    </div>
                </div>
            </div>

            <div class="slide-container relative mt-4">
                <div class="slideshow overflow-hidden relative">
                                                                                                    <div class="slides overflow-hidden">
                                <div class="relative">
                                    <div class="images">
                                        <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                            src="https://cdn-agent.xehd2o.com/erp/PP (D).webp"
                                            alt="DAILY WINS MEGA GACOR LEVEL 6 ( D )">
                                    </div>
                                </div>
                            </div>
                                                                                                                    
                                                                    <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/cari-hebat303-1789475521.webp"
                                        alt="Cari Kami Disini Hebat303">
                                </div>
                            </div>
                        </div>
                                                                                            <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/welcome-slot-gacor-hebat303-1764670185.jpg"
                                        alt="Welcome Slot Gacor Hebat303">
                                </div>
                            </div>
                        </div>
                                                                                            <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/bonus-new-member-slot-gacor-hebat303-1764666612.jpg"
                                        alt="Bonus New Member Slot Gacor Hebat303">
                                </div>
                            </div>
                        </div>
                                                                                            <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/minimal-deposit-di-hebat303-1764666670.jpg"
                                        alt="Minimal Deposit Di Hebat303">
                                </div>
                            </div>
                        </div>
                                                                                            <div class="slides overflow-hidden">
                            <div class="relative">
                                <div class="images">
                                    <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                        src="/storage/sliders/slot-gacor-maxwin-1764670147.jpg"
                                        alt="Slot Gacor Maxwin">
                                </div>
                            </div>
                        </div>
                                            
                                                                                                    <div class="slides overflow-hidden">
                                <div class="relative">
                                    <div class="images">
                                        <img class="w-full rounded-xl h-full max-w-full" style="height: 100% !important"
                                            src="https://cdn-agent.xehd2o.com/erp/gates of olympus POP DEKSTOP.png"
                                            alt="Gates of Olympus POP (D)">
                                    </div>
                                </div>
                            </div>
                                                                                                                                    </div>
            </div>
                            <div class="xl:block hidden">
                    <div class="triangle lg:flex flex-row flex-nowrap justify-between items-stretch relative mb-5"
                        style="align-content: stretch">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img style="height: 350px;"
                                    src="https://hebataman.com/storage/images/homepage-desktop-slot-1710062400.webp"
                                    alt="">
                            </a>
                        </div>
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="lg:w-655 lg:h-175"
                                    src="https://hebataman.com/storage/images/homepage-desktop-sportsbook-1710062400.webp">
                            </a>
                        </div>
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="lg:w-595"
                                    src="https://hebataman.com/storage/images/homepage-desktop-livecasino-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="lg:flex flex-row flex-nowrap justify-between items-stretch relative mb-5">
                        <div class="games">
                            <a href="#login_form" rel="modal:open">
                                <img class="lg:w-625"
                                    src="https://hebataman.com/storage/images/homepage-desktop-lottery-1710062400.webp">
                            </a>
                        </div>
                        <div class="games absolute lg:right-0">
                            <a href="#login_form" rel="modal:open">
                                <img class="max-w-full" style="width: 600px"
                                    src="https://hebataman.com/storage/images/homepage-desktop-promotion-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="lg:flex items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img src="https://hebataman.com/storage/images/homepage-desktop-customer_service-1710062400.webp">
                            </a>
                        </div>
                        <div class="relative lg:w-72 pl-5">
                            <a href="#login_form" rel="modal:open">
                                <img class="relative w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-download-app-1710062400.webp">
                            </a>
                        </div>
                    </div>
                </div>

                <div class="sm:block lg:hidden hidden">
                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-slot-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-sportsbook-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-livecasino-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-lottery-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-customer_service-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-promotion-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="x block relative items-center mt-3">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-download-app-1710062400.webp">
                            </a>
                        </div>
                    </div>


                </div>

                <div class="sm:hidden">
                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-slot-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-sportsbook-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-livecasino-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-lottery-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-customer_service-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-promotion-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="x block relative items-center mt-3">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-download-app-1710062400.webp">
                            </a>
                        </div>
                    </div>


                </div>

                <div class="xl:hidden lg:block hidden">
                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-slot-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-sportsbook-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-livecasino-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-lottery-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-customer_service-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="block relative items-center">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-promotion-1710062400.webp">
                            </a>
                        </div>
                    </div>

                    <div class="x block relative items-center mt-3">
                        <div class="relative">
                            <a href="#login_form" rel="modal:open">
                                <img class="w-full"
                                    src="https://hebataman.com/storage/images/homepage-desktop-download-app-1710062400.webp">
                            </a>
                        </div>
                    </div>
                </div>
            
        </div>
    </div>
        <style>
    #footer .containerss {
        transform-origin: top center !important;
        -moz-transform: scale(0.95) !important;
    }

    .density h2 {
        margin-bottom: 1rem;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .density h3 {
        margin-bottom: 1rem;
        font-size: 1rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .density h1 {
        font-size: 1.8rem;
        margin-bottom: 1rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .density ul {
        padding-left: 1rem;
        list-style-type: disc;
        line-height: 2rem;
    }

    .density ol {
        padding-left: 1rem;
        list-style-type: number;
        line-height: 2rem;
    }
</style>
<div id="footer" class="lg:py-8 lg:pt-8 pt-2 pb-2 h-full" style="color: #EAEAEA">
    <div class="containerss container h-full">
        <div class="grid lg:grid-cols-3 grid-cols-1 lg:gap-x-4 gap-x-2 lg:my-6 my-2" style="">
            <div class="lg:mb-0 mb-5 text-left">
                <div class="license">
                    <h2 class="uppercase whitespace-nowrap tracking-widest lg:text-xl text-sm font-medium"
                        style="color: #E43434">Lisensi</h2>
                </div>
                                    <div class="logofooter mt-4">
                        <img class="lg:w-48 w-36 mx-0 mx-auto max-w-full w-full"
                             src="https://hebataman.com/storage/settings/site_logo-1711344763.png" alt="Site Branding">
                    </div>
                            </div>
            <div class="browser lg:mb-0 mb-8 text-left">
                <h2 class="uppercase whitespace-nowrap tracking-widest lg:text-xl text-sm font-medium"
                    style="color: #E43434">Browser yang didukung</h2>
                <div class="flex gap-x-2 items-center mt-4">
                    <img class="lg:w-auto w-32 mx-0"
                         src="https://hebataman.com/assets/images/dark-red/footer/supported.svg"
                         alt="Supported">
                </div>
            </div>
            <div class="browser lg:mb-0 mb-8 text-left">
                <h2 class="uppercase whitespace-nowrap tracking-widest lg:text-xl text-sm font-medium"
                    style="color: #E43434">Tanggung Jawab Bermain</h2>
                <div class="flex gap-x-2 items-center mt-4">
                    <img class="lg:w-auto w-48 mx-0"
                         src="https://hebataman.com/assets/images/dark-red/footer/responsible.svg"
                         alt="Responsive">
                </div>
            </div>
        </div>

                    <div class="density border-t border-b pt-4 pb-4 border-main border-opacity-25">
                <style>
                    .density p {
                        line-height: 25px;
                        margin-bottom: 1rem;
                    }
                </style>
                <h1>HEBAT303: Hebat Aman Rekomendasi Game Slot Gacor Terfavorit 2026<br></h1><p>​<a href="https://hebataman.com/">HEBAT303</a> hadir sebagai referensi game slot gacor terfavorit 2026 dengan beragam pilihan permainan populer, informasi terbaru, serta panduan fitur game yang disajikan secara praktis dan mudah dipahami.<br></p><p style="text-align: justify"> </p><p> </p>
            </div>
        
        <div class="lg:mt-6 mt-2">
            <div class="lg:flex justify-between items-center py-4">
                <p class="lg:mb-0 mb-4 lg:text-left text-center">Hak Cipta © Sinarplay.</p>
                <div class="relative lg:flex hidden items-center gap-x-2">
                    <a href="#">Indonesia</a>
                    <span class="iconify" data-icon="ant-design:caret-down-filled"></span>
                </div>
            </div>
        </div>
    </div>
</div>

    <div id="floatMenu" class="lg:hidden fixed w-full py-2 bottom-0 rounded-t-2xl"
         style="box-shadow: 0px 3px 46px 13px rgb(0 0 0 / 24%);">
        <div class="flex justify-between items-center sm:w-3/4 w-full mx-auto text-center">
            <div class="w-2/6">
                <a href="#login_form" rel="modal:open">
                    <img class="mx-auto w-6 mb-2"
                         src="https://hebataman.com/assets/images/dark-red/float-menu/float_login.svg"
                         alt="Login">
                    <span class="uppercase text-sm font-light"
                          style="color:#EAEAEA">Login</span>
                </a>
            </div>
            <div class="w-2/6">
                <a href="https://hebataman.com/register">
                    <img class="mx-auto w-6 mb-2"
                         src="https://hebataman.com/assets/images/dark-red/float-menu/float_register.svg"
                         alt="Register">
                    <span class="uppercase text-sm font-light"
                          style="color:#EAEAEA">Daftar</span>
                </a>
            </div>
            <div class="w-2/6">
                <a href="https://direct.lc.chat/17511990/"
                   target="_blank">
                    <img class="mx-auto w-6 mb-2"
                         src="https://hebataman.com/assets/images/dark-red/float-menu/float_chat.svg"
                         alt="Live Chat">
                    <span class="uppercase text-sm font-light"
                          style="color:#EAEAEA">Live Chat</span>
                </a>
            </div>
        </div>
    </div>


<div id="overlay-body" class="overlay-body bg-black bg-opacity-50 fixed w-full h-full top-0 bottom-0 hidden"></div>

<div id="login_form" class="hidden">
    <div class="relative">
        <div class="shadow-2xl rounded-lg lg:w-595 modalback">
            <div class="p-5 text-center rounded-t-lg modalhead">
                <div class="logo text-center mx-auto w-64">
                    <img class="w-full mx-auto max-w-fll"
                         src="https://hebataman.com/storage/settings/site_logo-1711344763.png"
                         alt="">
                </div>
            </div>
            <form action="https://hebataman.com/login" method="POST" class="mt-4 p-5">
                <input type="hidden" name="_token" value="meh4JcovhadSdBeay4eWSVeGTjxY0DJ58g03nJBI" autocomplete="off">                <h2 class="text-white lg:text-2xl text-lg uppercase font-semibold text-center mb-3"
                    style="color: #E43434">Login to your Account</h2>
                <div class="flex justify-start items-center mb-4">
                    <input type="text" name="username" id="modal_username_login"
                           class="w-full p-4 px-6 rounded-lg border border-white border-opacity-10 focus:outline-none"
                           placeholder="Username" style="background: #262626">
                </div>
                <div class="flex justify-start items-center">
                    <input type="password" name="password" id="modal_password_login"
                           class="w-full p-4 px-6 rounded-lg border border-white border-opacity-10 focus:outline-none"
                           placeholder="Password" style="background: #262626">
                </div>
                <div class="flex justify-between items-center my-4">
                    <div class="form-group flex">
                        <input type="checkbox" name="remember" id="remember" class="border border-main">
                        <label for="remember" class="ml-2 font-medium relative"
                               style="color:#EAEAEA;top: -3px;">Remember
                            Me</label>
                    </div>
                </div>
                <button type="submit"
                        class="bg-main text-center my-4 mb-2 text-white font-medium text-sm py-2 w-full block rounded-lg uppercase">
                    Submit
                    login
                </button>
                <a href="https://hebataman.com/register"
                   class="text-center transition-all duration-200 mb-4 text-main font-medium text-sm py-2 w-full block rounded-lg uppercase">Daftar</a>
            </form>
        </div>
    </div>
</div>

<div id="modal_inbox" class="modal_inbox hidden"
     style="background: #262626;color: #EAEAEA">
    <div class="relative">
        <div class="shadow-2xl rounded-lg p-6 lg:w-s595">
            <h2 class="text-2xl font-semibold text-left mb-5" id="modal_ticket_name"
                style="color: #EAEAEA"></h2>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Ticket No</strong> :
                </div>
                <div><span class="font-normal" id="modal_ticket_id"></span></div>
            </div>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Status</strong> <span>:</span>
                </div>
                <div><span class="font-normal capitalize" id="modal_ticket_status"></span></div>
            </div>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Tanggal</strong> <span>:</span>
                </div>
                <div><span class="font-normal capitalize" id="modal_ticket_tanggal"></span></div>
            </div>

            <div class="flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="flex w-20 font-medium">Isi Pesan</strong> <span>:</span>
                </div>
                <div><span class="font-normal capitalize" id="modal_ticket_description"></span></div>
            </div>

            <div class="lg:flex border-b pb-2 mb-2 border-darkgray border-opacity-20">
                <div class="flex mr-2">
                    <strong class="lg:flex w-20 font-medium">Isi Reply</strong> <span>:</span>
                </div>
                <div>
                    <p class="font-normal capitalize overflow-hidden text-justify" id="modal_ticket_reply"></p>
                </div>
            </div>

            <div class="flex justify-center">
                <a href="#close-modal" rel="modal:close"
                   class="bg-main text-center px-6 py-2 rounded-full text-white font-bold">Close</a>
            </div>
        </div>
    </div>
</div>


    <div class="modal-information modal-simple fixed overflow-hidden">
        <div class="modal-head py-2 px-4">
            <div class="justify-between items-center flex">
                <h2 class="font-semibold">INFO PENTING !!</h2>
                <button class="close-modal-simple focus:outline-none">
                    <img src="https://hebataman.com/assets/images/mobile-view/svg/icon-x.svg"
                         class="w-6 bg-white text-black rounded-full p-1" alt="">
                </button>
            </div>
        </div>
        <div class="modal-back">
                                                <img src="https://hebataman.com/storage/popups/image-desktop-popup-1789475620.webp" style="width:100%"
                         alt="INFO PENTING !!">
                                    </div>
    </div>

    <script>
        $(function () {
            if (localStorage.getItem('seen') != (new Date()).getDate()) {
                setTimeout(() => {
                    $('.modal-simple').show();
                    $('.overlay-body').addClass('show');
                    localStorage.setItem('seen', (new Date()).getDate());
                }, 1000);
            }
        });

        $('.close-modal-simple').click(function () {
            $('.modal-simple').hide();
            $('.overlay-body').removeClass('show');
        });
        $('.overlay-body').click(function () {
            $('.modal-simple').hide();
            $('.overlay-body').removeClass('show');
        })
    </script>

<style>
    .overlay-body {
        z-index: 1
    }
</style>



<style>
    .overlay-maintenance {
        background: rgb(0 0 0 / 80%);
        top: 0;
        z-index: 99999;
    }

    .overlay-maintenance .boxs {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    @media (min-width: 640px) {
    }

    @media (min-width: 768px) {
        .container {
            transform-origin: 50% 0%;
            zoom: 0.85;
            zoom: 85%;
            margin: auto;
            -moz-transform: scale(0.85)
        }

        #header .container {
            transform-origin: 50% 50%;
        }

        .bigcover .container {
            -moz-transform: scale(1)
        }

        .informasi .container,
        .kanan .container {
            transform-origin: 50% 0%;
            zoom: 1;
            zoom: 100%;
            margin: auto;
            -moz-transform: scale(1)
        }

        @-moz-document url-prefix() {
            #footer .container {
                margin-bottom: -2rem;
            }
        }

    }

    @media (min-width: 1024px) {
    }
</style>

    <style>
        @media screen and (min-width: 1200px) {
            @-moz-document url-prefix() {
                #wrapper {
                    margin-bottom: -7.5rem;
                }

                #footer .container {
                    margin-bottom: -11rem;
                }
            }
        }
    </style>
















<script>
    // alert: don't change this var to let or const, because it will be overwritten
    var closeModalFeedback = document.querySelector('.close-modal-feedback');
    var overlayModalFeedback = document.querySelector('.overlay-feedback');
    var modalFeedback = document.querySelector('.modal-feedback');

    if (closeModalFeedback) {
        closeModalFeedback.addEventListener('click', function () {
            overlayModalFeedback.style.display = 'none';
        })
    }

    document.addEventListener('keydown', (event) => {
            if (event.key === 'Enter') {
                if (modalFeedback) modalFeedback.style.display = 'none';
                if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
            }
        }
    )

    document.addEventListener('keyup', (event) => {
        if (event.code === 'Space' && event.target === document.body) {
            event.preventDefault();
            if (modalFeedback) modalFeedback.style.display = 'none';
            if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
        }
    })

    document.addEventListener('keydown', (event) => {
        if (event.key === 'Escape') {
            if (modalFeedback) modalFeedback.style.display = 'none';
            if (overlayModalFeedback) overlayModalFeedback.style.display = 'none';
        }
    })
</script>

    </div>
    <script src="https://hebataman.com/assets/float/float-navigation.js?v=1.1"></script>
    

    <script src="https://hebataman.com/assets/js/guest/app.js"></script>
    <script>
        const changeUangKu = (value) => {
            const dom = document.getElementById('uangku');
            if (dom) {
                dom.innerHTML = `Rp. ${value}`;
            }
        }
    </script>
    <script>
        function dropDown() {
            document.getElementById("myDropdown").classList.toggle("show");
        }
    </script>
        <script>
        $('.slideshow').slick({
            infinite: true,
            speed: 500,
            fade: true,
            autoplay: true,
            autoplaySpeed: 2000,
            cssEase: 'linear',
            prevArrow: '<button type="button" class="slick-next z-50 text-white absolute focus:outline-none left-0 lg:top-2/4 top-full"><span class="iconify text-6xl" data-icon="eva:arrow-ios-back-fill" data-inline="false"></span></button>',
            nextArrow: '<button type="button" class="slick-prev z-50 text-white absolute focus:outline-none right-0 lg:top-2/4 top-full"><span class="iconify text-6xl" data-icon="eva:arrow-ios-forward-fill" data-inline="false"></span></button>',
        });
    </script>

    <!-- Start of LiveChat (www.livechat.com) code -->
<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 17511990;
    window.__lc.integration_name = "manual_channels";
    window.__lc.product_name = "livechat";
    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://www.livechat.com/chat-with/17511990/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
<!-- End of LiveChat code -->
    

    <script>
        const changeModalText = (inputObject) => {
            document.getElementById('modal_ticket_id').innerHTML = inputObject.getAttribute('data-id');
            document.getElementById('modal_ticket_name').innerHTML = inputObject.getAttribute('data-name');
            document.getElementById('modal_ticket_status').innerHTML = inputObject.getAttribute('data-status');
            document.getElementById('modal_ticket_description').innerHTML = inputObject.getAttribute(
                'data-description');
            document.getElementById('modal_ticket_reply').innerHTML = inputObject.getAttribute('data-reply');
            document.getElementById('modal_ticket_tanggal').innerHTML = inputObject.getAttribute('data-tanggal');
        }
    </script>

    
    



</body>

</html>
