<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
font-family: 'Segoe UI', sans-serif;
text-align: center;
background: linear-gradient(-45deg, #ff9a9e, #fad0c4, #a1c4fd, #c2e9fb);
background-size: 600% 600%;
animation: gradientBG 15s ease infinite;
color: #fff;
}
@keyframes gradientBG {
0% {background-position:0% 50%}
50% {background-position:100% 50%}
100% {background-position:0% 50%}
}
.container {
padding: 40px 20px;
max-width: 800px;
margin: auto;
}
.logo {
max-width: 150px;
margin: 20px auto 30px;
}
h1 {
font-size: 30px;
margin-bottom: 10px;
background: linear-gradient(to right, #f6d365, #fda085);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.status-message {
font-size: 18px;
margin: 20px auto 40px;
background: linear-gradient(to right, #43e97b, #38f9d7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#clickBtn {
font-size: 20px;
padding: 15px 50px;
background: linear-gradient(to right, #ff9966, #ff5e62);
color: white;
border: none;
border-radius: 10px;
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
#clickBtn:hover {
transform: scale(1.05);
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.4);
}
#finalLink {
display: none;
font-size: 18px;
margin-top: 30px;
padding: 20px;
border: 2px dashed white;
background: rgba(255,255,255,0.1);
}
#finalLink a {
color: #00ffff;
text-decoration: underline;
}
@media screen and (max-width: 600px) {
h1 { font-size: 24px; }
.status-message { font-size: 16px; }
#clickBtn { font-size: 18px; padding: 12px 35px; }
}
</style>
</head>
<body>
<div class="container">
<!-- Logo Image -->
<img src="https://i.imgur.com/zA1Z7eN.png" alt="Canva Pro Logo" class="logo">
<!-- Title -->
<h1>Canva Pro for Free Telegram Channel Link</h1>
<!-- Instruction Message -->
<p class="status-message" id="statusMsg">
Please click on the button below 2 times to unlock your Canva pro telegram Channel link
</p>
<!-- Button -->
<button id="clickBtn" onclick="handleClick()">Click Here</button>
<!-- Final Link -->
<div id="finalLink">
<strong>Your Canva Pro Telegram Link:</strong><br>
<a href="https://web.telegram.org/k#.1485990742" target="_blank">
https://web.telegram.org/k#.1485990742
</a>
</div>
</div>
<!-- JavaScript -->
<script>
var clickCount = 0;
var maxClicks = 10;
var redirectLinks = [
"https://www.profitableratecpm.com/z4u5tvce4?key=feadb7a83edde19618f0674f14d9eda5",
"https://www.profitableratecpm.com/nq8bbr4b?key=254f1943ebcc19082a1b2f0125e165eb"
];
function handleClick() {
if (clickCount < maxClicks) {
var redirectUrl = redirectLinks[clickCount % redirectLinks.length];
window.open(redirectUrl, '_blank', 'width=600,height=400');
clickCount++;
var remaining = maxClicks - clickCount;
if (clickCount >= maxClicks) {
document.getElementById("clickBtn").style.display = "none";
document.getElementById("statusMsg").innerText = "✅All clicks complete!";
document.getElementById("finalLink").style.display = "block";
} else {
document.getElementById("statusMsg").innerText =
"Please click on the button below " + remaining +
(remaining === 1 ? " more time" : " more times") +
" to unlock your Canva pro telegram Channel link";
}
}
}
</script>
</body>
</html>
Comments
Post a Comment