{"id":240,"date":"2026-07-22T09:33:28","date_gmt":"2026-07-22T09:33:28","guid":{"rendered":"https:\/\/oks.digital\/?page_id=240"},"modified":"2026-08-17T16:43:11","modified_gmt":"2026-08-17T16:43:11","slug":"surah-yaseen-with-urdu-translation","status":"publish","type":"page","link":"https:\/\/oks.digital\/ar\/surah-yaseen-with-urdu-translation\/","title":{"rendered":"\u0633\u0648\u0631\u0629 \u064a\u0633 \u0645\u0639 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0644\u0623\u0631\u062f\u064a\u0629"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Noto+Nastaliq+Urdu:wght@400;600&display=swap');\n\n#surah-yaseen-page {\n  --sy-arabic-size: 36px;\n  --sy-green: #075f4c;\n  --sy-green-dark: #03483a;\n  --sy-gold: #d3a52e;\n  --sy-background: #f5f8f6;\n  --sy-border: #dce8e2;\n  --sy-text: #26342f;\n\n  width: 100%;\n  max-width: 1050px;\n  margin: 25px auto;\n  color: var(--sy-text);\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.75;\n}\n\n#surah-yaseen-page * {\n  box-sizing: border-box;\n}\n\n\/* HERO *\/\n\n.sy-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 55px 25px;\n  border-radius: 22px;\n  color: #ffffff;\n  text-align: center;\n  background:\n    radial-gradient(\n      circle at top right,\n      rgba(211, 165, 46, 0.25),\n      transparent 35%\n    ),\n    linear-gradient(\n      135deg,\n      var(--sy-green-dark),\n      var(--sy-green)\n    );\n}\n\n.sy-hero::before,\n.sy-hero::after {\n  content: \"\";\n  position: absolute;\n  width: 170px;\n  height: 170px;\n  border: 1px solid rgba(255, 255, 255, 0.13);\n  border-radius: 50%;\n}\n\n.sy-hero::before {\n  top: -80px;\n  left: -60px;\n}\n\n.sy-hero::after {\n  right: -60px;\n  bottom: -90px;\n}\n\n.sy-hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 800px;\n  margin: auto;\n}\n\n.sy-small-title {\n  margin: 0 0 10px;\n  color: #f5d87f;\n  font-family: \"Amiri\", serif;\n  font-size: 42px;\n  line-height: 1.4;\n}\n\n.sy-hero h1 {\n  margin: 0 0 15px;\n  color: #ffffff;\n  font-size: clamp(29px, 5vw, 46px);\n  line-height: 1.25;\n}\n\n.sy-introduction {\n  max-width: 720px;\n  margin: 0 auto 24px;\n  color: #eef7f3;\n  font-size: 17px;\n}\n\n.sy-information {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n}\n\n.sy-information span {\n  padding: 7px 16px;\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  border-radius: 30px;\n  background: rgba(255, 255, 255, 0.10);\n  font-size: 14px;\n}\n\n\/* CARDS *\/\n\n.sy-card {\n  margin-top: 25px;\n  padding: 28px;\n  border: 1px solid var(--sy-border);\n  border-radius: 18px;\n  background: #ffffff;\n  box-shadow: 0 8px 30px rgba(5, 72, 58, 0.06);\n}\n\n.sy-card h2,\n.sy-section-heading h2 {\n  margin-top: 0;\n  margin-bottom: 8px;\n  color: var(--sy-green-dark);\n  font-size: 27px;\n  line-height: 1.35;\n}\n\n\/* SURAH INFORMATION *\/\n\n.sy-surah-info-section {\n  text-align: center;\n}\n\n.sy-info-heading {\n  max-width: 760px;\n  margin: 0 auto 22px;\n}\n\n.sy-info-heading p {\n  margin: 0;\n  color: #66756f;\n}\n\n.sy-info-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.sy-info-item {\n  padding: 18px 14px;\n  border: 1px solid var(--sy-border);\n  border-radius: 13px;\n  background: #fbfdfc;\n}\n\n.sy-info-label {\n  display: block;\n  margin-bottom: 6px;\n  color: #66756f;\n  font-size: 13px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n}\n\n.sy-info-item strong {\n  display: block;\n  color: var(--sy-green-dark);\n  font-size: 18px;\n  line-height: 1.45;\n}\n\n\/* AUDIO *\/\n\n.sy-audio-section {\n  text-align: center;\n}\n\n.sy-audio-section p {\n  margin-top: 0;\n  color: #66756f;\n}\n\n.sy-audio-section audio {\n  display: block;\n  width: 100%;\n  max-width: 650px;\n  margin: 18px auto 0;\n}\n\n\/* CONTROLS *\/\n\n.sy-controls {\n  position: sticky;\n  top: 10px;\n  z-index: 20;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 9px;\n  margin: 25px 0;\n  padding: 12px;\n  border: 1px solid var(--sy-border);\n  border-radius: 15px;\n  background: rgba(255, 255, 255, 0.96);\n  box-shadow: 0 8px 25px rgba(5, 72, 58, 0.09);\n}\n\n.sy-controls button {\n  min-height: 43px;\n  padding: 8px 17px;\n  border: 1px solid var(--sy-green);\n  border-radius: 9px;\n  color: var(--sy-green);\n  background: #ffffff;\n  font-size: 14px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: 0.2s ease;\n}\n\n.sy-controls button:hover {\n  color: #ffffff;\n  background: var(--sy-green);\n  transform: translateY(-1px);\n}\n\n\/* QURAN *\/\n\n.sy-quran-section {\n  overflow: hidden;\n  border: 1px solid var(--sy-border);\n  border-radius: 20px;\n  background: var(--sy-background);\n}\n\n.sy-section-heading {\n  padding: 28px 25px 20px;\n  text-align: center;\n  background: #ffffff;\n  border-bottom: 1px solid var(--sy-border);\n}\n\n.sy-section-heading p {\n  margin: 0;\n  color: #66756f;\n}\n\n.sy-bismillah {\n  padding: 32px 20px 20px;\n  color: var(--sy-green-dark);\n  font-family: \"Amiri\", serif;\n  font-size: calc(var(--sy-arabic-size) + 4px);\n  font-weight: 700;\n  line-height: 2;\n  text-align: center;\n}\n\n.sy-verse {\n  margin: 18px;\n  padding: 28px;\n  border: 1px solid var(--sy-border);\n  border-radius: 16px;\n  background: #ffffff;\n  box-shadow: 0 5px 18px rgba(5, 72, 58, 0.04);\n}\n\n.sy-verse-number {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 48px;\n  height: 32px;\n  margin-bottom: 14px;\n  padding: 0 10px;\n  border-radius: 20px;\n  color: #ffffff;\n  background: var(--sy-green);\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.sy-arabic {\n  margin: 0;\n  color: #17221e;\n  font-family: \"Amiri\", \"Traditional Arabic\", serif;\n  font-size: var(--sy-arabic-size);\n  font-weight: 400;\n  line-height: 2.25;\n  text-align: right;\n  direction: rtl;\n}\n\n.sy-urdu {\n  margin: 18px 0 0;\n  padding-top: 17px;\n  border-top: 1px solid #e8efeb;\n  color: #43534c;\n  font-family:\n    \"Noto Nastaliq Urdu\",\n    \"Jameel Noori Nastaleeq\",\n    serif;\n  font-size: 20px;\n  line-height: 2.4;\n  text-align: right;\n  direction: rtl;\n}\n\n\/* LOADING *\/\n\n.sy-loading,\n.sy-error {\n  margin: 25px;\n  padding: 35px 20px;\n  border-radius: 14px;\n  text-align: center;\n  background: #ffffff;\n}\n\n.sy-error {\n  color: #a42525;\n}\n\n.sy-retry-button {\n  display: block;\n  margin: 15px auto 0;\n  padding: 10px 22px;\n  border: 0;\n  border-radius: 8px;\n  color: #ffffff;\n  background: var(--sy-green);\n  cursor: pointer;\n}\n\n\/* ABOUT *\/\n\n.sy-about-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* FAQ *\/\n\n.sy-faq-section details {\n  margin-top: 13px;\n  border: 1px solid var(--sy-border);\n  border-radius: 11px;\n  background: #fbfdfc;\n}\n\n.sy-faq-section summary {\n  padding: 16px 18px;\n  color: var(--sy-green-dark);\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.sy-faq-section details p {\n  margin: 0;\n  padding: 0 18px 18px;\n}\n\n\/* SOURCE *\/\n\n.sy-source-note {\n  margin: 22px 10px;\n  color: #74817c;\n  font-size: 12px;\n  text-align: center;\n}\n\n\/* HIDE TRANSLATION *\/\n\n.sy-hide-translation .sy-urdu {\n  display: none;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 650px) {\n\n  #surah-yaseen-page {\n    --sy-arabic-size: 29px;\n    margin-top: 10px;\n  }\n\n  .sy-hero {\n    padding: 40px 18px;\n    border-radius: 16px;\n  }\n\n  .sy-small-title {\n    font-size: 36px;\n  }\n\n  .sy-introduction {\n    font-size: 15px;\n  }\n\n  .sy-card {\n    padding: 21px 17px;\n    border-radius: 14px;\n  }\n\n  .sy-info-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .sy-info-item {\n    padding: 15px 10px;\n  }\n\n  .sy-info-item strong {\n    font-size: 16px;\n  }\n\n  .sy-controls {\n    position: static;\n  }\n\n  .sy-controls button {\n    flex: 1 1 45%;\n    padding: 8px 9px;\n    font-size: 13px;\n  }\n\n  .sy-verse {\n    margin: 10px;\n    padding: 21px 15px;\n  }\n\n  .sy-urdu {\n    font-size: 18px;\n  }\n}\n\n\/* PRINT \/ PDF *\/\n\n@media print {\n\n  body {\n    background: #ffffff !important;\n  }\n\n  .sy-controls,\n  .sy-audio-section,\n  header,\n  footer,\n  nav {\n    display: none !important;\n  }\n\n  #surah-yaseen-page {\n    max-width: none;\n    margin: 0;\n  }\n\n  .sy-hero {\n    color: #000000;\n    background: #ffffff;\n    border: 1px solid #cccccc;\n  }\n\n  .sy-hero h1,\n  .sy-small-title,\n  .sy-introduction {\n    color: #000000;\n  }\n\n  .sy-information span {\n    color: #000000;\n    border-color: #999999;\n  }\n\n  .sy-verse {\n    break-inside: avoid;\n    box-shadow: none;\n  }\n}\n<\/style>\n\n<div id=\"surah-yaseen-page\" class=\"sy-page\">\n\n  <!-- HERO SECTION -->\n  <section class=\"sy-hero\">\n    <div class=\"sy-hero-content\">\n      <p class=\"sy-small-title\">\u0633\u0648\u0631\u06c3 \u06cc\u0670\u0633\u06cc\u0646<\/p>\n\n      <h1>Surah Yaseen with Urdu Translation<\/h1>\n\n      <p class=\"sy-introduction\">\n        Read Surah Yaseen Arabic text with Urdu translation. You can also\n        listen to the recitation and save the complete Surah Yaseen page as a PDF.\n      <\/p>\n\n      <div class=\"sy-information\">\n        <span>Surah 36<\/span>\n        <span>83 Ayat<\/span>\n        <span>Makki Surah<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SURAH INFORMATION BOX -->\n  <section class=\"sy-card sy-surah-info-section\">\n    <div class=\"sy-info-heading\">\n      <h2>Surah Yaseen Information<\/h2>\n\n      <p>\n        Quick facts about Surah Yaseen, including its Quran number, ayat,\n        rukus, revelation place, Para\/Juz and Urdu translator.\n      <\/p>\n    <\/div>\n\n    <div class=\"sy-info-grid\">\n\n      <div class=\"sy-info-item\">\n        <span class=\"sy-info-label\">Surah Number<\/span>\n        <strong>36<\/strong>\n      <\/div>\n\n      <div class=\"sy-info-item\">\n        <span class=\"sy-info-label\">Total Ayat<\/span>\n        <strong>83<\/strong>\n      <\/div>\n\n      <div class=\"sy-info-item\">\n        <span class=\"sy-info-label\">Total Rukus<\/span>\n        <strong>5<\/strong>\n      <\/div>\n\n      <div class=\"sy-info-item\">\n        <span class=\"sy-info-label\">Revelation<\/span>\n        <strong>Makki<\/strong>\n      <\/div>\n\n      <div class=\"sy-info-item\">\n        <span class=\"sy-info-label\">Para \/ Juz<\/span>\n        <strong>22\u201323<\/strong>\n      <\/div>\n\n      <div class=\"sy-info-item\">\n        <span class=\"sy-info-label\">Urdu Translation<\/span>\n        <strong>Fateh Muhammad Jalandhry<\/strong>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- AUDIO SECTION -->\n  <section class=\"sy-card sy-audio-section\">\n\n    <h2>Listen to Surah Yaseen<\/h2>\n\n    <p>Recitation by Mishary Rashid Alafasy<\/p>\n\n    <audio controls=\"\" preload=\"none\">\n      <source\n        src=\"https:\/\/cdn.islamic.network\/quran\/audio-surah\/128\/ar.alafasy\/36.mp3\"\n        type=\"audio\/mpeg\"\n      >\n      Your browser does not support the audio player.\n    <\/audio>\n\n  <\/section>\n\n  <!-- READING CONTROLS -->\n  <section class=\"sy-controls\">\n\n    <button type=\"button\" id=\"sy-font-minus\">\n      A\u2212\n    <\/button>\n\n    <button type=\"button\" id=\"sy-font-plus\">\n      A+\n    <\/button>\n\n    <button type=\"button\" id=\"sy-translation-button\">\n      Hide Urdu Translation\n    <\/button>\n\n    <button type=\"button\" id=\"sy-print-button\">\n      Print \/ Save PDF\n    <\/button>\n\n  <\/section>\n\n  <!-- QURAN SECTION -->\n  <section class=\"sy-quran-section\">\n\n    <div class=\"sy-section-heading\">\n\n      <h2>Surah Yaseen Arabic with Urdu Tarjuma<\/h2>\n\n      <p>\n        Read every ayat of Surah Yaseen with its Urdu translation.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"sy-bismillah\" dir=\"rtl\">\n      \u0628\u0650\u0633\u0652\u0645\u0650 \u0627\u0644\u0644\u064e\u0651\u0647\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0652\u0645\u064e\u0670\u0646\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0650\u064a\u0645\u0650\n    <\/div>\n\n    <div id=\"sy-verses\">\n\n      <div class=\"sy-loading\">\n        Surah Yaseen is loading\u2026\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- ABOUT SECTION -->\n  <section class=\"sy-card sy-about-section\">\n\n    <h2>About Surah Yaseen<\/h2>\n\n    <p>\n      Surah Yaseen is the 36th chapter of the Holy Quran and contains\n      83 ayat and 5 rukus. It is a Makki Surah and appears across\n      Para \/ Juz 22 and 23 of the Quran.\n    <\/p>\n\n    <p>\n      On this page, you can read the complete Surah Yaseen Arabic text\n      together with Urdu translation by Fateh Muhammad Jalandhry.\n      Each ayat is displayed separately to make reading the Arabic Quran\n      text and Urdu tarjuma easier on desktop and mobile devices.\n    <\/p>\n\n    <p>\n      You can also listen to the complete recitation of Surah Yaseen,\n      increase or decrease the Arabic text size, and hide or show the\n      Urdu translation according to your reading preference.\n    <\/p>\n\n    <p>\n      If you want to keep a copy for later reading, use the\n      \u201cPrint \/ Save PDF\u201d option to save Surah Yaseen with Urdu translation\n      as a PDF directly from your browser.\n    <\/p>\n\n  <\/section>\n\n  <!-- HOW TO READ SECTION -->\n  <section class=\"sy-card sy-reading-guide-section\">\n\n    <h2>How to Read Surah Yaseen on This Page<\/h2>\n\n    <p>\n      Use this page to read Surah Yaseen in Arabic together with Urdu\n      translation in a simple ayat-by-ayat layout. Each verse appears\n      separately, helping you follow the Arabic text and Urdu tarjuma\n      without losing your place. If the Arabic text feels too small or\n      large, use the A+ and A\u2212 controls above the Quran section to adjust\n      the reading size.\n    <\/p>\n\n    <p>\n      You can also hide the Urdu translation when you want to focus only\n      on the Arabic text, and show it again whenever you need the meaning\n      in Urdu. The audio player near the top of the page lets you listen\n      to the complete recitation while following the verses on screen.\n    <\/p>\n\n    <p>\n      For offline reading, use the \u201cPrint \/ Save PDF\u201d button. Your browser\n      will open the print window, where you can choose \u201cSave as PDF\u201d and\n      keep a copy on your device. These reading options are designed to\n      make Surah Yaseen easy to use on both desktop and mobile devices.\n    <\/p>\n\n  <\/section>\n\n  <!-- FAQ SECTION -->\n  <section class=\"sy-card sy-faq-section\">\n\n    <h2>Frequently Asked Questions About Surah Yaseen<\/h2>\n\n    <details>\n      <summary>How many ayat are in Surah Yaseen?<\/summary>\n      <p>\n        Surah Yaseen contains 83 ayat and is the 36th Surah of the Holy Quran.\n      <\/p>\n    <\/details>\n\n    <details>\n      <summary>How many rukus are in Surah Yaseen?<\/summary>\n      <p>\n        Surah Yaseen contains 5 rukus.\n      <\/p>\n    <\/details>\n\n    <details>\n      <summary>Which Para or Juz contains Surah Yaseen?<\/summary>\n      <p>\n        Surah Yaseen begins in Para \/ Juz 22 and continues into Para \/ Juz 23.\n      <\/p>\n    <\/details>\n\n    <details>\n      <summary>Is Surah Yaseen Makki or Madani?<\/summary>\n      <p>\n        Surah Yaseen is a Makki Surah.\n      <\/p>\n    <\/details>\n\n    <details>\n      <summary>Can I read Surah Yaseen with Urdu translation?<\/summary>\n      <p>\n        Yes. This page provides the complete Arabic text of Surah Yaseen\n        with Urdu translation by Fateh Muhammad Jalandhry.\n      <\/p>\n    <\/details>\n\n    <details>\n      <summary>Can I listen to Surah Yaseen online?<\/summary>\n      <p>\n        Yes. You can use the audio player on this page to listen to the\n        complete recitation of Surah Yaseen.\n      <\/p>\n    <\/details>\n\n    <details>\n      <summary>Can I save Surah Yaseen with Urdu translation as a PDF?<\/summary>\n      <p>\n        Yes. Select the \u201cPrint \/ Save PDF\u201d button and choose \u201cSave as PDF\u201d\n        from your browser&#8217;s print window.\n      <\/p>\n    <\/details>\n\n    <details>\n      <summary>Can I increase the Arabic text size while reading?<\/summary>\n      <p>\n        Yes. Use the A+ and A\u2212 buttons to increase or decrease the Arabic\n        text size for easier reading.\n      <\/p>\n    <\/details>\n\n  <\/section>\n\n  <!-- RELATED ISLAMIC TOOLS -->\n  <section class=\"sy-card sy-related-section\">\n\n    <h2>Explore More Islamic Tools<\/h2>\n\n    <p>\n      You may also find these free Islamic tools useful:\n    <\/p>\n\n    <ul>\n\n      <li>\n        <a href=\"https:\/\/oks.digital\/daily-duas\/\">\n          Read Daily Duas\n        <\/a>\n      <\/li>\n\n      <li>\n        <a href=\"https:\/\/oks.digital\/qibla-direction\/\">\n          Find Qibla Direction\n        <\/a>\n      <\/li>\n\n      <li>\n        <a href=\"https:\/\/oks.digital\/hijri-date-converter\/\">\n          Convert Gregorian Date to Hijri\n        <\/a>\n      <\/li>\n\n    <\/ul>\n\n  <\/section>\n\n  <!-- SOURCE -->\n  <p class=\"sy-source-note\">\n    Arabic Quran text and Urdu translation are provided through\n    Al Quran Cloud. Urdu translation: Fateh Muhammad Jalandhry.\n  <\/p>\n\n<\/div>\n\n\n<script>\n(function () {\n\n  const page = document.getElementById(\"surah-yaseen-page\");\n\n  if (!page || page.dataset.initialized === \"yes\") {\n    return;\n  }\n\n  page.dataset.initialized = \"yes\";\n\n  const versesContainer =\n    document.getElementById(\"sy-verses\");\n\n  const translationButton =\n    document.getElementById(\"sy-translation-button\");\n\n  const fontPlusButton =\n    document.getElementById(\"sy-font-plus\");\n\n  const fontMinusButton =\n    document.getElementById(\"sy-font-minus\");\n\n  const printButton =\n    document.getElementById(\"sy-print-button\");\n\n  let arabicFontSize =\n    window.innerWidth <= 650 ? 29 : 36;\n\n  let translationVisible = true;\n\n\n  \/* QURAN APIs *\/\n\n  const arabicAPI =\n    \"https:\/\/api.alquran.cloud\/v1\/surah\/36\/quran-uthmani\";\n\n  const urduAPI =\n    \"https:\/\/api.alquran.cloud\/v1\/surah\/36\/ur.jalandhry\";\n\n\n  \/* ARABIC NUMBERS *\/\n\n  function convertToArabicNumbers(number) {\n\n    const arabicNumbers = [\n      \"\u0660\",\n      \"\u0661\",\n      \"\u0662\",\n      \"\u0663\",\n      \"\u0664\",\n      \"\u0665\",\n      \"\u0666\",\n      \"\u0667\",\n      \"\u0668\",\n      \"\u0669\"\n    ];\n\n    return String(number)\n      .split(\"\")\n      .map(function (digit) {\n        return arabicNumbers[Number(digit)];\n      })\n      .join(\"\");\n  }\n\n\n  \/* CREATE VERSE *\/\n\n  function createVerse(arabicAyah, urduAyah) {\n\n    const verseBox =\n      document.createElement(\"article\");\n\n    verseBox.className =\n      \"sy-verse\";\n\n\n    const verseNumber =\n      document.createElement(\"span\");\n\n    verseNumber.className =\n      \"sy-verse-number\";\n\n    verseNumber.textContent =\n      \"Ayat \" +\n      arabicAyah.numberInSurah;\n\n\n    const arabicText =\n      document.createElement(\"p\");\n\n    arabicText.className =\n      \"sy-arabic\";\n\n    arabicText.setAttribute(\n      \"dir\",\n      \"rtl\"\n    );\n\n    arabicText.textContent =\n      arabicAyah.text +\n      \" \ufd3f\" +\n      convertToArabicNumbers(\n        arabicAyah.numberInSurah\n      ) +\n      \"\ufd3e\";\n\n\n    const urduText =\n      document.createElement(\"p\");\n\n    urduText.className =\n      \"sy-urdu\";\n\n    urduText.setAttribute(\n      \"dir\",\n      \"rtl\"\n    );\n\n    urduText.textContent =\n      urduAyah\n        ? urduAyah.text\n        : \"Urdu translation is temporarily unavailable.\";\n\n\n    verseBox.appendChild(\n      verseNumber\n    );\n\n    verseBox.appendChild(\n      arabicText\n    );\n\n    verseBox.appendChild(\n      urduText\n    );\n\n    return verseBox;\n  }\n\n\n  \/* LOAD SURAH YASEEN *\/\n\n  async function loadSurahYaseen() {\n\n    versesContainer.innerHTML =\n      '<div class=\"sy-loading\">' +\n      'Surah Yaseen is loading\u2026' +\n      '<\/div>';\n\n    try {\n\n      const responses =\n        await Promise.all([\n          fetch(arabicAPI),\n          fetch(urduAPI)\n        ]);\n\n\n      if (\n        !responses[0].ok ||\n        !responses[1].ok\n      ) {\n\n        throw new Error(\n          \"The Quran service did not respond.\"\n        );\n      }\n\n\n      const arabicResult =\n        await responses[0].json();\n\n      const urduResult =\n        await responses[1].json();\n\n\n      const arabicAyat =\n        arabicResult.data.ayahs;\n\n      const urduAyat =\n        urduResult.data.ayahs;\n\n\n      if (\n        !Array.isArray(arabicAyat) ||\n        arabicAyat.length === 0\n      ) {\n\n        throw new Error(\n          \"No Quran text was received.\"\n        );\n      }\n\n\n      versesContainer.innerHTML = \"\";\n\n\n      arabicAyat.forEach(\n        function (arabicAyah, index) {\n\n          const urduAyah =\n            urduAyat[index] || null;\n\n          versesContainer.appendChild(\n            createVerse(\n              arabicAyah,\n              urduAyah\n            )\n          );\n\n        }\n      );\n\n\n    } catch (error) {\n\n      console.error(\n        \"Surah Yaseen loading error:\",\n        error\n      );\n\n\n      versesContainer.innerHTML =\n        '<div class=\"sy-error\">' +\n\n          '<strong>' +\n          'Surah Yaseen could not load.' +\n          '<\/strong>' +\n\n          '<br>' +\n\n          'Please check your internet connection and try again.' +\n\n          '<button type=\"button\" ' +\n          'class=\"sy-retry-button\" ' +\n          'id=\"sy-retry-button\">' +\n\n            'Try Again' +\n\n          '<\/button>' +\n\n        '<\/div>';\n\n\n      const retryButton =\n        document.getElementById(\n          \"sy-retry-button\"\n        );\n\n\n      if (retryButton) {\n\n        retryButton.addEventListener(\n          \"click\",\n          loadSurahYaseen\n        );\n\n      }\n    }\n  }\n\n\n  \/* FONT PLUS *\/\n\n  fontPlusButton.addEventListener(\n    \"click\",\n    function () {\n\n      if (arabicFontSize < 52) {\n\n        arabicFontSize += 3;\n\n        page.style.setProperty(\n          \"--sy-arabic-size\",\n          arabicFontSize + \"px\"\n        );\n\n      }\n    }\n  );\n\n\n  \/* FONT MINUS *\/\n\n  fontMinusButton.addEventListener(\n    \"click\",\n    function () {\n\n      if (arabicFontSize > 23) {\n\n        arabicFontSize -= 3;\n\n        page.style.setProperty(\n          \"--sy-arabic-size\",\n          arabicFontSize + \"px\"\n        );\n\n      }\n    }\n  );\n\n\n  \/* HIDE \/ SHOW URDU *\/\n\n  translationButton.addEventListener(\n    \"click\",\n    function () {\n\n      translationVisible =\n        !translationVisible;\n\n\n      page.classList.toggle(\n        \"sy-hide-translation\",\n        !translationVisible\n      );\n\n\n      translationButton.textContent =\n        translationVisible\n          ? \"Hide Urdu Translation\"\n          : \"Show Urdu Translation\";\n\n    }\n  );\n\n\n  \/* PRINT \/ SAVE PDF *\/\n\n  printButton.addEventListener(\n    \"click\",\n    function () {\n\n      window.print();\n\n    }\n  );\n\n\n  \/* START *\/\n\n  loadSurahYaseen();\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0633\u0648\u0631\u06c3 \u06cc\u0670\u0633\u06cc\u0646 Surah Yaseen with Urdu Translation Read Surah Yaseen Arabic text with Urdu translation. You can also listen to the recitation and save the complete Surah Yaseen page as a PDF. Surah 36 83 Ayat Makki Surah Surah Yaseen Information Quick facts about Surah Yaseen, including its Quran number, ayat, rukus, revelation place, Para\/Juz&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_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":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-240","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"kashi883@gmail.com","author_link":"https:\/\/oks.digital\/ar\/author\/kashi883gmail-com\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/pages\/240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/comments?post=240"}],"version-history":[{"count":9,"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/pages\/240\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/pages\/240\/revisions\/307"}],"wp:attachment":[{"href":"https:\/\/oks.digital\/ar\/wp-json\/wp\/v2\/media?parent=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}