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>