Untitled
2 hours ago in Plain Text
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>For My Anshuuu πŸ’•</title>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Poppins:wght@300;400&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif;
background: linear-gradient(135deg, #ff9a9e, #fecfef, #ffecd2);
color: #333;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
text-align: center;
}
h1 {
font-family: 'Dancing Script', cursive;
font-size: 3em;
color: #e91e63;
margin-bottom: 20px;
}
.hearts {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: -1;
}
.heart {
position: absolute;
color: #ff69b4;
font-size: 2em;
animation: float 6s infinite linear;
}
.heart:nth-child(odd) { animation-delay: -3s; }
@keyframes float {
0% { transform: translateY(100vh) rotate(0deg); opacity: 1; }
100% { transform: translateY(-100vh) rotate(360deg); opacity: 0; }
}
.photo {
width: 220px;
height: 220px;
border-radius: 50%;
object-fit: cover;
margin: 20px auto;
border: 4px solid #e91e63;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.message {
background: rgba(255, 255, 255, 0.8);
border-radius: 20px;
padding: 30px;
margin: 20px 0;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
font-size: 1.2em;
line-height: 1.6;
}
.kisses {
font-size: 2em;
margin: 20px 0;
}
footer {
margin-top: 40px;
font-size: 0.9em;
color: #666;
}
</style>
</head>
<body>
<div class="hearts">
<div class="heart">❀️</div>
<div class="heart">πŸ’–</div>
<div class="heart">πŸ’•</div>
<div class="heart">😘</div>
<div class="heart">πŸ’‹</div>
<div class="heart">❀️</div>
<div class="heart">πŸ’–</div>
<div class="heart">πŸ’•</div>
</div>
<div class="container">
<h1>For My Anshuuu πŸ’•</h1>
<!-- Your Photo Added -->
<img class="photo" src="https://i.ibb.co/YTPXz9vg/IMG-20251116-20503807.jpg" alt="Our Photo">
<div class="message">
<p>My dearest Anshuuu, you are my home, my pav bhajiβ€”the comforting warmth that fills my heart with every bite of joy. Like that perfect blend of spices and veggies, you bring flavor to my days, making every moment spicy, sweet, and utterly irresistible. I love you more than words can say, my forever cuddle partner , yr betuu i really love you alott like i can't imagine my life with youu i don't where when we became so close and when you became so important to me but now you mean my home to me, i can spend my whole life with you yr mera bachuuu, i can't describe my feelings bhaut long para ho jayega tho tu samaj ja bs love you yr anshuu puttπŸ₯ΉπŸ«€πŸŒŽπŸ§Ώβ€οΈπŸ«‚</p>
</div>
<div class="kisses">
πŸ˜˜πŸ’‹β€οΈπŸ˜˜πŸ’‹β€οΈπŸ˜˜πŸ’‹β€οΈ
</div>
<footer>
Made with lots of love for Anshuuu. πŸ’–
</footer>
</div>
<script>
// Simple script to randomize heart positions
document.addEventListener('DOMContentLoaded', function() {
const hearts = document.querySelectorAll('.heart');
hearts.forEach(heart => {
heart.style.left = Math.random() * 100 + '%';
heart.style.animationDuration = (Math.random() * 4 + 4) + 's';
});
});
</script>
</body>
</html>