Skip to content

Happy Brithday My Love #131

@bhattviraj009-source

Description

@bhattviraj009-source
<title>Happy Birthday My Love</title> <style> body { margin: 0; padding: 0; font-family: 'Segoe UI', sans-serif; background: linear-gradient(to right, #ffd1dc, #ffe6e6); color: #4b2e2e; display: flex; flex-direction: column; align-items: center; text-align: center; }
.container {
  max-width: 800px;
  padding: 40px 20px;
}

h1 {
  font-size: 3em;
  color: #d6336c;
}

p {
  font-size: 1.3em;
  line-height: 1.6;
}

.heart {
  font-size: 2em;
  animation: pulse 1s infinite;
  color: red;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.btn {
  margin-top: 30px;
  padding: 12px 25px;
  font-size: 1em;
  background-color: #ff66a3;
  color: white;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.btn:hover {
  background-color: #ff3385;
}

#surprise {
  margin-top: 30px;
  display: none;
  font-size: 1.2em;
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

footer {
  margin-top: 40px;
  font-size: 0.9em;
  color: #555;
}

audio {
  margin-top: 20px;
}
</style>

Happy Birthday Priya ❤️

💖

My love, today is all about you.
Thank you for bringing so much happiness into my life.
You are not just my wife, but my best friend, my soulmate, my everything.
I wish you endless joy, laughter, and love on your special day.

I love you more than words can ever express. 💕

<button class="btn" onclick="showSurprise()">Click for Surprise 🎁</button>

<div id="surprise">
  🌟 Surprise! I’ve planned a special evening just for you. <br>
  Dress up, and get ready to be treated like a queen 👑.<br>
  (P.S. Check the gift under your pillow 🎁😉)
</div>

<audio controls autoplay loop>
  <source src="https://www.bensound.com/bensound-music/bensound-romantic.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

<footer>
  Made with ❤️ by Your Husband
</footer>
<script> function showSurprise() { document.getElementById('surprise').style.display = 'block'; } </script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions