1<!DOCTYPE html> 2<html amp lang="id"> 3 4<head> 5 <meta charset="utf-8"> 6 <title>JULI4D: Jadwal Pertandingan Dan Hasil Laga Terbaru Hari Ini</title> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <meta name="description" content="JULI4D menyajikan jadwal pertandingan, hasil laga terbaru hari ini, serta informasi kompetisi pilihan yang diperbarui secara rutin dan mudah diakses."> 9 <meta name="robots" content="index,follow"> 10 <meta property="og:url" content="https://juli4d11.org"> 11 <meta property="og:image" content="https://juli4d11.org/img/juli4d-icon.webp"> 12 <link rel="icon" type="image/x-icon" href="https://juli4d11.org/img/juli4d-icon.webp"> 13 <link rel="canonical" href="https://juli4d11.org"> 14 <link rel="alternate" hreflang="id-id" href="https://juli4d11.org"> 15
15<script async src="https://cdn.ampproject.org/v0.js"></script>
15 16
16<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
16 17 <style amp-boilerplate> 18 body { 19 -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both; 20 -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both; 21 -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both; 22 animation: -amp-start 8s steps(1, end) 0s 1 normal both; 23 } 24 25 @-webkit-keyframes -amp-start { 26 from { 27 visibility: hidden; 28 } 29 to { 30 visibility: visible; 31 } 32 } 33 34 @-moz-keyframes -amp-start { 35 from { 36 visibility: hidden; 37 } 38 to { 39 visibility: visible; 40 } 41 } 42 43 @-ms-keyframes -amp-start { 44 from { 45 visibility: hidden; 46 } 47 to { 48 visibility: visible; 49 } 50 } 51 52 @-o-keyframes -amp-start { 53 from { 54 visibility: hidden; 55 } 56 to { 57 visibility: visible; 58 } 59 } 60 61 @keyframes -amp-start { 62 from { 63 visibility: hidden; 64 } 65 to { 66 visibility: visible; 67 } 68 } 69 </style> 70 <noscript> 71 <style amp-boilerplate> 72 body { 73 -webkit-animation: none; 74 -moz-animation: none; 75 -ms-animation: none; 76 animation: none; 77 } 78 </style> 79 </noscript> 80 <style amp-custom> 81 :root { 82 --gold-1: #ffe7e9; 83 --gold-2: #ff4d57; 84 --gold-3: #d7192d; 85 --gold-4: #a30f20; 86 --gold-5: #730815; 87 --gold-6: #43040b; 88 --dark-1: #0f0f0f; 89 --dark-2: #080808; 90 --dark-3: #000000; 91 --line-gold: #ff4d57; 92 } 93 94 * { 95 box-sizing: border-box; 96 } 97 98 html, 99 body { 100 margin: 0; 101 min-height: 100%; 102 } 103 104 body { 105 font-family: 'Inter', Arial, sans-serif; 106 background: radial-gradient(circle at top, rgba(255, 77, 87, .12), transparent 28%), linear-gradient(180deg, #25060b 0%, #120205 45%, #000000 100%); 107 color: #fff; 108 display: flex; 109 justify-content: center; 110 } 111 /* ========================= 112 MAIN APP 113========================= */ 114 115 .app-shell { 116 width: 100%; 117 max-width: 380px; 118 min-height: 100vh; 119 background: radial-gradient(circle at top center, rgba(255, 77, 87, .08), transparent 20%), linear-gradient(180deg, #21060a 0%, #110205 28%, #000000 100%); 120 border-left: 2px solid #d7192d; 121 border-right: 2px solid #d7192d; 122 box-shadow: 0 0 0 2px rgba(255, 77, 87, .15), 0 0 25px rgba(215, 25, 45, .24); 123 overflow: hidden; 124 } 125 /* ========================= 126 TOP APP DOWNLOAD 127========================= */ 128 129 .top-app { 130 height: 58px; 131 display: flex; 132 align-items: center; 133 gap: 8px; 134 padding: 5px 7px; 135 background: linear-gradient(180deg, #3a0a12 0%, #26060c 55%, #180307 100%); 136 border-bottom: 2px solid #ff4d57; 137 box-shadow: inset 0 2px 10px rgba(255, 231, 233, .20), inset 0 -2px 8px rgba(0, 0, 0, .50); 138 } 139 140 .close-x { 141 font-size: 16px; 142 font-weight: 900; 143 width: 16px; 144 text-align: center; 145 color: #fff; 146 } 147 148 .app-icon { 149 width: 34px; 150 height: 34px; 151 border-radius: 50%; 152 overflow: hidden; 153 flex: 0 0 34px; 154 box-shadow: 0 0 0 2px rgba(255, 77, 87, .45), 0 0 10px rgba(215, 25, 45, .30); 155 } 156 157 .app-copy { 158 min-width: 0; 159 line-height: 1.05; 160 flex: 1; 161 } 162 163 .app-title { 164 font-size: 14px; 165 font-weight: 900; 166 color: #ff4d57; 167 letter-spacing: .2px; 168 text-shadow: 0 1px 2px rgba(0, 0, 0, .55); 169 } 170 171 .app-sub { 172 font-size: 9px; 173 font-weight: 600; 174 margin-top: 4px; 175 color: #ffe7e9; 176 } 177 178 .download-btn { 179 display: flex; 180 align-items: center; 181 gap: 5px; 182 text-decoration: none; 183 color: #000000; 184 font-size: 10px; 185 font-weight: 900; 186 letter-spacing: .6px; 187 padding: 8px 11px; 188 border-radius: 22px; 189 background: linear-gradient(180deg, #ffe7e9 0%, #ff4d57 50%, #d7192d 100%); 190 border: 2px solid #ff4d57; 191 box-shadow: inset 0 0 8px rgba(255, 255, 255, .30), 0 0 0 3px rgba(78, 6, 16, .18), 0 0 14px rgba(255, 77, 87, .28); 192 } 193 194 .download-mini { 195 width: 18px; 196 height: 18px; 197 border-radius: 50%; 198 overflow: hidden; 199 } 200 /* ========================= 201 BRAND / LIVE CHAT 202========================= */ 203 204 .brand-row { 205 height: 64px; 206 display: flex; 207 align-items: center; 208 padding: 4px 8px; 209 background: linear-gradient(180deg, #110205 0%, #000000 100%); 210 border-top: 1px solid #ff4d57; 211 border-bottom: 2px solid #d7192d; 212 } 213 214 .brand-logo { 215 flex: 1; 216 display: flex; 217 align-items: center; 218 } 219 220 .brand-logo amp-img { 221 max-width: 190px; 222 } 223 224 .chat-btn { 225 display: inline-block; 226 text-decoration: none; 227 color: #000000; 228 background: linear-gradient(180deg, #ffe7e9 0%, #ff4d57 55%, #d7192d 100%); 229 border: 2px solid #ff4d57; 230 border-radius: 16px; 231 padding: 8px 18px; 232 font-size: 11px; 233 font-weight: 800; 234 box-shadow: inset 0 0 8px rgba(255, 255, 255, .30), 0 0 10px rgba(255, 77, 87, .20); 235 } 236 /* ========================= 237 HERO / BANNER 238========================= */ 239 240 .hero-wrap { 241 padding: 0 0 8px; 242 background: linear-gradient(180deg, #25060b 0%, #110205 100%); 243 } 244 245 .hero-img { 246 display: block; 247 width: 100%; 248 border-top: 1px solid #ff4d57; 249 border-bottom: 1px solid #ff4d57; 250 } 251 /* ========================= 252 MENU GIF 253========================= */ 254
255 .menu-grid { 256 width: 100%; 257 display: grid; 258 grid-template-columns: repeat(5, 1fr); 259 gap: 5px; 260 padding: 8px 6px; 261 align-items: center; 262 background: linear-gradient(180deg, #25060b, #0d0103); 263 border-top: 1px solid rgba(255, 77, 87, .35); 264 border-bottom: 1px solid rgba(255, 77, 87, .35); 265 } 266 267 .menu-item { 268 display: block; 269 width: 100%; 270 text-decoration: none; 271 border-radius: 12px; 272 overflow: hidden; 273 transition: transform .25s ease, filter .25s ease; 274 box-shadow: 0 0 0 1px #d7192d, 0 0 12px rgba(255, 77, 87, .18); 275 background: #110205; 276 } 277 278 .menu-item amp-img { 279 display: block; 280 width: 100%; 281 border-radius: 12px; 282 } 283 284 .menu-item:hover { 285 transform: translateY(-3px) scale(1.04); 286 filter: brightness(1.08); 287 } 288 /* ========================= 289 LOGIN PANEL 290========================= */ 291 292 .login-panel { 293 position: relative; 294 padding: 0 16px 10px; 295 background: linear-gradient(135deg, rgba(255, 77, 87, .06) 0%, transparent 20%), linear-gradient(225deg, rgba(255, 77, 87, .06) 0%, transparent 20%), linear-gradient(180deg, #25060b, #090102); 296 border-top: 1px solid #730815; 297 } 298 299 .login-note { 300 text-align: center; 301 font-size: 12px; 302 padding: 7px 0; 303 color: #ff4d57; 304 } 305 /* ========================= 306 LOGIN FIELD 307========================= */ 308 309 .field { 310 display: flex; 311 align-items: center; 312 margin-bottom: 8px; 313 } 314 315 .field-icon { 316 width: 40px; 317 height: 34px; 318 border-radius: 20px 0 0 20px; 319 background: linear-gradient(180deg, #3a0a12 0%, #26060c 50%, #180307 100%); 320 border: 1px solid #ff4d57; 321 border-right: 0; 322 display: flex; 323 align-items: center; 324 justify-content: center; 325 font-size: 18px; 326 color: #ff4d57; 327 box-shadow: inset 0 1px 3px rgba(255, 231, 233, .18); 328 } 329 330 .fake-input { 331 height: 34px; 332 flex: 1; 333 border: 1px solid #ff4d57; 334 border-left: 0; 335 border-radius: 0 20px 20px 0; 336 padding: 0 14px; 337 display: flex; 338 align-items: center; 339 justify-content: center; 340 text-align: center; 341 font-size: 11px; 342 color: #8e8a80; 343 background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%); 344 box-shadow: inset 0 0 0 1px rgba(255, 77, 87, .10), inset 0 0 8px rgba(0, 0, 0, .55); 345 } 346 347 .under-row { 348 display: flex; 349 justify-content: space-between; 350 align-items: center; 351 font-size: 11px; 352 margin: -1px 0 9px; 353 color: #ffe7e9; 354 } 355 356 .under-row a { 357 color: #ffe7e9; 358 text-decoration: none; 359 } 360 /* ========================= 361 MAIN BUTTON 362========================= */ 363 364 .main-btn { 365 display: block; 366 width: 100%; 367 position: relative; 368 overflow: hidden; 369 isolation: isolate; 370 text-decoration: none; 371 text-align: center; 372 border-radius: 18px; 373 padding: 9px 12px; 374 margin-top: 7px; 375 font-size: 18px; 376 font-weight: 800; 377 letter-spacing: .5px; 378 border: 2px solid rgba(255, 77, 87, .78); 379 text-shadow: 0 1px 2px rgba(0, 0, 0, .45); 380 transition: transform .25s ease, filter .25s ease, box-shadow .25s ease; 381 } 382 383 .main-btn::before { 384 content: ""; 385 position: absolute; 386 top: -85%; 387 left: -60%; 388 width: 34%; 389 height: 270%; 390 background: linear-gradient( 90deg, transparent, rgba(255, 231, 233, .14), rgba(255, 231, 233, .85), rgba(255, 231, 233, .20), transparent); 391 transform: rotate(24deg); 392 filter: blur(1px); 393 animation: btnLightning 2.2s ease-in-out infinite; 394 pointer-events: none; 395 z-index: 2; 396 } 397 398 .main-btn::after { 399 content: ""; 400 position: absolute; 401 inset: 0; 402 border-radius: inherit; 403 box-shadow: inset 0 0 12px rgba(255, 231, 233, .16), inset 0 0 26px rgba(255, 231, 233, .04); 404 animation: btnInnerGlow 1.5s ease-in-out infinite alternate; 405 pointer-events: none; 406 z-index: 1; 407 } 408 409 .main-btn:hover { 410 transform: translateY(-2px) scale(1.015); 411 filter: brightness(1.08); 412 } 413 /* ========================= 414 LOGIN BUTTON (GOLD) 415========================= */ 416 417 .login-btn { 418 color: #000000; 419 background: linear-gradient(180deg, #ffe7e9 0%, #ff4d57 48%, #d7192d 100%); 420 border-color: #ff4d57; 421 box-shadow: inset 0 -3px 0 rgba(91, 7, 18, .35), inset 0 2px 5px rgba(255, 255, 255, .30), 0 0 9px rgba(255, 77, 87, .38), 0 0 20px rgba(215, 25, 45, .22); 422 animation: registerPulse 1.7s ease-in-out infinite alternate; 423 } 424 /* ========================= 425 REGISTER BUTTON (DARK GOLD) 426========================= */ 427 428 .register-btn { 429 color: #ffe7e9; 430 background: linear-gradient(180deg, #a30f20 0%, #730815 45%, #43
430040b 100%); 431 border-color: #ff4d57; 432 text-shadow: 0 1px 2px rgba(0, 0, 0, .55); 433 box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .30), inset 0 2px 5px rgba(255, 231, 233, .20), 0 0 9px rgba(255, 77, 87, .25), 0 0 20px rgba(215, 25, 45, .12); 434 animation: replayPulse 1.7s ease-in-out infinite alternate; 435 } 436 /* ========================= 437 PREDIKSI BOLA (GOLD) 438========================= */ 439 440 .replay-btn { 441 color: #000000; 442 background: linear-gradient(180deg, #ffe7e9 0%, #ff4d57 48%, #d7192d 100%); 443 border-color: #ff4d57; 444 box-shadow: inset 0 -3px 0 rgba(91, 7, 18, .35), inset 0 2px 5px rgba(255, 255, 255, .30), 0 0 9px rgba(255, 77, 87, .38), 0 0 20px rgba(215, 25, 45, .22); 445 animation: registerPulse 1.7s ease-in-out infinite alternate; 446 } 447 /* ========================= 448 OPTIONAL BUTTON (GOLD TUA) 449========================= */ 450 451 .green-btn { 452 color: #ffe7e9; 453 background: linear-gradient(180deg, #730815 0%, #620612 50%, #3e040c 100%); 454 border-color: #ff4d57; 455 text-shadow: 0 1px 2px rgba(0, 0, 0, .55); 456 box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .30), inset 0 2px 5px rgba(255, 231, 233, .15), 0 0 10px rgba(255, 77, 87, .25), 0 0 20px rgba(215, 25, 45, .12); 457 animation: greenPulse 1.7s ease-in-out infinite alternate; 458 } 459 /* ========================= 460 ANIMATIONS 461========================= */ 462 463 @keyframes btnLightning { 464 0% { 465 left: -60%; 466 opacity: 0; 467 } 468 12% { 469 opacity: 1; 470 } 471 58% { 472 opacity: 1; 473 } 474 100% { 475 left: 130%; 476 opacity: 0; 477 } 478 } 479 480 @keyframes btnInnerGlow { 481 from { 482 opacity: .50; 483 } 484 to { 485 opacity: 1; 486 } 487 } 488 489 @keyframes registerPulse { 490 from { 491 box-shadow: inset 0 -3px 0 rgba(91, 7, 18, .35), 0 0 8px rgba(255, 77, 87, .25), 0 0 16px rgba(215, 25, 45, .12); 492 } 493 to { 494 box-shadow: inset 0 -3px 0 rgba(91, 7, 18, .35), 0 0 13px rgba(255, 231, 233, .60), 0 0 30px rgba(255, 77, 87, .30), 0 0 46px rgba(215, 25, 45, .16); 495 } 496 } 497 498 @keyframes replayPulse { 499 from { 500 box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .30), 0 0 8px rgba(255, 77, 87, .15), 0 0 16px rgba(215, 25, 45, .08); 501 } 502 to { 503 box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .30), 0 0 13px rgba(255, 231, 233, .50), 0 0 30px rgba(255, 77, 87, .25), 0 0 46px rgba(215, 25, 45, .12); 504 } 505 } 506 507 @keyframes greenPulse { 508 from { 509 box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .30), 0 0 8px rgba(255, 77, 87, .15), 0 0 16px rgba(215, 25, 45, .08); 510 } 511 to { 512 box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .30), 0 0 13px rgba(255, 231, 233, .55), 0 0 30px rgba(255, 77, 87, .25), 0 0 46px rgba(215, 25, 45, .12); 513 } 514 } 515 /* ========================= 516 COPYRIGHT 517========================= */ 518 519 .copyright { 520 text-align: center; 521 font-size: 9px; 522 color: #ffe7e9; 523 padding: 8px 6px 10px; 524 background: #000000; 525 border-top: 1px solid #730815; 526 } 527 528 .copyright a { 529 color: #ff4d57; 530 text-decoration: none; 531 } 532 /* ========================= 533 RESPONSIVE 534========================= */ 535 536 @media(max-width:390px) { 537 .app-shell { 538 max-width: 100%; 539 border-left: 0; 540 border-right: 0; 541 } 542 .download-btn { 543 padding: 8px 10px; 544 } 545 .app-title { 546 font-size: 13px; 547 } 548 .brand-logo amp-img { 549 max-width: 175px; 550 } 551 .chat-btn { 552 padding: 7px 14px; 553 } 554 } 555 556 @media(max-width:480px) { 557 .menu-grid { 558 gap: 3px; 559 padding: 6px 3px; 560 } 561 .menu-item { 562 border-radius: 7px; 563 } 564 .menu-item amp-img { 565 border-radius: 7px; 566 } 567 } 568 569 .marquee-text { 570 background: linear-gradient(90deg, #111, #333, #111); 571 padding: 5px 0; 572 border: 2px solid #000000; 573 border-radius: 15px; 574 margin: 5px; 575 height: auto; 576 display: block; 577 line-height: 30px; 578 overflow: hidden; 579 position: relative 580 } 581 582 .marquee-text div { 583 height: auto; 584 line-height: 22px; 585 font-size: 13px; 586 white-space: nowrap; 587 color: #fff; 588 z-index: 1; 589 font-weight: 600; 590 font-family: Verdana; 591 animation: 20s linear infinite marquee; 592 margin-top: 3px 593 } 594 595 .marquee-text:hover div { 596 animation-play-state: paused 597 } 598 599 @keyframes marquee { 600 0% { 601 transform: translateX(100%) 602 } 603 100% { 604 transform: translateX(-100%) 605 } 606 } 607 608 .copyright { 609 padding: 25px 0 20px; 610 display: flex; 611 flex-direction: column; 612 justify-content: center 613 } 614 615 .copyright div { 616 padding-bottom: 10px 617 } 618 </style> 619</head> 620 621<body> 622 <main class="app-shell">
623 <div class="top-app"> 624 <div class="app-icon"> 625 <amp-img src="https://juli4d11.org/img/juli4d-icon.webp" width="34" height="34" layout="responsive" alt="Icon Aplikasi JULI4D"></amp-img> 626 </div> 627 <div class="app-copy"> 628 <div class="app-title">APLIKASI JULI4D</div> 629 <div class="app-sub">Kini telah tersedia Aplikasi Android</div> 630 </div> <a class="download-btn" href="https://juli4dcutt.link/loginjuli" target="_blank" rel="noreferrer noopener"> 631 DOWNLOAD 632 </a> </div> 633 <div class="brand-row"> 634 <div class="brand-logo"> 635 <amp-img src="https://juli4d11.org/img/juli4d2.gif" width="210" height="62" layout="intrinsic" alt="JULI4D"></amp-img> 636 </div> <a class="chat-btn" href="https://juli4dcutt.link/loginjuli" target="_blank" rel="noreferrer noopener">LOGIN</a> </div> 637 <section class="hero-wrap"> 638 <amp-img class="hero-img" src="https://juli4d11.org/img/julibola.webp" width="1024" height="1024" layout="responsive" alt="BANNER JULI4D"></amp-img> 639 </section> 640 <nav class="menu-grid" aria-label="Menu JULI4D"> 641 <a class="menu-item" href="https://juli4dcutt.link/loginjuli" target="_blank" rel="noreferrer noopener" aria-label="Prediksi Togel JULI4D"> 642 <amp-img src="https://juli4d11.org/img/prediksi.gif" width="150" height="150" layout="responsive" alt="Prediksi Togel JULI4D"> </amp-img> 643 </a> 644 <a class="menu-item" href="https://juli4dcutt.link/loginjuli" target="_blank" rel="noreferrer noopener" aria-label="RTP Slot JULI4D"> 645 <amp-img src="https://juli4d11.org/img/rtp.gif" width="150" height="150" layout="responsive" alt="RTP Slot JULI4D"> </amp-img> 646 </a> 647 <a class="menu-item" href="https://juli4dcutt.link/loginjuli" target="_blank" rel="noreferrer noopener" aria-label="Promo JULI4D"> 648 <amp-img src="https://juli4d11.org/img/promo.gif" width="150" height="150" layout="responsive" alt="Promo JULI4D"> </amp-img> 649 </a> 650 <a class="menu-item" href="https://juli4dcutt.link/loginjuli" target="_blank" rel="noreferrer noopener" aria-label="Cara Bermain JULI4D"> 651 <amp-img src="https://juli4d11.org/img/jackpot.gif" width="150" height="150" layout="responsive" alt="Cara Bermain JULI4D"> </amp-img> 652 </a> 653 <a class="menu-item" href="https://juli4dcutt.link/loginjuli" target="_blank" rel="noreferrer noopener" aria-label="Bukti JP JULI4D"> 654 <amp-img src="https://juli4d11.org/img/cara-bermain.gif" width="150" height="150" layout="responsive" alt="Bukti JP JULI4D"> </amp-img> 655 </a> 656 </nav> 657 <section class="login-panel"> 658 <div class="login-note"> Silahkan login untuk mulai bermain </div> 659 <a href="https://juli4dcutt.link/loginjuli" class="login-field-link" target="_blank"> 660 <div class="field"> 661 <div class="field-icon">ð¤</div> 662 <div class="fake-input">Username</div> 663 </div> 664 </a> 665 <a href="https://juli4dcutt.link/loginjuli" class="login-field-link" target="_blank"> 666 <div class="field"> 667 <div class="field-icon">ð</div> 668 <div class="fake-input">Password</div> 669 </div> 670 </a> 671 <div class="under-row"> <span>Versi WAP</span> <a href="https://juli4dcutt.link/loginjuli" target="_blank" rel="noreferrer noopener"> 672 Lupa password? 673 </a> </div> <a class="main-btn login-btn" href="https://juli4dcutt.link/loginjuli" target="_blank" rel="noreferrer noopener"> 674 LOGIN 675 </a> <a class="main-btn register-btn" href="https://juli4dcutt.link/daftarjuli" target="_blank" rel="noreferrer noopener"> 676 DAFTAR ð¥ 677 </a> <a class="main-btn replay-btn" href="https://juli4dcutt.link/loginjuli" target="_blank" rel="noreferrer noopener"> 678 RTP GACOR & PREDIKSI JITU 679 </a> </section> 680 <div class="marquee-text"> 681 <div>WEDE 30 MILLIAR PUN KITA BAYAR YA BOSKU</div> 682 </div> 683 <div class="copyright"> 684 <amp-iframe title="Table Result Nomor Update" width="360" height="480" layout="responsive" sandbox="allow-scripts allow-same-origin allow-forms allow-popups" frameborder="0" src="https://nomorupdate.org/"> 685 <div placeholder>Memuat Table Result...</div> 686 </amp-iframe> 687 </div> 688 <footer class="copyright">COPYRIGHT ©2026 <a href="https://juli4d11.org" rel="noopener noreferrer">JULI4D</a>
688 CINA</footer> 689 </main> 690</body> 691 692</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.