diff --git a/Donate/donate.css b/Donate/donate.css new file mode 100644 index 0000000..7a91285 --- /dev/null +++ b/Donate/donate.css @@ -0,0 +1,40 @@ +body{ + min-height:100vh; +} + +.bg{ + position: relative; + width: 100%; + height: 100vh; + background:linear-gradient(rgba(0, 2, 2, 0.7),rgb(3, 2, 3)),url(../Images/donate_bg.jpg)no-repeat; + background-position: center; + background-size: cover; +} + +/* CSS TEXT ANIMATION */ + + +.donate a{ + text-decoration: none; + color:rgb(2, 2, 2); + font-size: 15px; + cursor: pointer; + +} + +.donate{ + width:130px; + height: 54px; + text-transform: uppercase; + background-color:#dada3f; + border: none; + margin-top: 60px; + margin-right: 55px; + border-radius:6px; + outline: none; +} + +.donate:hover{ + background-color:#fdff00 ; + +} \ No newline at end of file diff --git a/Donate/donate.html b/Donate/donate.html new file mode 100644 index 0000000..5c20f2b --- /dev/null +++ b/Donate/donate.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <link rel="stylesheet" href="../index.css"> + <link rel="stylesheet" href="donate.css"> + <link rel="icon" href="../Images/banner.jpg"> + + <script src="https://kit.fontawesome.com/9603a582d3.js" crossorigin="anonymous"></script> + + <title>Donate Us</title> +</head> +<body> + + <header> + <a href="../index.html" class="logo"> + <img src="../Images/banner.jpg" class="fav"> + </a> + </header> + + <section class="bg"> </section> + + <div class="info"> + Let's care <span>for our fellow Human Beings!</span> + <br> + + <button type="" name="button" class="donate"><a href="sawo.html">Donate</a></button> + </div> +</body> +</html> \ No newline at end of file diff --git a/Images/donate_bg.jpg b/Images/donate_bg.jpg new file mode 100644 index 0000000..f769ba0 Binary files /dev/null and b/Images/donate_bg.jpg differ diff --git a/index.html b/index.html index 3ff34da..22102fb 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,7 @@ <li><a href="index.html">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> + <li><a href="Donate/donate.html">Donate Us</a></li> <li><a href="#contact">Contact </a></li> </ul> diff --git a/sawo.html b/sawo.html index 88d9e09..67d78bb 100644 --- a/sawo.html +++ b/sawo.html @@ -18,6 +18,7 @@ <li><a href="index.html">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> + <li><a href="Donate/donate.html">Donate Us</a></li> <li><a href="#contact">Contact Us</a></li> </ul>