HTML ad tag preview - Powered by Ad Reform

Live Preview

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

150x150

15.6 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>Colour Prediction</title><style>body { margin: 0; font-family: 'Poppins', sans-serif; min-height: 100vh; overflow-x: hidden; background: linear-gradient(135deg, #0F2027, #203A43, #2C5364); color: #000; text-align: center; position: relative;}
/* Floating particles background */body::before { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; background-image: radial-gradient(circle, rgba(255,255,255,0.9) 1px, transparent 2px), radial-gradient(circle, rgba(255,255,0,0.8) 2px, transparent 3px), radial-gradient(circle, rgba(255,165,0,0.9) 3px, transparent 4px), radial-gradient(circle, rgba(255,255,0,0.7) 1.5px, transparent 2.5px); background-size: 60px 60px, 80px 80px, 100px 100px, 70px 70px; animation: fallingDots 10s linear infinite; z-index: 0;}
@keyframes fallingDots { 0% { background-position: 0 -100px, 0 -200px, 0 -300px, 0 -400px; } 100% { background-position: 0 800px, 0 900px, 0 1000px, 0 1100px; }}
/* Container */.container { position: relative; z-index: 1; padding: 20px;}
/* Profile image */.profile { width: 140px; height: 140px; border-radius: 50%; border: 5px solid #FFD700; box-shadow: 0 0 25px #FFD700; object-fit: cover; margin: 20px auto;}
/* Boxes – background same as JOIN button, border + glow yellow */.card, .card.highlight, .card.highlight.small, .card.small { background: linear-gradient(45deg, #ff00ff, #00ffff); /* same as JOIN button */ color: white; margin: 20px auto; padding: 15px; width: 80%; border-radius: 15px; border: 2px solid #FFD700; /* yellow border */ box-shadow: 0 0 10px #FFD700, 0 0 20px #FFC700; /* soft yellow glow on border */ position: relative; overflow: hidden; transition: 0.3s;}
/* Glow animation for boxes */.card:hover, .card.highlight:hover, .card.highlight.small:hover, .card.small:hover { box-shadow: 0 0 18px #FFD700, 0 0 36px #FFC700;}
/* JOIN button – original gradient + subtle yellow glow */.button { display: inline-block; margin: 25px 0; padding: 15px 40px; border-radius: 50px; background: linear-gradient(45deg, #ff00ff, #00ffff); color: white; font-size: 22px; text-decoration: none; box-shadow: 0 0 12px #FFD700, 0 0 24px #FFD700; transition: 0.3s; animation: rotateBtn 3s linear infinite;}
.button:hover { transform: scale(1.1); box-shadow: 0 0 25px #FFD700, 0 0 40px #FFD700;}
@keyframes rotateBtn { 0% { transform: rotate(0deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(0deg); }}
/* Circle timer soft yellow glow */.circle { width: 120px; height: 120px; border-radius: 50%; margin: 20px auto; border: 4px solid #FFD700; display: flex; align-items: center; justify-content: center; font-size: 40px; box-shadow: 0 0 12px #FFD700, 0 0 24px #FFC700; animation: pulseCircle 3s infinite alternate;}
@keyframes pulseCircle { from { box-shadow: 0 0 12px #FFD700, 0 0 24px #FFC700; transform: scale(1); } to { box-shadow: 0 0 18px #FFD700, 0 0 36px #FFC700; transform: scale(1.05); }}
/* Small cards */.small { font-size: 16px; padding: 10px;}</style></head><body>
<div class="container"> <img src="your-logo.png" class="profile" alt="Profile">
<div class="card"> Colour prediction [ BABA ] </div>
<div class="card highlight"> sureshot number prediction 🤯🔥 </div>
<!-- JOIN button – same as before --> <a href="https://t.me/+hug7WhSFTQZlN2Fl" class="button">JOIN TELEGRAM</a>
<div class="circle" id="circleTimer">10</div>
<div class="card small"> Auto joining in <span id="countdown">12</span> seconds... </div>
<div class="card small"> 💥 100% prediction </div>
<div class="card highlight small"> 💸 Money Refund Guarantee </div>
<div class="card highlight small"> 🛎️ 24/7 Support Available </div></div>
<script>let timeLeft = 10;const el = document.getElementById('countdown');

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

4KB

Transfer Size

4KB

Content Size

160.0ms

Dom Content Loaded

380.0ms

First Paint

171.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