From 1e3fe3c30d8182b6a1815d3f07d0fcd9db8517c9 Mon Sep 17 00:00:00 2001
From: Aakruti Kalia <aakrutikalia2004@gmail.com>
Date: Wed, 12 Jun 2024 14:42:21 +0530
Subject: [PATCH] fix support and donate

---
 blog.html           |  2 +-
 donate1.html        |  2 +-
 light-dark-theme.js |  2 +-
 navbar.css          |  6 +++---
 volunteer.html      | 13 ++++++++-----
 5 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/blog.html b/blog.html
index f3b0791d..c71c91ca 100644
--- a/blog.html
+++ b/blog.html
@@ -182,7 +182,7 @@
     </header>
 
     <!---Blogs container-->
-    <section class="main-body-section bg-blog bg-white-200">
+    <section class="main-body-section bg-blog bg-opacity-90 bg-white-200">
       <div class="container max-w-5xl mx-auto">
         <img src="./Assets/cats-dogs.jpg" class="mt-32" />
         <h1
diff --git a/donate1.html b/donate1.html
index 18b716ed..326996d9 100644
--- a/donate1.html
+++ b/donate1.html
@@ -109,7 +109,7 @@ <h1 class="text-4xl text_2  text-center md:text-left md:ml-12 uppercase font-ser
         </li>
         <li>
           <a id="theme-toggle">
-            <i class="ri-sun-line turn-yellow-hover light-theme" id="switch"></i>
+            <i class="ri-sun-line turn-red-hover light-theme" id="switch"></i>
           </a>
         </li>
         <!-- google translate -->
diff --git a/light-dark-theme.js b/light-dark-theme.js
index 55d9adea..676b663d 100644
--- a/light-dark-theme.js
+++ b/light-dark-theme.js
@@ -86,7 +86,7 @@ let elements = [
     "bg-yellow-900"
   ),
   new Element(["bg_3"], "bg-blue-600", "bg-blue-200"),
-  new Element(["bg-blog"], "bg-white-200", "bg-amber-700"),
+  new Element(["bg-blog", "bg-donate"], "bg-white-200", "bg-amber-700"),
   new Element(["mission-1"], "mission-dark", "mission-light"),
   new Element(["mission-2"], "mission-dark", "mission-light"),
   new Element(["navbar-item"], "turn-red-hover", "turn-yellow-hover"),
diff --git a/navbar.css b/navbar.css
index 4a8979de..b2e88dd2 100644
--- a/navbar.css
+++ b/navbar.css
@@ -1,6 +1,6 @@
 .bg-header-offwhite {
   --tw-bg-opacity: 0.5;
-  background-color: rgb(237 224 211);
+  background-color: #f9d6b7;
 }
 
 .text-custom-heading {
@@ -14,11 +14,11 @@
   transition: color .3s;
 }
 
-#switch.light-theme {
+#switch.dark-theme {
   color: rgb(255, 255, 255);
 }
 
-#switch.dark-theme {
+#switch.light-theme {
   color: rgb(62, 62, 62);;
 }
 
diff --git a/volunteer.html b/volunteer.html
index de890466..a58ffad6 100644
--- a/volunteer.html
+++ b/volunteer.html
@@ -30,13 +30,16 @@
     <style>
         #survey-form{
             /* border: 1px solid black; */
-            padding-top: 50px;
             padding-bottom: 50px;
             border-radius: 20px;
             margin: 50px;
             /* width: 1200px; */
             /* background-color: black; */
         }
+
+        #survey-form input::placeholder{
+          color: rgba(0, 0, 0, 0.481);
+        }
     </style>
 </head>
 
@@ -132,9 +135,9 @@
 
     <section class="text-gray-600 body-font relative bg-[url('Assets/Images/pet-don.jpg')] bg-center bg-no-repeat
         bg-cover">
-        <div class="container  px-5 py-24 mx-auto card backdrop-blur-sm" style="margin-top: 10vh">
+        <div class="container  px-5 py-24 mx-auto bg-donate bg-opacity-80 card backdrop-blur-sm" style="margin-top: 10vh">
             <div class="flex flex-col text-center w-full mb-12">
-                <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900">
+                <h1 class="sm:text-3xl text-2xl donate-h1 font-medium title-font mb-4 text-gray-900">
                     Thanks for showing your support
                 </h1>
                 <p class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-90">
@@ -196,7 +199,7 @@ <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900">
                             <div class="relative">
                                 <label for="number" class="leading-7 text-sm text-gray-900">Contact Number</label>
 
-                                <input type="text" id="number" name="number" placeholder="+91 0123456789"
+                                <input type="text" id="number" name="number" placeholder="+91 01234 56789"
                                     class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                                     oninput="this.value = this.value.replace(/[^0-9\+\.]/g, '').replace(/(\..*)\./g, '$1');"
                                     required />
@@ -206,7 +209,7 @@ <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900">
 
                         <div class="p-2 w-full">
                             <input type="checkbox" name="check" id="check" required>
-                            <span class="p-1 font-medium text-gray-900">
+                            <span class="leading-7 p-1 font-medium text-gray-900">
                                 I've read and agree to the Terms and Conditions for volunteering this organisation.
                             </span>
                         </div>