From 348b45be09965f6e6e363d45a55a9e19fe1ce036 Mon Sep 17 00:00:00 2001 From: Gowtham Jangiti Date: Sun, 27 Oct 2024 15:42:29 +0530 Subject: [PATCH] Fix for Issue #1587 --- Donation.html | 383 ++++++++++++++++++++++++-------------------------- 1 file changed, 184 insertions(+), 199 deletions(-) diff --git a/Donation.html b/Donation.html index e2449e82..22546df8 100644 --- a/Donation.html +++ b/Donation.html @@ -5,230 +5,215 @@ WildGuard Donations - - -
-
-

WildGuard

-

Help protect wildlife. Donate today to save the animals!

-
+ .backimg { + background-image: url("assets/images/community-hero-bg.jpeg"); + background-repeat: no-repeat; + background-size: cover; + background-position: left; + min-height: 100vh; + } + + body { + font-family: 'Arial', sans-serif; + background: #000000; + color: black; + font-family: Cinzel; + line-height: 1.3; + } + + header { + text-align: center; + padding: 4vh 0; + background: linear-gradient( #000,#00000000); + color: rgb(166, 168, 167); + } -
-
-

Make a Donation

-

Your donation will help protect endangered species and wildlife habitats.

+ header h1 { + font-size: 3em; + letter-spacing: 2px; + } -
- - + header p { + font-size: 1.5em; + } - - + .donation-form { + background: rgba(72, 72, 72, 0.258); + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + max-width: 50%; + margin: 1vh auto; + padding: 1vh 10%; + border-radius: 20px; + box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3); + text-align: center; + color: rgb(0, 0, 0); + } - - + .donation-form h2 { + margin-top: 5%; + font-size: 1.4em; + letter-spacing: 0.5px; + margin-left: -10%; + margin-right: -10%; + margin-bottom: 15px; + color: rgb(16, 16, 16); + } - + form { + display: flex; + flex-direction: column; + height: 35vh; + } - + .form-row { + display: flex; + justify-content: space-between; + margin-bottom: 0px; + } -
+ #donorName{ + width: 48%; + } - + #amount { + width: 50%; + } - -
-
+ #email { + width: 100%; + } + + input, select { + padding: 2vh; + margin-bottom: 10px; + border-radius: 5px; + background: rgba(0, 0, 0, 0.499); + border: 1px solid #00000000; + } + + input:focus, select:focus { + background: rgba(255, 255, 255, 0.7); + border: 1px solid #cccccc00; + outline: none; + } + + button { + margin-top: 20px; + letter-spacing: 1.5px; + font-family: Cinzel; + padding: 2.5vh 0vw; + background: rgba(0, 0, 0, 0.499); + margin-left: 50%; + translate: -50%; + width: 120px; + color: rgb(201, 201, 201); + border: none; + border-radius: 20px; + cursor: pointer; + font-size: 15px; + font-weight: bold; + } + + button:hover { + background-color: rgba(255, 255, 255, 0.7); + color: #000; + } + + #thankYouMessage { + margin-top: 45px; + height: 30vh; + text-align: center; + } -
-

© 2024 WildGuard Organization. All rights reserved.

-
-
+ footer { + background-color: rgba(15, 15, 15, 0); + padding: 1vh; + text-align: center; + color: white; + position: fixed; + width: 100%; + bottom: 0; + } + + + +
+
+

WildGuard

+

Help protect wildlife. Donate today to save the animals!

+
+ +
+
+

Your contribution will make a significant impact on the conservation of endangered wildlife and their ecosystems

+ +
+
+ + +
+ + +
+ + +
+
+ +
+

© 2024 WildGuard Organization. All rights reserved.

+
+