1 2<!doctype html> 3<html amp lang="id"> 4 <head> 5 <meta charset="utf-8"> 6 <link rel="icon" type="image/x-icon" href="../logo.png" /> 7 <link rel="apple-touch-icon" href="../logo.png"> 8 <title>Podomoro138 Agen TOTO4d | Penanganan Profesional untuk Berduka</title> 9 <meta name="description" content="Podomoro138 Agen toto4d yang Pelajari cara menghadapi masa berduka dengan dukungan profesional, peran keluarga, bentuk pendampingan, tanda membutuhkan bantuan, serta langkah membangun kembali kehidupan setelah kehilangan"> 10 <link rel="canonical" href="https://canterburyautwta.com/"> 11 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui"> 12 13 <!-- AMP Scripts --> 14
14<script async src="https://cdn.ampproject.org/v0.js"></script>
14 15
15<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
15 16
16<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
16 17 18 <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> 19 20 <style amp-custom> 21 /* --- Reset & Base Styles --- */ 22 body { 23 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 24 background-color: #0b0b0b; 25 color: #f5f5f5; 26 margin: 0; 27 padding: 0; 28 display: flex; 29 justify-content: center; 30 } 31 32 .wrapper { 33 width: 100%; 34 max-width: 480px; /* Mobile-first container */ 35 background: linear-gradient(135deg, #0f0f0f 0%, #050505 100%); 36 min-height: 100vh; 37 box-shadow: 0 0 30px rgba(212, 175, 55, 0.05); 38 padding-bottom: 40px; 39 position: relative; 40 } 41 42 /* --- Utilities --- */ 43 .gold-text { 44 color: #d4af37; 45 background: linear-gradient(90deg, #ffe58f 0%, #d4af37 50%, #aa7c11 100%); 46 -webkit-background-clip: text; 47 -webkit-text-fill-color: transparent; 48 } 49 50 /* --- Header & Logo --- */ 51 header { 52 display: flex; 53 justify-content: center; 54 align-items: center; 55 padding: 25px 20px; 56 border-bottom: 1px solid rgba(212, 175, 55, 0.1); 57 } 58 .logo-container { 59 text-align: center; 60 } 61 62 /* --- Content Container --- */ 63 .container { 64 padding: 20px; 65 } 66 67 /* --- Banner 1:1 Aspect Ratio --- */ 68 .banner-wrapper { 69 width: 100%; 70 border: 1px solid #d4af37; 71 border-radius: 12px; 72 overflow: hidden; 73 margin-bottom: 25px; 74 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); 75 } 76 77 /* --- Navigation Buttons --- */ 78 .nav-actions { 79 display: flex; 80 flex-direction: column; 81 gap: 12px; 82 margin-bottom: 30px; 83 } 84 .btn { 85 display: block; 86 text-align: center; 87 padding: 14px; 88 font-size: 16px; 89 font-weight: bold; 90 text-decoration: none; 91 text-transform: uppercase; 92 letter-spacing: 1px; 93 border-radius: 8px; 94 transition: all 0.3s ease; 95 box-sizing: border-box; 96 } 97 .btn-daftar { 98 background: linear-gradient(90deg, #d4af37 0%, #f3e5ab 50%, #aa7c11 100%); 99 color: #000000; 100 box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3); 101 } 102 .btn-login { 103 background: transparent; 104 color: #d4af37; 105 border: 1px solid #d4af37; 106 } 107 .btn-chat { 108 background: #121212; 109 color: #ffffff; 110 border: 1px solid rgba(255, 255, 255, 0.2); 111 display: flex; 112 align-items: center; 113 justify-content: center; 114 gap: 10px; 115 } 116 .live-icon { 117 width: 10px; 118 height: 10px; 119 background-color: #00ff66; 120 border-radius: 50%; 121 display: inline-block; 122 box-shadow: 0 0 8px #00ff66; 123 } 124 125 /* --- Bonus Feature: Stats Grid --- */ 126 .stats-grid { 127 display: grid; 128 grid-template-columns: repeat(3, 1fr); 129 gap: 10px; 130 margin-bottom: 30px; 131 text-align: center; 132 } 133 .stat-card { 134 background: rgba(255, 255, 255, 0.03); 135 border: 1px solid rgba(212, 175, 55, 0.1); 136 padding: 12px 5px; 137 border-radius: 8px; 138 } 139 .stat-number { 140 font-size: 18px; 141 font-weight: bold; 142 color: #d4af37; 143 margin-bottom: 4px;
144 } 145 .stat-label { 146 font-size: 10px; 147 text-transform: uppercase; 148 color: #888888; 149 letter-spacing: 0.5px; 150 } 151 152 /* --- Bonus Feature: Testimonial Carousel --- */ 153 .carousel-section { 154 margin-bottom: 30px; 155 } 156 .section-title { 157 font-size: 14px; 158 text-transform: uppercase; 159 letter-spacing: 2px; 160 color: #888; 161 margin-bottom: 15px; 162 text-align: center; 163 } 164 .slide-item { 165 background: rgba(212, 175, 55, 0.02); 166 border-left: 3px solid #d4af37; 167 padding: 15px; 168 box-sizing: border-box; 169 } 170 .slide-item p { 171 margin: 0 0 8px 0; 172 font-size: 13px; 173 font-style: italic; 174 color: #cccccc; 175 } 176 .slide-item span { 177 font-size: 11px; 178 color: #d4af37; 179 font-weight: bold; 180 } 181 182 /* --- Bonus Feature: FAQ Accordion --- */ 183 amp-accordion section { 184 background: rgba(255, 255, 255, 0.02); 185 border: 1px solid rgba(212, 175, 55, 0.1); 186 margin-bottom: 8px; 187 border-radius: 6px; 188 overflow: hidden; 189 } 190 amp-accordion h4 { 191 padding: 14px; 192 background: #121212; 193 color: #f5f5f5; 194 font-size: 14px; 195 margin: 0; 196 border: none; 197 cursor: pointer; 198 } 199 amp-accordion .accordion-content { 200 padding: 14px; 201 font-size: 13px; 202 color: #aaaaaa; 203 line-height: 1.5; 204 background: #090909; 205 } 206 207 /* --- Footer --- */ 208 footer { 209 text-align: center; 210 padding: 20px; 211 font-size: 11px; 212 color: #555555; 213 border-top: 1px solid rgba(255, 255, 255, 0.05); 214 margin-top: 20px; 215 } 216 217 /* Boilerplate requirements */ 218 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}} 219 </style> 220 221 </head> 222 223 <body> 224 <div class="wrapper"> 225 226 <!-- HEADER & LOGO --> 227 <header> 228 <div class="logo-container"> 229 <!-- Ganti src dengan URL logo emas Anda (Kapasitas lebar disesuaikan) --> 230 <amp-img src="../logo-podomoro138.png" 231 width="180" 232 height="80" 233 layout="intrinsic" 234 alt="Logo toto88"> 235 </amp-img> 236 </div> 237 </header> 238 239 <div class="container"> 240 241 <!-- BANNER 1:1 (Diatas Button) --> 242 <div class="banner-wrapper"> 243 <!-- Ganti src dengan URL banner promo/produk Anda berukuran persegi (e.g. 600x600) --> 244 <amp-img src="../pdm.webp" 245 width="600" 246 height="600" 247 layout="responsive" 248 alt="promo toto88"> 249 </amp-img> 250 </div> 251 252 <!-- MAIN NAVIGATION BUTTONS --> 253 <div class="nav-actions"> 254 <a href="https://abitly.ink/h?r=cc1044" class="btn btn-daftar">Daftar Sekarang</a> 255 <a href="https://abitly.ink/h?r=cc1044" class="btn btn-login">Login Member</a> 256 <a href="https://abitly.ink/h?r=cc1044" class="btn btn-chat"> 257 <span class="live-icon"></span> Live Chat 24/7 Online 258 </a> 259 </div> 260 261 <!-- TAMBAHAN 1: LIVE STATS GRID --> 262 <div class="stats-grid"> 263 <div class="stat-card"> 264 <div class="stat-number">99.9%</div> 265 <div class="stat-label">Uptime</div> 266 </div> 267 <div class="stat-card"> 268 <div class="stat-number">2 Menit</div> 269 <div class="stat-label">Respon Chat</div> 270 </div> 271 <div class="stat-card"> 272 <div class="stat-number">10k+</div> 273 <div class="stat-label">Aktif User</div> 274 </div> 275 </div> 276 277 <!-- TAMBAHAN 2: TESTIMONIAL SLIDER (amp-carousel) --> 278 <div class="carousel-section"> 279 <div class="section-title">Apa Kata Mereka</div> 280 <amp-carousel width="400" height="100" layout="responsive" type="slides" autoplay delay="4000"> 281 <div class="slide-item"> 282 <p>"Pelayanan live chat sangat cepat dan solutif. Proses deposit dan withdraw tidak sampai 3 menit. Sangat direkomendasikan!"</p>
283 <span>- Andi S., Jakarta</span> 284 </div> 285 <div class="slide-item"> 286 <p>"Tampilan platform sangat mewah dan mudah dipahami bahkan untuk pemula seperti saya. Aksesnya juga sangat ringan."</p> 287 <span>- Budi H., Surabaya</span> 288 </div> 289 </amp-carousel> 290 </div> 291 292 <!-- TAMBAHAN 3: FAQ ACCORDION --> 293 <div class="faq-section"> 294 <div class="section-title">Informasi & Bantuan</div> 295 <amp-accordion> 296 <section> 297 <h4><span style="color: #000000;">Bagaimana cara mendaftar akun baru?</span></h4> 298 <div class="accordion-content"> 299 Klik tombol <strong style="color:#d4af37">DAFTAR SEKARANG</strong> di atas, isi formulir pendaftaran dengan data yang valid, lalu lakukan verifikasi untuk mulai mengakses semua layanan. 300 </div> 301 </section> 302 <section> 303 <h4><span style="color: #000000;">Apakah layanan Live Chat tersedia setiap hari?</span></h4> 304 <div class="accordion-content"> 305 Ya, tim Customer Service profesional kami siap melayani Anda selama 24 jam penuh tanpa libur setiap harinya melalui tombol Live Chat. 306 </div> 307 </section> 308 </amp-accordion> 309 </div> 310 311 </div> 312 313 <!-- FOOTER --> 314 <footer> 315 © 2026 Podomoro138. SOGEKING SYNC301. 316 </footer> 317 318 </div> 319 </body> 320</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.