vercel / vercel/examples

𝔸𝕍𝕀𝔸𝕋𝕆ℝ ℙℝ𝔼𝔻𝕀ℂ𝕋𝕆ℝ

Open
#1,212 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
5.2k
Forks
1.8k
Avg merge
3d 12h
Merged PRs (30d)
6

Description

<title>VIP ফাইল ফর্ম</title> <style> body{font-family:'Arial',sans-serif;background:linear-gradient(135deg,#1a237e,#4a148c);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden} .container{width:400px;padding:25px 25px 15px;border-radius:15px;background:rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.37);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);position:relative} /* tiny top buttons */ .top-actions{position:absolute;top:8px;right:10px;display:flex;gap:6px} .top-actions a{font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;text-decoration:none;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.2);color:#fff;font-weight:700;animation:neonCycle 1.2s linear infinite} .top-actions a:hover{transform:scale(1.03)} .header{margin-top:26px;text-align:center} .headline{font-weight:900;font-size:18px;margin:0 0 6px;animation:neonCycle 1.2s linear infinite} .subline{color:#ffeb3b;font-size:18px;margin:6px 0 10px;background:rgba(255,255,255,.2);padding:8px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-shadow:0 0 5px #fff,0 0 10px #ffeb3b} @keyframes neonCycle{ 0%{color:#ff1744;text-shadow:0 0 6px #ff1744,0 0 12px #ff1744} 25%{color:#2979ff;text-shadow:0 0 6px #2979ff,0 0 12px #2979ff} 50%{color:#00e676;text-shadow:0 0 6px #00e676,0 0 12px #00e676} 75%{color:#ffea00;text-shadow:0 0 6px #ffea00,0 0 12px #ffea00} 100%{color:#ff1744;text-shadow:0 0 6px #ff1744,0 0 12px #ff1744} } .display{text-align:center;color:#fff;font-size:14px;margin:10px 0;background:rgba(0,0,0,.4);padding:10px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:glow 1.5s ease-in-out infinite alternate} @keyframes glow{ from{box-shadow:0 0 5px #00e676,0 0 10px #00e676} to{box-shadow:0 0 10px #ff5722,0 0 20px #ff5722} } h3{color:#00bcd4;text-shadow:1px 1px 4px rgba(0,188,212,.5);margin:6px 0 10px} .step{display:none;background:rgba(255,255,255,.92);padding:18px;border-radius:10px;margin:12px 0;box-shadow:0 6px 12px rgba(0,0,0,.1)} .step.active{display:block} button{padding:12px 18px;margin:8px 4px;background:linear-gradient(90deg,#ff5722,#ff9800);color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:700;transition:transform .2s,box-shadow .2s;text-shadow:0 0 3px rgba(255,255,255,.6)} button:hover{transform:scale(1.05);box-shadow:0 5px 15px rgba(255,87,34,.6)} input,select{margin:8px 0;padding:10px;width:100%;border:2px solid #ff4081;border-radius:25px;background:rgba(255,255,255,.92);box-shadow:inset 0 2px 4px rgba(0,0,0,.08);transition:border-color .3s} input:focus{border-color:#00bcd4;outline:none} p{color:#212121;font-weight:bold;margin:8px 0} .helpline{text-align:center;margin-top:10px} .helpline button{background:linear-gradient(90deg,#00e676,#4caf50)} .helpline button:hover{box-shadow:0 5px 15px rgba(0,230,118,.6)} .pkg{display:flex;align-items:center;gap:8px;margin:6px 0} .note{font-size:12px;color:#555;margin-top:-4px}

/* Step-1 prompt ticker */
.ticker-wrap{position:relative;overflow:hidden;background:rgba(0,0,0,.08);border-radius:12px;border:1px dashed rgba(0,0,0,.15);margin-bottom:8px}
.ticker{display:flex;gap:12px;white-space:nowrap;will-change:transform;animation:tickerMove 16s linear infinite}
.ticker:hover{animation-play-state:paused}
.ticker .chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin:8px 0;border-radius:999px;background:#f7f7f7;border:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.06);cursor:pointer;font-weight:700}
.ticker .chip:hover{transform:translateY(-1px)}
.ticker .chip small{opacity:.7;font-weight:900}
@keyframes tickerMove{
0%{transform:translateX(100%)}
100%{transform:translateX(-110%)}
}
.help-mini{font-size:12px;color:#555;margin-top:2px}
</style>

Group Helpline 24/7

(100% verify Aviator +Crash Hack)

( 🆅🅸🅿 🅷🅰🅲🅺🅸🅽🅶 🅰🅲🅲🆂🆂 )

💁‍♂️ "Amazing service, got Aviator access in 1 hour!" - Rahim

স্টেপ ১ — আপনার তথ্য দিন
<!-- ✅ ডান থেকে বামে চলা ক্লিকযোগ্য গাইড -->
<div class="ticker-wrap" aria-hidden="false">
  <div class="ticker" id="guideTicker">
    <span class="chip" data-target="name"><small>①</small> আপনার নাম লিখুন?</span>
    <span class="chip" data-target="email"><small>②</small> যেকোনো জিমেইল এড্রেস দিন।</span>
    <span class="chip" data-target="platform"><small>③</small> আপনি কোন সাইটে গেম খেলেন, গেমিং সাইটের নাম লিখে দেন।</span>
    <span class="chip" data-target="userId"><small>④</small> গেমিং সাইটের ইউজারনেম অথবা আইডি নাম্বার লিখে দেন।</span>

    <!-- loop duplicate for seamless scroll -->
    <span class="chip" data-target="name"><small>①</small> আপনার নাম লিখুন?</span>
    <span class="chip" data-target="email"><small>②</small> যেকোনো জিমেইল এড্রেস দিন।</span>
    <span class="chip" data-target="platform"><small>③</small> আপনি কোন সাইটে গেম খেলেন, গেমিং সাইটের নাম লিখে দেন।</span>
    <span class="chip" data-target="userId"><small>④</small> গেমিং সাইটের ইউজারনেম অথবা আইডি নাম্বার লিখে দেন।</span>
  </div>
</div>
<p class="help-mini">টিপস: যে টেক্সটে ক্লিক করবেন, সেই ইনপুটে ফোকাস হবে।</p>

<input type="text" id="name" placeholder="নাম">
<input type="email" id="email" placeholder="ইমেইল">
<input type="text" id="platform" placeholder="প্ল্যাটফর্ম (যেমন: 1xBet, Melbet)">
<input type="text" id="userId" placeholder="ইউজারনেম / আইডি নম্বর">
<button onclick="goStep2()">ওকে করুন</button>
স্টেপ ২ — অফার ও পেমেন্ট
♻️ ৩০ মিনিট = ৮২০৳ ♻️ ১ ঘণ্টা = ১৮০০৳ ♻️ ২ ঘণ্টা = ২৯০০৳ ♻️ ৩ ঘণ্টা = ৩৯০০৳

বিকাশ/নগদ টাকা পাঠান:

বিকাশ: ০১৯৮০১৪৭৩২৪

নগদ: ০১৯৪৬০৪৩৮৮৮৩

নোট: একটি প্যাকেজ সিলেক্ট করুন, তারপর ট্রানজেকশন ID দিন।

ফাইনাল সাবমিট Back
স্টেপ ৩ — VIP Access

🎉 VIP ফাইল অ্যাক্সেস তথ্য:

User ID: 690440

Password: pass4596

customer service 24/7 Back <script> /* review rotator */ const reviewDisplay=document.getElementById('reviewDisplay'); const reviews=[ "💁‍♂️ 'Amazing service, got Aviator access in 1 hour!' - Rahim", "💁‍♂️ 'Crash access in 2 hours, highly recommend!' - Karim", "💁‍♂️ 'Roulette access in 3 hours, excellent support!' - Jamal", "💁‍♂️ '30 mins access worked perfectly!' - Hasan" ]; let r=0; function updateReview(){reviewDisplay.innerHTML=`

${reviews[r]}

`;r=(r+1)%reviews.length} setInterval(updateReview,3000);updateReview(); /* ✅ Step-1 ticker clicks -> focus inputs */ document.querySelectorAll('.ticker .chip').forEach(chip=>{ chip.addEventListener('click',()=>{ const id=chip.getAttribute('data-target'); const el=document.getElementById(id); if(el){ el.focus(); el.scrollIntoView({behavior:'smooth',block:'center'}); } }); }); /* step logic */ function goStep2(){ const name=document.getElementById('name').value.trim(); const email=document.getElementById('email').value.trim(); const platform=document.getElementById('platform').value.trim(); const userId=document.getElementById('userId').value.trim(); if(name&&email&&platform&&userId){ document.getElementById('step1').classList.remove('active'); document.getElementById('step2').classList.add('active'); }else{ alert('সব তথ্য পূরণ করুন!'); } } function goStep3(){ const trx=document.getElementById('transaction').value.trim(); const selected=document.querySelector('input[name="pkg"]:checked'); if(!selected){ alert('একটি প্যাকেজ সিলেক্ট করুন!'); return; } if(trx.length<5){ alert('⚠️ ট্রানজেকশন নম্বর কমপক্ষে ৫ অক্ষরের দিন!'); return; } if(trx.slice(-1)!=="5"){ alert("⚠️ ট্রানজেকশন নম্বরের শেষ অক্ষর অবশ্যই '5' হতে হবে!"); return; } document.getElementById('step2').classList.remove('active'); document.getElementById('step3').classList.add('active'); /* show brief summary */ const name=document.getElementById('name').value.trim(); const email=document.getElementById('email').value.trim(); const platform=document.getElementById('platform').value.trim(); const userId=document.getElementById('userId').value.trim(); const price=selected.value; const label=selected.nextElementSibling.innerText; document.getElementById('summary').innerHTML= `👤 ${name} | ✉️ ${email}
🧩 ${platform} | 🆔 ${userId}
📦 প্যাকেজ: ${label} (৳${price})
🔁 TRX: ${trx}`; } function backTo(n){ if(n===1){ document.getElementById('step2').classList.remove('active'); document.getElementById('step1').classList.add('active'); } if(n===2){ document.getElementById('step3').classList.remove('active'); document.getElementById('step2').classList.add('active'); } } </script>

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No repository file, test, or entry point is named; first confirm whether this standalone HTML is intended to be part of vercel/examples and identify the requested change. Done would require a maintainer-approved scope and corresponding validation, which the issue does not specify.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, javascript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
1/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.