<title>For My Love ❤️</title>
<style>
body {
margin: 0;
padding: 0;
background: linear-gradient(45deg, #ff6b6b, #ff9ff3);
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
color: white;
text-align: center;
}
.box {
cursor: pointer;
padding: 20px 40px;
border: 2px solid white;
border-radius: 15px;
font-size: 24px;
transition: 0.3s;
}
.box:hover {
background: white;
color: #ff6b6b;
}
.hidden {
display: none;
}
h1 {
font-size: 50px;
animation: pop 1s ease-in-out infinite alternate;
}
@keyframes pop {
from { transform: scale(1); }
to { transform: scale(1.1); }
}
p {
font-size: 20px;
}
</style>
Click Here ❤️ (Your GF Name)
You are the most special person in my life 💕
Forever & Always 😘
<script>
function showLove() {
document.getElementById("start").style.display = "none";
document.getElementById("loveMessage").classList.remove("hidden");
}
</script>