From 624139cb71e77fb7ff5a7ea0e5553837e3e937a8 Mon Sep 17 00:00:00 2001 From: Niloy Date: Sun, 22 Oct 2023 14:44:47 +0600 Subject: [PATCH] popup donate --- assets/css/style.css | 64 +++++- index.html | 475 +++++++++++++++++++++---------------------- 2 files changed, 292 insertions(+), 247 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 24b3588..5957979 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -75,7 +75,6 @@ color: green; } - .menu-button { cursor: pointer; background: transparent; @@ -795,3 +794,66 @@ nav .nav_buttons { .socialmediaName:hover { color: #ffffff; } + +.hidden { + display: none; +} + +#overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); /* Adjust the alpha value as needed */ + z-index: 1; +} + +#popup { + position: fixed; + z-index: 2; + top: 50%; + left: 50%; + height: 160px; + width: 300px; + transform: translate(-50%, -50%); + background-color: #fffd; + border: 1px solid #ccc; + border-radius: 10px; + padding: 20px; + font-family: "Poppins", sans-serif; + transition: 0.2s; + + box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); +} +#popup p { + margin: 20px auto; + text-align: center; +} +#popup button { + --color_2: #111111; + color: #111111; + background: none; + font-family: "Poppins", sans-serif; + font-size: 16px; + width: 150px; + letter-spacing: 1px; + cursor: pointer; + padding: 15px 25px; + + margin: auto; + margin-top: 40px; + border: 1px solid var(--color_2); + transition: 0.5s; + position: relative; + overflow: hidden; +} +#popup button:hover { + transform: scale(1.1); + color: white; + background: black; +} +#closePopupButton { + display: block; + margin-top: 10px; +} diff --git a/index.html b/index.html index 77f8019..8c1b873 100644 --- a/index.html +++ b/index.html @@ -1,291 +1,274 @@ - - - - - - Tree2Hope - - + + + + + + Tree2Hope - + + - - - - -