From 0315b9c5e3a16634177f223e859d51820aaf1698 Mon Sep 17 00:00:00 2001
From: dnyanesh <borsednyanesh99@gmail.com>
Date: Thu, 17 Oct 2024 19:39:54 +0530
Subject: [PATCH] successfully remove the bug code and made the home page and
 UI interactive and attractive

---
 index.html | 110 ++++++-----------------------------------------------
 1 file changed, 12 insertions(+), 98 deletions(-)

diff --git a/index.html b/index.html
index 734563ad..80abd661 100644
--- 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>
 
@@ -4934,7 +4923,7 @@ <h2 class="h2 section-title has-underline" style="margin-bottom: 0px;">
   border-radius: 1rem;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   padding-bottom: 1rem;
-  height: auto;
+  height: 50rem;
   background-color: rgba(255, 255, 255, 0.9);
   box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
 }
@@ -5010,7 +4999,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>
@@ -5029,39 +5018,7 @@ <h3 class="card-sty">Organizations</h3>
         <div class="button-container">
           <a href="./assets/html/ngo.html" class="donate-button" style="margin-bottom:10rem;">Donate to Organizations</a>
         </div>
-
-    <div class="card" style=" margin: 1.5rem; border-bottom: 0.5rem solid #A30F17; border-radius: 1rem; transition: transform 0.3s ease; padding-bottom: 1rem; height: auto; ">
-          <img src="./assets/images/images/lib.jpg" alt="Library Image" style="display: block; width: 100%; height: auto; border-radius: 1rem 1rem 0 0;">
-          <div class="card-body">
-              <h3 class="card-sty" style="text-align: center;">Library</h3>
-              <p class="card-text" style="font-style: italic;">Donate your books to local libraries and help foster a love for reading in your community.</p>
-              <div class="button-container">
-                  <a href="./assets/html/donate.html" class="donate-button">Donate to Libraries</a>
-              </div>
-          </div>
-      </div>
-      <div class="card" style=" margin: 1.5rem; border-bottom: 0.5rem solid #A30F17; border-radius: 1rem; transition: transform 0.3s ease; padding-bottom: 1rem; height: auto;">
-          <img src="./assets/images/images/school.png" alt="School Image" style="display: block; width: 100%; height: auto; border-radius: 1rem 1rem 0 0;">
-          <div class="card-body">
-              <h3 class="card-sty" style="text-align: center;">Schools</h3>
-              <p class="card-text" style="font-style: italic;">Support children's education by donating books to nearby schools for students of all ages.</p>
-              <div class="button-container">
-                  <a href="./assets/html/school.html" class="donate-button">Donate to Schools</a>
-              </div>
-          </div>
-      </div>
-      <div class="card" style=" margin: 1.5rem; border-bottom: 0.5rem solid #A30F17; border-radius: 1rem; transition: transform 0.3s ease; padding-bottom: 1rem; height: auto;">
-          <img src="./assets/images/images/ngo.jpeg" alt="Organization Image" style="display: block; width: 100%; height: auto; border-radius: 1rem 1rem 0 0;">
-          <div class="card-body">
-              <h3 class="card-sty" style="text-align: center;">Organizations</h3>
-              <p class="card-text" style="font-style: italic;">Donate books to support educational programs of NGOs and other organizations.</p>
-              <div class="button-container">
-                  <a href="./assets/html/ngo.html" class="donate-button">Donate to Organizations</a>
-              </div>
-          </div>
       </div>
-    </div>
-
   </div>
 </div>
 
@@ -5109,51 +5066,8 @@ <h3>Rate Us</h3>
 
 <div id="toastMessage" class="toast-message"></div>
 
-
-<<<<<<< HEAD
-<!-- JavaScript for form submission -->
-<script>
-  document.addEventListener("DOMContentLoaded", function() {
-=======
-
-
-      <!-- rate us -->
-
-
-       <!-- Rate Us Component -->
-       <div id="rate-us">
-        <div class="heading">
-            <h3>Rateus</h3>
-            <p>Tell us about your experience!</p>
-        </div>
-    
-        <div class="stars">
-            <input type="radio" id="star5" name="rate" value="5" />
-            <label for="star5">😭</label>
-            <input type="radio" id="star4" name="rate" value="4" />
-            <label for="star4">😢</label>
-            <input type="radio" id="star3" name="rate" value="3" />
-            <label for="star3">😐</label>
-            <input type="radio" id="star2" name="rate" value="2" />
-            <label for="star2">😊</label>
-            <input type="radio" id="star1" name="rate" value="1" />
-            <label for="star1">😍</label>
-        </div>
-    
-        <div class="feedback-container">
-            <textarea id="feedback" placeholder="Enter your feedback..." rows="4"></textarea>
-        </div>
-    
-        <div class="button">
-          
-            <center><button id="submit-btn">Submit</button></center>
-        </div>
-    </div>
-    
-    <div id="toastMessage" class="toast-message"></div>
     <script>
      document.addEventListener("DOMContentLoaded", function() {
->>>>>>> f45b55ee1dfb10c427190aed1fd9fc4f4a757c58
     const toastMessage = document.getElementById("toastMessage");
 
     document.getElementById("submit-btn").addEventListener("click", function(event) {