<!DOCTYPE html><html ⚡ lang="id" itemscope="itemscope" itemtype="https://schema.org/WebPage"> <head> <title>abo777 | abo777m0k.com</title> <meta name="title" content="abo777 | abo777m0k.com"> <meta name="description" content="abo777.com - Daftar & Login Link Alternatif 1 Link Alternatif 2 Link Alternatif 3 Livechat abo777. ™ Rekomendasi Permainan Asia."> <meta name="google-site-verification" content="J6jKFxpvokHBoziHACXEkQdsBOp8paUTdO5G9sKCbBQ" /> <meta charset="utf-8"> <meta name="keywords" content="abo777, login abo777, daftar abo777, link abo777"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"> <meta name='robots' content='index, follow' /> <meta name='Slurp' content='all' /> <meta name="author" content="ABOGROUP"> <meta name="webcrawlers" content="all" /> <meta name="spiders" content="all" /> <meta name="allow-search" content="yes" /> <meta name="YahooSeeker" content="index,follow" /> <meta name="msnbot" content="index,follow" /> <meta name="expires" content="never" /> <meta name="rating" content="general"> <meta name="publisher" content="ABOGROUP"> <meta name="googlebot" content="index,follow" /> <meta property="og:url" content="https://lullabies-of-europe.org/amp/2/"> <link rel="preload" href="https://i.ibb.co/QJtZNVZ/AMOP.webp" as="image"> <link rel="shortcut icon" href="https://i.ibb.co/dB5sZZB/favicon-abo.webp" type="image/x-icon"> <link rel="amphtml" href="https://amp88mok.com/brand/abo777/m0k/" /> <link rel="canonical" href="https://abo777m0k.com/" /> <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js"> <script async src="https://cdn.ampproject.org/v0.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 { --white: #eaeaea; --black: #222222; --red: rgb(255, 255, 255); --sky: rgb(39, 223, 255); --blue: rgba(2, 126, 251, 1); --pink: rgb(235, 8, 133); --purple: rgb(185, 3, 161); --gold: rgb(255, 215, 0); --gren-soft: rgb(192, 31, 31); --nulz: #212534; --card-height: 25vh; --card-width: 50vh; --rotate: 132deg; } * { margin: 0; padding: 0; box-sizing: border-box; } body { background: var(--nulz); display: flex; justify-content: center; align-items: center; align-content: center; min-height: 100vh; } .mx-2 { margin: 0 1em 0; } .mx-4 { margin: 0 2em 0; } .my-2 { margin: 1em 0 1em; } .my-4 { margin: 2em 0 2em; } .card { background: url('https://i.ibb.co/QJtZNVZ/AMOP.webp') no-repeat right center / cover; width: var(--card-width); height: var(--card-height); padding: 3px; position: relative; border-radius: 10px; justify-content: center; align-items: center; text-align: center; display: flex; font-size: 1.5em; color: rgb(88 199 250 / 0%); cursor: pointer; } .card:hover { transition: color 1s; } .card:hover:before, .card:hover:after { border-radius: 10px; transform: skewX(2deg) skewY(4deg); background-image: linear-gradient(var(--rotate), #00ccff, #3c67e3 43%, #d400d4); transition: 0.2s all; } .card::before { content: ""; width: 104%; height: 102%; border-radius: 10px; background-image: linear-gradient(var(--rotate), #00ccff, #3c67e3 43%, #d400d4); position: absolute; z-index: -1; top: -1%; left: -2%; animation: spin 1s linear infinite; transition: 0.2s all; } .card::after { position: absolute; content: ""; top: calc(var(--card-height) / 6); left: 0; right: 0; z-index: -1; height: 100%; width: 100%; margin: 0 auto; transform: scale(0.8); filter: blur(calc(var(--card-height) / 6)); background-image: linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2); opacity: 1; transition: opacity .5s; animation: spin 2.5s linear infinite; } .content { display: flex; flex-direction: column; justify-content: center; align-items: center; } .btn { width: 100%; padding: 5px 15px; outline: none; border: none; } .bg-gradient-purple-pink { background: linear-gradient(123deg, var(--purple) 0%, var(--pink) 100%); } .bg-gradient-pink-purple { background: linear-gradient(123deg, var(--pink) 0%, var(--purple) 100%); } .bg-gradient-purple-pink:hover { animation: bg1 1s linear infinite; letter-spacing: 5px; transform: scale(1.3); transition: 1s all; } .bg-gradient-pink-purple:hover { animation: bg2 1s linear infinite; letter-spacing: 5px; transform: scale(1.3); transition: 1s all; } @keyframes bg1 { 0% { background: linear-gradient(321deg, var(--purple) 0%, var(--pink) 100%); } 100% { background: linear-gradient(123deg, var(--purple) 0%, var(--pink) 100%); } } @keyframes bg2 { 0% { background: linear-gradient(321deg, var(--pink) 0%, var(--purple) 100%); } 100% { background: linear-gradient(123deg, var(--pink) 0%, var(--purple) 100%); } } .font-white { color: var(--white); } .font-red { color: var(--red); } .font-sans-serif { font-family: sans-serif; } .font-bold { font-weight: 700; } .border-white { border: 1px solid var(--white); border-radius: 5px; } .fs-2 { font-size: 2vh; } .hidden { display: none; } .brand { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; text-align: center; } .title { transition: 1s; animation: cenat-cenut 1.5s linear infinite; } @keyframes cenat-cenut { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } .sepuh { display: flex; flex-direction: row; flex-wrap: nowrap; white-space: nowrap; justify-content: center; align-items: center; margin-top: 1rem; font-size: 0.75em; } .sepuh>span { letter-spacing: 2px; position: relative; display: inline-block; animation: sepuh 0.5s ease-in-out infinite; animation-delay: calc(0.9s * var(--nulz)); } footer.bawah { position: fixed; bottom: 2%; } #pemula { background: transparent; } @keyframes sepuh { 0% { transform: translateY(0px); color: var(--sky); } 20% { color: #ff0000; text-shadow: 0 0 20px rgb(255, 0, 128); transform: translateY(-5px); } 100% { transform: translateY(0px); color: var(--sky); } } </style></head> <body> <div class="content"> <div class="card image"></div> <div class="brand font-white my-4"> <h1 class="title font-bold font-sans-serif"> ABO777 </h1><br> <h4 class="pemula font-sans-serif">abo777 | abo777m0k.com</h4> <div class="sepuh font-sans-serif"> <span style="--nulz:1;"> Daftar & Login Link Alternatif 1 </span> <span style="--nulz:2;"> Link Alternatif 2 Link Alternatif 3 Livechat abo777. ™ Rekomendasi Permainan Asia </span> </div> </div> <div class="btn-grup my-2"> <a href="https://abo777b.homes/abo777-3?ref=4597454" rel="nofollow"> <button type="button" class="btn btn-login bg-gradient-orange-gold font-bold font-black border-white fs-2" style="padding: 15px 40px;">DAFTAR</button> </a> </div> <a href="https://abo777b.homes/abo777-1" rel="nofollow"> <button type="button" class="btn btn-daftar bg-gradient-orange-gold font-bold font-black border-white fs-2" style="padding: 15px 40px;">LOGIN</button> </a> <br> <a href="https://abo777b.homes/abo777-1" rel="nofollow"> <button type="button" class="btn btn-daftar bg-gradient-orange-gold font-bold font-black border-white fs-2" style="padding: 15px 40px;">LIVE CHAT</button> </a> <div class="hidden"> </div> </div> <footer class="bawah"> <span class="font-white font-bold">M0k©2024 - <strong class="font-bold font-red font-sans-serif">ABO777</strong> - All Right Reserved</span> </footer></body> </html>
