I want make link #891
Description
<title>Happy Birthday Bestii 🎉</title>
<style>
body {
margin: 0;
font-family: 'Comic Sans MS', cursive;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(135deg,#ff9a9e,#fad0c4);
transition: background 1s;
}
.card {
background: white;
padding: 35px;
border-radius: 25px;
text-align: center;
width: 320px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
button {
margin-top: 20px;
padding: 12px 25px;
border: none;
border-radius: 30px;
background: #ff4d6d;
color: white;
font-size: 16px;
cursor: pointer;
}
button:hover {
background: #ff1c4d;
}
.hidden {
display: none;
}
.glow {
animation: glow 2s infinite alternate;
}
@Keyframes glow {
from { box-shadow: 0 0 10px pink; }
to { box-shadow: 0 0 30px hotpink; }
}
</style>
Next Surprise 🎁
<script>
function nextPage(page) {
document.getElementById("page1").classList.add("hidden");
document.getElementById("page2").classList.add("hidden");
document.getElementById("page3").classList.add("hidden");
document.getElementById("page" + page).classList.remove("hidden");
if(page === 2){
document.body.style.background =
"linear-gradient(135deg,#a18cd1,#fbc2eb)";
}
if(page === 3){
document.body.style.background =
"linear-gradient(135deg,#fddb92,#d1fdff)";
}
}
function showMsg() {
document.getElementById("msg").innerHTML =
"You make my bad days better & good days brighter ✨🥰";
}
</script>
🎉 Happy Birthday Bestii 🎉
Someone super special has a birthday today 💖
Tap to Continue 👉💌 Dear Bestii 💌
Click the button for a message 👇
Click Me 💕Next Surprise 🎁
🎂 Happiest Birthday 🎂
Forever my person 💖
More laughs, memories & crazy moments ahead 🥳
🎈🎉💝