Update index.html

Author: reflecthub

index.html

@@ -384,12 +384,17 @@ <h2>🔗 Other Links</h2>
           <p>✨ <a target="_blank" href="https://quranreflect.com/?authors=%40abdullah798155" style="text-decoration: none; border-radius: 5px;">QuranReflect</a></p>
           <p>📄 <a target="_blank" href="./Reflecthub docs/ReflectHub-PDF.pdf" style="text-decoration: none; border-radius: 5px;">Reflecthub Docs</a></p>
         </div>
+
+
         <div style="display: flex; flex-direction: column;  justify-content: center; align-items: center;">
 
           <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1rem; flex-wrap: wrap; text-align: center; width: 100%;">
             <img src="./icon5.png" style="height: auto; width: 80px; max-width: 80px; min-width: 80px; ">
                 <h2 style="color: aqua; margin-bottom: 0;  font-size: 24px;">ReflectHub</h2>
-                <p style="color: white;font-size: 1.2rem;"> <img src="./Logos/locate.svg" style="height: 17px; width: 17px;"> Hyderabad , IN</p>
+                <p style="color: white;font-size: 1.2rem;margin-bottom: 20px;"> <img src="./Logos/locate.svg" style="height: 17px; width: 17px;"> Hyderabad , IN</p>
+                <div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
+                  <img src="./qr-code.svg" style="height: 120px; width: 120px; border-radius: 15px;">
+                 </div>
 
 
         </div>
@@ -401,13 +406,12 @@ <h2 style="color: aqua; margin-bottom: 0;  font-size: 24px;">ReflectHub</h2>
 
 
         </div>
-        <div style="display: flex; flex-direction: column;">
+
+        <div style="display: flex; flex-direction: column;margin-top: 50px;">
             <div class="panel-icon pop-up-animate1" id="panelIcon1">
             <h6 >Contact & Suggest me</h6>
         </div><br>
-        <div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
-          <img src="./qr-code.svg" style="height: 150px; width: 150px; border-radius: 15px;">
-         </div>
+        
         <br>
         <div style="text-align: center;"><p>Share:</p></div>
         <div style="display: flex; flex-direction: row; align-items: flex-start; max-width: 200px; margin-left: 10px;">
@@ -432,7 +436,25 @@ <h6 >Contact & Suggest me</h6>
                 <p style="margin: 0; font-size: 14px;">Reddit</p>
             </a>
         </div>
-        <button id="installBtn" style="padding:10px 20px; font-size:16px; background:#4CAF50; color:white; border:none; border-radius:5px; cursor:pointer;font-family: 'Quicksand', sans-serif">
+        <!-- HTML -->
+        <div class="apple-loader-container">
+          <div class="apple-loader">
+            <div class="circle"></div>
+            <div class="pc">
+              <div class="pcscreen"></div>
+              <div class="base-one"></div>
+              <div class="base-two"></div>
+            </div>
+            <div class="inner-sq"></div>
+            <div class="outer-sq"></div>
+            <div class="ipad">
+              <div class="line"></div>
+            </div>
+            <div class="phone"></div>
+          </div>
+        </div>
+
+        <button id="installBtn" style="padding:10px; font-size:16px; background:#4CAF50; color:white; border:none; border-radius:5px; cursor:pointer;font-family: 'Quicksand', sans-serif">
           Install App
         </button>
 
@@ -441,6 +463,8 @@ <h6 >Contact & Suggest me</h6>
         </div>
 
   </div>
+
+  
   <div style="display: flex; flex-direction: column; justify-content: center; align-items: center;" id="footer-bottom">
 
     <p style="color: rgb(226, 225, 225);">&copy; ReflectHub 2025</p>
@@ -459,7 +483,7 @@ <h6 >Contact & Suggest me</h6>
     </div>
 
 
-</div>
+  </div>
 
 </div>