Merge pull request #1789 from akku-07/main

fetched and merged
akshitagupta15june · Jun 8, 2024 · 85d143e · 85d143e
2 parents 3c34816 + 1b6f7c4
commit 85d143e
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 9 deletions.
diff --git a/donate.html b/donate.html
@@ -78,13 +78,17 @@
       margin-left: 0.2rem;
     }
 
+    .donate-section input::placeholder{
+      color: rgba(0, 0, 0, 0.481);
+    }
+
     #submit_button {
 
       display: flex;
       margin-left: auto;
       margin-right: auto;
       color: white;
-      background-color: #90400E;
+      background-color: #5a2809;
       border: none;
       padding-top: 0.5rem;
       padding-bottom: 0.5rem;
@@ -96,7 +100,7 @@
     }
 
     #submit_button:hover {
-      background-color: #c15a1b;
+      background-color: #080300;
 
     }
   </style>
@@ -176,14 +180,14 @@ <h1 class="text-4xl text_2  text-center md:text-left md:ml-12 uppercase font-ser
     </nav>
   </header>
 
-  <section class="text-gray-600 body-font relative bg-[url('Assets/Images/pet-don.jpg')] bg-center bg-no-repeat
+  <section class="text-gray-600 body-font relative bg-[url('Assets/Images/pet-don.jpg')] bg-center bg-no-repeat bg-dog
         bg-cover donate-section">
-    <div class="container px-5 py-24 mx-auto card backdrop-blur-sm">
+        <div class="container px-5 py-24 bg-donate bg-opacity-80 mx-auto card backdrop-blur-sm">
       <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" style="padding-top: 15px;">
+        <h1 class="sm:text-3xl text-2xl donate-h1 font-medium title-font mb-4 text-amber-900" style="padding-top: 15px;">
           Donate Animals
         </h1>
-        <p class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-90">
+        <p class="sm:text-3xl text-2xl donate-h2 font-medium title-font mb-4 text-amber-900">
           Fill up the form below and donate your pets.
         </p>
       </div>
@@ -255,7 +259,7 @@ <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900" style
             <div class="p-2 w-1/2">
               <div class="relative">
                 <label for="number" class="leading-7 text-sm text-gray-900">Contact Number</label>
-                <input type="text" id="contact" name="contact" autocomplete="off" placeholder="+91 0123456789"
+                <input type="text" id="contact" name="contact" autocomplete="off" placeholder="+91 01234 56789"
                   onchange="displayErrorMsg(this.name)"
                   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 />
@@ -324,7 +328,7 @@ <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900" style
             </div>
             <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 of PetMe.
               </span>
             </div>
@@ -406,6 +410,15 @@ <h3 class="text-2xl">Subscribe to our newsletter</h3>
               </svg>
             </a>
           </div>
+          <div class="hover:scale-110 transition-all">
+            <a href="https://www.linkedin.com/in/akshita-gupta-a4a895187/?originalSubdomain=in" target="_blank" class="w-10 ml-3 mr-3">
+              <!-- Linkedin icon -->
+              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="30" height="30" class="fill-white" viewBox="0 0 20 20">
+                <path fill="#FFFFFF" d="M21,21H17V14.25C17,13.19 15.81,12.31 14.75,12.31C13.69,12.31 13,13.19 13,14.25V21H9V9H13V11C13.66,9.93 15.36,9.24 16.5,9.24C19,9.24 21,11.28 21,13.75V21M7,21H3V9H7V21M5,3A2,2 0 0,1 7,5A2,2 0 0,1 5,7A2,2 0 0,1 3,5A2,2 0 0,1 5,3Z" />
+              </svg>
+
+            </a>
+          </div>
         </div>
       </div>
       <!-- Social icons end -->

diff --git a/light-dark-theme.js b/light-dark-theme.js
@@ -75,10 +75,12 @@ const 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"),
+  new Element(["donate-h1","donate-h2","leading-7"],["text-amber","text-gray-900"],"text-white")
+
 ];
 
 function toggleThemeForAllElements() {