{"id":314,"date":"2025-12-29T21:33:12","date_gmt":"2025-12-29T16:03:12","guid":{"rendered":"https:\/\/quransukoon.com\/?page_id=314"},"modified":"2026-02-24T23:33:02","modified_gmt":"2026-02-24T18:03:02","slug":"elementor-314","status":"publish","type":"page","link":"https:\/\/quransukoon.com\/ur\/","title":{"rendered":"HOME"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"314\" class=\"elementor elementor-314\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38cf2ea e-con-full e-flex e-con e-parent\" data-id=\"38cf2ea\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2e993b elementor-widget elementor-widget-heading\" data-id=\"d2e993b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Read the Quran with Peace\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-411de56 elementor-widget elementor-widget-text-editor\" data-id=\"411de56\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Read, listen and reflect on the words of Allah<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-485b370 elementor-widget elementor-widget-html\" data-id=\"485b370\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"quran-search-wrap\">\r\n  <div class=\"quran-search-box\">\r\n    <span class=\"qs-icon left\">\ud83d\udd0d<\/span>\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"Search the Quran...\"\r\n      aria-label=\"Search the Quran\"\r\n    \/>\r\n    <span class=\"qs-icon right\">\ud83c\udfa4<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Wrapper *\/\r\n.quran-search-wrap{\r\n  display:flex;\r\n  justify-content:center;\r\n margin-top:10px;\r\n width:100%;\r\n}\r\n\r\n\/* Search Box *\/\r\n.quran-search-box{\r\n  display:flex;\r\n  align-items:center;\r\n  width:680px;\r\n  max-width:100%;\r\n  background:#ffffff;\r\n  border:1px solid #e5e7eb;\r\n  border-radius:999px;\r\n  padding:10px 14px;\r\n  box-shadow:0 10px 28px rgba(0,0,0,0.06);\r\n  transition:box-shadow .25s ease, border-color .25s ease;\r\n}\r\n\r\n\/* Focus effect (Quran.com feel) *\/\r\n.quran-search-box:focus-within{\r\n  border-color:#10b981;\r\n  box-shadow:0 14px 36px rgba(16,185,129,.25);\r\n}\r\n\r\n\/* Input *\/\r\n.quran-search-box input{\r\n  border:none;\r\n  outline:none;\r\n  flex:1;\r\n  font-size:15px;\r\n  padding:6px 8px;\r\n  background:transparent;\r\n  color:#111827;\r\n}\r\n\r\n.quran-search-box input::placeholder{\r\n color:#6b7280;\r\n}\r\n\r\n\/* Icons *\/\r\n.qs-icon{\r\n  font-size:16px;\r\n  color:#6b7280;\r\n  cursor:pointer;\r\n  user-select:none;\r\n}\r\n\r\n.qs-icon.left{ margin-right:6px; }\r\n.qs-icon.right{ margin-left:6px; }\r\n\r\n\/* Mobile *\/\r\n@media (max-width:768px){\r\n  .quran-search-box{\r\n    width:100%;\r\n    padding:9px 12px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b75b16e elementor-widget elementor-widget-button\" data-id=\"b75b16e\" data-element_type=\"widget\" id=\"togglePanel\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore Quran<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1d1e0b elementor-widget elementor-widget-html\" data-id=\"d1d1e0b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#sidePanel {\r\n  width: 310px;\r\n  height: calc(100vh - 80px);  \/* updated *\/\r\n  position: fixed;\r\n  left: 0;\r\n  top: 100px;  \/* header ke niche *\/\r\n  background: #ffffff;\r\n  border-right: 1px solid #f0f0f0;\r\n  box-shadow: 10px 0 40px rgba(0,0,0,0.06);\r\n  display: flex;\r\n  flex-direction: column;\r\n  z-index: 999;\r\n  overflow: hidden;  \r\n}\r\n.tabs,\r\n.surah-search {\r\n  flex-shrink: 0;\r\n}\r\n.tab-content {\r\n  display: none;\r\n  flex: 1;\r\n  min-height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.tab-content.active {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.quran-reader{\r\n  max-width:800px;\r\n  margin:40px auto;\r\n  padding: 80px 60px;\r\n  text-align:center;\r\n}\r\n#surah-title{\r\n  font-size:28px;\r\n  margin-bottom:10px;\r\n}\r\n#bismillah{\r\n  font-size:26px;\r\n  margin-bottom:30px;\r\n}\r\n.ayah{\r\n  font-size:18px;\r\n  margin-bottom:20px;\r\n  line-height:1.8;\r\n}\r\n#verseSurahList li,\r\n#ayahList li {\r\n  padding: 10px;\r\n  cursor: pointer;\r\n  border-bottom: 1px solid #eee;\r\n}\r\n\r\n#verseSurahList li:hover,\r\n#ayahList li:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n#backToSurah {\r\n  margin: 10px;\r\n  padding: 5px 10px;\r\n  cursor: pointer;\r\n}\r\n\/* SEARCH BOX *\/\r\n.surah-search {\r\n  padding: 0 18px 18px 18px;\r\n}\r\n\r\n#surahSearch {\r\n  width: 100%;\r\n  padding: 11px 15px;\r\n  border-radius: 12px;\r\n  border: 1px solid #e5e7eb;\r\n  font-size: 14px;\r\n  background: #f9fafb;\r\n  transition: all 0.3s ease;\r\n  outline: none;\r\n}\r\n\r\n#surahSearch::placeholder {\r\n  color: #9ca3af;\r\n}\r\n\r\n#surahSearch:focus {\r\n  background: #ffffff;\r\n  border-color: #16a34a;\r\n  box-shadow: 0 0 0 4px rgba(22,163,74,0.12);\r\n}\r\n.surah-list li:hover {\r\n  background: #f0fdf4;\r\n  transform: translateX(8px);\r\n  color: #166534;\r\n}\r\n.surah-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  min-height: 0;\r\n  padding-bottom: 20px;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n\r\n\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52d3569 elementor-widget elementor-widget-html\" data-id=\"52d3569\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"sidePanel\">\r\n\r\n  <!-- Tabs Header -->\r\n  <div class=\"tabs\">\r\n    <button class=\"tab-btn active\" data-tab=\"surahTab\">Surah<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"verseTab\">Verse<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"juzTab\">Juz<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"pageTab\">Page<\/button>\r\n  <\/div>\r\n  \r\n  <div class=\"surah-search\">\r\n  <input type=\"text\" id=\"surahSearch\" placeholder=\"Search Surah...\">\r\n<\/div>\r\n\r\n  <!-- Tabs Content -->\r\n  <div class=\"tab-content active\" id=\"surahTab\">\r\n    <ul class=\"surah-list\">\r\n <li data-surah=\"1\">1. Al-Fatiha<\/li>\r\n    <li data-surah=\"2\">2. Al-Baqarah<\/li>\r\n    <li data-surah=\"3\">3. Aal-E-Imran<\/li>\r\n    <li data-surah=\"4\">4. An-Nisa<\/li>\r\n    <li data-surah=\"5\">5. Al-Ma'idah<\/li>\r\n    <li data-surah=\"6\">6. Al-An'am<\/li>\r\n    <li data-surah=\"7\">7. Al-A'raf<\/li>\r\n    <li data-surah=\"8\">8. Al-Anfal<\/li>\r\n    <li data-surah=\"9\">9. At-Tawbah<\/li>\r\n    <li data-surah=\"10\">10. Yunus<\/li>\r\n    <li data-surah=\"11\">11. Hud<\/li>\r\n    <li data-surah=\"12\">12. Yusuf<\/li>\r\n    <li data-surah=\"13\">13. Ar-Ra'd<\/li>\r\n    <li data-surah=\"14\">14. Ibrahim<\/li>\r\n    <li data-surah=\"15\">15. Al-Hijr<\/li>\r\n    <li data-surah=\"16\">16. An-Nahl<\/li>\r\n    <li data-surah=\"17\">17. Al-Isra<\/li>\r\n    <li data-surah=\"18\">18. Al-Kahf<\/li>\r\n    <li data-surah=\"19\">19. Maryam<\/li>\r\n    <li data-surah=\"20\">20. Ta-Ha<\/li>\r\n    <li data-surah=\"21\">21. Al-Anbiya<\/li>\r\n    <li data-surah=\"22\">22. Al-Hajj<\/li>\r\n    <li data-surah=\"23\">23. Al-Mu'minun<\/li>\r\n    <li data-surah=\"24\">24. An-Nur<\/li>\r\n    <li data-surah=\"25\">25. Al-Furqan<\/li>\r\n    <li data-surah=\"26\">26. Ash-Shu'ara<\/li>\r\n    <li data-surah=\"27\">27. An-Naml<\/li>\r\n    <li data-surah=\"28\">28. Al-Qasas<\/li>\r\n    <li data-surah=\"29\">29. Al-Ankabut<\/li>\r\n    <li data-surah=\"30\">30. Ar-Rum<\/li>\r\n    <li data-surah=\"31\">31. Luqman<\/li>\r\n    <li data-surah=\"32\">32. As-Sajdah<\/li>\r\n    <li data-surah=\"33\">33. Al-Ahzab<\/li>\r\n    <li data-surah=\"34\">34. Saba<\/li>\r\n    <li data-surah=\"35\">35. Fatir<\/li>\r\n    <li data-surah=\"36\">36. Ya-Sin<\/li>\r\n    <li data-surah=\"37\">37. As-Saffat<\/li>\r\n    <li data-surah=\"38\">38. Sad<\/li>\r\n    <li data-surah=\"39\">39. Az-Zumar<\/li>\r\n    <li data-surah=\"40\">40. Ghafir<\/li>\r\n    <li data-surah=\"41\">41. Fussilat<\/li>\r\n    <li data-surah=\"42\">42. Ash-Shura<\/li>\r\n    <li data-surah=\"43\">43. Az-Zukhruf<\/li>\r\n    <li data-surah=\"44\">44. Ad-Dukhan<\/li>\r\n    <li data-surah=\"45\">45. Al-Jathiyah<\/li>\r\n    <li data-surah=\"46\">46. Al-Ahqaf<\/li>\r\n    <li data-surah=\"47\">47. Muhammad<\/li>\r\n    <li data-surah=\"48\">48. Al-Fath<\/li>\r\n    <li data-surah=\"49\">49. Al-Hujurat<\/li>\r\n    <li data-surah=\"50\">50. Qaf<\/li>\r\n    <li data-surah=\"51\">51. Adh-Dhariyat<\/li>\r\n    <li data-surah=\"52\">52. At-Tur<\/li>\r\n    <li data-surah=\"53\">53. An-Najm<\/li>\r\n    <li data-surah=\"54\">54. Al-Qamar<\/li>\r\n    <li data-surah=\"55\">55. Ar-Rahman<\/li>\r\n    <li data-surah=\"56\">56. Al-Waqi'ah<\/li>\r\n    <li data-surah=\"57\">57. Al-Hadid<\/li>\r\n    <li data-surah=\"58\">58. Al-Mujadila<\/li>\r\n    <li data-surah=\"59\">59. Al-Hashr<\/li>\r\n    <li data-surah=\"60\">60. Al-Mumtahanah<\/li>\r\n    <li data-surah=\"61\">61. As-Saff<\/li>\r\n    <li data-surah=\"62\">62. Al-Jumu'ah<\/li>\r\n    <li data-surah=\"63\">63. Al-Munafiqun<\/li>\r\n    <li data-surah=\"64\">64. At-Taghabun<\/li>\r\n    <li data-surah=\"65\">65. At-Talaq<\/li>\r\n    <li data-surah=\"66\">66. At-Tahrim<\/li>\r\n    <li data-surah=\"67\">67. Al-Mulk<\/li>\r\n    <li data-surah=\"68\">68. Al-Qalam<\/li>\r\n    <li data-surah=\"69\">69. Al-Haqqah<\/li>\r\n    <li data-surah=\"70\">70. Al-Ma'arij<\/li>\r\n    <li data-surah=\"71\">71. Nuh<\/li>\r\n    <li data-surah=\"72\">72. Al-Jinn<\/li>\r\n    <li data-surah=\"73\">73. Al-Muzzammil<\/li>\r\n    <li data-surah=\"74\">74. Al-Muddathir<\/li>\r\n    <li data-surah=\"75\">75. Al-Qiyamah<\/li>\r\n    <li data-surah=\"76\">76. Al-Insan<\/li>\r\n    <li data-surah=\"77\">77. Al-Mursalat<\/li>\r\n    <li data-surah=\"78\">78. An-Naba<\/li>\r\n    <li data-surah=\"79\">79. An-Nazi'at<\/li>\r\n    <li data-surah=\"80\">80. Abasa<\/li>\r\n    <li data-surah=\"81\">81. At-Takwir<\/li>\r\n    <li data-surah=\"82\">82. Al-Infitar<\/li>\r\n    <li data-surah=\"83\">83. Al-Mutaffifin<\/li>\r\n    <li data-surah=\"84\">84. Al-Inshiqaq<\/li>\r\n    <li data-surah=\"85\">85. Al-Buruj<\/li>\r\n    <li data-surah=\"86\">86. At-Tariq<\/li>\r\n    <li data-surah=\"87\">87. Al-A'la<\/li>\r\n    <li data-surah=\"88\">88. Al-Ghashiyah<\/li>\r\n    <li data-surah=\"89\">89. Al-Fajr<\/li>\r\n    <li data-surah=\"90\">90. Al-Balad<\/li>\r\n    <li data-surah=\"91\">91. Ash-Shams<\/li>\r\n    <li data-surah=\"92\">92. Al-Lail<\/li>\r\n    <li data-surah=\"93\">93. Ad-Duha<\/li>\r\n    <li data-surah=\"94\">94. Ash-Sharh<\/li>\r\n    <li data-surah=\"95\">95. At-Tin<\/li>\r\n    <li data-surah=\"96\">96. Al-Alaq<\/li>\r\n    <li data-surah=\"97\">97. Al-Qadr<\/li>\r\n    <li data-surah=\"98\">98. Al-Bayyinah<\/li>\r\n    <li data-surah=\"99\">99. Az-Zalzalah<\/li>\r\n    <li data-surah=\"100\">100. Al-Adiyat<\/li>\r\n    <li data-surah=\"101\">101. Al-Qari'ah<\/li>\r\n    <li data-surah=\"102\">102. At-Takathur<\/li>\r\n    <li data-surah=\"103\">103. Al-Asr<\/li>\r\n    <li data-surah=\"104\">104. Al-Humazah<\/li>\r\n    <li data-surah=\"105\">105. Al-Fil<\/li>\r\n    <li data-surah=\"106\">106. Quraysh<\/li>\r\n    <li data-surah=\"107\">107. Al-Ma'un<\/li>\r\n    <li data-surah=\"108\">108. Al-Kawthar<\/li>\r\n    <li data-surah=\"109\">109. Al-Kafirun<\/li>\r\n    <li data-surah=\"110\">110. An-Nasr<\/li>\r\n    <li data-surah=\"111\">111. Al-Masad<\/li>\r\n    <li data-surah=\"112\">112. Al-Ikhlas<\/li>\r\n    <li data-surah=\"113\">113. Al-Falaq<\/li>\r\n    <li data-surah=\"114\">114. An-Nas<\/li>\r\n<\/ul>\r\n\r\n  <\/div>\r\n\r\n<div class=\"tab-content\" id=\"verseTab\">\r\n\r\n  <div id=\"verseContainer\">\r\n\r\n  <ul id=\"verseSurahList\" class=\"verse-surah-list\"><\/ul>\r\n\r\n  <div id=\"ayahListContainer\" style=\"display:none;\">\r\n    <button id=\"backToSurah\">\u2190 Back<\/button>\r\n    <ul id=\"ayahList\"><\/ul>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n  <div class=\"tab-content\" id=\"juzTab\">\r\n    <p>Juz list yahan aayegi<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"tab-content\" id=\"pageTab\">\r\n    <p>Page numbers yahan aayenge<\/p>\r\n  <\/div>\r\n\r\n<\/div>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n  \/* TAB SWITCHING *\/\r\n  document.querySelectorAll(\".tab-btn\").forEach(btn => {\r\n    btn.addEventListener(\"click\", () => {\r\n\r\n      document.querySelectorAll(\".tab-btn\").forEach(b => b.classList.remove(\"active\"));\r\n      document.querySelectorAll(\".tab-content\").forEach(c => c.classList.remove(\"active\"));\r\n\r\n      btn.classList.add(\"active\");\r\n      document.getElementById(btn.dataset.tab).classList.add(\"active\");\r\n    });\r\n  });\r\n\r\n  \/* SURAH CLICK \u2192 QURAN READER PAGE *\/\r\n  document.querySelectorAll(\".surah-list li\").forEach(item => {\r\n    item.addEventListener(\"click\", () => {\r\n      const surahNumber = item.dataset.surah;\r\n\r\n      window.location.href = `\/quran-reader\/?surah=${surahNumber}`;\r\n    });\r\n  });\r\n\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5352081 elementor-widget elementor-widget-html\" data-id=\"5352081\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  const panel = document.getElementById(\"sidePanel\");\r\n\r\n  \/\/ Multiple triggers support\r\n  const triggers = document.querySelectorAll(\"#togglePanel, .togglePanel\");\r\n\r\n  triggers.forEach(btn => {\r\n    btn.addEventListener(\"click\", function () {\r\n      panel.classList.toggle(\"open\");\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f1a9ea elementor-widget elementor-widget-html\" data-id=\"1f1a9ea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n  \/* ======================\r\n     TAB SWITCHING\r\n  ====================== *\/\r\n  document.querySelectorAll(\".tab-btn\").forEach(btn => {\r\n    btn.addEventListener(\"click\", () => {\r\n\r\n      document.querySelectorAll(\".tab-btn\").forEach(b => b.classList.remove(\"active\"));\r\n      document.querySelectorAll(\".tab-content\").forEach(c => c.classList.remove(\"active\"));\r\n\r\n      btn.classList.add(\"active\");\r\n      document.getElementById(btn.dataset.tab).classList.add(\"active\");\r\n    });\r\n  });\r\n\r\n  \/* ======================\r\n     SURAH CLICK\r\n  ====================== *\/\r\n  document.querySelectorAll(\".surah-list li\").forEach(item => {\r\n    item.addEventListener(\"click\", function(){\r\n      const surahNumber = this.dataset.surah;\r\n      window.location.href = \"\/quran-reader\/?surah=\" + surahNumber;\r\n    });\r\n  });\r\n\r\n  \/* ======================\r\n     VERSE TAB\r\n  ====================== *\/\r\n  \r\n  fetch(\"https:\/\/quransukoon.com\/data\/surahs.json\")\r\n  .then(res => res.json())\r\n  .then(data => {\r\n\r\n    const list = document.getElementById(\"verseSurahList\");\r\n    if(!list) return;\r\n\r\n    data.forEach(surah => {\r\n\r\n      const li = document.createElement(\"li\");\r\n      li.textContent = surah.id + \". \" + surah.name_en;\r\n\r\n      li.addEventListener(\"click\", function(){\r\n        window.location.href =\r\n          \"\/quran-reader\/?surah=\" + surah.id;\r\n      });\r\n\r\n      list.appendChild(li);\r\n    });\r\n\r\n  })\r\n  .catch(err => console.log(\"JSON ERROR:\", err));\r\n  \r\n  \/* SURAH LIVE SEARCH *\/\r\nconst searchInput = document.getElementById(\"surahSearch\");\r\nconst surahItems = document.querySelectorAll(\".surah-list li\");\r\n\r\nif (searchInput) {\r\n  searchInput.addEventListener(\"keyup\", function() {\r\n    const value = this.value.toLowerCase();\r\n\r\n    surahItems.forEach(item => {\r\n      const text = item.textContent.toLowerCase();\r\n      item.style.display = text.includes(value) ? \"block\" : \"none\";\r\n    });\r\n  });\r\n}\r\n\r\n  \r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1d1dca e-flex e-con-boxed e-con e-parent\" data-id=\"d1d1dca\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9d56d5b e-con-full quran-left-panel e-flex e-con e-child\" data-id=\"9d56d5b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d9348b elementor-widget elementor-widget-html\" data-id=\"8d9348b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.quran-left-panel {\r\n  position: fixed;\r\n  top: 0;\r\n  left: -320px;\r\n  width: 320px;\r\n  height: 100vh;\r\n  background: #ffffff;\r\n  z-index: 9999;\r\n  transition: left 0.3s ease;\r\n  overflow-y: auto;\r\n  padding: 20px;\r\n  box-shadow: 2px 0 12px rgba(0,0,0,0.15);\r\n}\r\n\r\n.quran-left-panel.active {\r\n  left: 0;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const btn = document.getElementById(\"quranToggle\");\r\n  const panel = document.querySelector(\".quran-left-panel\");\r\n\r\n  if (btn && panel) {\r\n    btn.addEventListener(\"click\", function () {\r\n      panel.classList.toggle(\"active\");\r\n    });\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Read the Quran with Peace Read, listen and reflect on the words of Allah \ud83d\udd0d \ud83c\udfa4 Explore Quran Surah Verse Juz Page 1. Al-Fatiha 2. Al-Baqarah 3. Aal-E-Imran 4. An-Nisa 5. Al-Ma&#8217;idah 6. Al-An&#8217;am 7. Al-A&#8217;raf 8. Al-Anfal 9. At-Tawbah 10. Yunus 11. Hud 12. Yusuf 13. Ar-Ra&#8217;d 14. Ibrahim 15. Al-Hijr 16. An-Nahl 17&#8230;.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-314","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quransukoon.com\/ur\/wp-json\/wp\/v2\/pages\/314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quransukoon.com\/ur\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quransukoon.com\/ur\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quransukoon.com\/ur\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quransukoon.com\/ur\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":803,"href":"https:\/\/quransukoon.com\/ur\/wp-json\/wp\/v2\/pages\/314\/revisions"}],"predecessor-version":[{"id":2299,"href":"https:\/\/quransukoon.com\/ur\/wp-json\/wp\/v2\/pages\/314\/revisions\/2299"}],"wp:attachment":[{"href":"https:\/\/quransukoon.com\/ur\/wp-json\/wp\/v2\/media?parent=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}