अधिकृत ऐप सत्यापन

10613 alqsdeus

संपादक में खोलें Video अपना कोड प्रकाशित करें

अनुशंसित

20 June 2025

सीएसएस ग्लासमोर्फिज्म प्लेयर और ऐप आइकन यूआई

29 November 2024

कुशल ऐप58 द्वारा एक कोड

28 August 2025

टेलविंड के साथ संगीत स्ट्रीमिंग ऐप HTML टेम्पलेट

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Authorised</title>
  <link href="https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Fredoka One', sans-serif;
    }

body {
      background: #0d0d0d;
      color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 40px;
      height: 100vh;
      justify-content: center;
      position: relative;
    }

.hdr {
      font-size: 28px;
      margin-bottom: 16px;
      color: #b6fcd5;
    }

.inbx {
      background-color: rgba(0, 0, 0, 0.65);
      padding: 16px;
      border-radius: 16px;
      border: 1px solid rgba(0, 255, 128, 0.2);
      backdrop-filter: blur(12px);
      margin-bottom: 20px;
      width: 600px;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.7);
    }

.srch {
      background-color: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(0, 255, 128, 0.2);
      padding: 10px;
      border-radius: 10px;
      margin-bottom: 20px;
      width: 600px;
      color: white;
    }

.appc {
      background-color: rgba(0, 0, 0, 0.65);
      border: 1px solid rgba(0, 255, 128, 0.2);
      backdrop-filter: blur(12px);
      width: 600px;
      border-radius: 20px;
      padding: 24px 30px;
      box-shadow: 0 0 12px rgba(0, 255, 128, 0.1);
      margin-bottom: 20px;
    }

.apphd {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

.appif {
      display: flex;
      align-items: center;
      gap: 12px;
    }

.applg {
      width: 40px;
      height: 40px;
      background-color: black;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #00ff80;
      box-shadow: 0 0 6px rgba(0,255,128,0.3);
    }

.appnm {
      font-size: 18px;
      color: white;
    }

.authd {
      font-size: 12px;
      color: #b5bac1;
    }

.expand {
      background-color: rgba(0, 255, 128, 0.05);
      margin-top: 20px;
      border-radius: 12px;
      padding: 16px;
      font-size: 14px;
      color: #d1d1d1;
      border: 1px solid rgba(0, 255, 128, 0.15);
    }

.expand a {
      color: #00ff80;
      text-decoration: none;
    }

.expand a:hover {
      text-decoration: underline;
    }

.perms {
      margin-top: 12px;
      color: #b5bac1;
    }

.perms span::before {
      content: "✔ ";
      color: #00ff80;
    }

.deauth {
      background-color: rgba(255, 0, 0, 0.75);
      color: white;
      padding: 8px 14px;
      border: none;
      border-radius: 10px;
      cursor: pointer;
      font-size: 14px;
      transition: 0.3s;
    }

.deauth:hover {
      background-color: rgba(255, 0, 0, 0.9);
    }

#verystat {
      margin-top: 12px;
      font-size: 14px;
      color: #b5bac1;
    }

#verystat.success {
      color: #00ff80;
    }

.randbtn {
      position: absolute;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      background-color: rgba(0, 255, 128, 0.8);
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      cursor: pointer;
      border: none;
      box-shadow: 0 0 5px rgba(0,255,128,0.5);
      transition: all 0.3s;
    }

.randbtn:hover {
      background-color: rgba(0, 255, 128, 1);
      transform: scale(1.1);
    }

.randbtn-container {
      position: absolute;
      top: -70px;
      z-index: 10;
      display: flex;
      justify-content: space-evenly;
      width: 100%;
    }

</style>
</head>
<body>

<div class="hdr">Authorised</div>

<div class="appc">
    <div class="apphd">
      <div class="appif">
        <div class="applg"><i class="fa-brands fa-pinterest"></i></div>
        <div>
          <div class="appnm">Pinterest Authorised</div>
          <div class="authd">Requested Access</div>
        </div>
      </div>
    </div>

<div id="verify" style="text-align: center; margin-top: 30px;">
      <button id="vbtn" class="deauth">
        <i class="fa-solid fa-shield-halved"></i> Verify you're human
      </button>
      <p id="verystat"></p>
    </div>
  </div>

randBtns.forEach(btn => btn.remove());
      randBtns = [];

for (let i = 0; i < 4; i++) {
        const randBtn = document.createElement("button");
        randBtn.classList.add("randbtn");
        const icon = icons[Math.floor(Math.random() * icons.length)];
        randBtn.innerHTML = `<i class="fa-solid ${icon}"></i>`;
        randBtn.style.top = `${Math.random() * 20 + 30}vh`;
        randBtn.style.left = `${Math.random() * 90}vw`;

randBtns.push(randBtn);
        document.querySelector('.randbtn-container').appendChild(randBtn);

randBtn.addEventListener("click", function () {
          startVerification();
          randBtns.forEach((btn) => btn.style.display = "none");
        });
      }
    }

function startVerification() {
      const btn = document.getElementById("vbtn");
      const stat = document.getElementById("verystat");

btn.disabled = true;
      btn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Verifying...';
      stat.textContent = "Please wait while we confirm you're not a bot.";

const delay = Math.floor(Math.random() * (10000 - 4000 + 1)) + 4000;

setTimeout(() => {
        stat.innerHTML = '<i class="fa-solid fa-check-circle"></i> Verification successful! Redirecting...';
        stat.classList.add("success");
        btn.style.display = "none";

setTimeout(() => {
          window.location.href = "https://discord.gg/6uRkgaynqV";
        }, 1500);
      }, delay);
    }
    setTimeout(() => {
      createRandomButtons();
    }, 20000);

document.getElementById("vbtn").addEventListener("click", function () {
      createRandomButtons();
    });

</script>
</body>
</html>

अधिकृत ऐप सत्यापन

अनुशंसित

सीएसएस ग्लासमोर्फिज्म प्लेयर और ऐप आइकन यूआई

कुशल ऐप58 द्वारा एक कोड

टेलविंड के साथ संगीत स्ट्रीमिंग ऐप HTML टेम्पलेट

HTML

CSS

JS

अनुशंसित

सीएसएस ग्लासमोर्फिज्म प्लेयर और ऐप आइकन यूआई

कुशल ऐप58 द्वारा एक कोड

टेलविंड के साथ संगीत स्ट्रीमिंग ऐप HTML टेम्पलेट

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS