Love
<?xml encoding="utf-8" ?><p><!DOCTYPE html></p><p><html lang="ar"></p><p><head></p><p> <meta charset="UTF-8"></p><p> <meta name="viewport" content="width=device-width, initial-scale=1.0"></p><p> <title>مفاجأة لليدر</title></p><p> <style></p><p> body {</p><p> background-color: #fff0f3;</p><p> font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;</p><p> display: flex;</p><p> flex-direction: column;</p><p> align-items: center;</p><p> justify-content: center;</p><p> height: 100vh;</p><p> margin: 0;</p><p> overflow: hidden;</p><p> text-align: center;</p><p> }</p><p> .container {</p><p> background: white;</p><p> padding: 30px;</p><p> border-radius: 20px;</p><p> box-shadow: 0 10px 25px rgba(255, 75, 110, 0.2);</p><p> max-width: 90%;</p><p> }</p><p> h1 { color: #ff4b6e; margin-bottom: 20px; font-size: 22px; }</p><p> input {</p><p> padding: 12px;</p><p> width: 80%;</p><p> border: 2px solid #ffb3c1;</p><p> border-radius: 10px;</p><p> margin-bottom: 15px;</p><p> outline: none;</p><p> text-align: center;</p><p> }</p><p> button {</p><p> background-color: #ff4b6e;</p><p> color: white;</p><p> border: none;</p><p> padding: 12px 25px;</p><p> border-radius: 25px;</p><p> cursor: pointer;</p><p> font-size: 16px;</p><p> font-weight: bold;</p><p> transition: 0.3s;</p><p> }</p><p> button:hover { background-color: #ff758f; }</p><p> #content { display: none; }</p><p> .heart { color: #ff4b6e; font-size: 50px; margin: 20px; animation: beat 1s infinite; }</p><p> @keyframes beat {</p><p> 0%, 100% { transform: scale(1); }</p><p> 50% { transform: scale(1.2); }</p><p> }</p><p> .timer { font-size: 18px; color: #555; margin-top: 15px; font-weight: bold; }</p><p> </style></p><p></head></p><p><body></p><p> </p><p><div id="login-box" class="container"></p><p> <h1>يوم ماتقبلنا اليوم ده هفضل مش ناسيه ❤️</h1></p><p> <p>اكتبي التاريخ هنا (يوم/شهر)</p></p><p> <input type="text" id="pass" placeholder="مثلاً: 1/1"></p><p> <br></p><p> <button onclick="check()">دوسي يا حته مني ❤️</button></p><p></div></p><p> </p><p><div id="content" class="container"></p><p> <div class="heart">❤️</div></p><p> <h1 id="msg"></h1></p><p> <div class="timer" id="timer"></div></p><p> <br></p><p> <p style="color: #ff4b6e; font-weight: bold;">بصي يا ليدر قلب حموكشة..</p></p><p> <p>اليوم ده كان بداية أجمل حاجة في حياتي</p></p><p></div></p><p> </p><p><script></p><p> function check() {</p><p> var p = document.getElementById('pass').value;</p><p> if(p === "7/7" || p === "07/07" || p === "٧/٧") {</p><p> document.getElementById('login-box').style.display = 'none';</p><p> document.getElementById('content').style.display = 'block';</p><p> document.getElementById('msg').innerText = "كل ثانية وإحنا سوا يا ليدر ❤️";</p><p> startTimer();</p><p> } else {</p><p> alert("لا يا ليدر.. افتكري التاريخ صح! 😂❤️");</p><p> }</p><p> }</p><p> </p><p> function startTimer() {</p><p> var startDate = new Date("July 7, 2023 00:00:00").getTime();</p><p> setInterval(function() {</p><p> var now = new Date().getTime();</p><p> var diff = now - startDate;</p><p> var days = Math.floor(diff / (1000 * 60 * 60 * 24));</p><p> var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));</p><p> var mins = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));</p><p> var secs = Math.floor((diff % (1000 * 60)) / 1000);</p><p> document.getElementById('timer').innerHTML = "بقالي بحبك بقالي: <br>" + days + " يوم و " + hours + " س</p><p>اعة و " + mins + " دقيقة و " + secs + " ثانية";</p><p> }, 1000);</p><p> }</p><p></script></p><p> </p><p></body></p><p></html></p>