<?php include_once 'header.php'; if (empty($_GET)) ?> <section class="relative bg-[#000134] min-h-screen"> <div class="container mx-auto p-3 lg:pb-8 relative z-10"> <nav class="flex mb-1 lg:mb-2"> <ol class="flex items-center pb-1 overflow-x-scroll whitespace-nowrap opacity-scroll"> <li class="inline-flex items-end pr-1"> <a class="text-xs border-b border-transparent hover:lg:border-primary transition-all duration-200 ease-in-out undefined" href="<?php echo $alamat_website . 'home'; ?>">Home</a> </li> <li class="inline-flex items-end pr-1 group"> <div class="flex items-center"> <svg width="17" height="17" viewbox="0 0 24 24" fill="var(--base)" xmlns="http://www.w3.org/2000/svg" size="17"> <path d="m15 12 .354-.354.353.354-.353.354L15 12ZM9.354 5.646l6 6-.708.708-6-6 .708-.708Zm6 6.708-6 6-.708-.708 6-6 .708.708Z" fill="var(--base)"></path> </svg><a class="text-xs pl-1 border-b border-transparent hover:lg:border-primary transition-all duration-200 ease-in-out group-last:text-primary undefined" href="lottery">lottery</a> </div> </li> </ol> </nav> <img alt="lottery Page Banner" fetchpriority="high" width="1500" height="0" decoding="async" data-nimg="1" class="rounded-lg w-full h-36 md:h-auto object-center object-cover" src="https://cdn.databerjalan.com/cdn-cgi/image/width=auto,quality=75,fit=contain,format=auto//assets/images/static/v3/banner/lottery-new.webp" style="color: transparent;"> <div class="flex flex-wrap -mx-2 mt-4 lg:mt-8"> <section class="container mx-auto p-3 sticky top-0 bg-background-default py-3 z-[70]"><div class="w-full flex justify-end lg:justify-between items-center md:ml-auto"><p class="md:text-lg font-medium hidden lg:block">Keluaran Togel</p> <div class="w-full md:w-1/3 lg:w-1/4"> <button class="bg-background-tertiary px-3 py-2 rounded-lg flex items-center hover:lg:brightness-[0.9] transition-all duration-200 ease-in-out w-full justify-center"> <span class="text-xs pr-1 text-primary pr-2">Jadwal Pasaran Togel</span> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 16 16" fill="var(--primary)" size="18"> <path fill="var(--primary)" d="M1.75 5.625c0-1.179 0-1.768.366-2.134.366-.366.955-.366 2.134-.366h7.5c1.178 0 1.768 0 2.134.366.366.366.366.955.366 2.134 0 .295 0 .442-.091.533-.092.092-.24.092-.534.092H2.375c-.295 0-.442 0-.533-.092-.092-.091-.092-.238-.092-.533Z"></path> <path fill="var(--primary)" fill-rule="evenodd" d="M2.116 13.384c-.366-.366-.366-.956-.366-2.134V8.125c0-.295 0-.442.092-.533.091-.092.238-.092.533-.092h11.25c.295 0 .442 0 .534.092.091.091.091.238.091.533v3.125c0 1.178 0 1.768-.366 2.134-.366.366-.956.366-2.134.366h-7.5c-1.179 0-1.768 0-2.134-.366ZM5.5 10a.625.625 0 1 0 0 1.25h5a.625.625 0 1 0 0-1.25h-5Z" clip-rule="evenodd"></path> <path stroke="var(--primary)" stroke-linecap="round" stroke-width="1.25" d="M4.875 1.875V3.75M11.125 1.875V3.75"></path></svg> </button> <div class="fixed z-[999] bg-black/60 top-0 bottom-0 left-0 right-0 w-0"></div><section class="fixed z-[9999] flex md:items-center left-0 right-0 bottom-0 md:top-0 md:bottom-0 transition-all duration-300 ease-in-out overflow-hidden -z-10 opacity-0 invisible max-h-0 md:max-h-screen"> <div class="w-full md:w-2/3 lg:w-[450px] md:mx-auto bg-background-secondary p-3 pb-12 md:px-4 md:pb-6 rounded-t-3xl md:rounded-lg overflow-y-scroll"> <div class="flex justify-between items-center py-2"><figure class="flex items-center"> <img alt="Jadwal Pasaran Togel Icon" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="rounded-xl w-8 mx-auto" src="https://cdn.databerjalan.com/cdn-cgi/image/width=auto,quality=75,fit=contain,format=auto//assets/images/static/v3/lottery/icons/market-popup-desktop.webp" style="color: transparent;"><span class="text-sm md:text-base font-semibold pl-2">Jadwal Pasaran</span></figure> <button><svg width="25" height="25" viewBox="0 0 24 24" fill="var(--base)" xmlns="http://www.w3.org/2000/svg" size="25"> <path d="M18 6 6 18M6 6l12 12" stroke="var(--base)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> <div class="max-h-[68vh] overflow-auto"><table class="table-auto w-full"> <thead> <tr> <th class="py-2 px-1 text-xs lg:text-sm text-left font-semibold w-2/6">Pasaran</th> <th class="py-2 px-1 text-xs lg:text-sm text-left font-semibold w-2/6">Jadwal</th> <th class="py-2 px-1 text-xs lg:text-sm font-semibold w-1/6">Jam Tutup</th> <th class="py-2 px-1 text-xs lg:text-sm font-semibold w-1/6">Jam Buka</th></tr> </thead> <tbody><tr class="even:bg-background-default"> <td class="py-2 px-1 text-xs lg:text-sm underline"><a target="_blank" rel="nofollow" href="http://www.hkpools1.com/">HONGKONG</a></td> <td class="py-2 px-1 text-xs lg:text-sm">Everyday</td><td class="py-2 px-1 text-xs lg:text-sm text-center">22:30</td><td class="py-2 px-1 text-xs lg:text-sm text-center">23:59</td> </tr> <tr class="even:bg-background-default"><td class="py-2 px-1 text-xs lg:text-sm underline"> <a target="_blank" rel="nofollow" href="https://online.singaporepools.com/en/lottery">SINGAPORE</a></td> <td class="py-2 px-1 text-xs lg:text-sm">17:20</td> <td class="py-2 px-1 text-xs lg:text-sm text-center">17:48</td><td class="py-2 px-1 text-xs lg:text-sm text-center">21:00</td></tr> <tr class="even:bg-background-default"><td class="py-2 px-1 text-xs lg:text-sm underline"> <a target="_blank" rel="nofollow" href="http://livedrawsydney.co/">SYDNEY</a></td><td class="py-2 px-1 text-xs lg:text-sm">Everyday</td> <td class="py-2 px-1 text-xs lg:text-sm text-center">13:30</td> <td class="py-2 px-1 text-xs lg:text-sm text-center">14:30</td></tr> </tbody> </table> </div> </div> </section> </div> </div> </section> <section class="container mx-auto p-3 mb-5 lg:mb-8"> <div class="flex flex-wrap -mx-[6px] lg:-mx-3 mt-3"> <div id="HK" class="w-1/3 sm:w-1/4 lg:w-1/6 px-[6px] lg:px-3 mb-3 lg:mb-4"> <div id="HK" class="relative pb-3 h-full cursor-pointer min-h-[110px] lg:min-h-[200px]"> <div class="w-full rounded-xl lg:rounded-2xl relative bg-[#00233D]" style="box-shadow: rgba(204, 210, 227, 0.5) 0px 0px 28.8428px inset;"> <img alt="lottery-Hongkong" fetchpriority="high" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="w-full rounded-xl lg:rounded-2xl h-[140px] md:h-[218px] lg:h-[227px] object-contain" src="https://cdn.databerjalan.com/assets/images/games/sdsb/v3/hk.png" style="color: transparent;"><div class="absolute bottom-0 top-1/4 flex items-end justify-center left-0 right-0 bg-gradient-to-t rounded-xl lg:rounded-2xl from-[#004438] from-50%"> <div class="pb-6 lg:pb-7"><p class="text-[26px] lg:text-5xl leading-7 font-semibold tracking-[.2em] lg:tracking-widest text-center text-white">8034</p> <p class="text-[10px] lg:text-base text-center opacity-70">Tue, 15/10/24</p> </div> </div> </div> <div class="absolute left-2 right-2 lg:left-6 lg:right-6 bottom-1 lg:bottom-0"> <p class="text-[10px] lg:text-sm text-center truncate z-10 relative px-2 py-[2px] lg:py-1 bg-background-secondary border border-white/70 rounded-full">Hongkong</p> </div> </div> </div> <div id="SG" class="w-1/3 sm:w-1/4 lg:w-1/6 px-[6px] lg:px-3 mb-3 lg:mb-4"> <div id="SG" class="relative pb-3 h-full min-h-[110px] lg:min-h-[200px]"> <div class="w-full rounded-xl lg:rounded-2xl relative bg-[#00233D]" style="box-shadow: rgba(204, 210, 227, 0.5) 0px 0px 28.8428px inset;"> <div class="absolute top-0 bottom-0 left-0 right-0 flex items-center justify-center rounded-xl lg:rounded-2xl z-10 bg-black/60"> <p class="text-[10px] lg:text-base uppercase bg-background-tertiary px-4 py-1 rounded-full font-medium">OFFLINE</p> </div> <img alt="lottery-Singapore" fetchpriority="high" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="w-full rounded-xl lg:rounded-2xl h-[140px] md:h-[218px] lg:h-[227px] object-contain" src="https://cdn.databerjalan.com/assets/images/games/sdsb/v3/sg.png" style="color: transparent;"> <div class="absolute bottom-0 top-1/4 flex items-end justify-center left-0 right-0 bg-gradient-to-t rounded-xl lg:rounded-2xl from-[#004438] from-50%"> </div> </div> <div class="absolute left-2 right-2 lg:left-6 lg:right-6 bottom-1 lg:bottom-0"> <p class="text-[10px] lg:text-sm text-center truncate z-10 relative px-2 py-[2px] lg:py-1 bg-background-secondary border border-white/70 rounded-full">Singapore</p> </div> </div> </div> <div id="SY" class="w-1/3 sm:w-1/4 lg:w-1/6 px-[6px] lg:px-3 mb-3 lg:mb-4"><div id="SY" class="relative pb-3 h-full cursor-pointer min-h-[110px] lg:min-h-[200px]"> <div class="w-full rounded-xl lg:rounded-2xl relative bg-[#00233D]" style="box-shadow: rgba(204, 210, 227, 0.5) 0px 0px 28.8428px inset;"> <img alt="lottery-Sydney" fetchpriority="high" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="w-full rounded-xl lg:rounded-2xl h-[140px] md:h-[218px] lg:h-[227px] object-contain" src="https://cdn.databerjalan.com/assets/images/games/sdsb/v3/sydney.png" style="color: transparent;"> <div class="absolute bottom-0 top-1/4 flex items-end justify-center left-0 right-0 bg-gradient-to-t rounded-xl lg:rounded-2xl from-[#004438] from-50%"><div class="pb-6 lg:pb-7"><p class="text-[26px] lg:text-5xl leading-7 font-semibold tracking-[.2em] lg:tracking-widest text-center text-white">2718</p> <p class="text-[10px] lg:text-base text-center opacity-70">Wed, 16/10/24</p> </div> </div> </div> <div class="absolute left-2 right-2 lg:left-6 lg:right-6 bottom-1 lg:bottom-0"> <p class="text-[10px] lg:text-sm text-center truncate z-10 relative px-2 py-[2px] lg:py-1 bg-background-secondary border border-white/70 rounded-full">Sydney</p> </div> </div> </div> </div> </div> </section> <?php include_once 'footer.php'; ?> </body> </html> SIMPAN PERUBAHAN