- Scan ID:
- e1d21b81-d314-4145-877b-8452746d6ca8Finished
- Submitted URL:
- https://kolam4d.uno/
- Report Finished:
Links · 2 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://wa.me/6282224417472 | |
| https://direct.lc.chat/18662454/ | LIVECHAT |
JavaScript Variables · 78 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| loadlink | function |
| randomtextnumber | string |
| uidEvent | number |
| bootstrap | object |
| myModal | object |
Console log messages · 15 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| error | network |
|
| error | network |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>KOLAM4D: Situs 4D Slot Gacor Terbaru Situs4D Resmi</title>
<!-- Default -->
<meta name="description" content="KOLAM4D merupakan daftar situs 4d slot gacor terbaru 2023 terpercaya di Indonesia dengan server situs4d slot gacor resmi terbaik deposit dana mudah menang.">
<meta name="keywords" content="KOLAM4D, 4D Slot, 4D Slot Login, Situs 4D, Situs4D, Slot Gacor">
<link href="../images/logo.png" rel="shortcut icon" type="image/x-icon">
<link rel="canonical" href="https://kolam4d.uno/">
<meta name="robots" content="index,follow">
<meta name="language" content="Indonesia">
<meta name="author" content="KOLAM4D">
<meta name="googlebot" content="index,follow">
<meta content="1 days" name="revisit-after">
<meta content="general" name="rating">
<meta content="id" name="geo.country">
<meta content="Indonesia" name="geo.placename">
<!-- Meta OG -->
<meta property="og:title" content="KOLAM4D: Situs 4D Slot Gacor Terbaru Situs4D Resmi">
<meta property="og:description" content="KOLAM4D merupakan daftar situs 4d slot gacor terbaru 2023 terpercaya di Indonesia dengan server situs4d slot gacor resmi terbaik deposit dana mudah menang.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="KOLAM4D">
<meta property="og:locale" content="id_ID">
<!-- Geo Settings -->
<meta name="geo.country" content="ID">
<meta name="geo.region" content="ID">
<meta name="geo.placename" content="Indonesia">
<meta name="language" content="ID">
<meta name="tgn.nation" content="Indonesia">
<!-- Additional Settings -->
<meta name="author" content="KOLAM4D">
<meta name="categories" content="website">
<meta name="copyright" content="KOLAM4D">
<meta name="distribution" content="global">
<meta name="publisher" content="KOLAM4D">
<meta name="rating" content="general">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css">
<!-- GOOGLE SITE VERIFICATION -->
<meta name="google-site-verification" content="T_AHuKal7bfZxxZHNZ1K2_7PjJp7I1MBvq8P4C2Dt7E">
<meta name="google-site-verification" content="1EKYC7CpkGmXSu2auOTePKg8vLDc2jjaBf_Fy95Pr6o">
<!-- Script Schemas -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Game",
"name": "KOLAM4D",
"author": {
"@type": "Person",
"name": " KOLAM4D"
},
"headline": "KOLAM4D: Situs 4D Slot Gacor Terbaru Situs4D Resmi",
"description": "KOLAM4D merupakan daftar situs 4d slot gacor terbaru 2023 terpercaya di Indonesia dengan server situs4d slot gacor resmi terbaik deposit dana mudah menang.",
"keywords": ["KOLAM4D, Situs4D, Situs 4D, 4D Slot, Slot Gacor 4D, Gacor 4D Slot, Slot Gacor, Situs Slot Gacor"],
"image": "https://i.pinimg.com/564x/84/ca/28/84ca28563c8540bf9bee9ca82e8d22cf.jpg",
"url": "/",
"publisher": {
"@type": "Organization",
"name": "KOLAM4D"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "98",
"bestRating": "100",
"worstRating": "0",
"ratingCount": "323777"
},
"inLanguage": "id-ID"
}
</script>
<style>.swal2-popup.swal2-toast{flex-direction:column;align-items:stretch;width:auto;padding:1.25em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row;padding:0}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;margin:0 .625em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container{padding:.625em 0 0}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex:1;flex-basis:auto!important;align-self:stretch;width:auto;height:2.2em;height:auto;margin:0 .3125em;margin-top:.3125em;padding:0}.swal2-popup.swal2-toast .swal2-styled{margin:.125em .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(100,150,200,.5)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-no-transition{transition:none!important}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:5px;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center;padding:0 1.8em}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#2778c4;color:#fff;font-size:1em}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#d14529;color:#fff;font-size:1em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#757575;color:#fff;font-size:1em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;height:.25em;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;align-items:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0 1.6em;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto}.swal2-validation-message{align-items:center;justify-content:center;margin:0 -2.7em;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}</style></head><body id="desktop" class="modal-open" style="overflow: hidden; padding-right: 10px;"><div style="position: fixed; bottom: 100px; left: 5px; z-index: 10; opacity: 0.98;">
<a href="https://kolam4d.uno//rtp.html" target="_blank" rel="noopener"><img class="wabutton" src="https://kolam4d.uno//images/rtp.gif" alt="rtp slot hari ini" title="Rtp Slot Hari Ini" width="100" height="100"></a>
</div>
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/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/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--<link rel="stylesheet" href="/css/template/GM.css">-->
<link rel="stylesheet" href="https://kolam4d.uno//assets/home/PNI.css">
<link rel="stylesheet" href="https://kolam4d.uno//assets/home/variable.css">
<link rel="stylesheet" href="https://kolam4d.uno//assets/home/dark.css?324324">
<link rel="stylesheet" href="https://kolam4d.uno//assets/home/style.css?345435">
<link rel="icon" type="image/png" href="favicon.png">
<script src="https://kolam4d.uno//assets/home/jquery-3.6.4.min.js"></script>
<style>
.login-input-field {
font-size: 1rem;
}
@media only screen and (max-width: 1000px) {
.login-input-field {
font-size: 1.2rem;
}
}
</style>
<div id="hover" class="hover desktop-only">
<div id="hover-togel" class="hover-menu">
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//icon-togel.png" alt="PAY4D"></figure>
<figcaption>PAY4D</figcaption>
</a>
</div>
<div id="hover-slot" class="hover-menu">
<a href="/?content=slot&provider=pp" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a>
<a href="/?content=slot&provider=pg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
<figcaption>PG SOFT</figcaption>
</a>
<a href="/?content=slot&provider=hb" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
<figcaption>HABANERO</figcaption>
</a>
<a href="/?content=slot&provider=jg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
<figcaption>JOKER</figcaption>
</a>
<a href="/?content=slot&provider=sg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
<figcaption>SPADEGAMING</figcaption>
</a>
<a href="/?content=slot&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>
<a href="/?content=slot&provider=fs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
<figcaption>FASTSPIN</figcaption>
</a>
<a href="/?content=slot&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a>
<a href="/?content=slot&provider=cq9" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
<figcaption>CQ9</figcaption>
</a>
<a href="/?content=slot&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
<figcaption>MICRO GAMING</figcaption>
</a>
<a href="/?content=slot&provider=ttg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
<figcaption>TOPTREND GAMING</figcaption>
</a>
</div>
<div id="hover-live" class="hover-menu">
<a href="/?content=casino&provider=pplc" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a>
<a href="/?content=casino&provider=ion" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
<figcaption>ION CASINO</figcaption>
</a>
<a href="/?content=casino&provider=evo" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
<figcaption>EVOLUTION</figcaption>
</a>
<a href="/?content=casino&provider=sx" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
<figcaption>SEXY GAMING</figcaption>
</a>
<a href="/?content=casino&provider=ab" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
<figcaption>ALLBET</figcaption>
</a>
<a href="/?content=casino&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
<figcaption>SA GAMING</figcaption>
</a>
<a href="/?content=casino&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure>
<figcaption>MICRO GAMING</figcaption>
</a>
<a href="/?content=casino&provider=og" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
<figcaption>OPUS PLUS</figcaption>
</a>
<a href="/?content=casino&provider=sbol" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
<figcaption>SBOBET CASINO</figcaption>
</a>
</div>
<div id="hover-sport" class="hover-menu">
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
<figcaption>SABA</figcaption>
</a>
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
<figcaption>SBOBET</figcaption>
</a>
</div>
<div id="hover-fishing" class="hover-menu">
<a href="/?content=fish&provider=sg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
<figcaption>SPADE GAMING</figcaption>
</a>
<a href="/?content=fish&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>
<a href="/?content=fish&provider=fs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
<figcaption>FASTSPIN</figcaption>
</a>
<a href="/?content=fish&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a>
</div>
<div id="hover-sabung" class="hover-menu">
</div>
</div>
<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
}
</style>
<div class="mobile-only">
<div class="my-navbar">
<a href="https://kolam4d.uno/" class="navbar-item" style="position: relative">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//beranda.png">
<label>BERANDA</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="https://kolam4d.uno//promosi.php" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//promosi.png">
<label>PROMOSI</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="https://kolam4d.uno//event.php" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//events.png">
<label>EVENT</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="https://wa.me/6282224417472" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//whatsapp.png">
<label>WHATSAPP</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="https://direct.lc.chat/18662454/" target="_blank" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//livechat.png">
<label>LIVECHAT</label>
</div>
</a>
</div>
</div>
<div class="snowflakes" aria-hidden="true">
<div class="snowflake"><img src="https://kolam4d.uno//images/1.png" height="70px" width="70px;"></div>
<div class="snowflake"><img src="https://kolam4d.uno//images/2.png" height="50px" width="50px;"></div>
<div class="snowflake"><img src="https://kolam4d.uno//images/13.png" height="60px" width="60px;"></div>
<div class="snowflake"><img src="https://kolam4d.uno//images/15.png" height="70px" width="70px;"></div>
<div class="snowflake"><img src="https://kolam4d.uno//images/9.png" height="50px" width="50px;"></div>
<div class="snowflake"><img src="https://kolam4d.uno//images/10.png" height="60px" width="60px;"></div>
<div class="snowflake"><img src="https://kolam4d.uno//images/12.png" height="50px" width="50px;"></div>
<div class="snowflake"><img src="https://kolam4d.uno//images/14.png" height="60px" width="60px;"></div>
</div>
<style>
.snowflake{color:#fff;font-size:1em;font-family:Arial,sans-serif;text-shadow:0 0 5px #000;position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:first-of-type{left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:60%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:10%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:40%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style> <div id="top" class="wrapper">
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel" style="width: 50%; background: var(--primary-background); color: white;">
<div class="offcanvas-header py-3">
<h5 class="offcanvas-title" id="offcanvasExampleLabel" style="color: var(--menu-item-color); font-size: 1.2rem; font-weight: bold">Menu</h5>
<button type="button" class="text-reset" style="background: transparent; border: none" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-x" style="color: var(--text-color); font-size: 20px"></i></button>
</div>
<div class="offcanvas-body p-0">
<div class="d-flex flex-column w-100 gap-1">
<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
<div class="fw-bold"><i class="fa fa-info-circle" style="font-size: 20px;"></i></div>
<div style="color: var(--text-color); font-size: 1.1rem"><a href="https://kolam4d.uno//tentang.php">TENTANG</a></div>
</div>
<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
<div class="fw-bold"><i class="fa fa-question-circle" style="font-size: 20px;"></i></div>
<div style="color: var(--text-color); font-size: 1.1rem"><a href="https://kolam4d.uno//bantuan.php">BANTUAN</a></div>
</div>
<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
<div class="fw-bold"><i class="fa fa-shield" style="font-size: 20px;"></i></div>
<div style="color: var(--text-color); font-size: 1.1rem"><a href="https://kolam4d.uno//privasi.php">KEBIJAKAN PRIVASI</a></div>
</div>
<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
<div class="fw-bold"><i class="fa fa-shield" style="font-size: 20px;"></i></div>
<div style="color: var(--text-color); font-size: 1.1rem"><a href="https://kolam4d.uno//peraturan.php">PERATURAN</a></div>
</div>
</div>
</div>
</div>
<div class="mobile-only" style="position: relative; background: var(--primary-background);">
<div class="appbar">
<a href="/" style="width: auto"><img class="logoimg" src="https://kolam4d.uno//upload/logo_admin_20240609205713.png" alt=""></a>
<button style="position: absolute; right: 16px; background: transparent; border: none; width: auto; padding: 0px; height: 100%; margin: auto" class="mobile-only" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
<i class="bi bi-person-lines-fill" style="color: var(--menu-item-color); font-size: 26px"></i>
</button>
</div>
</div>
<header class="header">
<div class="header-content">
<div class="logo" href="/">
<a href="/"><img src="https://kolam4d.uno//upload/logo_admin_20240609205713.png" class="logoimg" alt=""></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%">Selamat datang di KOLAM4D Harap selalu pastikan rekening kami yang Aktif! KOLAM4D situs slot gacor aman dan terpercaya</marquee>
</div>
<div class="d-flex align-items-center gap-2">
</div>
</div>
</div>
<div class="mslider mobile-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="active"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" class="" aria-current=""></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" class="" aria-current=""></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" class="" aria-current=""></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" class="" aria-current=""></button>
</div>
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<img src="https://kolam4d.uno//upload/slide_admin_20241005231937.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI KOLAM4D" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://kolam4d.uno//upload/slide_admin_20240907061418.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI KOLAM4D" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://kolam4d.uno//upload/slide_admin_20240906165624.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI KOLAM4D" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://kolam4d.uno//upload/slide_admin_20240906165616.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI KOLAM4D" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://kolam4d.uno//upload/slide_admin_20240906165608.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI KOLAM4D" style="height: 100%">
</div>
</div>
</div>
</div>
<div class="login">
<div class="desktop-only">
<form class="login-form form" action="https://kolam4d.uno//login-proses.php" method="POST">
<div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
<div class="input-group login-field">
<span class="input-group-text prepend mobile-only ">
<div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div>
</span>
<input type="text" name="user" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
</div>
<div id="marquee" class="marquee mobile-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-megaphone-fill desktop-only"></i>
</div>
<div class="running">
<div class="marquee-shadow"></div>
<marquee behavior="" direction="" id="broadcast">Selamat datang di KOLAM4D Harap selalu pastikan rekening kami yang Aktif! KOLAM4D situs slot gacor aman dan terpercaya</marquee>
</div>
</div>
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend">
<div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div>
</span>
<input type="password" name="pass" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
</div>
<button type="submit" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
<button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='register.php'">Daftar</button>
<input type="hidden" name="task" value="login">
</form>
</div>
<div id="" class="mobile-only" style="width: 100%">
<form class="login-form form" action="https://kolam4d.uno//login-proses.php" method="POST">
<div id="msgbox" style="font-size: 1rem; width: 100%"></div>
<div class="input-group login-field">
<span class="input-group-text prepend mobile-only ">
<div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div>
</span>
<input type="text" name="user" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend">
<div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div>
</span>
<input type="password" name="pass" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
</div>
<button type="submit" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
<button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
<input type="hidden" name="task" value="login">
<input type="hidden" name="loginmobile" value="+v4dC+4CPthuyW3kVnmDNE0PYWu641DrFdiSplLk2Ys=">
</form>
</div>
<div id="mobile-daftar-form" style="width: 100%; display: none">
<div>
<form action="https://kolam4d.uno//function/step-1.php" method="POST" class="login-form">
<div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
<div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">REGISTER</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend">
<div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div>
</span>
<input type="hidden" name="status" value="Aktif">
<input type="text" class="form-control login-input-field" name="user" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi" required="">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend">
<div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div>
</span>
<input type="password" class="form-control login-input-field" name="pass" placeholder="Password (6 karakter atau lebih)" required="">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend">
<div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div>
</span>
<input type="password" class="form-control login-input-field" name="" placeholder="Konfirmasi Password" required="">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend">
<div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div>
</span>
<input type="text" class="form-control login-input-field" name="email" placeholder="Email">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend">
<div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div>
</span>
<input type="text" inputmode="numeric" class="form-control login-input-field" name="no_hp" placeholder="Telpon">
</div>
<div class="input-group login-field">
<select class="form-select login-input-field" name="akun">
<option value="">Pilih Bank</option>
<option value="BCA">BCA</option>
<option value="Mandiri">Mandiri</option>
<option value="BNI">BNI</option>
<option value="BRI">BRI</option>
<option value="CIMB">CIMB</option>
<option value="PANIN">PANIN</option>
<option value="DANA">DANA</option>
<option value="OVO">OVO</option>
<option value="GOPAY">GOPAY</option>
<option value="LinkAja">LinkAja</option>
</select>
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend" style="">
<div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div>
</span>
<input type="text" class="form-control login-input-field" name="no_rek" placeholder="No Rekening">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend">
<div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div>
</span>
<input type="text" class="form-control login-input-field" name="full_name" placeholder="Nama Rekening">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend">
<div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div>
</span>
<input type="text" name="sponsor" class="form-control login-input-field" autocomplete="off" placeholder="Username Referal bila ada" value="">
</div>
<!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
<input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
<button type="submit" name="submit" class="btn btn-masuk fw-bold p-0 px-2">Register</button>
<button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onclick="closeDaftar()" id="buttonClose">Close</button>
</form>
</div>
</div>
</div>
<style>
#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -143px;
background-color: #000000;
color: white;
text-align: center;
border-radius: 2px;
padding: 6px;
position: fixed;
z-index: 1;
left: 50%;
top: 100px;
font-size: 14px;
font-weight: bold;
}
#snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
from {top: 0; opacity: 0;}
to {top: 100px; opacity: 2;}
}
@keyframes fadein {
from {top: 0; opacity: 0;}
to {top: 100px; opacity: 2;}
}
@-webkit-keyframes fadeout {
from {top: 100px; opacity: 2;}
to {top: 0; opacity: 0;}
}
@keyframes fadeout {
from {top: 100px; opacity: 2;}
to {top: 0; opacity: 0;}
}
</style>
<div id="snackbar" class="show">
<p id="withdraw">md**el Berhasil Withdraw Rp 870.000,00</p>
</div>
<script>
function loadlink(){
var angka_acak = Math.floor(Math.random() * (10001-50)+50);
function maketextnumber(n) {
for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"], e = n, t = new Array, a = 0; a <= e - 1; a++) {
t[a] = r[parseInt(Math.random() * r.length)];
t = t;
randomtextnumber = t.join("")
}
}
var huruf_acak = (maketextnumber(8), randomtextnumber);
var huruf_belakang = huruf_acak.substring(6);
var huruf_depan = huruf_acak.substring(0, 2);
const rupiah = (number)=>{
return new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR"
}).format(number);
}
var nominal = rupiah(angka_acak+"000");
var baris = huruf_depan+"**"+huruf_belakang+" Berhasil Withdraw "+nominal;
var x = document.getElementById("snackbar");
x.className = "show";
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
// setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
document.getElementById("withdraw").innerHTML = huruf_depan+"**"+huruf_belakang+" Berhasil Withdraw "+nominal;
// document.getElementById("withdraw").style.backgroundColor ="red";
// document.getElementById("withdraw").width ="30%";
// document.getElementById("withdraw").height ="25px";
}
loadlink();
setInterval(function(){
loadlink()
}, 5000);
</script>
<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="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
<img class="mobile-only" src="https://ligaserbuslott.net/assets/togel.png" alt="">
<label>TOGEL</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
<img class="mobile-only" src="https://ligaserbuslott.net/assets/slot.png" alt="">
<label>SLOT</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
<img class="mobile-only" src="https://ligaserbuslott.net/assets/live.png" alt="">
<label>LIVE CASINO</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
<img class="mobile-only" src="https://ligaserbuslott.net/assets/sport.png" alt="">
<label>SPORT</label>
</a>
<!--<span class="desktop-only" style="color: var(--menu-item-color)">|</span>-->
<!--<a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-esport')" onmouseout="hideProducts('hover-esport')">-->
<!-- <img class="mobile-only" src="assets/esport.png" alt="">-->
<!-- <label>E-SPORT</label>-->
<!--<span class="desktop-only" style="color: var(--menu-item-color)">|</span>-->
<!--<a href="/?content=register" 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="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
<img class="mobile-only" src="https://ligaserbuslott.net/assets/fishing.png" alt="">
<label>ARCADE</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="#togel-mobile" 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://img.viva88athenae.com//icon-togel.png" alt="">
<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="showProviderSlot('slot')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
<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="showProviderLiveCasino('casino')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
<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="/sport" class="menu-item" onclick="showProvidersport('sport')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
<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('esport')">-->
<!-- <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
<!-- <label>E-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('sabung')">-->
<!-- <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">-->
<!-- <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="showProviderarcade('fish')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
<label>ARCADE</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="promosi">
<!-- Desktop -->
<button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='promosi.php'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button>
<!-- Mobile -->
<div class="mobile-only">
<div class="d-flex gap-3 justify-content-center align-items-center">
<a href="" 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="" 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">
<marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%">Selamat datang di KOLAM4D Harap selalu pastikan rekening kami yang Aktif! KOLAM4D situs slot gacor aman dan terpercaya</marquee>
</div>
<div class="d-flex align-items-center gap-2">
</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://kolam4d.uno//upload/logo_admin_20240609205713.png" width="120px">
</div>
<div class="menuleft">
<a class="active btn-black" href="tentang.php">TENTANG KAMI</a>
<a class="btn-black" href="bantuan.php">BANTUAN</a>
<a class="btn-black" href="peraturan.php">PERATURAN</a>
<a class="btn-black" href="privasi.php">KEBIJAKAN PRIVASI</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>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
</div>
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<img src="https://ligaserbuslott.net/images/upload-MobileSlides-20230420145839.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI KOLAM4D" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://ligaserbuslott.net/images/upload-MobileSlides-20230420150209.jpg" class="d-block w-100 banner" alt="Bonus New Member 50%" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://ligaserbuslott.net/images/upload-MobileSlides-20230420150310.jpg" class="d-block w-100 banner" alt="Bonus Deposit Freebet 20%" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://ligaserbuslott.net/images/upload-MobileSlides-20230420150322.jpg" class="d-block w-100 banner" alt="Bonus Slot Rungkad Harian" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com//slide-m/slidem-mei-jl.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com//slide-m/slidem-megagacor.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com//slide-m/slidem-pg2apr.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com//slide-m/slidem-fsmei.jpg" class="d-block w-100 banner" alt="" 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;">
<img src="https://kolam4d.uno//upload/IMG-20231004-WA0026.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
</div>
</div>
</div>
</div>
<!-- Togel -->
<style>
.togel-desktop {
background: var(--togel-background);
grid-area: togel-desktop;
position: relative;
}
.togel-mobile {
display: none;
}
.show-more {
position: absolute;
z-index: 999;
bottom: 0px;
width: 100%;
/* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
}
.show-more-content {
background: var(--secondary-background);
opacity: .7;
display: grid;
place-items: center;
height: 32px
}
.togel-content {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
/*display: grid;*/
/*grid-template-columns: repeat(10, 1fr);*/
gap: 8px 4px;
padding: 16px 0;
}
.see-more {
padding: 16px 0 48px 0;
max-height: 162px;
transition: max-height .75s ease-out;
transition-delay: .1s;
overflow: hidden;
}
.togel-content:hover {
max-height: 1000px;
transition: max-height 0.25s ease-in;
}
.result {
height: 110px;
width: 96px;
border-radius: 10px;
background: var(--result-background);
border: var(--result-border);
display: grid;
grid-template-rows: 0px 20px 1fr 28px;
grid-template-areas:
"badge"
"pasaran"
"keluaran"
"tanggal"
;
/* display: flex;
flex-direction: column;
justify-content: space-between; */
overflow: hidden;
}
.badge {
grid-area: badge;
display: grid;
place-items: center;
}
.result>.pasaran {
grid-area: pasaran;
padding-top: 8px;
white-space: nowrap;
font-size: .7rem;
line-height: .7rem;
color: var(--result-pasaran-color);
display: grid;
place-items: center;
}
.result>.keluaran {
grid-area: keluaran;
padding-bottom: 8px;
font-family: 'Oswald', sans-serif;
line-height: 40px;
font-size: 40px;
color: var(--result-keluaran-color);
display: grid;
place-items: center;
}
.result>.tanggal {
grid-area: tanggal;
width: 100%;
height: 100%;
/* background: rgb(40,0,0);
background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
background: var(--result-tanggal-background);
white-space: nowarp;
font-size: .79rem;
display: grid;
place-items: center;
font-family: 'Abel', sans-serif;
color: var(--result-tanggal-color);
}
@media only screen and (max-width: 1000px) {
.togel-desktop {
display: none;
}
.togel-mobile {
background: var(--secondary-background);
grid-area: togel-mobile;
padding: 24px;
padding-bottom: 12px;
box-shadow: rgba(0, 0, 0, 1) 0px 0px 10px 0px;
}
.togel-title {
padding: 0px;
padding-bottom: 20px;
font-size: 1.4rem;
font-weight: bold;
color: var(--primary-text-color);
}
.togel-content {
max-height: fit-content;
display: grid;
grid-template-columns: 1fr;
gap: 0;
border-radius: 8px;
}
.provider-group {
padding: var(--mobile-padding-horizontal);
}
.badge {
display: none;
}
.result {
height: auto;
width: 100%;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 80px;
grid-template-areas: "pasaran tanggal keluaran";
border-radius: 0;
border: none;
background: transparent;
padding: 4px 12px;
color: var(--primary-text-color);
font-family: 'Abel', sans-serif;
}
.result:nth-child(odd) {
background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), var(--secondary-background);
}
.result>* {
padding: 0px !important;
margin: 0px !important;
font-size: 1.4rem !important;
line-height: auto !important;
font-weight: normal !important;
}
.result>.pasaran {
display: flex;
justify-content: start;
color: var(--primary-text-color) !important;
opacity: .7;
}
.result>.tanggal {
display: flex;
justify-content: center;
background: transparent;
color: var(--primary-text-color) !important;
opacity: .7;
}
.result>.keluaran {
display: flex;
justify-content: end;
/*color: var(--primary-text-color)!important;*/
font-family: 'Abel', sans-serif;
color: var(--highlight-text-color);
}
}
</style>
<div id="togel-desktop" class="togel-desktop desktop-only">
<div class="togel-content ">
<a href="/?content=hasil&pid=HKD" class="result">
<div class="badge">
</div>
<div class="pasaran">SYDNEY</div>
<div class="keluaran">0932</div>
<div class="tanggal">06 September 2024</div>
</a>
<a href="/?content=hasil&pid=SGM" class="result">
<div class="pasaran">JAPAN</div>
<div class="keluaran">3106</div>
<div class="tanggal">06 September 2024</div>
</a>
<a href="/?content=hasil&pid=SGM" class="result">
<div class="pasaran">CHINA</div>
<div class="keluaran">9068</div>
<div class="tanggal">06 September 2024</div>
</a>
<a href="/?content=hasil&pid=SGM" class="result">
<div class="pasaran">SINGAPORE TOTO</div>
<div class="keluaran">2715</div>
<div class="tanggal">06 September 2024</div>
</a>
<a href="/?content=hasil&pid=SGM" class="result">
<div class="pasaran">SEOUL</div>
<div class="keluaran">4596</div>
<div class="tanggal">06 September 2024</div>
</a>
<a href="/?content=hasil&pid=SGM" class="result">
<div class="badge">
</div>
<div class="badge">
</div>
<div class="badge">
</div>
<div class="badge">
</div>
<div class="badge">
</div>
<div class="badge">
</div>
<div class="badge">
</div>
<div class="badge">
</div>
</a>
</div>
</div>
<div id="togel-mobile" class="togel-mobile mobile-only">
<div class="togel-title">Togel Result</div>
<div class="carousel slide p-0" data-bs-ride="carousel">
<div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"></div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="result">
<div class="badge"></div>
<div class="pasaran">SHANGHAI</div>
<div class="keluaran">
3570 </div>
<div class="tanggal">
06 September 2024 </div>
</div>
<div class="result">
<div class="badge"></div>
<div class="pasaran">MADRID</div>
<div class="keluaran">
0538 </div>
<div class="tanggal">
06 September 2024 </div>
</div>
<div class="result">
<div class="badge"></div>
<div class="pasaran">JAPAN</div>
<div class="keluaran">
3106 </div>
<div class="tanggal">
06 September 2024 </div>
</div>
<div class="result">
<div class="badge"></div>
<div class="pasaran">LONDON</div>
<div class="keluaran">
5764 </div>
<div class="tanggal">
06 September 2024 </div>
</div>
<div class="result">
<div class="badge"></div>
<div class="pasaran">CHINA</div>
<div class="keluaran">
9068 </div>
<div class="tanggal">
06 September 2024 </div>
</div>
</div>
</div>
</div>
</div>
<div class="provider">
<div class="provider-group">
<img src="https://img.viva88athenae.com//assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
<img src="https://img.viva88athenae.com//assets/providers.png" class="desktop-only" alt="">
<img src="https://img.viva88athenae.com//mproviders.png" alt="" 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;
}
@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;
}
}
</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" style="height: 144px">
<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 status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">PANIN</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">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 class="d-flex flex-column desktop-only" style="width: 180px">
<div class="transaksi-title">
<div class="transaksi-title-group">
<div class="fitur-header">Kontak Kami</div>
</div>
<div class="devider desktop-only"></div>
</div>
<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
<div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
<button type="button" data-bs-target="#kontak-kami-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#kontak-kami-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
</div>
<div class="carousel-inner" style="height: 164px">
<div class="carousel-item active">
<div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com//kontak/wa.png" width="20">
<div class="d-flex flex-column">
<div style="color: #888888;">WHATSAPP</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">6282224417472</div>
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
<div class="guidelines">
<div class="guidelines-content desktop-only">
<img src="https://img.viva88athenae.com//guidelines.png">
</div>
</div>
<div class="bantuan">
<ul class="bantuan-content" style="font-size: 1.1rem">
<li class="bantuan-item"><a href="tentang.php">TENTANG KAMI</a></li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item"><a href="bantuan.php">BANTUAN</a></li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item"><a href="peraturan.php">PERATURAN</a></li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item"><a href="privasi.php">KEBIJAKAN PRIVASI</a></li>
</ul>
</div>
<footer class="footer">
<div>
<title></title>
<div style="margin:15px; text-align:justify; font-style:normal;">
<header class="content-header">
<h1>KOLAM4D: Situs 4D Slot Gacor Terbaru Situs4D Resmi</h1>
</header>
<p>Dalam beberapa tahun belakangan ini, permainan situs <a href="/">4d slot</a> mudah menang terbilang cukup populer karena dicari
dan dimainkan oleh banyak kalangan. Hal tersebut jelas menambah
kredibilitas dan tingkat kepercayaan para pemain kepada jenis
taruhan judi situs4d online satu ini. Di samping itu juga, Anda
masih bisa bermain situs 4d Slot online dengan modal yang
terjangkau serta bonus kemenangan hingga ratusan juta rupiah.
Berikut ini informasi lengkap seputar Situs 4d Slot terbaru di
KOLAM4D :</p>
<table style="width:100%;margin-left:auto;margin-right:auto;border-color:#47474b;border-collapse:collapse;color:#fff;text-align:left" border="1">
<tbody>
<tr bgcolor="#2F2F2F">
<td style="padding:5px"><b>Nama Situs</b></td>
<td style="padding:5px">KOLAM4D</td>
</tr>
<tr bgcolor="#2F2F2F">
<td style="padding:5px"><b>Jenis Permainan</b></td>
<td style="padding:5px">Game Situs 4d Slot Online</td>
</tr>
<tr bgcolor="#2F2F2F">
<td style="padding:5px"><b>Min Deposit</b></td>
<td style="padding:5px">50.000</td>
</tr>
<tr bgcolor="#2F2F2F">
<td style="padding:5px"><b>Daftar Provider 4d slot Gampang
Menang</b></td>
<td style="padding:5px">Pragmatic Play, Joker Gaming, Habanero,
Microgaming, PG Soft, Spadegaming, Playtech</td>
</tr>
<tr bgcolor="#2F2F2F">
<td style="padding:5px"><b>Layanan Operasional</b></td>
<td style="padding:5px">24 Jam nonstop</td>
</tr>
<tr bgcolor="#2F2F2F">
<td style="padding:5px"><b>Daftar game slot online Mudah
Menang</b></td>
<td style="padding:5px">Sweet Bonanza, Gates of Olympus, Koi Gate,
Starlight Princess, Aztec Gems</td>
</tr>
<tr bgcolor="#2F2F2F">
<td style="padding:5px"><b>Slot Bonus New Member</b></td>
<td style="padding:5px">Bonus New Member 50% | Bonus Deposit
20%</td>
</tr>
<tr bgcolor="#2F2F2F">
<td style="padding:5px"><b>Gabung New Member</b></td>
<td style="padding:5px"><a href="/?content=register">Klik
Disini</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</footer></div>
<div class="footer-group">
<div class="copyright">
<div style="white-space: nowrap">© 2015 - 2023 Copyright KOLAM4D.</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</div>
<div class="btn-footer" onclick="window.location.href="/wap"">WAP</div>
</div>
</div>
<img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com//guidelines.png" alt="">
</div>
<!-- SIDENAV -->
<div id="mySidenav" class="sidenav desktop-only">
<div id="nav">
<div style="display: flex; align-items: start;">
<div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
<img src="/assets/hubungi.png?11">
</div>
<!--<img id="about" src="/images/kontak.png?4">-->
</div>
<div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
<div id="" style="padding: 4px">
<img src="/assets/24h.png" style="width: 100%">
</div>
<div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
<div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com//kontak/wa.png" width="20"><span>6282224417472</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com//kontak/line.png" width="20"><span><span>ID:</span></span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com//kontak/telegram.png" width="20"><span><span></span></span>
</div>
</div>
<div style="margin: 8px">
<input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white" onclick="window.location.href='/?content=register'">
</div>
</div>
</div>
</div>
<!--WEBBANER -->
<div></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>
<!-- Modal -->
<div class="modal fade show" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-modal="true" role="dialog" style="display: block;">
<div class="modal-dialog" style="">
<div class="modal-content">
<div class="modal-body" style="padding: 0px">
<img src="images/WhatsApp Image 2023-10-19 at 13.39.44.jpeg" alt="vpn" class="imgpop">
</div>
</div>
</div>
</div>
<!--<div class="modal fade" id="promo">-->
<!-- <div class="modal-dialog" style="margin:180px auto 0px; width:600px; padding:0px">-->
<!-- <div class="modal-content" style="padding:0px; border-radius:0px;">-->
<!-- <div class="modal-body" style="padding:0px;">-->
<!-- <img src="images/upload-Popup-20231018083653.jpg" alt="vpn" style="border:2px solid #FFF; width: 600px; height: 300px;"/>-->
<!-- <button type="btn button" class="closepop" data-dismiss="modal" style="color:#FFF; margin-top:10px">×</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div> -->
<!-- LIVE CHAT -->
<script>
$('.verifikasiform').hide();
$('.verifval').val('0');
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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();
}
// show provider mobile
function showProviderSlot(type) {
$('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
$('#main-content').load("mobilecontent/new-showprovider-slot.php?type=" + type);
}
function showProviderLiveCasino(type) {
$('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
$('#main-content').load("mobilecontent/new-showprovider-livecasino.php?type=" + type);
}
function showProvidersport(type) {
$('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
$('#main-content').load("mobilecontent/new-showprovider-sport.php?type=" + type);
}
function showProviderarcade(type) {
$('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
$('#main-content').load("mobilecontent/new-showprovider-arcade.php?type=" + type);
}
function showProvidersabung(type) {
$('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
$('#main-content').load("mobilecontent/new-showprovider-sabung.php?type=" + type);
}
function toggleInformasi(item) {
page(item);
}
function showInformasi(item) {
document.getElementById('modal-wrapper').style.display = 'block';
toggleInformasi(item);
}
</script>
<script src="assets/home/new-webduo35.js"></script>
<!-- Include SweetAlert library -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- POP UP COOKIES -->
<div class="modal-backdrop fade show"></div></body></html>