From a869a3b079fb67a078dda4caf6442444b68e8e0e Mon Sep 17 00:00:00 2001
From: Vishwas Bhatia <bhatiavishwas7@gmail.com>
Date: Sat, 26 Oct 2024 09:08:32 +0530
Subject: [PATCH 1/2] Did some styling on Wildlife Conservation forum now it
 looks perfect according to the theme.

---
 WildGuard-main/index.html | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/WildGuard-main/index.html b/WildGuard-main/index.html
index 36e7b714..a457ed6f 100644
--- a/WildGuard-main/index.html
+++ b/WildGuard-main/index.html
@@ -966,16 +966,13 @@ <h3 class="h3 card-title">Raise Hand To Save Animals</h3>
           </section>
 
           <div class="container_1">
-            <h1>Wildlife Conservation Forum</h1>
-            <div class="post-form">
-              <h2>Share Your Thoughts</h2>
+            <h1 class="text-4xl py-2 font-extrabold">Wildlife Conservation Forum</h1>
+            <div class="post-form flex flex-column gap-4">
+              <h2 class="text-2xl font-bold">Share Your Thoughts</h2>
               <textarea id="postContent" placeholder="Write your message..."></textarea>
-              <button onclick="GiveAlert()" id="submitPost">Submit</button>
-            </div>
-            <div class="posts">
-              <h2>Discussions</h2>
-              <div id="postsContainer"></div>
+              <button class="font-bold" id="submitPost" style="background-color: #92c056;">Submit</button>
             </div>
+            
           </div>
           <script src="script.js"></script>
 

From e78d0dc7073d6d516a2d5790268ab5544743d845 Mon Sep 17 00:00:00 2001
From: Vishwas Bhatia <bhatiavishwas7@gmail.com>
Date: Sat, 26 Oct 2024 17:14:38 +0530
Subject: [PATCH 2/2] Fixed the donation cards,did proper styling, use flex
 properties to fix them

---
 WildGuard-main/index.html | 51 ++++++++++++++++++++++++---------------
 1 file changed, 32 insertions(+), 19 deletions(-)

diff --git a/WildGuard-main/index.html b/WildGuard-main/index.html
index a457ed6f..818ed3d3 100644
--- a/WildGuard-main/index.html
+++ b/WildGuard-main/index.html
@@ -505,38 +505,51 @@ <h2 class="h2 section-title">
             <h1>Support Us with Your Donation</h1>
           </b> </div>
         <div class="card-container">
-          <div class="card">
-            <b>
+          <div class="card flex flex-col justify-between item-center">
+            <div>
               <h2>Basic Tier</h2>
             </b>
-            <p class="amount">$10/month</p>
-            <p onclick="location.href='Donation.html';" class="donate-button">Donate Now</p>
+            <p class="amount font-bold">$10/month</p>
+            <p class="benefits ">All Basic Tier benefits<br>Personalised thank-you message</p>
+            </div><b>
+            <div class="w-full">
+              <p onclick="location.href='Donation.html';" class="donate-button w-full">Donate Now</p>
+            </div>
 
           </div>
-          <div class="card">
-            <b>
+          <div class="card flex flex-col justify-between item-center">
+            <div>
               <h2>Supporter Tier</h2>
             </b>
-            <p class="amount">$25/month</p>
-            <p class="benefits">All Basic Tier benefits<br>Personalised thank-you message</p>
-            <button onclick="location.href='Donation.html';" class="donate-button">Donate Now</button>
+            <p class="amount font-bold">$25/month</p>
+            <p class="benefits">All Suppoeter Tier benefits<br>Quarterly report on our impact</p>
+            </div><b>
+            <div class="w-full">
+              <button onclick="location.href='Donation.html';" class="donate-button w-full">Donate Now</button>
+            </div>
           </div>
-          <div class="card">
-            <b>
+          <div class="card flex flex-col justify-between item-center">
+            <div>
               <h2>Champion Tier</h2>
             </b>
-            <p class="amount">$50/month</p>
-            <p class="benefits">All Suppoeter Tier benefits<br>Quarterly report on our impact</p>
-            <button onclick="location.href='Donation.html';" class="donate-button">Donate Now</button>
+            <p class="amount font-bold">$50/month</p>
+            <p class="benefits">All Champion Tier benefits<br>Invitation to exclusive events</p>
+            </div><b>
+            <div class="w-full">
+              <button onclick="location.href='Donation.html';" class="donate-button w-full">Donate Now</button>
+            </div>
           </div>
 
-          <div class="card">
-            <b>
+          <div class="card flex flex-col justify-between item-center">
+            <div>
               <h2>Leader Tier</h2>
             </b>
-            <p class="amount">$100/month</p>
-            <p class="benefits">All Champion Tier benefits<br>Invitation to exclusive events</p>
-            <button onclick="location.href='Donation.html';" class="donate-button">Donate Now</button>
+            <p class="amount font-bold">$100/month</p>
+            <p class="benefits">All Leader Tier benefits<br>Invitation to exclusive events</p>
+            </div><b>
+            <div class="w-full">
+              <button onclick="location.href='Donation.html';" class="donate-button w-full">Donate Now</button>
+            </div>
           </div>
         </div>
       </div>