Update index.html

index.html

@@ -42,7 +42,7 @@ <h5 >Watch these videos sincerely and reflect upon them deeply, so you may find
 
     <!-- Content Sections with Expanded Height -->
     <div id="content-container" class="content-container">
-        <div id="div1" class="content-div">
+        <div id="div1" class="content-div table-wrapper">
             <table class="custom-table">
                 <thead>
                     Rational
@@ -95,13 +95,30 @@ <h5 >Watch these videos sincerely and reflect upon them deeply, so you may find
             </table>
 
         </div>
-        <div id="div2" class="content-div">Content for Scientific</div>
+        <div id="div2" class="content-div">Content for Scientific
+            <table class="custom-table">
+                <thead>
+                    Rational
+                    <tr>
+                        <th>S.No</th>
+                        <th>Title</th>
+                        <th>Description</th>
+                        <th>Link</th>
+                        <th>Channel</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+
+                </tbody>
+            </table>
+        </div>
         <div id="div3" class="content-div">Content for Inspirational</div>
         <div id="div4" class="content-div">Content for Misc</div>
     </div>
 
     <!-- Footer -->
-    <div class="ground">
+    <!-- <div class="ground">
     <div class="norm d-flex">
             <a href="https://www.quran.com" target="_blank"><h6 style="display:inline">Read the Quran |</h6></a>
             <a href="https://www.miracles-of-quran.com/index.html" target="_blank"><h6 style="display:inline">Miracles of Quran</h6></a>
@@ -122,6 +139,25 @@ <h2 class="typing-effect">About Me</h2>
             <p >Email : <a href="mailto:reflect.intel@gmail.com">reflect.intel@gmail.com</a></p>
             <p >Discord: blaze_0101</p>
         </div>
+    </div> -->
+    <div class="footer">
+        <a href="https://www.quran.com" target="_blank"><h6 style="display:inline">Read the Quran |</h6></a>
+        <a href="https://www.miracles-of-quran.com/index.html" target="_blank"><h6 style="display:inline">Miracles of Quran</h6></a>
+
+
+        <div class="panel-icon" id="panelIcon">
+        <h6  >Contact & Suggest me</h6>
+        </div>
+</div>
+<div class="popup" id="popup">
+    <div class="popup-content">
+        <span class="close" id="closePopup">&times;</span>
+        <h2 class="typing-effect">About Me</h2>
+        <p>Hello! <a href="https://www.instagram.com/md_abdullah_0101/" target="_blank">I'm Mohammed Abdullah</a></p>
+        <p class="swipers1">I am compiling a list of islamic videos which rational people may ponder ,reflect and might accept the truth.</p><br></br>
+        <p>Contact me below to suggest me some videos</p>
+        <p >Email : <a href="mailto:reflect.intel@gmail.com">reflect.intel@gmail.com</a></p>
+        <p >Discord: blaze_0101</p>
     </div>