From 81ab49bd78f6c5c66c8aeb28ba36b1d11beb196f Mon Sep 17 00:00:00 2001
From: Akshay <akshay.allen26200@gmail.com>
Date: Thu, 6 Feb 2025 08:56:30 +0530
Subject: [PATCH] feat: Update donate section content for better relevance

---
 index.html | 149 ++++++++++++-----------------------------------------
 1 file changed, 34 insertions(+), 115 deletions(-)

diff --git a/index.html b/index.html
index b3d42ba..0fe5d9f 100644
--- a/index.html
+++ b/index.html
@@ -533,243 +533,162 @@ <h3 class="h3 card-title">Clear Ocean</h3>
         <div class="container">
 
           <ul class="donate-list">
-
             <li>
               <div class="donate-card">
-
                 <figure class="card-banner">
-                  <img src="./assets/images/donate-1.jpg" width="520" height="325" loading="lazy" alt="Elephant"
+                  <img src="./assets/images/donate-1.jpg" width="520" height="325" loading="lazy" alt="Save Elephants"
                     class="img-cover">
                 </figure>
-
                 <div class="card-content">
-
                   <div class="progress-wrapper">
                     <p class="progress-text">
                       <span>Raised</span>
-
                       <data value="256">$256</data>
                     </p>
-
                     <data class="progress-value" value="83">83%</data>
                   </div>
-
                   <div class="progress-box">
                     <div class="progress"></div>
                   </div>
-
-                  <h3 class="h3 card-title">Raise Hand To Save Animals</h3>
-
+                  <h3 class="h3 card-title">Protect Endangered Elephants</h3>
                   <div class="card-wrapper">
-
                     <p class="card-wrapper-text">
                       <span>Goal</span>
-
-                      <data class="green" value="34562">$34562</data>
+                      <data class="green" value="34562">$34,562</data>
                     </p>
-
                     <p class="card-wrapper-text">
-                      <span>Raise</span>
-
-                      <data class="yellow" value="562">$562</data>
+                      <span>Raised</span>
+                      <data class="yellow" value="28676">$28,676</data>
                     </p>
-
                     <p class="card-wrapper-text">
                       <span>To Go</span>
-
-                      <data class="cyan" value="864">$864</data>
+                      <data class="cyan" value="5886">$5,886</data>
                     </p>
-
                   </div>
-
                   <button class="btn btn-secondary">
-                    <span>Donation</span>
-
+                    <span>Donate Now</span>
                     <ion-icon name="heart-outline" aria-hidden="true"></ion-icon>
                   </button>
-
                 </div>
-
               </div>
             </li>
-
             <li>
               <div class="donate-card">
-
                 <figure class="card-banner">
-                  <img src="./assets/images/donate-2.jpg" width="520" height="325" loading="lazy" alt="Elephant"
+                  <img src="./assets/images/donate-2.jpg" width="520" height="325" loading="lazy" alt="Save Tigers"
                     class="img-cover">
                 </figure>
-
                 <div class="card-content">
-
                   <div class="progress-wrapper">
                     <p class="progress-text">
                       <span>Raised</span>
-
-                      <data value="256">$256</data>
+                      <data value="150">$150</data>
                     </p>
-
-                    <data class="progress-value" value="83">83%</data>
+                    <data class="progress-value" value="60">60%</data>
                   </div>
-
                   <div class="progress-box">
                     <div class="progress"></div>
                   </div>
-
-                  <h3 class="h3 card-title">Raise Hand To Save Animals</h3>
-
+                  <h3 class="h3 card-title">Save Rhinoceros from Extinction</h3>
                   <div class="card-wrapper">
-
                     <p class="card-wrapper-text">
                       <span>Goal</span>
-
-                      <data class="green" value="34562">$34562</data>
+                      <data class="green" value="10000">$10,000</data>
                     </p>
-
                     <p class="card-wrapper-text">
-                      <span>Raise</span>
-
-                      <data class="yellow" value="562">$562</data>
+                      <span>Raised</span>
+                      <data class="yellow" value="6000">$6,000</data>
                     </p>
-
                     <p class="card-wrapper-text">
                       <span>To Go</span>
-
-                      <data class="cyan" value="864">$864</data>
+                      <data class="cyan" value="4000">$4,000</data>
                     </p>
-
                   </div>
-
                   <button class="btn btn-secondary">
-                    <span>Donation</span>
-
+                    <span>Donate Now</span>
                     <ion-icon name="heart-outline" aria-hidden="true"></ion-icon>
                   </button>
-
                 </div>
-
               </div>
             </li>
-
             <li>
               <div class="donate-card">
-
                 <figure class="card-banner">
-                  <img src="./assets/images/donate-3.jpg" width="520" height="325" loading="lazy" alt="Elephant"
+                  <img src="./assets/images/donate-3.jpg" width="520" height="325" loading="lazy" alt="Save Marine Life"
                     class="img-cover">
                 </figure>
-
                 <div class="card-content">
-
                   <div class="progress-wrapper">
                     <p class="progress-text">
                       <span>Raised</span>
-
-                      <data value="256">$256</data>
+                      <data value="500">$500</data>
                     </p>
-
-                    <data class="progress-value" value="83">83%</data>
+                    <data class="progress-value" value="90">90%</data>
                   </div>
-
                   <div class="progress-box">
                     <div class="progress"></div>
                   </div>
-
-                  <h3 class="h3 card-title">Raise Hand To Save Animals</h3>
-
+                  <h3 class="h3 card-title">Save Tigers from Extinction</h3>
                   <div class="card-wrapper">
-
                     <p class="card-wrapper-text">
                       <span>Goal</span>
-
-                      <data class="green" value="34562">$34562</data>
+                      <data class="green" value="5000">$5,000</data>
                     </p>
-
                     <p class="card-wrapper-text">
-                      <span>Raise</span>
-
-                      <data class="yellow" value="562">$562</data>
+                      <span>Raised</span>
+                      <data class="yellow" value="4500">$4,500</data>
                     </p>
-
                     <p class="card-wrapper-text">
                       <span>To Go</span>
-
-                      <data class="cyan" value="864">$864</data>
+                      <data class="cyan" value="500">$500</data>
                     </p>
-
                   </div>
-
                   <button class="btn btn-secondary">
-                    <span>Donation</span>
-
+                    <span>Donate Now</span>
                     <ion-icon name="heart-outline" aria-hidden="true"></ion-icon>
                   </button>
-
                 </div>
-
               </div>
             </li>
-
             <li>
               <div class="donate-card">
-
                 <figure class="card-banner">
-                  <img src="./assets/images/donate-4.jpg" width="520" height="325" loading="lazy" alt="Elephant"
+                  <img src="./assets/images/donate-4.jpg" width="520" height="325" loading="lazy" alt="Save Forests"
                     class="img-cover">
                 </figure>
-
                 <div class="card-content">
-
                   <div class="progress-wrapper">
                     <p class="progress-text">
                       <span>Raised</span>
-
-                      <data value="256">$256</data>
+                      <data value="120">$120</data>
                     </p>
-
-                    <data class="progress-value" value="83">83%</data>
+                    <data class="progress-value" value="40">40%</data>
                   </div>
-
                   <div class="progress-box">
                     <div class="progress"></div>
                   </div>
-
-                  <h3 class="h3 card-title">Raise Hand To Save Animals</h3>
-
+                  <h3 class="h3 card-title">Protect Endangered Koalas</h3>
                   <div class="card-wrapper">
-
                     <p class="card-wrapper-text">
                       <span>Goal</span>
-
-                      <data class="green" value="34562">$34562</data>
+                      <data class="green" value="3000">$3,000</data>
                     </p>
-
                     <p class="card-wrapper-text">
-                      <span>Raise</span>
-
-                      <data class="yellow" value="562">$562</data>
+                      <span>Raised</span>
+                      <data class="yellow" value="1200">$1,200</data>
                     </p>
-
                     <p class="card-wrapper-text">
                       <span>To Go</span>
-
-                      <data class="cyan" value="864">$864</data>
+                      <data class="cyan" value="1800">$1,800</data>
                     </p>
-
                   </div>
-
                   <button class="btn btn-secondary">
-                    <span>Donation</span>
-
+                    <span>Donate Now</span>
                     <ion-icon name="heart-outline" aria-hidden="true"></ion-icon>
                   </button>
-
                 </div>
-
               </div>
             </li>
-
           </ul>
 
         </div>