<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","className":"is-style-outline"} --> <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://www.bing.com/ck/a?!&&p=4aa305d0193841e21e8874125c3a8ede7d9b3edec4192cb6831431ef1e5699a4JmltdHM9MTc0MDYxNDQwMA&ptn=3&ver=2&hsh=4&fclid=23d6ec99-5c92-6e3d-2576-f80b5d4f6f7f&psq=prayer+times+application+dawateislami&u=a1aHR0cHM6Ly9wbGF5Lmdvb2dsZS5jb20vc3RvcmUvYXBwcy9kZXRhaWxzP2lkPWNvbS5kYXdhdGVpc2xhbWkubmFtYXomaGw9ZW4tVVMjOn46dGV4dD1XaXRoJTIwdGhpcyUyME11c2xpbSUyMHByYXllciUyMHRpbWVzJTIwYXBwJTJDJTIwdXNlcnMlMjB3aWxsLGxhdGl0dWRlJTIwdG8lMjBnZXQlMjB0aGUlMjBiZXN0JTIwc2FsYWglMjB0aW1lJTIwbG9jYWxseS4&ntb=1">Download Prayer Times Android</a></div> <!-- /wp:button --> <!-- wp:button {"textAlign":"center","className":"is-style-outline"} --> <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://apps.apple.com/in/app/prayer-times/id430204572">Download Prayer Times Iphone</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:html --> <!DOCTYPE html> <html lang="ur"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>رمضان 2025 - سحر و افطار کے اوقات</title> <style> body { font-family: 'Noto Nastaliq Urdu', Arial, sans-serif; text-align: center; direction: rtl; } table { width: 90%; margin: 20px auto; border-collapse: collapse; } th, td { border: 1px solid black; padding: 10px; text-align: center; } th { background-color: #f4f4f4; } </style> </head> <body> <h1>🌙 رمضان کیلنڈر 2025 - پاکستان کے تمام شہروں کے سحر و افطار کے اوقات</h1> <label for="city">شہر منتخب کریں:</label> <select id="city"> <optgroup label="پنجاب"> <option value="Lahore">لاہور</option> <option value="Faisalabad">فیصل آباد</option> <option value="Rawalpindi">راولپنڈی</option> <option value="Gujranwala">گوجرانوالہ</option> <option value="Multan">ملتان</option> <option value="Sargodha">سرگودھا</option> <option value="Sialkot">سیالکوٹ</option> </optgroup> <optgroup label="سندھ"> <option value="Karachi">کراچی</option> <option value="Hyderabad">حیدرآباد</option> <option value="Sukkur">سکھر</option> <option value="Mirpur Khas">میرپور خاص</option> </optgroup> <optgroup label="خیبر پختونخواہ"> <option value="Peshawar">پشاور</option> <option value="Mardan">مردان</option> <option value="Abbottabad">ایبٹ آباد</option> <option value="Swat">سوات (مینگورہ)</option> </optgroup> <optgroup label="بلوچستان"> <option value="Quetta">کوئٹہ</option> <option value="Khuzdar">خضدار</option> <option value="Gwadar">گوادر</option> </optgroup> <optgroup label="آزاد کشمیر"> <option value="Muzaffarabad">مظفرآباد</option> <option value="Mirpur">میرپور</option> </optgroup> <optgroup label="گلگت بلتستان"> <option value="Gilgit">گلگت</option> <option value="Skardu">سکردو</option> </optgroup> </select> <div id="timings"></div> <script> document.getElementById('city').addEventListener('change', function() { const city = this.value; const country = "Pakistan"; const method = 1; const year = 2025; const month = 3; fetch(`https://api.aladhan.com/v1/calendarByCity?city=${city}&country=${country}&method=${method}&month=${month}&year=${year}`) .then(response => response.json()) .then(data => { if (data.code === 200) { const timings = data.data; let html = `<h2>${city} کے لئے سحر و افطار کے اوقات</h2>`; html += `<table><tr><th>تاریخ</th><th>سحر</th><th>افطار</th></tr>`; timings.forEach(day => { const date = day.date.gregorian.date; const sehrTime = day.timings.Imsak.split(" ")[0]; const iftarTime = day.timings.Maghrib.split(" ")[0]; html += `<tr><td>${date}</td><td>${sehrTime}</td><td>${iftarTime}</td></tr>`; }); html += `</table>`; document.getElementById("timings").innerHTML = html; } else { document.getElementById("timings").innerHTML = "معذرت، ڈیٹا حاصل کرنے میں مسئلہ ہوا۔"; } }) .catch(error => { console.error("Error:", error); document.getElementById("timings").innerHTML = "معذرت، ڈیٹا حاصل کرنے میں مسئلہ ہوا۔"; }); }); document.getElementById('city').dispatchEvent(new Event('change')); </script> </body> </html> <!-- /wp:html -->
