From 243069b9fc270446890d18c04af82a9813f38c0a Mon Sep 17 00:00:00 2001 From: Arun G Nayak <84305637+Arun9739@users.noreply.github.com> Date: Tue, 4 Oct 2022 22:10:43 +0530 Subject: [PATCH 1/2] Create README.md --- Donation website/README.md | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 Donation website/README.md diff --git a/Donation website/README.md b/Donation website/README.md new file mode 100644 index 0000000..9f13f5b --- /dev/null +++ b/Donation website/README.md @@ -0,0 +1,29 @@ +# Doation website : + +## About the project : + +- This website has been made as part of Donating for disaster. +- There is a RazorPay button for donating the money. +- The payment process is not real, it is under test mode. +- We can make the payment through UPI, Net banking, Debit card etc. +- We need to give name, email, address for payment. +- After a payment has been made we get a confirmation email. + + +## Technologies used : + +- HTML +- CSS +- Javascript +- RazorPay payment button + + +## Screenshots : +![image](https://user-images.githubusercontent.com/84305637/193877033-0e0c4aef-bb25-4476-b9d1-394d96b98df1.png) + +![image](https://user-images.githubusercontent.com/84305637/192280018-c3d2c83f-cc55-406b-be6b-52b901f4db17.png) + +![image](https://user-images.githubusercontent.com/84305637/192280906-a1e1f44d-e63a-4dbb-9540-61dfb574a80b.png) + +![image](https://user-images.githubusercontent.com/84305637/192280576-54dfd0e1-b07e-4c6a-b4b8-4957f7129899.png) + From 209ada8e73652e911025a2b43e7132d1dc10e217 Mon Sep 17 00:00:00 2001 From: Arun G Nayak <84305637+Arun9739@users.noreply.github.com> Date: Tue, 4 Oct 2022 22:11:44 +0530 Subject: [PATCH 2/2] Add files via upload --- Donation website/index.html | 22 +++++++++++++ Donation website/style.css | 64 +++++++++++++++++++++++++++++++++++++ 2 files changed, 86 insertions(+) create mode 100644 Donation website/index.html create mode 100644 Donation website/style.css diff --git a/Donation website/index.html b/Donation website/index.html new file mode 100644 index 0000000..e025125 --- /dev/null +++ b/Donation website/index.html @@ -0,0 +1,22 @@ + + + + Donation for disaster and flood + + + +
+ +
+







+

Join hand for disaster donation

+

Donate here for disaster and flood mangement

+
+

An initiative by caring people

+
+ +
+ + \ No newline at end of file diff --git a/Donation website/style.css b/Donation website/style.css new file mode 100644 index 0000000..c1617aa --- /dev/null +++ b/Donation website/style.css @@ -0,0 +1,64 @@ +@import url('https://fonts.googleapis.com/css2?family=Lemonada:wght@700&display=swap'); +body { + margin: 0; + padding: 0; + height: 100vh; + color: white; + background-color: rgb(203, 247, 182); + + height: 100%; /* You must set a specified height */ + background-position: center; /* Center the image */ + background-repeat: no-repeat; /* Do not repeat the image */ + background-size: cover; +} +#count { + height: 100%; + background-size: cover; + display: flex; + justify-content: center; + align-items: center; +} +.text { + justify-content: left; + margin: 50px; + font-size: 30px; + color: rgb(197, 15, 15); + width: 80%; + margin-left: -20px; +} +nav { + width: 100%; + background: rgba(243, 5, 184, 0.5); + position: fixed; + top: 0; + height: 70px; + +} +nav > h2 { + font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + color: rgb(241, 235, 235); + margin-left: 15px; + padding-bottom: 10px; + font-size: 25px; + text-align: center; +} +form > h1 { + color: #f10bde; +} +form { + text-align: center; +} +footer { + height: 47px; + width: 100%; + background: rgba(243, 5, 184, 0.5); + position: fixed; + bottom: 0; + text-align: center; + +} +footer > h3 { + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ; + color: #f1f1f1; + margin: 0px; +} \ No newline at end of file