index.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624
  1. <!doctype html>
  2. <html ⚡ lang="id-ID">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>CNNSLOT - Situs Paling Mantap Betul Sepanjang Masa Indonesia</title>
  6. <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  7. <meta name="description" content="Cnnslot situs terbaik dan terpercaya yang pernah ada dengan bonus pecahan paling mantap sepanjang masa indonesia tahun 2024.">
  8. <meta name="geo.placename" content="Indonesia" />
  9. <meta name="geo.region" content="ID" />
  10. <meta name="geo.country" content="ID" />
  11. <meta name="language" content="id-ID" />
  12. <meta name="tgn.nation" content="Indonesia" />
  13. <link rel="shortcut icon" type="image/png" href="https://i.ibb.co/4m0z6wJ/favicon.png" />
  14. <link rel="canonical" href="https://checadores.lci.ulsa.mx/products/">
  15. <meta content="cnnslot, ccnnslot, cnn slot" name="keywords" />
  16. <meta name="google-site-verification" content="XojsVVpkFrhfSSFhMC9pSIQ2aNnff4tG63RWIIbMlgc" />
  17. <script async src="https://cdn.ampproject.org/v0.js"></script>
  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. <style amp-custom>
  20. *{
  21. padding: 0;
  22. margin: 0;
  23. box-sizing: border-box;
  24. }
  25. ::-webkit-scrollbar {width: 10px;}
  26. ::-webkit-scrollbar-track {background: #f1f1f1;}
  27. ::-webkit-scrollbar-thumb {background: #888;}
  28. ::-webkit-scrollbar-thumb:hover {background: #555;}
  29. ::-webkit-scrollbar {display: none;}
  30. @font-face {
  31. font-family: Roboto;
  32. src: url(../font/RobotoCondensed-Regular.ttf);
  33. }
  34. body{
  35. width: 100%;
  36. height: 100vh;
  37. color: white;
  38. font-family: "Arimo",sans-serif;
  39. background-image: url("https://checadores.lci.ulsa.mx/products/images/background.png");
  40. background-size: cover;
  41. background-position: center;
  42. background-attachment: fixed;
  43. user-select: none;
  44. }
  45. h1,h2,h3,h4,h5,h6{
  46. font-family: 'Roboto condensed',sans-serif;
  47. text-align: center;
  48. }
  49. .maincontainer{
  50. width: 100%;
  51. height: 100vh;
  52. background-color: rgba(0, 0, 0, 0.7);
  53. display: flex;
  54. flex-direction: column;
  55. justify-content: center;
  56. align-items: center;
  57. }
  58. .logo{
  59. padding: 10px;
  60. width: 14%;
  61. box-shadow: 0px 0px 1px 1px #ff0000 , 0px 0px 10px 1px #ff0000 , 0px 0px 50px 1px #ff0000;
  62. border: 3px solid #fffb00;
  63. border-top-left-radius: 10px;
  64. border-top-right-radius: 10px;
  65. margin-bottom: 20px;
  66. }
  67. .logo a{
  68. width: 100%;
  69. display: flex;
  70. align-items: center;
  71. justify-content: flex-start;
  72. }
  73. .logo img{
  74. width: 100%;
  75. }
  76. .container{
  77. width: 60%;
  78. height: 50%;
  79. background-color: rgba(255, 255, 255, 0.1);
  80. backdrop-filter: blur(5px);
  81. border: 2px solid #fffb00;
  82. border-radius: 10px;
  83. box-shadow: 0px 0px 1px 1px #ff0000 , 0px 0px 10px 1px #ff0000 , 0px 0px 50px 1px #ff0000;
  84. padding: 10px 5px;
  85. padding-left: 0px;
  86. display: flex;
  87. }
  88. .box1 , .box2{
  89. width: 100%;
  90. height: 100%;
  91. /* border: 1px solid white; */
  92. padding: 0 10px;
  93. text-align: center;
  94. }
  95. .box1 {
  96. display: flex;
  97. flex-direction: column;
  98. justify-content: space-between;
  99. align-items: center;
  100. border-right: 1px solid #eb8724;
  101. }
  102. .box1 h2{
  103. font-size: 22px;
  104. }
  105. .box1 img{
  106. width: 90%;
  107. }
  108. .btn{
  109. width: 100%;
  110. display: flex;
  111. justify-content: space-around;
  112. }
  113. .btn a {
  114. text-decoration: none;
  115. }
  116. .button-animation1 , .button-animation2 {
  117. position: relative;
  118. display: inline-block;
  119. padding: 20px 30px;
  120. text-transform: uppercase;
  121. overflow: hidden;
  122. letter-spacing: 4px;
  123. font-weight: bold;
  124. transition: 0.5s;
  125. width: 45%;
  126. background-color: black;
  127. }
  128. .button-animation1 span , .button-animation2 span{
  129. position: absolute;
  130. display: block;
  131. }
  132. .button-animation1 span:nth-child(1) , .button-animation2 span:nth-child(1) {
  133. top: 0;
  134. left: -100%;
  135. width: 100%;
  136. height: 2px;
  137. animation: btn-anim1 1s linear infinite;
  138. }
  139. .button-animation1 span:nth-child(2) , .button-animation2 span:nth-child(2) {
  140. top: -100%;
  141. right: 0;
  142. width: 2px;
  143. height: 100%;
  144. animation: btn-anim2 1s linear infinite;
  145. animation-delay: 0.25s;
  146. }
  147. .button-animation1 span:nth-child(3) , .button-animation2 span:nth-child(3) {
  148. bottom: 0;
  149. right: -100%;
  150. width: 100%;
  151. height: 2px;
  152. animation: btn-anim3 1s linear infinite;
  153. animation-delay: 0.5s;
  154. }
  155. .button-animation1 span:nth-child(4) , .button-animation2 span:nth-child(4) {
  156. bottom: -100%;
  157. left: 0;
  158. width: 2px;
  159. height: 100%;
  160. animation: btn-anim4 1s linear infinite;
  161. animation-delay: 0.75s;
  162. }
  163. .button-animation1 {
  164. color: #ff6363;
  165. }
  166. .button-animation1 span:nth-child(1){
  167. background: linear-gradient(90deg, transparent, #ff6363);
  168. }
  169. .button-animation1 span:nth-child(2){
  170. background: linear-gradient(180deg, transparent, #ff6363);
  171. }
  172. .button-animation1 span:nth-child(3){
  173. background: linear-gradient(270deg, transparent, #ff6363);
  174. }
  175. .button-animation1 span:nth-child(4){
  176. background: linear-gradient(360deg, transparent, #ff6363);
  177. }
  178. .button-animation2 {
  179. color: #439eff;
  180. }
  181. .button-animation2 span:nth-child(1){
  182. background: linear-gradient(90deg, transparent, #439eff);
  183. }
  184. .button-animation2 span:nth-child(2){
  185. background: linear-gradient(180deg, transparent, #439eff);
  186. }
  187. .button-animation2 span:nth-child(3){
  188. background: linear-gradient(270deg, transparent, #439eff);
  189. }
  190. .button-animation2 span:nth-child(4){
  191. background: linear-gradient(360deg, transparent, #439eff);
  192. }
  193. @keyframes btn-anim1 {
  194. 0% {
  195. left: -100%;
  196. }
  197. 50%, 100% {
  198. left: 100%;
  199. }
  200. }
  201. @keyframes btn-anim2 {
  202. 0% {
  203. top: -100%;
  204. }
  205. 50%, 100% {
  206. top: 100%;
  207. }
  208. }
  209. @keyframes btn-anim3 {
  210. 0% {
  211. right: -100%;
  212. }
  213. 50%, 100% {
  214. right: 100%;
  215. }
  216. }
  217. @keyframes btn-anim4 {
  218. 0% {
  219. bottom: -100%;
  220. }
  221. 50%, 100% {
  222. bottom: 100%;
  223. }
  224. }
  225. .button-animation1:hover {
  226. background-color: #ff6363;
  227. color: #000;
  228. border-radius: 5px;
  229. box-shadow: 0 0 5px #ff6363, 0 0 25px #ff6363, 0 0 50px #ff6363,0 0 100px #ff6363;
  230. }
  231. .button-animation2:hover{
  232. background-color: #439eff;
  233. color: #000;
  234. border-radius: 5px;
  235. box-shadow: 0 0 5px #439eff, 0 0 25px #439eff, 0 0 50px #439eff,0 0 100px #439eff;
  236. }
  237. .box2{
  238. display: flex;
  239. flex-direction: column;
  240. justify-content: center;
  241. }
  242. .listgame{
  243. display: flex;
  244. justify-content: space-between;
  245. }
  246. .listgame img{
  247. width: 100px;
  248. }
  249. .table{
  250. width: 100%;
  251. }
  252. .table table{
  253. width: 100%;
  254. margin: auto;
  255. table-layout: fixed;
  256. text-align: left;
  257. }
  258. .table table,tr,td{
  259. border: 1px solid #c59b6e;
  260. border-collapse: collapse;
  261. }
  262. .table tr:nth-child(1){
  263. text-align: center;
  264. background-color: #7712ea;
  265. background: linear-gradient(to bottom , #eb8724 , #c59b6e );
  266. }
  267. .table td{
  268. padding: 10px;
  269. }
  270. .card{
  271. margin-top: 20px;
  272. width: 50%;
  273. display: flex;
  274. justify-content: space-between;
  275. }
  276. .card a{
  277. display: flex;
  278. text-decoration: none;
  279. width: 40%;
  280. transition: 0.3s;
  281. color: white;
  282. }
  283. .livechat , .telegram{
  284. width: 100%;
  285. display: flex;
  286. justify-content: center;
  287. align-items: center;
  288. box-shadow: 0px 0px 1px 1px #eb8724 , 0px 0px 10px 1px #eb8724 , 0px 0px 50px 1px #c59b6e;
  289. border: 2px solid #eb8724;
  290. border-bottom-left-radius: 10px;
  291. border-bottom-right-radius: 10px;
  292. padding: 10px;
  293. letter-spacing: 2px;
  294. transition: 0.3s;
  295. }
  296. .livechat img , .telegram img{
  297. width: 30px;
  298. margin-left: 20px;
  299. }
  300. .card a:hover {
  301. box-shadow: 0px 0px 1px 1px #eb8724 , 0px 0px 30px 1px #eb8724 , 0px 0px 50px 1px #c59b6e;
  302. }
  303. .card a:hover .telegram , .card a:hover .livechat{
  304. border-radius: 0px;
  305. }
  306. .copy{
  307. font-size: 14px;
  308. }
  309. .link-footer{
  310. display: none;
  311. }
  312. @media screen and (max-width:960px) {
  313. body{
  314. width: 100%;
  315. height: 100vh;
  316. color: white;
  317. }
  318. .maincontainer{
  319. width: 100%;
  320. height: 100vh;
  321. display: flex;
  322. flex-direction: column;
  323. justify-content: flex-start;
  324. align-items: flex-start;
  325. overflow-y: scroll;
  326. }
  327. .logo{
  328. padding: 10px;
  329. width: 100%;
  330. border: 1px solid #eb8724;
  331. border-top-left-radius: 0px;
  332. border-top-right-radius: 0px;
  333. border-bottom-left-radius: 10px;
  334. border-bottom-right-radius: 10px;
  335. margin-bottom: 10px;
  336. }
  337. .logo a{
  338. width: 100%;
  339. display: flex;
  340. align-items: center;
  341. justify-content: center;
  342. text-align: center;
  343. }
  344. .logo img{
  345. width: 100%;
  346. max-width: 200px;
  347. }
  348. .container{
  349. width: 100%;
  350. height: unset;
  351. border: 5px solid #fffb00;
  352. border-radius: 10px;
  353. padding: 10px;
  354. display: flex;
  355. flex-direction: column;
  356. }
  357. .left{
  358. display: none;
  359. }
  360. .box1 , .box2{
  361. width: 100%;
  362. height: none;
  363. padding: 0px;
  364. text-align: center;
  365. }
  366. .box1 {
  367. display: flex;
  368. flex-direction: column;
  369. justify-content: space-between;
  370. align-items: center;
  371. border-right: none;
  372. }
  373. .box1 h2{
  374. font-size: 18px;
  375. }
  376. .box1 img{
  377. width: 100%;
  378. }
  379. .btn a{
  380. width: 48%;
  381. }
  382. .button-animation1 , .button-animation2 {
  383. padding: 20px;
  384. }
  385. .box2{
  386. margin-top: 10px;
  387. display: flex;
  388. flex-direction: column;
  389. justify-content: center;
  390. font-size: 14px;
  391. }
  392. .copy{
  393. font-size: 10px;
  394. }
  395. .listgame{
  396. display: flex;
  397. justify-content: center;
  398. }
  399. .listgame img{
  400. min-width: 50px;
  401. max-width: 100px;
  402. }
  403. .card{
  404. margin-top: 10px;
  405. width: 100%;
  406. display: flex;
  407. justify-content: space-between;
  408. position: sticky;
  409. bottom: 0;
  410. background-color: #a86119;
  411. }
  412. .card a{
  413. display: flex;
  414. text-decoration: none;
  415. width: 100%;
  416. transition: 0.3s;
  417. font-size: 12px;
  418. color: white;
  419. }
  420. .livechat , .telegram{
  421. width: 100%;
  422. display: flex;
  423. justify-content: center;
  424. align-items: center;
  425. border: 1px solid #eb8724;
  426. border-top-left-radius: 10px;
  427. border-top-right-radius: 10px;
  428. border-bottom-left-radius: 0px;
  429. border-bottom-right-radius: 0px;
  430. padding: 5px;
  431. letter-spacing: 1px;
  432. }
  433. .livechat img , .telegram img{
  434. width: 25px;
  435. margin-left: 10px;
  436. }
  437. .link-footer{
  438. width: 100%;
  439. display: flex;
  440. align-items: center;
  441. flex-direction: column;
  442. box-shadow: 0px 0px 100px 1px #eb8724, 0px 0px 3px 1px #eb8724 , 0px 0px 10px 1px #c59b6e;
  443. background: linear-gradient(35deg , #222 , black);
  444. transition: 0.3s;
  445. padding: 5px 0;
  446. }
  447. .link-footer a{
  448. text-decoration: none;
  449. color: #FBFFFF;
  450. transition: 0.3s;
  451. text-transform: uppercase;
  452. font-family: "Roboto Condensed",sans-serif;
  453. margin-top: 15px;
  454. font-size: 12px;
  455. width: 70%;
  456. background-color: #222;
  457. padding: 10px;
  458. box-shadow: 0px 0px 1px 1px #c59b6e;
  459. text-align: center;
  460. }
  461. .link-footer a:hover {
  462. color: #eb8724;
  463. text-shadow: 1px 1px 2px #FBFFFF,-1px -1px -2px black;
  464. }
  465. .link-footer a:nth-last-child(1){
  466. margin-bottom: 15px;
  467. }
  468. }
  469. </style>
  470. <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
  471. </head>
  472. <body>
  473. <amp-analytics type="googleanalytics" config="https://amp.analytics-debugger.com/ga4.json" data-credentials="include">
  474. <script type="application/json">
  475. {
  476. "vars": {
  477. "GA4_MEASUREMENT_ID": "G-22ZY43XEN4",
  478. "GA4_ENDPOINT_HOSTNAME": "www.google-analytics.com",
  479. "DEFAULT_PAGEVIEW_ENABLED": true,
  480. "GOOGLE_CONSENT_ENABLED": false,
  481. "WEBVITALS_TRACKING": false,
  482. "PERFORMANCE_TIMING_TRACKING": false,
  483. "SEND_DOUBLECLICK_BEACON": false
  484. }
  485. }
  486. </script>
  487. </amp-analytics>
  488. <div class="maincontainer">
  489. <div class="logo">
  490. <a><img src="https://checadores.lci.ulsa.mx/products/images/logo.png" alt="CNNSLOT"></a>
  491. </div>
  492. <div class="container">
  493. <div class="left"></div>
  494. <div class="box1">
  495. <h2>CNNSLOT - Situs Paling Mantap Betul Sepanjang Masa Indonesia</h2>
  496. <br>
  497. <img src="https://checadores.lci.ulsa.mx/products/images/banner.jpg" alt="CNNSLOT">
  498. <br>
  499. <div class="btn">
  500. <a class="button-animation1" href="https://www.topglobalzilong.top/cnnslot" target="_blank" rel="nofollow">
  501. MASUK
  502. <span></span>
  503. <span></span>
  504. <span></span>
  505. <span></span>
  506. </a>
  507. <a class="button-animation2" href="https://www.topglobalzilong.top/cnnslot" target="_blank" rel="nofollow">
  508. DAFTAR
  509. <span></span>
  510. <span></span>
  511. <span></span>
  512. <span></span>
  513. </a>
  514. </div>
  515. </div>
  516. <div class="box2">
  517. <div class="listgame">
  518. <img src="https://checadores.lci.ulsa.mx/products/images/game1.png" alt="gates of olympus">
  519. <img src="https://checadores.lci.ulsa.mx/products/images/game2.png" alt="koi gate">
  520. <img src="https://checadores.lci.ulsa.mx/products/images/game3.png" alt="starlight princess">
  521. <img src="https://checadores.lci.ulsa.mx/products/images/game4.png" alt="sweet bonanza">
  522. <img src="https://checadores.lci.ulsa.mx/products/images/game5.png" alt="wild bounty showdown">
  523. </div>
  524. <br>
  525. <div class="table">
  526. <table>
  527. <tr>
  528. <td colspan="2">INFORMASI CNNSLOT</td>
  529. </tr>
  530. <tr>
  531. <td>MIN DEPOSIT</td>
  532. <td>10.000 Rupiah</td>
  533. </tr>
  534. <tr>
  535. <td>MIN WITHDRAW</td>
  536. <td>50.000 Rupiah</td>
  537. </tr>
  538. <tr>
  539. <td>BANK TRANSAKSI</td>
  540. <td>MANDIRI, BCA, BNI, BRI, BSI, BANK JAGO</td>
  541. </tr>
  542. <tr>
  543. <td>E-MONEY TERLENGKAP</td>
  544. <td>DANA, SHOPEEPAY, OVO, LINKAJA, GOPAY</td>
  545. </tr>
  546. </table>
  547. </div>
  548. <br>
  549. <p class="copy">© Copyright 2018 CNNSLOT. All Rights Reserved. | 18+</p>
  550. </div>
  551. </div>
  552. </div>
  553. </body>
  554. </html>