HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!

1920x1080

404 KB

Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:

Script

Open in browser

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Happy Birthday Awais 🎂</title>
<style>
body {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);
    color: white;
    font-family: 'Segoe UI', sans-serif;
    text-align: center;
    padding: 20px;
    min-height: 100vh;
    overflow: hidden;
}
.box {
    background: rgba(0,0,0,0.4);
    padding: 25px;
    border-radius: 20px;
    max-width: 400px;
    margin: 20px auto;
    box-shadow: 0 8px 30px rgba(0,0,0,0.5);
    animation: fadeIn 1s ease-in;
}
@keyframes fadeIn { from {opacity:0; transform:scale(0.8);} to {opacity:1; transform:scale(1);} }
h1 { font-size: 26px; margin-bottom: 10px; animation: glow 2s infinite; }
@keyframes glow { 0%,100%{text-shadow:0 0 10px #ff6b6b;} 50%{text-shadow:0 0 20px #ff6b6b;} }
.cake { font-size: 100px; animation: bounce 1.5s infinite; }
@keyframes bounce { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-20px);} }
.confetti { position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; }
button {
    background: #ff6b6b;
    border: none;
    padding: 12px 25px;
    border-radius: 50px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    margin-top: 15px;
    animation: pulse 1.5s infinite;
}
@keyframes pulse { 0%{transform:scale(1);} 50%{transform:scale(1.1);} 100%{transform:scale(1);} }
</style>
</head>
<body>

<div class="box" id="portal">
    <h1>🔄 BIRTHDAY SYSTEM LOADING...</h1>
    <p>█▓▒░ 100% Complete</p>
    <button onclick="startBirthday()">Click to Open Cake 🎁</button>
</div>

<div class="box" id="wish" style="display:none;">
    <h1>🎂 Happy 17th Birthday, Awais Khan! 🎉</h1>
    <div class="cake" onclick="cutCake()">🎂</div>
    <p><b>Tap the cake to cut it! 👇</b></p>
    
    <h3>Loading Gifts...</h3>
    <p>✔ ❤️ Unlimited Love <br> ✔ 😊 Endless Happiness <br> ✔ 💪 Good Health <br> ✔ 🌟 Great Success</p>
    
    <p><b>Friendship Status:</b> ♾️ Forever</p>
    <p><b>Happiness Mode:</b> ACTIVATED ✨</p>
    
    <p style="margin-top:15px;">May Allah bless you with a long, happy, and successful life. ❤️🎉</p>
</div>

<canvas class="confetti" id="confetti"></canvas>

<!-- Music -->
<audio id="bgMusic" loop>
  <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg">
</audio>

<!-- Voice -->
<audio id="voice">
  <source src="https://www.soundjay.com/human/sounds/applause-8.mp3" type="audio/mpeg">
</audio>

<script>
function startBirthday(){
    document.getElementById('portal').style.display = 'none';
    document.getElementById('wish').style.display = 'block';
    document.getElementById('bgMusic').play();
    setTimeout(()=>{ document.getElementById('voice').play(); }, 2000);
    launchConfetti();
}

function cutCake(){
    alert("🎉 Cake Cut Ho Gaya! 🎉\nAb Party Shuru!");
    launchConfetti();
}

function launchConfetti(){
    // simple confetti effect
    const canvas = document.getElementById('confetti');
    const ctx = canvas.getContext('2d');
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    for(let i=0; i<100; i++){
        ctx.fillStyle = `hsl(${Math.random()*360},100%,50%)`;
        ctx.fillRect(Math.random()*canvas.width, Math.random()*canvas.height, 5, 5);
    }
    setTimeout(()=>{ ctx.clearRect(0,0,canvas.width,canvas.height); }, 3000);
}
</script>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

4KB

Transfer Size

4KB

Content Size

186.0ms

Dom Content Loaded

280.0ms

First Paint

1,048.0ms

Load Time

Domain Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests

Timings (ms)

Total Time

Content Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests