audio added

index.html

@@ -114,12 +114,16 @@ <h2>To Name a Few...</h2>
   <section class="miracle-section">
     <div class="verse-content">
       <h2>Expansion of the Universe</h2>
-      <p class="arabic">وَالسَّمَاءَ بَنَيْنَاهَا بِأَيْيْدٍ وَإِنَّا لَمُوسِعُونَ</p>
+      <p class="arabic">وَالسَّمَاءَ بَنَيْنَاهَا بِأَيْيْدٍ وَإِنَّا لَمُوسِعُونَ</p>
       <p><strong style="color:#03ac00;">Translation:</strong> "And the heaven We constructed with strength, and indeed,
         We are [its] expander."
         (Surah Adh-Dhariyat, 51:47)</p>
       <p>This verse aligns with the modern understanding that the universe is expanding, a concept supported by
         observations of distant galaxies moving away from us.</p>
+      <audio controls style="margin-top: 10px; width: 100%;">
+        <source src="audio/expansion.mp3" type="audio/mpeg">
+        Your browser does not support the audio element.
+      </audio>
     </div>
     <div class="animation-container">
       <div id="creation-burst-container">
@@ -209,6 +213,10 @@ <h2>Orbits of Celestial Bodies</h2>
         sun and the moon; all
         [heavenly bodies] in an orbit are swimming." (Surah Al-Anbiya, 21:33)</p>
       <p>This verse aligns with modern astronomy, which confirms that celestial bodies move in defined orbits.</p>
+      <audio controls style="margin-top: 10px; width: 100%;">
+        <source src="audio/orbit.mp3" type="audio/mpeg">
+        Your browser does not support the audio element.
+      </audio>
     </div>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
     <script>
@@ -292,6 +300,10 @@ <h2>Stages of Embryonic Development</h2>
         [of flesh], and We made [from] the lump, bones, and We covered the bones with flesh; then We developed him into
         another creation. So blessed is Allah , the best of creators." (Surah Al-Mu’minun, 23:12-14)</p>
       <p>This verse describes the stages of human development in a way that aligns with modern embryology.</p>
+      <audio controls style="margin-top: 10px; width: 100%;">
+        <source src="audio/emb.mp3" type="audio/mpeg">
+        Your browser does not support the audio element.
+      </audio>
     </div>
     <div class="animation-container">
       <div id="embryonic-development-container">
@@ -388,6 +400,11 @@ <h2>The Romans' Victory</h2>
           place, and it actually took place approximately after nine years. In addition, the prophesied Roman victory
           over the Persians coincided with the Muslim victory over the polytheists. (Source: The Unchallengeable
           Miracles of the Quran, Yusuf Al-Hajj Ahmad)</p>
+
+          <audio controls style="margin-top: 10px; width: 100%;">
+            <source src="audio/rum.mp3" type="audio/mpeg">
+            Your browser does not support the audio element.
+          </audio>
       </div>
     </div>
   </section>
@@ -404,6 +421,11 @@ <h2>Plant Reproduction</h2>
         the company of another, forms a pair’; the word is used just as readily for a married couple as for a pair of
         shoes. This is describing how plants come in pairs, implying sexual plant reproduction, which was not something
         that was known at the time of the Quran.</p>
+
+        <audio controls style="margin-top: 10px; width: 100%;">
+          <source src="audio/plant.mp3" type="audio/mpeg">
+          Your browser does not support the audio element.
+        </audio>
     </div>
     <div class="animation-container" style="display: flex; align-items: center; justify-content: center; margin: auto;">
       <img src="images/plants.gif" alt="Plant Growth Animation" style="height: 250px; margin: 0;">