<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>A Small Message โค๏ธ</title> <style> *{ margin:0; padding:0; box-sizing:border-box; font-family:Arial,sans-serif; } body{ height:100vh; display:flex; justify-content:center; align-items:center; background:linear-gradient(135deg,#ff9a9e,#fad0c4); overflow:hidden; } .container{ background:lightblue; padding:30px; width:90%; max-width:500px; border-radius:20px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.2); animation:fadeIn 2s; } h1{ color:#ff4d6d; margin-bottom:20px; } p{ font-size:18px; line-height:1.7; color:#444; } button{ margin-top:25px; padding:14px 35px; border:none; border-radius:40px; background:linear-gradient(45deg,#ff4d6d,#ff758c); color:white; font-size:18px; font-weight:bold; cursor:pointer; transition:.3s; box-shadow:0 6px 18px rgba(255,77,109,.4); } button:hover{ transform:scale(1.08); } #final{ display:none; margin-top:20px; font-size:22px; color:#ff3366; font-weight:bold; } .heart{ position:absolute; font-size:20px; animation:float 6s linear infinite; opacity:.7; } @keyframes float{ 0%{ transform:translateY(100vh); opacity:0; } 100%{ transform:translateY(-120vh); opacity:1; } } @keyframes fadeIn{ from{opacity:0;transform:scale(.8);} to{opacity:1;transform:scale(1);} } </style> </head> <body> <div class="container"> <h1>๐ ๐๐ฎ๐ช๐ป ๐๐๐๐๐๐... </h1> <p id="text"></p> <button onclick="showMessage()">Will you forgive me? โค๏ธ</button> <div id="final"> ๐ Thank you for reading...<br><br> No matter what happens,<br> You'll always be my favourite person.<br><br> ๐from - Vinnu </div> </div> <script> const message=`๐๐ช... ๐๐ง ๐บ๐ฐ๐ถ'๐ณ๐ฆ ๐ณ๐ฆ๐ข๐ฅ๐ช๐ฏ๐จ ๐ต๐ฉ๐ช๐ด, ๐ช๐ต ๐ฎ๐ฆ๐ข๐ฏ๐ด ๐บ๐ฐ๐ถ ๐ด๐ค๐ข๐ฏ๐ฏ๐ฆ๐ฅ ๐ต๐ฉ๐ช๐ด ๐๐ ๐ซ๐ถ๐ด๐ต ๐ง๐ฐ๐ณ ๐ฎ๐ฆ. ๐ ๐ฌ๐ฏ๐ฐ๐ธ ๐ ๐ฉ๐ถ๐ณ๐ต ๐บ๐ฐ๐ถ, ๐ข๐ฏ๐ฅ ๐'๐ฎ ๐ต๐ณ๐ถ๐ญ๐บ ๐ด๐ฐ๐ณ๐ณ๐บ. ๐ ๐ฏ๐ฐ๐ณ๐ฎ๐ข๐ญ "๐๐ฐ๐ณ๐ณ๐บ" ๐ฅ๐ช๐ฅ๐ฏ'๐ต ๐ง๐ฆ๐ฆ๐ญ ๐ฆ๐ฏ๐ฐ๐ถ๐จ๐ฉ, ๐ฃ๐ฆ๐ค๐ข๐ถ๐ด๐ฆ ๐บ๐ฐ๐ถ'๐ณ๐ฆ ๐ฏ๐ฐ๐ต ๐ซ๐ถ๐ด๐ต ๐ข๐ฏ๐บ๐ฐ๐ฏ๐ฆ... ๐ ๐ฐ๐ถ'๐ณ๐ฆ ๐ด๐ฐ๐ฎ๐ฆ๐ฐ๐ฏ๐ฆ ๐ ๐ฏ๐ฆ๐ท๐ฆ๐ณ ๐ธ๐ข๐ฏ๐ต ๐ต๐ฐ ๐ญ๐ฐ๐ด๐ฆ. sammuu ๐... `; let i=0; function type(){ if(i<message.length){ document.getElementById("text").innerHTML+=message.charAt(i); i++; setTimeout(type,35); } } type(); function showMessage(){ document.getElementById("final").style.display="block"; } function hearts(){ const heart=document.createElement("div"); heart.className="heart"; heart.innerHTML="โค๏ธ"; heart.style.left=Math.random()*100+"vw"; heart.style.fontSize=(20+Math.random()*25)+"px"; document.body.appendChild(heart); setTimeout(()=>{ heart.remove(); },6000); } setInterval(hearts,300); </script> </body> </html> . give me url by this code
Show full message