1<!doctype html> 2 <html â¡ lang="id"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 6 <meta name="viewport" content="width=device-width,initial-scale=1" /> 7 <title>BANDARCOLOK â¨ï¸ Situs Permainan Toto Online Paling Terpercaya</title> 8 <link rel="icon" type="image/x-icon" href="https://colok-static-files.b-cdn.net/icon-bandarcolok.png" /> 9 <link rel="canonical" href="https://culinariekit.com/" /> 10 <meta property="og:url" content="https://culinariekit.com/" /> 11 <meta name="description" content="BANDARCOLOK hadir sebagai pusat login agen toto togel dengan link alternatif resmi, aman dan pengalaman bermain yang dirancang untuk pengguna aktif."> 12 13 <!-- AMP core --> 14
14<script async src="https://cdn.ampproject.org/v0.js"></script>
14 15 16 <!-- Fonts --> 17 <link rel="preconnect" href="https://fonts.googleapis.com"> 18 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 19 <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&family=Exo+2:wght@400;600&display=swap" rel="stylesheet"> 20 21 <!-- AMP boilerplate --> 22 <style amp-boilerplate> 23 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} 24 @-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 25 @-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 26 @-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 27 @-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 28 @keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 29 </style> 30 <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> 31 32 <!-- THEME: Futuristic Cyan/Blue --> 33 <style amp-custom> 34 :root{ 35 --cyan:#db8f0b; 36 --cyan2:#db8f0b; 37 --blueA:#222222; 38 --blueB:#1d1d1d; 39 --ink:#e9fbff; 40 } 41 *{box-sizing:border-box} 42 body{ 43 margin:0;color:var(--ink); 44 font-family:"Exo 2",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif; 45 background: 46 radial-gradient(1200px 600px at 50% -10%, rgba(255, 160, 44, 0.15), transparent 60%), 47 radial-gradient(900px 600px at 90% 20%, rgba(255, 216, 44, 0.08), transparent 70%), 48 url(https://colok-static-files.b-cdn.net/bandarcolok-138.png) center/cover fixed no-repeat #05080f; 49 } 50 51 /* Header */ 52 header{ 53 background:linear-gradient(180deg, rgba(43, 43, 43, 0.85), rgba(36, 36, 36, 0.55)); 54 border-bottom:1px solid rgb(240, 165, 24); 55 box-shadow:0 12px 40px rgba(0,0,0,.6), 0 0 28px rgba(44, 44, 44, 0.18); 56 } 57 .header-wrapper{max-width:720px;margin:0 auto;padding:10px 12px} 58 .logo{display:flex;justify-content:center;padding:10px 0 4px} 59 .logo amp-img{filter:drop-shadow(0 0 12px rgba(46, 46, 46, 0.35))} 60 61 /* Container */ 62 .container{max-width:720px;margin:0 auto;padding:0 16px} 63 64 /* HERO CARD */ 65 .thumbs{ 66 position:relative; 67 padding:10px;margin-top:16px;border-radius:20px;overflow:hidden; 68 background: 69 linear-gradient(135deg, rgba(240, 165, 24), rgba(240, 165, 24)) padding-box, 70 linear-gradient(135deg, rgb(240, 165, 24), rgba(240, 165, 24)) border-box; 71 border:1.5px solid transparent; 72 box-shadow:0 20px 60px rgba(0,0,0,.55), 0 0 32px rgba(24, 24, 24, 0.85); 73 isolation:isolate; 74 } 75 .thumbs amp-img{border-radius:14px} 76 .thumbs::before{ 77 content:"";position:absolute;inset:-40%;z-index:-1;border-radius:50%; 78 background:conic-gradient(from 0deg, 79 transparent 0deg, rgba(36, 36, 36, 0.16) 40deg, 80 transparent 80deg, rgba(37, 37, 37, 0.16) 120deg, 81 transparent 160deg, rgba(48, 48, 48, 0.16) 200deg, 82 transparent 240deg, rgba(36, 36, 36, 0.16) 300deg, transparent 360deg); 83 filter:blur(18px);animation:rotateRing 8s linear infinite; 84 } 85 .thumbs::after{ 86 content:"";position:absolute;top:0;bottom:0;left:-25%;width:25%; 87 background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.12) 40%,transparent 80%); 88 filter:blur(6px);animation:sweepX 3.5s linear infinite; 89 } 90 91 /* BUTTONS */ 92 .btn-body{margin:18px 0 10px;display:grid;grid-template-columns:1fr;gap:14px;perspective:800px} 93 .btn-items{will-change:transform;animation:floatXYTilt 4.8s ease-in-out infinite} 94 .btn-items:nth-child(2){animation-delay:.6s} 95 .btn-items:nth-child(3){animation-delay:1.2s} 96 97 .btn-items a{ 98 position:relative;display:grid;place-items:center;height:60px;overflow:hidden; 99 border-radius:14px;text-decoration:none;text-transform:uppercase;color:var(--ink); 100 background:linear-gradient(180deg,var(--blueA),var(--blueB)) padding-box, 101 linear-gradient(135deg,var(--cyan),var(--cyan2)) border-box; 102 border:1.5px solid transparent; 103 box-shadow:inset 0 0 24px rgba(37, 37, 37, 0.884), 0 10px 30px rgba(0,0,0,.5), 0 0 22px rgba(32, 32, 32, 0.959); 104 transition:transform .2s ease,box-shadow .2s ease; 105 -webkit-tap-highlight-color:transparent; 106 animation:neonPulse 2.4s ease-in-out infinite; 107 } 108 .btn-items a::before{ 109 content:"";position:absolute;inset:-20% -60% -20% -60%; 110 background:linear-gradient(120deg,transparent 0 45%,rgba(255,255,255,.18) 50%,transparent 55% 100%); 111 transform:translateX(-50%);animation:shine 2.2s linear infinite;mix-blend-mode:screen; 112 } 113 .btn-items a::after{ 114 content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none; 115 background: 116 radial-gradient(60% 80% at 50% -20%, rgba(31, 31, 31, 0.938), transparent 60%), 117 radial-gradient(40% 60% at 100% 50%, rgba(32, 32, 32, 0.18), transparent 70%); 118 filter:blur(12px);animation:ringBlink 2.8s ease-in-out infinite;z-index:-1; 119 } 120 .btn-items a:hover{transform:translateY(-2px)} 121 .btn-items a b{font-family:"Orbitron",system-ui,sans-serif;font-weight:800;letter-spacing:.7px;font-size:16px;animation:textFlicker 4s linear infinite}
122 .btn-items a span{display:none} 123 124 /* ARTICLE CARD */ 125 .article{ 126 position:relative;margin:20px 0 80px;padding:22px 18px;border-radius:18px;text-align:center;overflow:hidden; 127 background:linear-gradient(180deg, rgba(31, 31, 31, 0.9), rgba(51, 51, 51, 0.9)) padding-box, 128 linear-gradient(135deg, var(--cyan), rgba(29, 29, 29, 0.25)) border-box; 129 border:1.5px solid rgba(29, 29, 29, 0.55); 130 box-shadow:0 16px 50px rgba(0,0,0,.55), 0 0 22px rgba(26, 26, 26, 0.16); 131 animation:cardPulse 6.5s ease-in-out infinite;isolation:isolate; 132 } 133 .article::before{ 134 content:"";position:absolute;top:-20%;bottom:-20%;left:-30%;width:30%; 135 background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.10) 45%,transparent 60%); 136 filter:blur(8px);animation:sweepX 4.2s linear infinite; 137 } 138 .article::after{ 139 content:"";position:absolute;inset:-35%;z-index:-1;border-radius:50%; 140 background:conic-gradient(from 0deg,transparent 0deg,rgba(43, 43, 43, 0.12) 60deg,transparent 120deg,rgba(210,154,255,.12) 180deg,transparent 240deg,rgba(240, 165, 24) 300deg,transparent 360deg); 141 filter:blur(18px);animation:rotateRing 10s linear infinite reverse; 142 } 143 .article h1{ 144 margin:2px 0 .6rem;line-height:1.15;letter-spacing:.8px; 145 font-family:"Orbitron",system-ui,sans-serif;font-weight:800; 146 background:linear-gradient(90deg,#e9fbff,var(--cyan2) 40%,#d2faff); 147 -webkit-background-clip:text;background-clip:text;color:transparent; 148 } 149 .article h1::after{ 150 content:"";display:block;height:2px;width:min(80%,520px);margin:14px auto 0;border-radius:2px; 151 background:linear-gradient(90deg,var(--cyan),transparent 70%);filter:drop-shadow(0 0 6px var(--cyan)); 152 } 153 .article p{color:#cfd2ff;margin:10px auto 0;max-width:620px} 154 155 /* Sticky bottom menu */ 156 .sticky-bottom-menu{ 157 position:fixed;bottom:0;left:0;right:0;z-index:997; 158 display:grid;grid-template-columns:repeat(5,1fr); 159 background:linear-gradient(180deg, rgb(34, 34, 34), rgb(66, 66, 66)); 160 border-top:1px solid rgb(240, 165, 24); 161 box-shadow:0 -12px 30px rgba(0,0,0,.6), 0 0 24px rgba(83,44,255,.18); 162 } 163 .menu-items{padding:10px 6px 8px;text-align:center;text-decoration:none;color:var(--ink)} 164 .menu-icons{ 165 width:34px;height:34px;margin:0 auto 6px;border-radius:10px;display:grid;place-items:center; 166 background:rgba(9,16,30,.55);border:1px solid rgb(58, 58, 58); 167 box-shadow:inset 0 0 8px rgba(54, 54, 54, 0.85), 0 0 8px rgba(65, 65, 65, 0.85); 168 animation:iconPulse 3.2s ease-in-out infinite; 169 } 170 .menu-items:nth-child(2) .menu-icons{animation-delay:.4s} 171 .menu-items:nth-child(3) .menu-icons{animation-delay:.8s} 172 .menu-items:nth-child(4) .menu-icons{animation-delay:1.2s} 173 .menu-items:nth-child(5) .menu-icons{animation-delay:1.6s} 174 .menu-icons svg{width:20px;height:20px;fill:#cdc9ff;stroke:#c9f7ff;stroke-width:1.2} 175 .menu-text{font-size:12px;font-weight:700;letter-spacing:.2px} 176 .menu-login{position:relative;z-index:999;align-self:flex-end} 177 178 /* Keyframes */ 179 @keyframes rotateRing{to{transform:rotate(360deg)}} 180 @keyframes sweepX{from{transform:translateX(-120%)}to{transform:translateX(140%)}} 181 @keyframes shine{from{transform:translateX(-60%)}to{transform:translateX(60%)}} 182 @keyframes neonPulse{ 183 0%{box-shadow:inset 0 0 18px rgb(240, 165, 24), 0 8px 24px rgba(0,0,0,.45), 0 0 14px rgba(27, 27, 27, 0.14)} 184 50%{box-shadow:inset 0 0 32px rgba(240, 165, 24), 0 12px 40px rgba(0,0,0,.6), 0 0 30px rgba(27, 27, 27, 0.14)} 185 100%{box-shadow:inset 0 0 20px rgba(240, 165, 24), 0 8px 26px rgba(0,0,0,.48), 0 0 18px rgba(27, 27, 27, 0.14)} 186 } 187 @keyframes textFlicker{ 188 0%,100%{opacity:1;text-shadow:0 0 6px rgb(240, 165, 24),0 0 18px rgb(240, 165, 24)} 189 4%,8%{opacity:.85;text-shadow:0 0 8px rgb(209, 135, 7),0 0 22px rgb(209, 135, 7)} 190 40%,60%{opacity:.95;text-shadow:0 0 12px rgb(209, 135, 7),0 0 26px rgb(209, 135, 7)} 191 } 192 @keyframes ringBlink{0%,100%{opacity:.22}50%{opacity:.45}} 193 @keyframes cardPulse{ 194 0%,100%{box-shadow:0 16px 50px rgba(46, 46, 46, 0.85), 0 0 22px rgb(36, 36, 36);border-color:rgb(240, 165, 24)} 195 50%{box-shadow:0 18px 56px rgb(32, 32, 32), 0 0 32px rgb(39, 39, 39);border-color:rgb(240, 165, 24)} 196 } 197 @keyframes iconPulse{ 198 0%,100%{box-shadow:inset 0 0 8px rgb(209, 135, 7),0 0 8px rgb(240, 165, 24)} 199 50%{box-shadow:inset 0 0 12px rgb(209, 135, 7),0 0 14px rgba(209, 135, 7, 0.986)} 200 } 201 @keyframes floatXYTilt{
202 0%{transform:translate3d(0,0,0) rotateZ(0deg)} 203 20%{transform:translate3d(3px,-7px,0) rotateZ(-0.6deg)} 204 40%{transform:translate3d(0,0,0) rotateZ(0deg)} 205 60%{transform:translate3d(-3px,-5px,0) rotateZ(0.6deg)} 206 80%{transform:translate3d(2px,2px,0) rotateZ(-0.3deg)} 207 100%{transform:translate3d(0,0,0) rotateZ(0deg)} 208 } 209 210 /* Responsive */ 211 @media(max-width:720px){ 212 h1{font-size:20px} 213 .article p{font-size:14px} 214 } 215 216 @media (prefers-reduced-motion: reduce){ 217 .btn-items, 218 .btn-items a, 219 .btn-items a::before, 220 .btn-items a::after, 221 .btn-items a b, 222 .thumbs::before, 223 .thumbs::after, 224 .article, 225 .article::before, 226 .article::after, 227 .menu-icons{ 228 animation:none; 229 } 230 } 231 </style> 232 </head> 233 234 <body> 235 <header> 236 <div class="header-wrapper"> 237 <div class="logo"> 238 <amp-img src="https://colok-static-files.b-cdn.net/logo.webp" 239 width="300" height="80" alt="BANDARCOLOK" layout="fixed"></amp-img> 240 </div> 241 </div> 242 </header> 243 244 <section class="content"> 245 <div class="container"> 246 <div class="thumbs"> 247 <amp-img src="https://colok-static-files.b-cdn.net/bandarcolok-138.png" 248 width="969" height="969" alt="BANDARCOLOK" layout="responsive"></amp-img> 249 </div> 250 251 <div class="btn-body"> 252 <div class="btn-items"> 253 <a href="https://axurl.com/daftar" rel="nofollow noreferrer" target="_blank" title="Daftar BANDARCOLOK"> 254 <span></span><span></span><span></span><span></span><b>DAFTAR</b> 255 </a> 256 </div> 257 <div class="btn-items"> 258 <a href="https://axurl.com/lc" rel="nofollow noreferrer" target="_blank" title="LiveChat BANDARCOLOK"> 259 <span></span><span></span><span></span><span></span><b>LIVECHAT</b> 260 </a> 261 </div> 262 <div class="btn-items"> 263 <a href="https://colok.cc/login" rel="nofollow noreferrer" target="_blank" title="Login BANDARCOLOK"> 264 <span></span><span></span><span></span><span></span><b>LOGIN</b> 265 </a> 266 </div> 267 </div> 268 269 <div class="article"> 270 <h1>BANDARCOLOK â¨ï¸ Situs Permainan Toto Online Paling Terpercaya</h1> 271 <p>BANDARCOLOK hadir sebagai pusat login agen toto togel dengan link alternatif resmi, aman dan pengalaman bermain yang dirancang untuk pengguna aktif.</p> 272 </div> 273 </div> 274 </section> 275 276 <!-- Sticky Bottom Menu --> 277 <div class="sticky-bottom-menu"> 278 <a class="menu-items" href="https://colok.cc/login" target="_blank" rel="nofollow noopener"> 279 <div class="menu-icons"> 280 <svg viewBox="0 0 24 24"><polygon points="12,3 3,11 6,11 6,20 10,20 10,14 14,14 14,20 18,20 18,11 21,11 12,3"/></svg> 281 </div> 282 <div class="menu-text">Home</div> 283 </a> 284 285 <a class="menu-items" href="https://colok.cc/login" target="_blank" rel="nofollow noopener"> 286 <div class="menu-icons"> 287 <svg viewBox="0 0 24 24"> 288 <rect x="4" y="4" width="7" height="7" rx="1.5"/> 289 <rect x="13" y="4" width="7" height="7" rx="1.5"/> 290 <rect x="4" y="13" width="7" height="7" rx="1.5"/> 291 <rect x="13" y="13" width="7" height="7" rx="1.5"/> 292 </svg> 293 </div> 294 <div class="menu-text">Apps</div> 295 </a> 296 297 <a class="menu-items menu-login" href="https://colok.cc/login" target="_blank" rel="nofollow noopener"> 298 <div class="menu-icons"> 299 <svg viewBox="0 0 24 24"> 300 <circle cx="12" cy="7.5" r="3.2" fill="none"/> 301 <path d="M5 20c0-3.6 3-6.2 7-6.2s7 2.6 7 6.2" fill="none"/> 302 </svg> 303 </div> 304 <div class="menu-text">Daftar</div> 305 </a> 306 307 <a class="menu-items" href="https://colok.cc/login" target="_blank" rel="nofollow noopener"> 308 <div class="menu-icons"> 309 <svg viewBox="0 0 24 24"> 310 <path d="M3.5 12.5l8-8H20v8l-8 8-8.5-8z" fill="none"/> 311 <circle cx="16.2" cy="7.8" r="1.6"/> 312 </svg> 313 </div> 314 <div class="menu-text">Bonus</div> 315 </a> 316 317 <a class="menu-items" href="https://axurl.com/lc" target="_blank" rel="nofollow noopener"> 318 <div class="menu-icons"> 319 <svg viewBox="0 0 24 24"> 320 <rect x="3" y="4" width="18" height="12" rx="3" ry="3" fill="none"/> 321 <circle cx="9" cy="10" r="1.2"/><circle cx="12" cy="10" r="1.2"/><circle cx="15" cy="10" r="1.2"/> 322 </svg> 323 </div> 324 <div class="menu-text">Livechat</div> 325 </a> 326 </div> 327 </body> 328 </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.