<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Happy Birthday Dhawal🎂</title> <style> *{ margin:0; padding:0; box-sizing:border-box; font-family:Arial,sans-serif; } body{ background:linear-gradient(135deg,#ff9a9e,#fad0c4,#fad0c4,#fbc2eb); background-size:400% 400%; animation:bg 10s infinite alternate; text-align:center; overflow-x:hidden; } @keyframes bg{ 0%{background-position:left;} 100%{background-position:right;} } .container{ max-width:1000px; margin:auto; padding:30px; } h1{ font-size:55px; color:white; text-shadow:2px 2px 10px black; animation:zoom 2s infinite alternate; margin-bottom:20px; } @keyframes zoom{ from{transform:scale(1);} to{transform:scale(1.08);} } .subtitle{ font-size:25px; color:white; margin-bottom:30px; } .gallery{ display:flex; justify-content:center; gap:30px; flex-wrap:wrap; margin-bottom:40px; } .card{ background:white; padding:12px; border-radius:20px; box-shadow:0 10px 20px rgba(0,0,0,.3); transition:.4s; } .card:hover{ transform:scale(1.05); } .card img{ width:320px; height:420px; object-fit:cover; border-radius:15px; } .message{ background:rgba(255,255,255,.2); backdrop-filter:blur(10px); padding:30px; border-radius:20px; color:white; font-size:24px; line-height:1.7; box-shadow:0 0 15px rgba(255,255,255,.3); } footer{ margin-top:35px; color:white; font-size:20px; } .balloon{ position:fixed; bottom:-100px; font-size:40px; animation:float 10s linear infinite; } .balloon:nth-child(1){ left:10%; animation-delay:0s; } .balloon:nth-child(2){ left:30%; animation-delay:2s; } .balloon:nth-child(3){ left:55%; animation-delay:4s; } .balloon:nth-child(4){ left:80%; animation-delay:1s; } @keyframes float{ 0%{ transform:translateY(0); } 100%{ transform:translateY(-120vh); } } @media(max-width:700px){ .card img{ width:90%; height:auto; } h1{ font-size:40px; } } </style> </head> <body> <div class="balloon">🎈</div> <div class="balloon">🎈</div> <div class="balloon">🎈</div> <div class="balloon">🎈</div> <div class="container"> <h1>🎂 Happy Birthday Dhawal! 🎉</h1> <p class="subtitle"> Wishing you endless happiness, success, and unforgettable memories. </p> <div class="gallery"> <div class="card"> <img src="c:\Users\Asus\Downloads\image2.jpg.jpeg" alt="Birthday Photo 1"> </div> <div class="card"> <img src="c:\Users\Asus\Downloads\image1.jpg.jpeg" alt="Birthday Photo 2"> </div> </div> <div class="message"> 🎁 Happy Birthday Dhawal! 🎂<br><br> May your special day be filled with happiness, laughter, love, and countless beautiful moments. May all your dreams come true and may this year bring you success, good health, and endless joy. <br><br> ✨ Stay blessed.<br> ✨ Keep smiling.<br> ✨ Keep shining. <br><br> 🥳 Have an Amazing Birthday! ❤️ </div> <footer> Made with ❤️ Just for You </footer> </div> </body> </html>`v0MessageContentPart:eyJ0eXBlIjoiYXR0YWNobWVudCIsInVybCI6Imh0dHBzOi8vaGViYmt4MWFuaGlsYTV5Zi5wdWJsaWMuYmxvYi52ZXJjZWwtc3RvcmFnZS5jb20vV2hhdHNBcHAlMjBJbWFnZSUyMDIwMjYtMDctMTUlMjBhdCUyMDIzLjQxLjQ4LXpYNm1rYkJ4Zm1FS1lMOWlFbWNXcTR0bFdKQTUwTC5qcGVnIiwibmFtZSI6IldoYXRzQXBwIEltYWdlIDIwMjYtMDctMTUgYXQgMjMuNDEuNDguanBlZyIsImNvbnRlbnRUeXBlIjoiaW1hZ2UvanBlZyIsInNpemUiOjkxMzQxfQ==` `v0MessageContentPart:eyJ0eXBlIjoiYXR0YWNobWVudCIsInVybCI6Imh0dHBzOi8vaGViYmt4MWFuaGlsYTV5Zi5wdWJsaWMuYmxvYi52ZXJjZWwtc3RvcmFnZS5jb20vV2hhdHNBcHAlMjBJbWFnZSUyMDIwMjYtMDctMTUlMjBhdCUyMDIzLjQxLjU5LU5Bem1UanA1Wjk5UUZTUTVGUVpXVnY0OGE0R29RbS5qcGVnIiwibmFtZSI6IldoYXRzQXBwIEltYWdlIDIwMjYtMDctMTUgYXQgMjMuNDEuNTkuanBlZyIsImNvbnRlbnRUeXBlIjoiaW1hZ2UvanBlZyIsInNpemUiOjYzMzM3fQ==`