Merge pull request #3636 from dnyanesh99borse/main

SUCCESSFULLY REARRANGE TEH CODE AND MADE THE USER INTERFACE PROPER BY SOLVING BUG.
anuragverma108 · Oct 17, 2024 · 5e33078 · 5e33078
2 parents ac2b3ba + e4eb3ff
commit 5e33078
Showing 1 changed file with 33 additions and 23 deletions.
diff --git a/index.html b/index.html
@@ -2240,7 +2240,6 @@
 
 .card img {
     width: 100%;
-    height: auto;
 }
 
 
@@ -2882,7 +2881,7 @@
   .arrow {
     transition: transform 0.3s; /* Smooth transition for arrow */
 } 
-
+</style>
 <!--my code-->
 
 <header class="header header-anim nav-h" data-header>
@@ -2949,14 +2948,7 @@
             <i class="ri-community-fill"></i> Community
           </a>
         </li>
-
-
-
-
-
-
-
-
+
 
         <li>
         <div class="action" >
@@ -2984,6 +2976,8 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
               </li>
             </ul>
             </div>
+            </header>           
+
             <script>
               document.addEventListener("DOMContentLoaded", () => {
                   const savedAvatar = localStorage.getItem("selectedAvatar");
@@ -3023,18 +3017,13 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
               //     lastScrollTop = scrollTop;
               // });
           </script>
-        -->
-
-
-
-
-  <header class="header header-anim nav-h" data-header>
-
-
-.dropdown:hover .arrow {
+
+  </div>
+      <style>
+        .dropdown:hover .arrow {
     transform: rotate(180deg); /* Rotate arrow on hover */
-}
-</style>
+             }
+      </style>
 
   <header class="header header-anim nav-h" data-header>
 
@@ -4795,13 +4784,24 @@ <h2 class="h2 section-title has-underline" style="margin-bottom: 0px;">
 }
 
 .card {
+ main
+  margin: 1.5rem;
+  border-bottom: 0.5rem solid #A30F17;
+  border-radius: 1rem;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  padding-bottom: 1rem;
+  height: 50rem;
+  background-color: rgba(255, 255, 255, 0.9);
+  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
+
   background-color: #fff;
   border-radius: 10px;
   height: auto;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 
+ main
 }
 
 .card img {
@@ -4876,7 +4876,7 @@ <h3 class="card-sty">Library</h3>
 
     <!-- Card 2 -->
     <div class="card" onmouseover="hoverCard(this)" onmouseout="unhoverCard(this)">
-      <img src="./assets/images/images/sc.jpg" alt="School Image">
+      <img src="./assets/images/images/school.png" alt="School Image">
       <div class="card-body">
         <h3 class="card-sty">Schools</h3>
         <p class="card-text">Support children's education by donating books to nearby schools for students of all ages.</p>
@@ -4894,6 +4894,11 @@ <h3 class="card-sty">Organizations</h3>
         <p class="card-text">Help the organizations by donating books to support their educational programs.</p>
         <div class="button-container">
           <a href="./assets/html/ngo.html" class="donate-button" style="margin-bottom:10rem;">Donate to Organizations</a>
+ main
+        </div>
+      </div>
+  </div>
+
           </div>
           </div>
           </div>
@@ -4929,6 +4934,7 @@ <h3 class="card-sty" style="text-align: center;">Organizations</h3>
           </div>
       </div>
 
+ main
 </div>
 
 <script>
@@ -4975,6 +4981,10 @@ <h3>Rate Us</h3>
 
 <div id="toastMessage" class="toast-message"></div>
 
+ main
+    <script>
+     document.addEventListener("DOMContentLoaded", function() {
+
 
 
 <!-- JavaScript for form submission -->
@@ -5019,7 +5029,7 @@ <h3>Rateus</h3>
     <div id="toastMessage" class="toast-message"></div>
     <script>
      document.addEventListener("DOMContentLoaded", function() {
-
+main
     const toastMessage = document.getElementById("toastMessage");
 
     document.getElementById("submit-btn").addEventListener("click", function(event) {