<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LUXURY345: SITUS GAME ONLINE TERPERCAYA ( DEPOSIT CEPAT )</title>
<meta name="google-site-verification" content="epmHpdRyzdX5gnpw1fS2cqCQ6jXNS9zatjEJty1o1zY" />
<link rel="canonical" href="https://hookuptrend.com/" />
<meta property="og:locale" content="id_ID" />
<meta property="og:type" content="Website" />
<meta property="og:site_name" content="LUXURY345" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:title" content="LUXURY345: SITUS GAME ONLINE TERPERCAYA ( DEPOSIT CEPAT )" />
<meta property="og:description"
content="Luxury345 adalah tempat game online terpercaya yang memiliki deposit tercepat di indonesia kamu bisa nikmati dan rasakan pengalaman bermain yang luarbiasa di luxury 345" />
<meta property="og:url" content="https://hookuptrend.com/" />
<meta property="og:site_name" content="LUXURY345" />
<meta property="og:image:alt" content="LUXURY345" />
<meta name="language" content="id-ID" />
<meta name="geo.region" content="ID-JK" />
<meta name="geo.placename" content="Indonesia" />
<meta name="categories" content="website" />
<meta name="robots" content="Index, Follow" />
<meta name="author" content="LUXURY345">
<meta name="publisher" content="LUXURY345">
<link rel="amphtml" href="https://luxury345asli.pages.dev" />
<meta name="description"
content="Luxury345 adalah tempat game online terpercaya yang memiliki deposit tercepat di indonesia kamu bisa nikmati dan rasakan pengalaman bermain yang luarbiasa di luxury 345" />
<meta name="keywords"
content="luxury345, luxury 345, situs luxury345, login luxury345 " />
<meta name="viewport" content="width=1200, initial-scale=0.33">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<!--<link rel="stylesheet" href="/css/old/template/GW.css">-->
<link rel="stylesheet" href="/css/old/template/GW.css">
<link rel="stylesheet" href="/css/old/light.css">
<link rel="stylesheet" href="/css/old/style.css">
<link rel="icon" type="image/png" href="https://kirimangambar.com/storage/images/L2JEVtdENPJ9QE63a5sG.png">
<script src="/js/old/jquery-3.6.4.min.js"></script>
<style>
.login-input-field {
font-size: 1rem;
}
.btn-aduan {
background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300% 300%;
animation: gradient 2s ease infinite;
}
.transaksi-title {
place-items: start;
}
@media only screen and (max-width: 1000px) {
.transaksi-title {
place-items: center;
}
.login-input-field {
font-size: 1.2rem;
}
}
</style>
</head>
<body id="desktop">
<style>
.my-navbar {
height: 52px;
padding: 0px;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 100%), var(--primary-color);
position: fixed;
bottom: 0;
color: white;
z-index: 1100;
display: flex;
box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
}
.navbar-item {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.navbar-item-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: -16px
}
.navbar-item-content>i {
font-size: 20px;
line-height: 22px;
color: white;
padding-bottom: 4px;
}
.navbar-item-content>img {
height: 36px;
width: 36px;
}
.navbar-item-content>label {
white-space: nowrap;
margin-top: 4px;
font-weight: bold;
font-size: var(--text-size-default);
color: white
}
.speed-dial-item {
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.speed-dial-active .speed-dial-item {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* Delay each item’s appearance */
.speed-dial-active .speed-dial-item:nth-child(2) {
transition-delay: 0.05s;
}
.speed-dial-active .speed-dial-item:nth-child(3) {
transition-delay: 0.1s;
}
.speed-dial-active .speed-dial-item:nth-child(4) {
transition-delay: 0.15s;
}
.speed-dial-active .speed-dial-item:nth-child(5) {
transition-delay: 0.2s;
}
.speed-dial-active .speed-dial-item:nth-child(6) {
transition-delay: 0.25s;
}
</style>
<div id="top" class="wrapper">
<header class="header">
<div class="header-content">
<div class="logo" href="/">
<a href='/'><img src="https://kirimangambar.com/storage/images/X1UnVXT441THWNoxuZ50.png" class='logoimg' alt="Luxury345"></a>
</div>
<div id="marquee-mobile" class="marquee mobile-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
</div>
<div class="running">
<div class="marquee-shadow"></div>
<marquee behavior="scroll" direction="" id="broadcast" style="width: 100%">LUXURY345 SITUS PALING TERPERCAYA MUDAH MAXWIN SERVER TERGACOR HANYA DEPOSIT 20.000</marquee>
</div>
<div class="d-flex align-items-center gap-2">
</div>
</div>
</div>
<div class="mslider mobile-only">
</div>
<div class="menu">
<div class="menu-item desktop-only">
<label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
</div>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="https://hookuptrend.com" class="menu-item" onmouseover="showProducts('hover-togel')"
onmouseout="hideProducts('hover-togel')">
<!--<img class="mobile-only" src="assets/togel.png" alt="">-->
<label>TOGEL</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="https://hookuptrend.com" class="menu-item" onmouseover="showProducts('hover-slot')"
onmouseout="hideProducts('hover-slot')">
<!--<img class="mobile-only" src="assets/slot.png" alt="">-->
<label>SLOT</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="https://hookuptrend.com" class="menu-item" onmouseover="showProducts('hover-live')"
onmouseout="hideProducts('hover-live')">
<!--<img class="mobile-only" src="assets/live.png" alt="">-->
<label>LIVE CASINO</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="https://hookuptrend.com" class="menu-item" onmouseover="showProducts('hover-sport')"
onmouseout="hideProducts('hover-sport')">
<!--<img class="mobile-only" src="assetshttps://hookuptrend.com.png" alt="">-->
<label>SPORT</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="https://hookuptrend.com" class="menu-item" onmouseover="showProducts('hover-fishing')"
onmouseout="hideProducts('hover-fishing')">
<!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
<label>ARCADE</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="https://hookuptrend.com" class="menu-item" onmouseover="showProducts('hover-sabung')"
onmouseout="hideProducts('hover-sabung')">
<!-- <img class="mobile-only" src="assets/sabung.png" alt="">-->
<label>SABUNG</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="https://hookuptrend.com" class="menu-item" onmouseover="showProducts('hover-interactive')"
onmouseout="hideProducts('hover-interactive')">
<!-- <img class="mobile-only" src="assets/sabung.png" alt="">-->
<label>INTERACTIVE</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
</div>
<div class="menu-mobile mobile-only"
style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
<div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px"
onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
<i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
</div>
<div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;"
onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
<i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
</div>
<div id="menu-mobile"
style="height:68px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
<div style="white-space: nowrap; height: 100%; font-size: 0px">
<a href="https://hookuptrend.com" style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item">
<img class="mobile-only" src="https://kirimangambar.com/storage/images/icon-togel.webp"
alt="TOGEL">
<label>TOGEL</label>
</div>
</div>
</a>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('slot')">
<img class="mobile-only" src="https://kirimangambar.com/storage/images/icon-slot.webp"
alt="SLOT">
<label>SLOT</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('casino')">
<img class="mobile-only" src="https://kirimangambar.com/storage/images/icon-live.webp"
alt="LIVE CASINO">
<label>LIVE CASINO</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div href="https://hookuptrend.com" class="menu-item" onclick="showProvider('sport')">
<img class="mobile-only" src="https://kirimangambar.com/storage/images/icon-sport.webp"
alt="SPORT">
<label>SPORT</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('fish')">
<img class="mobile-only" src="https://kirimangambar.com/storage/images/icon-fishing.webp"
alt="ARCADE">
<label>ARCADE</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('sabung')">
<img class="mobile-only" src="https://kirimangambar.com/storage/images/icon-sabung.webp"
alt="SABUNG LUXURY345">
<label>SABUNG</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('interactive')">
<img class="mobile-only"
src="https://kirimangambar.com/storage/images/icon-interactive.webp" alt="">
<label>INTERACTIVE</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-content mobile-only">
<div id="main-content" style="background: var(--content-box-background)">
</div>
</div>
<div class="login luxury345">
<!-- Desktop -->
<button class="btn-login luxury345 fw-bold desktop-only" onclick="window.location.href='https://luxury345asli.pages.dev'"
style="border: none; font-size: 1.1rem; padding: 0px 8px; background-color: #c20909; border-radius: 5px; color: #FFF;">Login Luxury345</button>
<div class="btn-informasi desktop-only"
onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer"
href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip"
data-placement="bottom" title="Informasi"></a></div>
<!-- Mobile -->
<div class="mobile-only" style="padding-top: 32px">
<div class="d-flex gap-3 justify-content-center align-items-center">
<a href="https://hookuptrend.com"
style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
<div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
<a href="https://hookuptrend.com"
style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
</div>
</div>
</div>
</div>
</header>
<div id="marquee" class="marquee desktop-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
<i class="bi bi-megaphone-fill desktop-only"></i>
</div>
<div class="running" style="padding-left: 8px; padding-right: 32px">
<marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();"
onmouseout="this.start();" style="width: 100%">LUXURY345 SITUS PALING TERPERCAYA MUDAH MAXWIN SERVER TERGACOR HANYA DEPOSIT 20.000</marquee>
</div>
<div class="d-flex align-items-center gap-2">
<a href="https://hookuptrend.com">
<img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px" />
</a>
</div>
</div>
</div>
<!--Informasi Modal -->
<div id="modal-wrapper" class="modal" style=" background:none;">
<div class="slideDown" id="informasi-menu">
<div class="row">
<div class="col-xs-3" style="padding-right:0px; width:164px">
<div id="informasi-logo">
<img src="https://kirimangambar.com/storage/images/X1UnVXT441THWNoxuZ50.png" width="120px" />
</div>
<div class="menuleft">
<a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
<a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
<a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
<a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
<a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
<a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
<a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
</div>
</div>
<div class="col-xs-9" id="informasi-content" style="position: relative">
<div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox"
title="Close Informasi">×</div>
<div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
</div>
</div>
</div>
</div>
</div>
<div class="contentdata">
<div id="content-primary" class="p-0">
<div class="desktop-only">
<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
<div class="carousel-indicators">
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1"
aria-label="Slide 2"></button>
</div>
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<img src="https://kirimangambar.com/storage/images/bg1.png" class="d-block w-100 banner" alt="Luxury345"
style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://kirimangambar.com/storage/images/bg2.png" class="d-block w-100 banner"
alt="event luxury345" style="height: 100%">
</div>
</div>
</div>
</div>
<div class="mobile-only">
<div class="banner shadow"
style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
</div>
<div class="banner shadow"
style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
<img src="https://kirimangambar.com/storage/images/bg1.png" width="100%" alt=""
style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
</div>
</div>
</div>
</div>
<div class="provider">
<div class="provider-group">
<img src="https://kirimangambar.com/storage/images/categories_w.webp" class="desktop-only" alt="SLOT LUXURY345"
style="padding-bottom: 16px">
<img src="https://kirimangambar.com/storage/images/providers_w.webp" class="desktop-only" alt="PROVIDER LUXURY345">
<img src="https://kirimangambar.com/storage/images/mproviders_w.webp" alt="gambar luxury345" style="width: 100%;"
class="mobile-only">
</div>
</div>
<div class="transaksi">
<div>
<div class="transaksi-kontak">
<div class="d-flex flex-column w-100">
<div class="transaksi-title">
<div class="transaksi-title-group">
<div class="fitur-header">Transaksi</div>
<div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">
Kami Menerima Pembayaran Dibawah Ini</div>
</div>
<div class="devider desktop-only" style="width: 320px"></div>
</div>
<div class="transaksi-content">
<!-- Bank -->
<style>
.transaksi-group {
display: grid;
grid-template-columns: 380px 1fr;
justify-content: space-between;
grid-template-areas:
"transaksi-bank transaksi-other";
}
.transaksi-bank {
grid-area: transaksi-bank;
display: grid;
place-items: center
}
.transaksi-other {
grid-area: transaksi-other;
display: flex;
justify-content: space-evenly;
width: 100%;
}
.transaksi-list-bank {
height: fit-content;
display: grid;
grid-template-columns: repeat(4, 92px);
grid-template-rows: repeat(4, auto);
gap: 4px;
}
.transaksi-list-other {
height: fit-content;
display: grid;
grid-template-columns: repeat(3, 92px);
gap: 4px;
}
.transaksi-item {
display: flex;
flex-direction: column;
/* transform: perspective(10px) rotateX(3deg); */
}
.transaksi-header {
height: 30px;
border-radius: 5px;
display: grid;
place-items: center;
font-weight: bold;
border: 2px solid rgba(108, 108, 108, 1);
background: rgba(54, 54, 54, 1);
color: white;
}
.transaksi-status {
margin-left: 3px;
margin-right: 3px;
height: 3px;
border-radius: 0px 0px 4px 4px;
background: rgb(54, 54, 54);
background: linear-gradient(90deg, rgba(54, 54, 54, 1) 0%, rgba(108, 108, 108, 1) 50%, rgba(54, 54, 54, 1) 100%);
}
.header-green {
background: rgba(44, 121, 6, 1);
border-color: rgba(168, 255, 0, 1);
}
.header-blue {
background: rgba(0, 80, 89, 1);
border-color: rgba(0, 255, 204, 1);
}
.status-green {
background: rgb(44, 121, 6);
background: linear-gradient(90deg, rgba(44, 121, 6, 1) 0%, rgba(168, 255, 0, 1) 50%, rgba(44, 121, 6, 1) 100%);
}
.status-blue {
background: rgb(0, 80, 89);
background: linear-gradient(90deg, rgba(0, 80, 89, 1) 0%, rgba(0, 255, 204, 1) 50%, rgba(0, 80, 89, 1) 100%);
}
.transaksi-name {
font-size: 1.1rem;
font-weight: bold;
line-height: 1.5rem
}
.transaksi-wrapper {
display: flex;
flex-direction: column;
gap: .5rem;
}
#transaksi-bank-indicators .carousel-inner .carousel-item.active {
height: 154px;
}
@media only screen and (max-width: 768px) {
.transaksi-group {
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
"transaksi-bank"
"transaksi-other";
gap: 16px;
}
.transaksi-header {
font-size: 1.1rem;
height: 36px;
}
.transaksi-list-bank {
grid-template-columns: repeat(4, 1fr);
}
.transaksi-list-other {
grid-template-columns: repeat(4, 1fr);
}
.transaksi-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.transaksi-item {
width: 100%;
}
.transaksi-title-group {
justify-content: center;
padding: 16px 0;
}
.transaksi-name {
font-size: 1.3rem;
text-align: center;
}
.transaksi-wrapper {
width: 100%;
max-width: 100% !important;
gap: 1rem;
}
#transaksi-bank-indicators .carousel-inner .carousel-item.active {
height: 184px !important;
}
}
</style>
<div class="transaksi-group">
<div class="transaksi-bank">
<div class="transaksi-wrapper">
<div class="transaksi-name">Bank Lokal</div>
<div id="transaksi-bank-indicators" class="carousel slide"
data-bs-ride="carousel">
<div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="transaksi-list-bank">
<div class="transaksi-item">
<div class="transaksi-header">BCA</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Mandiri</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">BNI</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">BRI</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">CIMB</div>
<div class="transaksi-status "></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">BSI</div>
<div class="transaksi-status "></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">SeaBank</div>
<div class="transaksi-status status-green"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="transaksi-other">
<div class="desktop-only" style="height: 100%; width: 2px; background: #888888">
</div>
<div class="transaksi-wrapper" style="max-width: 284px">
<div class="transaksi-name">E Money & Pulsa</div>
<div id="transaksi-other-indicators" class="carousel slide"
data-bs-ride="carousel">
<div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="transaksi-list-other">
<div class="transaksi-item">
<div class="transaksi-header">DANA</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">OVO</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">ShopeePay</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">GOPAY</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">LinkAja</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Telkomsel</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Axiata</div>
<div class="transaksi-status status-blue"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="desktop-only" style="height: 100%; width: 2px; background: #888888">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="guidelines">
<div class="guidelines-content desktop-only">
<img src="https://img.viva88athenae.com/guidelines_w.png" />
</div>
</div>
<div class="bantuan">
<ul class="bantuan-content">
<li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
</ul>
</div>
<footer class="footer">
<div>
<h1>LUXURY345: SITUS GAME ONLINE TERPERCAYA ( DEPOSIT CEPAT )</h1><br>
<p><a style="color: green;" href="https://hookuptrend.com">Luxury345</a> adalah tempat game online terpercaya yang memiliki deposit tercepat di indonesia kamu bisa nikmati dan rasakan pengalaman bermain yang luarbiasa di luxury 345</p>
</div>
<div class="footer-group">
<div class="copyright">
<div style="white-space: nowrap">© 2015 - 2025 Copyright LUXURY345.</div>
<div>All Rights Reserved.</div>
</div>
<div class="desktop-only">
<div class="d-flex gap-1">
<div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
<div class="btn-footer" onclick='window.location.href="https://hookuptrend.com"'>WAP</div>
</div>
</div>
<img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines_w.png"
alt="">
</div>
</footer>
</div>
<!--POP UP -->
<style>
.modal-dialog {
max-width: max-content;
margin-top: 180px
}
.imgpop {
border: 2px solid #FFF;
width: 600px;
aspect-ratio: 2;
object-fit: cover;
}
@media only screen and (max-width: 768px) {
.modal-dialog {
margin-top: 98px
}
.imgpop {
width: 100%;
}
}
</style>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
<script>
if (document.getElementById("promo")) {
var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
window.onload = () => {
myModal.show();
}
}
var mobileurl = 'm/';
var showIDs = [];
function showProducts(hoverID) {
while (showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
// document.getElementById('hover').classList.add("hover-show");
document.getElementById('hover').style.transitionDelay = "0s";
document.getElementById('hover').style.visibility = "visible";
document.getElementById('hover').style.opacity = "1";
document.getElementById(hoverID).style.display = "flex";
showIDs.push(hoverID);
}
function hideProducts(hoverID) {
// document.getElementById('hover').classList.remove("hover-show");
document.getElementById('hover').style.visibility = "hidden";
document.getElementById('hover').style.opacity = "0";
document.getElementById('hover').style.transitionDelay = "1s";
}
var mobileDaftarForm = document.getElementById('mobile-daftar-form');
var marquee = document.getElementById('marquee');
function closeContent() {
$('#main-content').html("");
}
function openDaftar() {
closeContent();
mobileDaftarForm.style.display = "block";
mobileDaftarForm.scrollIntoView();
}
function closeDaftar() {
mobileDaftarForm.style.display = "none";
marquee.scrollIntoView();
}
function showProvider(type) {
$('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
$('#main-content').load("new-showprovider.php?type=" + type);
}
function toggleInformasi(item) {
page(item);
}
function showInformasi(item) {
document.getElementById('modal-wrapper').style.display = 'block';
toggleInformasi(item);
}
</script>
</body>
</html>