<!DOCTYPE html><html amp="⚡" lang="id-ID"> <head> <meta charset="utf-8"> <meta name="robots" content="index, follow"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <link rel="shortcut icon" href="assets/favicon.png"> <link rel="icon" href="assets/favicon.png"> <title>SIAP4D: Agen Situs Gacor Deposit Pulsa Tanpa Potongan</title> <meta name="description" content="SIAP4D merupakan salah satu agen situs gacor penyaedia layanan permainan dengan deposit pulsa tanpa potongan terlengkap yang dilengkapi RTP Tertinggi Update."> <link rel="canonical" href="https://toboer.com/"> <link rel="amphtml" href="https://siap4d.b-cdn.net/amp.html" /> <script async src="https://cdn.ampproject.org/v0.js"></script> <link rel="preconnect" href="https://cdn.ampproject.org/v0.js"> <meta name="google-site-verification" content="dfX2-S6Z5ZHicGKhZPL8JbplKoPMYfy6yUwWybWRrRQ" /> <meta name="google-site-verification" content="YBYOo0lsxA-ol9lTKczvutskOMfizOZYQWe0RgNSO2k" /> <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js"> <script src="https://analytics.ahrefs.com/analytics.js" data-key="t1DsrbsZD0pN1JatM9sH0A" async></script> <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script> <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script> <script async custom-element="amp-date-display" src="https://cdn.ampproject.org/v0/amp-date-display-0.1.js"></script> <script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script> <script async custom-element="amp-font" src="https://cdn.ampproject.org/v0/amp-font-0.1.js"></script> <script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script> <script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script> <style amp-boilerplate=""> body { -webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both; -moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both; -ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both; animation: -amp-start 8s steps(1,end) 0s 1 normal both; } @-webkit-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } } @-moz-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } } @-ms-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } } @-o-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } } @keyframes -amp-start { from { visibility: hidden } to { visibility: visible } } </style> <noscript> <style amp-boilerplate=""> body { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none } </style> </noscript> <style amp-custom=""> */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#9e9402;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h3,h5{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color,inherit)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h5{font-size:1.25rem}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}figure{margin:0 0 1rem}img{vertical-align:middle}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>:disabled~label{color:#6c757d}.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-link:focus-visible{color:var(--bs-btn-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item.active{display:block}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.offcanvas{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute}.d-flex{display:flex}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.w-100{width:100%}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.p-0{padding:0}.p-3{padding:1rem}.px-2{padding-right:.5rem;padding-left:.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.fw-bold{font-weight:700}.text-reset{--bs-text-opacity:1;color:inherit} /*# sourceMappingURL=bootstrap.min.css.map */ :root { --primary-color: #00afff; --primary-background: #280000; --line-color: #00afff; --marquee-color: #ffffff; --marquee-background: #361645; --result-pasaran-color: #ffffff; --result-tanggal-color: #FFFFFF; --result-tanggal-background: linear-gradient(0deg, rgba(59,83,153,1) 0%, rgba(77,60,131,1) 100%); --result-background: #111111; --result-keluaran-color: #ffffff; --result-border: 3px solid #9e9e9e; --text-color: #e0e0e0; --primary-text-color: #ffffff; --reverse-text-color: #361645; --secondary-background: #361645; --hover-background: rgba(0, 0, 0, .9); --menu-item-color: var(--text-color); } :root { --text-size-default: .875rem; --button-masuk-color: linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49); --button-daftar-color: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db); --menu-background: #0f212e; --header-background: var(--primary-background); --content-background: var(--primary-background); --togel-background: var(--primary-background); --provider-background: var(--secondary-background); --transaksi-background: var(--secondary-background); --bantuan-background: var(--secondary-background); --guidelines-background: var(--secondary-background); --footer-background: var(--secondary-background); --button-promosi-color: linear-gradient(60deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); --content-body-background: linear-gradient(0deg, var(--togel-background) 0%, var(--marquee-background) 100%); --mobile-padding-horizontal: 32px; } :root { --secondary-background: #0b0b0b; --primary-theme-color: black; --reverse-theme-color: white; --highlight-text-color: #FFD700; --page-link-background: linear-gradient(0deg, rgba(23,26,33,1) 0%, rgba(71,81,99,1) 100%); --page-link-color: var(--primary-text-color); --page-link-border: 1px solid #bdbdbd; --page-item-active-color: linear-gradient(0deg, rgba(18,20,25,1) 0%, rgba(7,8,10,1) 100%); --page-item-active-background: var(--primary-color); --page-item-active-border: 1px solid var(--primary-color); --devider-color: linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 25%, rgba(97,97,97,1) 25%, rgba(97,97,97,1) 100%); --prepend-background: linear-gradient(#484e55, #3a3f44 60%, #313539); --prepend-color: #ffffff; --prepend-border: 0px; --content-box-background: rgba(20, 20, 20, .5); --informasi-menu-background: #333; --informasi-content-background: #000; } * { margin: 0px; padding: 0px; box-sizing: border-box; } html, body { font-family: 'Ubuntu', sans-serif; color: var(--text-color); font-size: var(--text-size-default); background: var(--primary-background); } .btn-black{ font-size: .8rem; width:100%; cursor:pointer; font-weight: bold; padding: 10px 8px; color: var(--text-color); } .btn-black:hover { color: var(--reverse-text-color); background: var(--primary-color); } .menuleft { margin: 0px auto 0px; display: flex; flex-direction: column; } #informasi-menu{ margin:150px auto 0px; width:714px; padding: 0px 0px 0px 0px; box-shadow:rgba(0,0,0,.3) 0px 5px 10px 10px; border:1px solid #333; border-radius: 10px; background: var(--informasi-menu-background); } #informasi-content { border-radius: 0px 9px 9px 0px; padding-left: 20px; width: 563px; background-color: var(--informasi-content-background); } .closebox { position: absolute; top: -10px; right: 5px; font-size: 35px; cursor: pointer; } #informasi-logo { padding: 24px 0; width: 100%; display: grid; place-items: center; } .wrapper { display: grid; grid-template-columns: 1fr; grid-template-areas: "header" "devider" "marquee" "contentdata" "togel-desktop" "provider" "transaksi" "guidelines" "bantuan" "footer" } a { color: inherit; /* blue colors for links too */ text-decoration: inherit; /* no underline */ } ul { padding: 0; } .wrapper>*>* { margin: auto; width: 1000px; } .center { display: grid; place-items: center; } .btn { height: 30px; border-radius: 3px; } .btn-masuk { background: var(--button-masuk-color); color: white; } .btn-daftar { background: var(--button-daftar-color); color: white; } .desktop-only { display: block; } .mobile-only { display: none; } .btn-promosi { 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; } .btn-informasi { background: -webkit-linear-gradient(60deg, #b08432, #cfbe87); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .header { background: #361645; grid-area: header; height: 102px; } .header-content { height: 100%; display: grid; grid-template-columns: 1fr 1fr auto; grid-template-areas: "logo login login" "logo menu promosi" } .logo { grid-area: logo; display: flex; align-items: center; } /* Desktop */ .logoimg { height: 64px; width: 260px; object-fit: contain; object-position: left; } .login { grid-area: login; display: flex; justify-content: end; align-items: end; } .login-form { display: flex; align-items: center; justify-content: end; gap: 4px; } .promosi { grid-area: promosi; display: flex; align-items: center; } .menu { grid-area: menu; display: flex; align-items: center; justify-content: flex-end; gap: 12px; font-size: 1.1rem; } .menu-item>label:hover, .bantuan-item:hover { color: var(--primary-color); cursor: pointer; } .menu-item>label { white-space: nowrap; color: var(--menu-item-color); } .devider { grid-area: devider; height: 3px; width: 100%; margin: 8px 0; } .marquee { height: 30px; color: var(--marquee-color); background: var(--marquee-background); grid-area: marquee; display: flex; font-size: .8rem; width: 100%; border-top: 2px solid var(--line-color); } .marquee-content { height: 100%; display: flex; } .running { padding: 0px; height: 100%; position: relative; display: flex; align-items: center; width: 100%; } .running>.marquee-shadow { position: absolute; background: linear-gradient(90deg, var(--marquee-background) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, var(--marquee-background) 100%); width: 100%; height: 100%; z-index: 999; } .contentdata { grid-area: contentdata; background: var(--primary-background); } .contentdata>* { width: 100%; } .banner { aspect-ratio: 1920 / 380; background: var(--banner-background); } .provider { background: var(--provider-background); grid-area: provider } .provider-group { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 24px 0; /* "p-5 w-100 d-flex flex-column justify-content-center align-items-center" */ } .transaksi { background: var(--transaksi-background); grid-area: transaksi; padding-bottom: 16px; display: flex; justify-content: space-between; } .transaksi-title { grid-area: transaksi-title; place-items: center; margin-bottom: 8px; } .transaksi-title-group { display: flex; align-items: end; gap: 4px; } .transaksi-kontak { display: flex; } .guidelines { grid-area: guidelines; background: var(--guidelines-background); } .guidelines-content { padding-top: 48px; padding-bottom: 24px } .bantuan { padding: 16px; background: var(--bantuan-background); grid-area: bantuan; } .bantuan-content { display: flex; list-style-type: none; } .bantuan-devider { padding: 0 16px; } .footer { font-size: .9rem; background: var(--footer-background); grid-area: footer; padding: 16px 0; border-top: 2px solid #bdbdbd; } .copyright { display: flex; gap: 4px; } .hover { visibility:hidden; opacity:0; transition:visibility 0.3s linear,opacity 0.3s linear; display: flex; flex-direction: column; position: absolute; overflow: hidden; width: 100%; background: var(--hover-background); top: 105px; z-index: 1000; padding: 12px 0px; justify-content: center; align-items: center; } .hover:hover { visibility: visible; opacity: 1; } .hover-menu { display: none; flex-wrap: wrap; gap: 16px 8px; justify-content: center; } .hover-item { width: 108px; max-width: 108px; display: grid; grid-template-rows: 1fr auto; } .hover-item>figure { height: 90px; display: grid; place-items: center; margin: 0px; } .hover-item>figure>img { height: 90px; width: 90px; } .hover-item>figcaption { color: white; width: 100%; padding: 2px 0px; border: 2px solid white; display: grid; place-items: center; border-radius: 5px; font-size: .75rem } .footer-group { display: flex; align-items: center; gap: 32px; } .slideDown{ animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 0.8s; -webkit-animation-duration: 0.8s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible ; } .btn-footer { padding: 0px 8px; border: 1px solid var(--reverse-theme-color); border-radius: 4px; height: 32px; padding: 0 16px; display: grid; place-items: center; color: var(--reverse-theme-color); } .btn-footer:hover { background: var(--reverse-theme-color); color: var(--primary-theme-color); } @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); } } .devider { background: var(--devider-color); } .fitur-header { font-size: 1.2rem; font-weight: bold; line-height: 1rem } @media only screen and (max-width: 1000px) { .desktop-only { display: none; } .mobile-only { display: block; } .wrapper { display: grid; grid-template-columns: 1fr; grid-template-areas: "appbar" "marquee" "header" "contentdata" "togel-mobile" "devider" "provider" "transaksi" "bantuan" "footer" "guidelines" } .appbar { background: #361645; grid-area: appbar; height: 72px; display: grid; place-items: center; /*box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;*/ } .wrapper>*>* { margin: auto; width: 100%; padding: 0 var(--mobile-padding-horizontal); } .marquee { border-top: 3px solid var(--line-color); } .marquee-content { padding: 0px } .header { height: auto; padding: 0px; } .header-content { padding: 0px; height: 100%; display: grid; grid-template-columns: 1fr; grid-template-areas: "marquee" "mslider" "menu-mobile" "menu-content" "login" "promosi" } .menu-mobile { grid-area: menu-mobile; } .menu-content { grid-area: menu-content; } .marquee-content { height: 100%; } .logo { display: none } /* Mobile */ .logoimg { height: 64px; width: 230px; margin: 0px; object-position: center; } .mslider { grid-area: mslider; aspect-ratio: 600/280; background: var(--primary-theme-color); } .menu { display: none; /*display: grid;*/ /*place-items: center;*/ /*grid-template-columns: repeat(7, 1fr);*/ /* background: linear-gradient(0deg, rgba(0,0,0,0.08) 0%, rgba(255,255,255,0) 100%), var(--primary-color); */ /*gap: 0px;*/ /*border-bottom: 3px solid red;*/ } .menu-item { height: 100%; width: 100%; font-size: var(--text-size-default); /*display: grid;*/ /*place-items: center;*/ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 4px; padding-top: 4px; 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); /* border-left: 1px solid #555; border-right: 1px solid var(--primary-background); */ } .menu-item:hover { color: var(--text-color); } .menu-item>label { white-space: nowrap; color: white; font-weight: bold; /*color: var(--marquee-color);*/ font-size: 0.8em; } .menu-item>img { height: 30px; } .login { flex-direction: column; } .login-form { padding: 32px 0; margin: 0px 80px; display: flex; flex-direction: column; } .login-form>a, .btn-promosi { height: 44px; width: 100%; border-radius: 8px; overflow: hidden; padding: 8px 12px; } .btn-masuk { font-size: 1.3rem; text-shadow: 1px 1px #361645; height: 44px; border-radius: 8px; } .btn-daftar { font-size: 1.3rem; text-shadow: 1px 1px #361645; height: 48px; border-radius: 8px; } .promosi { padding: 0 calc(var(--mobile-padding-horizontal) * 2); gap: 4px; } .promosi>* { width: 100%; } .btn-promosi { display:none; } .contentdata { background: #361645; padding: 12px 0; } .banner { aspect-ratio: 3; } .banner>* { border-radius: 16px; border-collapse: separate; border: 2px solid gray; } .togel-title { padding: 0px; padding-bottom: 20px; font-size: 1.2rem; font-weight: bold; } .provider-group { padding: var(--mobile-padding-horizontal); } .transaksi-kontak { display: flex; flex-direction: column; } .transaksi-content { display: flex; flex-direction: column; /*padding: 0 calc(var(--mobile-padding-horizontal) * 2)*/ } .bantuan-content { flex-direction: column; list-style: disc; gap: 8px; } .footer { font-size: 1rem; padding-bottom: 96px; } .footer-group { /*justify-content: space-between;*/ flex-direction: column; width: 100%; } .copyright { flex-direction: column; font-size: 1rem; width: 100%; } .guidelines { grid-area: guidelines; } .fitur-header { font-size: 1.4rem; } } .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>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 } .togel-desktop { background: #361645; grid-area: togel-desktop; position: relative; } .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; } .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:3px; white-space: nowrap; font-size: .7rem; line-height: .7rem; color: var(--result-pasaran-color); display: grid; place-items: center; } .result>.keluaran { grid-area: keluaran; font-family: 'Oswald', sans-serif; line-height: 1.4rem; font-size: 0.79rem; color: var(--result-keluaran-color); display: grid; place-items: center; } .keluaran a:hover{ color:rgb(255, 255, 255); font-weight:bold; } .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; margin: 0px; font-size: 1.4rem; line-height: auto; font-weight: normal; } .result>.pasaran { display: flex; justify-content: start; color: var(--primary-text-color); opacity: .7; } .result>.tanggal { display: flex; justify-content: center; background: transparent; color: var(--primary-text-color); opacity: .7; } .result>.keluaran { display: flex; justify-content: end; /*color: var(--primary-text-color);*/ font-family: 'Abel', sans-serif; color: var(--highlight-text-color); flex-direction: column-reverse; } } .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: 32px; 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%); } .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-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%; gap: 1rem; } } @media only screen and (min-width: 769px) { #marquee-mobile{ display:none; } } .scroll-container { overflow: hidden; width:100%; } .running-text{ white-space: nowrap; -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-animation: scrolling-text-ani 20s linear infinite; -webkit-animation: scrolling-text-ani 20s linear infinite; animation: scrolling-text-ani 20s linear infinite; } @-moz-keyframes scrolling-text-ani { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(-100%); } } @-webkit-keyframes scrolling-text-ani { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(-100%); } } @keyframes scrolling-text-ani { from { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } to { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .menu .nav-item:hover .nav-item__game { display: block; } .menu .nav-link:hover{ color:#909200; } .menu .nav-link { display: flex; align-items: center; padding: 5px 0; height: 100% } .menu .nav-item__game { position: absolute; left: 0; right: 0; z-index: 999; padding: 20px 0; background: var(--hover-background); border-bottom: 7px solid var(--secondary-color); box-shadow: rgba(0,0,0,0.4) 0 3px 23px 0 inset; display: none; text-align:center; } .menu .nav-item__game .hover-item { display: inline-block; padding: 0 8px 8px; cursor: pointer; position: relative } .amp-sidebar-mask{ z-index:999; </style> </head> <body id="desktop"> <div class="mobile-only"> <div class="my-navbar"> <a href="https://toboer.com/" class="navbar-item" style="position: relative"> <div class="navbar-item-content"> <amp-img src="assets/beranda.webp" width="36" height="36" layout="intrinsic" alt="SIAP4D"></amp-img> <label>BERANDA</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="https://heylink.me/4dsiap/" class="navbar-item"> <div class="navbar-item-content"> <amp-img src="assets/promosi.webp" width="36" height="36" layout="intrinsic" alt="SIAP4D Promotion"></amp-img> <label>PROMOSI</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="https://t.me/siap4D" target="_blank" class="navbar-item"> <div class="navbar-item-content"> <amp-img src="assets/whatsapp.webp" width="36" height="36" layout="intrinsic" alt="Nomor TELEGRAM SIAP4D"></amp-img> <label>TELEGRAM</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="https://direct.lc.chat/19068709/" target="_blank" class="navbar-item"> <div class="navbar-item-content"> <amp-img src="assets/livechat.webp" width="36" height="36" layout="intrinsic" alt="Livechat SIAP4D"></amp-img> <label>LIVECHAT</label> </div> </a> </div> </div> <div id="top" class="wrapper"> <amp-sidebar id="sidenav" layout="nodisplay" side="right" tabindex="-1" style="width: 50%; background: var(--primary-background); color: white;z-index:1000"> <div class="offcanvas-header py-3"> <h5 class="offcanvas-title" id="offcanvasExampleLabel" style="color: var(--menu-item-color); font-size: 12px; font-weight: bold;padding:10px;">Kontak Kami</h5> <button type="button" class="text-reset" style="background: transparent; border: none" data-bs-dismiss="offcanvas" aria-label="Close" on="tap:sidenav.close"><svg style="color: var(--text-color); font-size: 20px" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewbox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path> </svg></button> </div> <div class="offcanvas-body p-0" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background);"> <div class="d-flex p-3 w-100 gap-3" style="padding:10px 0"> <div class="fw-bold"><img src="assets/wa.webp" width='12px'></div> <div style="color: var(--text-color); font-size: 12px">t.me/siap4D</div> </div> </div> </amp-sidebar> <div class="mobile-only" style="position: relative; background: var(--primary-background);"> <div class="appbar"> <a href="index.html" style="width: auto"> <amp-img class="logoimg" src="assets/logoweb.png" layout="intrinsic" width="260" height="64" alt="Logo SIAP4D Mobile"></amp-img> </a> <button style="position: absolute; right: 16px; background: transparent; border: none; width: auto; padding: 0px; height: 100%; margin: auto" class="mobile-only" type="button" on="tap:sidenav.toggle" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="white" class="bi bi-person-lines-fill" viewbox="0 0 16 16"> <path d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z"></path> </svg> </button> </div> </div> <header class="header"> <div class="header-content"> <div class="logo"> <a href="index.html"> <amp-img src="assets/logoweb.png" class='logoimg' layout="intrinsic" width="230" height="64" alt="Logo SIAP4D "></amp-img> </a> </div> <div id="marquee-mobile" class="marquee mobile-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="currentColor" class="bi bi-volume-down-fill" viewbox="0 0 16 16"> <path d="M9 4a.5.5 0 0 0-.812-.39L5.825 5.5H3.5A.5.5 0 0 0 3 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 0 9 12V4zm3.025 4a4.486 4.486 0 0 1-1.318 3.182L10 10.475A3.489 3.489 0 0 0 11.025 8 3.49 3.49 0 0 0 10 5.525l.707-.707A4.486 4.486 0 0 1 12.025 8z"></path> </svg> </div> <div class="running"> <div class="marquee-shadow"></div> <div class="scroll-container"> <div class="running-text"> Selamat Datang di Situs SIAP4D </div> </div> </div> <div class="d-flex align-items-center gap-2"> </div> </div> </div> <div class="mslider mobile-only"> <amp-carousel width="600" height="280" layout="responsive" type="slides" autoplay="" delay="3000" role="region" aria-label="Carousel with autoplay"> <amp-img src="assets/slidem.webp" width="600" height="280" layout="fill" alt="Baner utama Mobile" srcset="assets/slidem.webp 361w, assets/slidem.webp 200w"></amp-img> <amp-img src="assets/slidem1.webp" width="600" height="280" layout="fill" alt="Banner Kedua Mobile" srcset="assets/slidem1.webp 361w, assets/slidem1.webp 200w"></amp-img> </amp-carousel> </div> <div class="login"> <div id="desktoplogin" class="desktop-only"> <div class="login-form form"> <a href="https://toboer.com/" rel="nofollow" class="btn btn-masuk fw-bold p-0 px-2 center">Masuk</a> <a href="https://toboer.com/" rel="nofollow" class="btn btn-daftar fw-bold p-0 px-2 center">Daftar</a> </div> </div> <div id="mobilelogin" class="mobile-only" style="width: 100%"> <div class="login-form form"> <a href="https://siapfoenakama.rest/" rel="nofollow" class="btn btn-daftar fw-bold p-0 px-2 mobile-only">Masuk & Login</a> <a href="https://siapfoenakama.rest/" rel="nofollow" class="btn btn-masuk fw-bold p-0 px-2">Daftar Akun Onfire</a> <a href="https://siapfoenakama.rest/" rel="nofollow" class="btn btn-masuk fw-bold p-0 px-2">Daftar Akun (VVIP)</a> <a href="https://siapfoenakama.rest/" rel="nofollow" class="btn btn-daftar fw-bold p-0 px-2 mobile-only"> AKUN X-MAX X500 </a> <a href="https://siapfoenakama.rest/" rel="nofollow" class="btn btn-masuk fw-bold p-0 px-2">Scater Hitam (NEW)</a> </div> </div> </div> <div class="menu"> <div class="menu-item desktop-only"> <label> <a href="https://siapfoenakama.rest/"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewbox="0 0 16 16"> <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z"></path> </svg> </a> </label> </div> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <div class="nav-item"> <div class="nav-link" style="cursor: pointer;white-space: nowrap;"><a href="https://siapfoenakama.rest/">TOGEL</a></div> <div class="nav-item__game" style="flex-wrap: wrap;gap: 16px 8px;justify-content: center;"> <div class="container text-center justify-content-center"> <a href="https://siapfoenakama.rest/" class="hover-item"> <div class="hover-item"> <figure><img src="assets/togel-pay4d.webp" width="90" height="90" alt="PAY4D"></figure> <figcaption>PAY4D</figcaption> </div> </a> </div> </div> </div> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <div class="nav-item"> <div class="nav-link" style="cursor: pointer;white-space: nowrap;"><a href="https://heylink.me/4dsiap/">SLOT</a></div> <div class="nav-item__game" style="flex-wrap: wrap;gap: 16px 8px;justify-content: center;"> <div class="container text-center justify-content-center"> <a href="https://heylink.me/4dsiap/?content=slot&provider=pp" class="hover-item"> <figure><img src="assets/slot-prag.webp" width="90" height="90" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=slot&provider=pg" class="hover-item"> <figure><img src="assets/slot-pg.webp" width="90" height="90" alt="PG SOFT"></figure> <figcaption>PG SOFT</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=slot&provider=hb" class="hover-item"> <figure><img src="assets/slot-hab.webp" width="90" height="90" alt="HABANERO"></figure> <figcaption>HABANERO</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=slot&provider=jg" class="hover-item"> <figure><img src="assets/slot-jok.webp" width="90" height="90" alt="JOKER"></figure> <figcaption>JOKER</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=slot&provider=sg" class="hover-item"> <figure><img src="assets/slot-spad.webp" width="90" height="90" alt="SPADEGAMING"></figure> <figcaption>SPADEGAMING</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=slot&provider=jl" class="hover-item"> <figure><img src="assets/slot-jl.webp" width="90" height="90" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=slot&provider=fs" class="hover-item"> <figure><img src="assets/slot-fs.webp" width="90" height="90" alt="FASTSPIN"></figure> <figcaption>FASTSPIN</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=slot&provider=ps" class="hover-item"> <figure><img src="assets/slot-ps.webp" width="90" height="90" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=slot&provider=cq9" class="hover-item"> <figure><img src="assets/slot-cq9.webp" width="90" height="90" alt="CQ9"></figure> <figcaption>CQ9</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=slot&provider=mg" class="hover-item"> <figure><img src="assets/slot-mg.webp" width="90" height="90" alt="MICROGAMING"></figure> <figcaption>MICRO GAMING</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=slot&provider=ttg" class="hover-item"> <figure><img src="assets/slot-ttg.webp" width="90" height="90" alt="TOPTREND GAMING"></figure> <figcaption>TOPTREND GAMING</figcaption> </a> </div> </div> </div> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <div class="nav-item"> <div class="nav-link" style="cursor: pointer;white-space: nowrap;"><a href="https://heylink.me/4dsiap/">LIVE CASINO</a></div> <div class="nav-item__game" style="flex-wrap: wrap;gap: 16px 8px;justify-content: center;"> <div class="container text-center justify-content-center"> <a href="https://heylink.me/4dsiap/?content=casino&provider=pplc" class="hover-item"> <figure><img src="assets/live-pp.webp" width="90" height="90" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=casino&provider=ion" class="hover-item"> <figure><img src="assets/live-ion.webp" width="90" height="90" alt="ION CASINO"></figure> <figcaption>ION CASINO</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=casino&provider=evo" class="hover-item"> <figure><img src="assets/live-evo.webp" width="90" height="90" alt="EVOLUTION"></figure> <figcaption>EVOLUTION</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=casino&provider=sx" class="hover-item"> <figure><img src="assets/live-sg.webp" width="90" height="90" alt="SEXY GAMING"></figure> <figcaption>SEXY GAMING</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=casino&provider=ab" class="hover-item"> <figure><img src="assets/live-all.webp" width="90" height="90" alt="ALLBET"></figure> <figcaption>ALLBET</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=casino&provider=sa" class="hover-item"> <figure><img src="assets/live-sagaming.webp" width="90" height="90" alt="SA GAMING"></figure> <figcaption>SA GAMING</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=casino&provider=mg" class="hover-item"> <figure><img src="assets/live-mg.webp" width="90" height="90" alt="MICRO GAMING"></figure> <figcaption>MICRO GAMING</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=casino&provider=og" class="hover-item"> <figure><img src="assets/live-opus.webp" width="90" height="90" alt="OPUS PLUS"></figure> <figcaption>OPUS PLUS</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=casino&provider=sbol" class="hover-item"> <figure><img src="assets/live-sbo.webp" width="90" height="90" alt="SBOBET CASINO"></figure> <figcaption>SBOBET CASINO</figcaption> </a> </div> </div> </div> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <div class="nav-item"> <div class="nav-link" style="cursor: pointer;white-space: nowrap;"><a href="https://heylink.me/4dsiap/">SPORT</a></div> <div class="nav-item__game" style="flex-wrap: wrap;gap: 16px 8px;justify-content: center;"> <div class="container text-center justify-content-center"> <a href="https://heylink.me/4dsiap/" class="hover-item"> <figure><img src="assets/sport-saba.webp" width="90" height="90" alt="SABA"></figure> <figcaption>SABA</figcaption> </a> <a href="https://heylink.me/4dsiap/" class="hover-item"> <figure><img src="assets/sport-sbo.webp" width="90" height="90" alt="SBOBET"></figure> <figcaption>SBOBET</figcaption> </a> <a href="https://heylink.me/4dsiap/" class="hover-item"> <figure><img src="assets/sport-tf.webp" width="90" height="90" alt="TFGAMING"></figure> <figcaption>TFGAMING</figcaption> </a> </div> </div> </div> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <div class="nav-item"> <div class="nav-link" style="cursor: pointer;white-space: nowrap;"><a href="https://heylink.me/4dsiap/">FISHING</a></div> <div class="nav-item__game" style="flex-wrap: wrap;gap: 16px 8px;justify-content: center;"> <div class="container text-center justify-content-center"> <a href="https://heylink.me/4dsiap/?content=fish&provider=sg" class="hover-item"> <figure><img src="assets/fish-sg.webp" width="90" height="90" alt="SPADE GAMING"></figure> <figcaption>SPADE GAMING</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=fish&provider=jl" class="hover-item"> <figure><img src="assets/fish-jl.webp" width="90" height="90" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=fish&provider=fs" class="hover-item"> <figure><img src="assets/fish-fs.webp" width="90" height="90" alt="FASTSPIN"></figure> <figcaption>FASTSPIN</figcaption> </a> <a href="https://heylink.me/4dsiap/?content=fish&provider=ps" class="hover-item"> <figure><img src="assets/fish-ps.webp" width="90" height="90" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</figcaption> </a> </div> </div> </div> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <div class="nav-item"> <div class="nav-link" style="cursor: pointer;white-space: nowrap;"><a href="https://heylink.me/4dsiap/">SABUNG</a></div> <div class="nav-item__game" style="flex-wrap: wrap;gap: 16px 8px;justify-content: center;"> <div class="container text-center justify-content-center"> <a href="https://heylink.me/4dsiap/?content=sabung&provider=ws" class="hover-item"> <div class="hover-item"> <figure><img src="assets/sabung-ws.webp" width="90" height="90" alt="WS168"></figure> <figcaption>WS168</figcaption> </div> </a> </div> </div> </div> <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 id="menu-mobile" style="height:68px;max-width: 100%; display: block; 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; display: grid; grid-template-columns: repeat(6, 1fr); width: 100%; gap: 0px; border-bottom: 5px solid #a80000;"> <a href="#togel-mobile" style="height: 100%; width: 100%; display: inline-block;justify-content: center;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item"> <amp-img class="mobile-only" src="assets/icon-togel.webp" width="30" height="30" layout="intrinsic" alt="Togel SIAP4D"></amp-img> <label>TOGEL</label> </div> </div> </a> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item"> <amp-img class="mobile-only" src="assets/icon-slot.webp" width="30" height="30" layout="intrinsic" alt="Slot SIAP4D"></amp-img> <label>SLOT</label> </div> </div> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item"> <amp-img class="mobile-only" src="assets/icon-live.webp" width="30" height="30" layout="intrinsic" alt="Live Casino SIAP4D"></amp-img> <label>LIVE CASINO</label> </div> </div> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item"> <amp-img class="mobile-only" src="assets/icon-sport.webp" width="30" height="30" layout="intrinsic" alt="Sportbook SIAP4D"></amp-img> <label>SPORT</label> </div> </div> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item"> <amp-img class="mobile-only" src="assets/icon-fishing.webp" width="30" height="30" layout="intrinsic" alt="Fishing SIAP4D"></amp-img> <label>FISHING</label> </div> </div> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item"> <amp-img class="mobile-only" src="assets/sabung-ws.webp" width="30" height="30" layout="intrinsic" alt="Sabung Ayam SIAP4D"></amp-img> <label>SABUNG</label> </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" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button> <div class="btn-informasi desktop-only"> <a class="pointer" href="https://heylink.me/4dsiap/?content=promosi" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#b08432" class="bi bi-info-circle-fill" viewbox="0 0 16 16"> <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"></path> </svg> </a> </div> <!-- Mobile --> <div class="mobile-only"> <div class="d-flex gap-3 justify-content-center align-items-center"> <a href="https://heylink.me/4dsiap/" 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://heylink.me/4dsiap/" 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"> <amp-date-display id="timenow" class="datetime" datetime="now" locale="id" layout="responsive" height="0" width="0" style="white-space: nowrap;"> <template type="amp-mustache">{{dayName}} {{dayTwoDigit}}/{{monthTwoDigit}}/{{year}} {{hourTwoDigit}}:{{minuteTwoDigit}}:{{secondTwoDigit}} </template> </amp-date-display> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" class="bi bi-megaphone-fill" viewbox="0 0 16 16"> <path d="M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-11zm-1 .724c-2.067.95-4.539 1.481-7 1.656v6.237a25.222 25.222 0 0 1 1.088.085c2.053.204 4.038.668 5.912 1.56V3.224zm-8 7.841V4.934c-.68.027-1.399.043-2.008.053A2.02 2.02 0 0 0 0 7v2c0 1.106.896 1.996 1.994 2.009a68.14 68.14 0 0 1 .496.008 64 64 0 0 1 1.51.048zm1.39 1.081c.285.021.569.047.85.078l.253 1.69a1 1 0 0 1-.983 1.187h-.548a1 1 0 0 1-.916-.599l-1.314-2.48a65.81 65.81 0 0 1 1.692.064c.327.017.65.037.966.06z"></path> </svg> </div> <div class="running"> <div class="scroll-container"> <div class="running-text"> Selamat Datang di Situs SIAP4D </div> </div> </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="assets/logoweb.png" width="120px" alt="logo siap4d"> </div> <div class="menuleft"> <a class="active btn-black" href="https://heylink.me/4dsiap/">TENTANG KAMI</a> <a class="btn-black" href="https://heylink.me/4dsiap/">BANTUAN</a> <a class="btn-black" href="https://heylink.me/4dsiap/">PERATURAN</a> <a class="btn-black" href="https://heylink.me/4dsiap/">INFORMASI BANK</a> <a class="btn-black" href="https://heylink.me/4dsiap/">HUBUNGI KAMI</a> <a class="btn-black" href="https://heylink.me/4dsiap/">KEBIJAKAN PRIVASI</a> <a class="btn-black" href="https://heylink.me/4dsiap/">PERSETUJUAN COOKIES</a> </div> </div> <div class="col-xs-9" id="informasi-content" style="position: relative"> <div 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-inner" style="height: 100%"> <amp-carousel width="1400" height="280" layout="responsive" type="slides" autoplay="" delay="3000" role="region" aria-label="Carousel with autoplay"> <amp-img src="assets/banner1.webp" width="1363" height="270" layout="fill" alt="Baner Utama SIAP4D" srcset="assets/banner1.webp 1288w, assets/banner1.webp 840w"></amp-img> <amp-img src="assets/banner2.webp" width="1363" height="270" layout="fill" alt="Baner Kedua SIAP4D" srcset="assets/banner2.webp 1288w, assets/banner2.webp 840w"></amp-img> </amp-carousel> </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;"> <amp-img src="assets/banner1.webp" width="315" height="100" layout="responsive" alt="Banner Utama SIAP4D"></amp-img> </div> </div> </div> </div> <!-- Togel --> <div id="togel-desktop" class="togel-desktop desktop-only"> <div class="togel-content "> <a href="https://heylink.me/4dsiap/" class="result"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN</div> <div style="text-align:center;"> <amp-img src="assets/toto-wuhan.webp" layout="intrinsic" width="50" height="50" alt="SIAP4D Wuhan"> </amp-img> </div> <div class="tanggal">PLAY</div> </a> <a href="https://heylink.me/4dsiap/" class="result"> <div class="badge"> </div> <div class="pasaran">HK SIANG</div> <div style="text-align:center;"> <amp-img src="assets/hk-siang.webp" layout="intrinsic" width="50" height="50" alt="SIAP4D HK-SIANG"></amp-img> </div> <div class="tanggal">PLAY</div> </a> <a href="https://heylink.me/4dsiap/" class="result"> <div class="badge"> </div> <div class="pasaran">SG METRO</div> <div style="text-align:center;"> <amp-img src="assets/sgmetro.webp" layout="intrinsic" width="50" height="50" alt="SIAP4D SG Metro"></amp-img> </div> <div class="tanggal">PLAY</div> </a> <a href="https://heylink.me/4dsiap/" class="result"> <div class="badge"> </div> <div class="pasaran">SYDNEY</div> <div style="text-align:center;"> <amp-img src="assets/sydney-pools-today.webp" layout="intrinsic" width="50" height="50" alt="SIAP4D Sydney"></amp-img> </div> <div class="tanggal">PLAY</div> </a> <a href="https://heylink.me/4dsiap/" class="result"> <div class="badge"> </div> <div class="pasaran">SINGAPORE</div> <div style="text-align:center;"> <amp-img src="assets/singapore-pools-logo.webp" layout="intrinsic" width="50" height="50" alt="SIAP4D Singapore"></amp-img> </div> <div class="tanggal">PLAY</div> </a> <a href="https://heylink.me/4dsiap/" class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA</div> <div style="text-align:center;"> <amp-img src="assets/malaysia-pools.webp" layout="intrinsic" width="50" height="50" alt="SIAP4D Togel Malaysia"></amp-img> </div> <div class="tanggal">PLAY</div> </a> <a href="https://heylink.me/4dsiap/" class="result"> <div class="badge"> </div> <div class="pasaran">QATAR</div> <div style="text-align:center;"> <amp-img src="assets/qatar-pools.webp" layout="intrinsic" width="50" height="50" alt="SIAP4D Togel Qatar"></amp-img> </div> <div class="tanggal">PLAY</div> </a> <a href="https://heylink.me/4dsiap/" class="result"> <div class="badge"> </div> <div class="pasaran">HONGKONG</div> <div style="text-align:center;"> <amp-img src="assets/hk-pools.webp" layout="intrinsic" width="50" height="50" alt="SIAP4D Togel HK"></amp-img> </div> <div class="tanggal">PLAY</div> </a> </div> </div> <div id="togel-mobile" class="togel-mobile mobile-only"> <div class="togel-title" style="text-align:center;">Beragam Pasaran Togel</div> <div class="carousel slide p-0" data-bs-ride="carousel" style=""> <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> </div> <div class="carousel-inner"> <div class='carousel-item active'> <div class="result" style="background:#0b0b0b;border-bottom:2px solid #fff"> <div class="badge"> </div> <div class="pasaran">PASARAN</div> <div class="keluaran" style="text-align:center;">PASANG</div> <div class="tanggal">JADWAL</div> </div> <div class="result"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN</div> <div class="keluaran" style="text-align:center;"><a href="https://heylink.me/4dsiap/" style="font-weight:bold;">PLAY</a></div> <div class="tanggal">Setiap Hari</div> </div> <div class="result"> <div class="badge"> </div> <div class="pasaran">HK SIANG</div> <div class="keluaran" style="text-align:center;"><a href="https://heylink.me/4dsiap/" style="font-weight:bold;">PLAY</a></div> <div class="tanggal">Setiap Hari</div> </div> <div class="result"> <div class="badge"> </div> <div class="pasaran">SG METRO</div> <div class="keluaran" style="text-align:center;"><a href="https://heylink.me/4dsiap/" style="font-weight:bold;">PLAY</a></div> <div class="tanggal">Setiap Hari</div> </div> <div class="result"> <div class="badge"> </div> <div class="pasaran">SYDNEY</div> <div class="keluaran" style="text-align:center;"><a href="https://heylink.me/4dsiap/" style="font-weight:bold;">PLAY</a></div> <div class="tanggal">Setiap Hari</div> </div> <div class="result"> <div class="badge"> </div> <div class="pasaran">SINGAPORE</div> <div class="keluaran" style="text-align:center;"><a href="https://heylink.me/4dsiap/" style="font-weight:bold;">PLAY</a></div> <div class="tanggal">Selasa/Jumat (Libur)</div> </div> <div class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA</div> <div class="keluaran" style="text-align:center;"><a href="https://heylink.me/4dsiap/" style="font-weight:bold;">PLAY</a></div> <div class="tanggal">Setiap Hari</div> </div> <div class="result"> <div class="badge"> </div> <div class="pasaran">QATAR</div> <div class="keluaran" style="text-align:center;"><a href="https://heylink.me/4dsiap/" style="font-weight:bold;">PLAY</a></div> <div class="tanggal">Setiap Hari</div> </div> <div class="result"> <div class="badge"> </div> <div class="pasaran">HONGKONG</div> <div class="keluaran" style="text-align:center;"><a href="https://heylink.me/4dsiap/" style="font-weight:bold;">PLAY</a></div> <div class="tanggal">Setiap Hari</div> </div> </div> </div> </div> </div> <div class="provider"> <div class="provider-group"> <amp-img src="assets/categories.webp" class="desktop-only" style="padding-bottom: 16px" width="601" height="24" alt="Permainan SIAP4D"></amp-img> <amp-img src="assets/providers.webp" class="desktop-only" width="927" height="156" layout="intrinsic" alt="Provider SIAP4D"></amp-img> <amp-img src="assets/mproviders.webp" class="mobile-only" style="width: 100%;" width="499" height="340" layout="responsive" alt="Provider SIAP4D"></amp-img> </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 --> <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> </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"> <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">DEPOSIT 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">PULSA 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"> </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="assets/wa.webp" width="20" alt="SIAP4D TELEGRAM"> <div class="d-flex flex-column"> <div style="color: #888888;">WHATSAPP</div> <div style="line-height: .9rem; color: var(--primary-text-color)">wa.me/6281262616296</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="guidelines"> <div class="guidelines-content desktop-only"> <amp-img src="assets/guidelines.webp" width="615" height="42" layout="intrinsic" alt="PELAYANAN SIAP4D"></amp-img> </div> </div> <div class="bantuan"> <ul class="bantuan-content"> <li class="bantuan-item">TENTANG KAMI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item">BANTUAN</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item">PERATURAN</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item">INFORMASI BANK</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item">HUBUNGI KAMI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item">KEBIJAKAN PRIVASI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item">PERSETUJUAN COOKIES</li> </ul> </div> <footer class="footer"> <div> <br><h1 style="text-align:center"><strong>SIAP4D: Agen Situs Gacor Deposit Pulsa Tanpa Potongan</strong></h1> <p style="text-align:center"><a href="https://toboer.com/">SIAP4D</a> merupakan salah satu agen situs gacor penyaedia layanan permainan dengan deposit pulsa tanpa potongan terlengkap yang dilengkapi RTP Tertinggi Update.</p><br> </div> <div class="footer-group"> <div class="copyright"> <div style="white-space: nowrap">© 2015 - 2023 Copyright SIAP4D.</div> <div>All Rights Reserved.</div> </div> <div class="desktop-only"> <div class="d-flex gap-1"> <div class="btn-footer"><a href="https://heylink.me/4dsiap/">MOBILE</a></div> <div class="btn-footer"><a href="https://heylink.me/4dsiap/">WAP</a></div> </div> </div> <amp-img class="mobile-only" style="width: 100%" src="assets/guidelines.webp" width="363" height="25" layout="intrinsic" alt="Pelayanan SIAP4D"></amp-img> </div> </footer> </div> </body> </html>
