From 1ec1027e97011b02491b4543bb4074a8d2da4a90 Mon Sep 17 00:00:00 2001
From: Pallavi <nux4008@gmail.com>
Date: Thu, 31 Oct 2024 16:01:06 +0530
Subject: [PATCH] changes color h2,h3,p

---
 WildGuard  |  1 -
 index.html | 64 +++++++++++++++++++++++++++---------------------------
 style.css  |  1 +
 3 files changed, 33 insertions(+), 33 deletions(-)
 delete mode 160000 WildGuard

diff --git a/WildGuard b/WildGuard
deleted file mode 160000
index 7f29c8d1..00000000
--- a/WildGuard
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit 7f29c8d1c7a33a16aaa7f37f83171a68975c0f1d
diff --git a/index.html b/index.html
index 41c0fee0..88eea567 100644
--- a/index.html
+++ b/index.html
@@ -662,7 +662,7 @@ <h2 class="deco-title">About Us</h2>
               <span>Why Choose Us</span>
             </p> -->
 
-            <h2 class="h2 section-title">
+            <h2 class="h2 section-title" style="color: rgba(193,183,183,0.3);">
               Raise Your Hand to Save <strong>World Animals Life</strong>
             </h2>
 
@@ -690,27 +690,27 @@ <h2 class="h2 section-title">
                 complete account of the system expoundmaster
               </p> -->
 
-              <p class="section-text">
+              <p class="section-text" style="color: rgba(193,183,183,0.4)">
                 
 Our mission is to provide outstanding care and dedicated support for animals in need, safeguarding their health, safety, and overall well-being. We strive to create a nurturing environment where every animal feels valued, protected, and given the opportunity to thrive.
               </p>
 
-              <ul class="tab-list">
+              <ul class="tab-list" >
                 <li class="tab-item">
                   <div class="item-icon"><ion-icon name="checkmark-circle"></ion-icon></div>
-                  <p class="tab-text">Charity For Foods</p>
+                  <p class="tab-text" style="color: rgba(193,183,183,0.4)">Charity For Foods</p>
                 </li>
                 <li class="tab-item">
                   <div class="item-icon"><ion-icon name="checkmark-circle"></ion-icon></div>
-                  <p class="tab-text">Charity For Education</p>
+                  <p class="tab-text" style="color: rgba(193,183,183,0.4)">Charity For Education</p>
                 </li>
                 <li class="tab-item">
                   <div class="item-icon"><ion-icon name="checkmark-circle"></ion-icon></div>
-                  <p class="tab-text">Charity For Water</p>
+                  <p class="tab-text" style="color: rgba(193,183,183,0.4)">Charity For Water</p>
                 </li>
                 <li class="tab-item">
                   <div class="item-icon"><ion-icon name="checkmark-circle"></ion-icon></div>
-                  <p class="tab-text">Charity For Medical</p>
+                  <p class="tab-text" style="color: rgba(193,183,183,0.4)">Charity For Medical</p>
                 </li>
               </ul>
 
@@ -730,7 +730,7 @@ <h2 class="h2 section-title">
 
       <div class="donation-section">
         <div class="boxx"><b>
-            <h1>Support Us with Your Donation</h1>
+            <h1 style="color: rgba(193,183,183,0.4)">Support Us with Your Donation</h1>
           </b> </div>
         <div class="card-container">
           <div class="card">
@@ -1529,7 +1529,7 @@ <h2>Event Details</h2>
             <img src="./assets/images/subtitle-img-green.png" width="32" height="7" alt="Wavy line">
           </p> -->
 
-              <h2 class="h2 section-title">
+              <h2 class="h2 section-title" style="color: rgba(193,183,183,0.4)">
                 Our Most Popular Events For <strong>Building Fund</strong>
               </h2>
 
@@ -1549,9 +1549,9 @@ <h2 class="h2 section-title">
                       <div class="card-content">
                         <p class="card-subtitle">Wildlife conservation Walk</p>
 
-                        <h3 class="card-title">Walk from Manhattan to New Jersey</h3>
+                        <h3 class="card-title" style="color: rgba(193,183,183,0.4)">Walk from Manhattan to New Jersey</h3>
 
-                        <p class="card-text">
+                        <p class="card-text" style="color: rgba(193,183,183,0.4)">
                           A walk where each step each one counts as a dollar. Join us where each step can give a life to
                           animal.
                         </p>
@@ -1585,9 +1585,9 @@ <h3 class="card-title">Walk from Manhattan to New Jersey</h3>
                       <div class="card-content">
                         <p class="card-subtitle">Animal Shelter Fundraiser</p>
 
-                        <h3 class="card-title">Rivereside park, New York </h3>
+                        <h3 class="card-title" style="color: rgba(193,183,183,0.4)">Rivereside park, New York </h3>
 
-                        <p class="card-text">
+                        <p class="card-text" style="color: rgba(193,183,183,0.4)">
                           This hot summer has been a nightmare for roadside animals. To help them, we are raising shelter funds.
                         </p>
                       </div>
@@ -1620,9 +1620,9 @@ <h3 class="card-title">Rivereside park, New York </h3>
                       <div class="card-content">
                         <p class="card-subtitle">Pet Adoption Drive</p>
 
-                        <h3 class="card-title">Central Park, New York</h3>
+                        <h3 class="card-title" style="color: rgba(193,183,183,0.4)">Central Park, New York</h3>
 
-                        <p class="card-text">
+                        <p class="card-text" style="color: rgba(193,183,183,0.4)">
                           Adopt poor animals instead of buying them. Many of your pets are waiting please help us.
                         </p>
                       </div>
@@ -1690,20 +1690,20 @@ <h3>Share This Event</h3>
        -->
        <div class="impact-gallery" id="impact">
         <div id="fontt"><b>
-            <h2>Impact of Your Donations</h2>
+            <h2 style="color: rgba(193,183,183,0.4)">Impact of Your Donations</h2>
           </b> </div>
         <div class="gallery">
           <div class="gallery-item">
             <img src="rehabilitated-animal.jpg" alt="Rehabilitated Animal">
-            <p>Rehabilitated Animals</p>
+            <p style="color: rgba(193,183,183,0.4)">Rehabilitated Animals</p>
           </div>
           <div class="gallery-item">
             <img src="habitat-restoration.jpg" alt="Habitat Restoration">
-            <p>Habitat Restoration</p>
+            <p style="color: rgba(193,183,183,0.4)">Habitat Restoration</p>
           </div>
           <div class="gallery-item">
             <img src="community-education.jpg" alt="Community Education">
-            <p>Community Education Programs</p>
+            <p style="color: rgba(193,183,183,0.4)">Community Education Programs</p>
           </div>
         </div>
       </div>
@@ -1820,15 +1820,15 @@ <h2>Impact of Your Donations</h2>
 
           <section class="w-3/4 mx-auto p-6 rounded-lg shadow-lg mb-36" id="faq">
             <div class="text-center mb-6">
-              <p class="text-5xl font-bold text-gray-800 uppercase">Frequently Asked Questions</p>
+              <p class="text-5xl font-bold text-gray-800 uppercase" style="color: rgba(193,183,183,0.4)">Frequently Asked Questions</p>
             </div>
           
             <div class="faq">
               <div
                 class="question cursor-pointer bg-zinc-500 text-zinc-900 rounded-lg p-4 mb-2 shadow transition duration-300 hover:bg-zinc-700 flex justify-between"
                 onclick="toggleAnswer(this)">
-                <h3 class="text-3xl inline" style="color: black; transition: color 0.3s;"
-                  onmouseover="this.style.color='green';" onmouseout="this.style.color='black'">What We Do?</h3>
+                <h3 class="text-3xl inline" style="color: rgba(193,183,183,0.4) ; "
+                  onmouseover="this.style.color='green';" onmouseout="this.style.color='rgba(193,183,183,0.4)'">What We Do?</h3>
                 <span class="toggle-sign text-3xl ml-2 pr-2">+</span>
               </div>
               <div class="answer hidden bg-gray-200 rounded-lg p-4 mb-2">
@@ -1849,8 +1849,8 @@ <h2>Impact of Your Donations</h2>
               <div
                 class="question cursor-pointer bg-zinc-500 text-zinc-900 rounded-lg p-4 mb-2 shadow transition duration-300 hover:bg-zinc-700 flex justify-between"
                 onclick="toggleAnswer(this)">
-                <h3 class="text-3xl inline" style="color: black; transition: color 0.3s;"
-                  onmouseover="this.style.color='green';" onmouseout="this.style.color='black'">How You Can Help?</h3>
+                <h3 class="text-3xl inline" style="color: rgba(193,183,183,0.4); transition: color 0.3s;"
+                  onmouseover="this.style.color='green';" onmouseout="this.style.color='rgba(193,183,183,0.4)'">How You Can Help?</h3>
                 <span class="toggle-sign text-3xl ml-2 pr-2">+</span>
               </div>
               <div class="answer hidden bg-gray-200 rounded-lg p-4 mb-2">
@@ -1869,8 +1869,8 @@ <h2>Impact of Your Donations</h2>
               <div
                 class="question cursor-pointer bg-zinc-500 text-zinc-900 rounded-lg p-4 mb-2 shadow transition duration-300 hover:bg-zinc-700 flex justify-between"
                 onclick="toggleAnswer(this)">
-                <h3 class="text-3xl inline" style="color: black; transition: color 0.3s;"
-                  onmouseover="this.style.color='green';" onmouseout="this.style.color='black'">Why WildGuard?</h3>
+                <h3 class="text-3xl inline" style="color: rgba(193,183,183,0.4); transition: color 0.3s;"
+                  onmouseover="this.style.color='green';" onmouseout="this.style.color='rgba(193,183,183,0.4)'">Why WildGuard?</h3>
                 <span class="toggle-sign text-3xl ml-2 pr-2">+</span>
               </div>
               <div class="answer hidden bg-gray-200 rounded-lg p-4 mb-2">
@@ -1891,8 +1891,8 @@ <h2>Impact of Your Donations</h2>
               <div
                 class="question cursor-pointer bg-zinc-500 text-zinc-900 rounded-lg p-4 mb-2 shadow transition duration-300 hover:bg-zinc-700 flex justify-between"
                 onclick="toggleAnswer(this)">
-                <h3 class="text-3xl inline" style="color: black; transition: color 0.3s;"
-                  onmouseover="this.style.color='green';" onmouseout="this.style.color='black'">How to verify your Payment?</h3>
+                <h3 class="text-3xl inline" style="color: rgba(193,183,183,0.4); transition: color 0.3s;"
+                  onmouseover="this.style.color='green';" onmouseout="this.style.color='rgba(193,183,183,0.4)'">How to verify your Payment?</h3>
                 <span class="toggle-sign text-3xl ml-2 pr-2">+</span>
               </div>
               <div class="answer hidden bg-gray-200 rounded-lg p-4 mb-2">
@@ -1911,8 +1911,8 @@ <h2>Impact of Your Donations</h2>
               <div
                 class="question cursor-pointer bg-zinc-500 text-zinc-900 rounded-lg p-4 mb-2 shadow transition duration-300 hover:bg-zinc-700 flex justify-between"
                 onclick="toggleAnswer(this)">
-                <h3 class="text-3xl inline" style="color: black; transition: color 0.3s;"
-                  onmouseover="this.style.color='green';" onmouseout="this.style.color='black'">What are the Ways to Donate?</h3>
+                <h3 class="text-3xl inline" style="color: rgba(193,183,183,0.4); transition: color 0.3s;"
+                  onmouseover="this.style.color='green';" onmouseout="this.style.color='rgba(193,183,183,0.4)'">What are the Ways to Donate?</h3>
                 <span class="toggle-sign text-3xl ml-2 pr-2">+</span>
               </div>
               <div class="answer hidden bg-gray-200 rounded-lg p-4 mb-2">
@@ -1931,8 +1931,8 @@ <h2>Impact of Your Donations</h2>
               <div
                 class="question cursor-pointer bg-zinc-500 text-zinc-900 rounded-lg p-4 mb-2 shadow transition duration-300 hover:bg-zinc-700 flex justify-between"
                 onclick="toggleAnswer(this)">
-                <h3 class="text-3xl inline" style="color: black; transition: color 0.3s;"
-                  onmouseover="this.style.color='green';" onmouseout="this.style.color='black'">Is My Donation Tax Deductible?</h3>
+                <h3 class="text-3xl inline" style="color: rgba(193,183,183,0.4); transition: color 0.3s;"
+                  onmouseover="this.style.color='green';" onmouseout="this.style.color='rgba(193,183,183,0.4)'">Is My Donation Tax Deductible?</h3>
                 <span class="toggle-sign text-3xl ml-2 pr-2">+</span>
               </div>
               <div class="answer hidden bg-gray-200 rounded-lg p-4 mb-2">
diff --git a/style.css b/style.css
index 8a066dc1..48dcfa73 100644
--- a/style.css
+++ b/style.css
@@ -334,3 +334,4 @@ body {
 }
 
 
+