diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index 5b21405..6dbc3bc 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -1,19 +1,13 @@
-## Thank you for your contribution 🤩🤩 
+## Thank you for your contribution to Bloody-Buddy 🤩🤩 
 
 [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) ![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)  ![PRs Welcome](https://img.shields.io/badge/PRs-welcome-green.svg)
 
-
-
-
 **Please mention the following in order to get PR merged**  🙌🏻🙌🏻 
-
-
 <!-- 1. E.g. Is it a new feature, bugfix, code improvement etc. ? Add some description. -->
 <!-- 2. Mention the issue number using # -->
 <!-- 3. Please add appropriate screenshots & GitHub page link to track the changes. -->
 
 
-
 1. Kind of change this PR introduce :
 2. Issue it resolves : 
 3. Screenshots & GitHub Page Link : 
diff --git a/Images/post_blood_request.jpg b/Images/post_blood_request.jpg
new file mode 100644
index 0000000..72e0bf5
Binary files /dev/null and b/Images/post_blood_request.jpg differ
diff --git a/Images/request_blood.png b/Images/request_blood.png
new file mode 100644
index 0000000..804c4b1
Binary files /dev/null and b/Images/request_blood.png differ
diff --git a/donate.css b/donate.css
index 4f53ac1..06ae297 100644
--- a/donate.css
+++ b/donate.css
@@ -133,6 +133,11 @@ main {
     color: #DB7093;
 }
 
+.box .des a{
+    text-decoration: none;
+    color: black;
+}
+
 main {
     background: url(./Images/div.jpg);
 }
diff --git a/donate.html b/donate.html
index 1b4e95f..cc5914a 100644
--- a/donate.html
+++ b/donate.html
@@ -32,7 +32,7 @@ <h2>Connect with us & save lives
                 around your location</h2>
             <ul class="des">
                 <li class="steps"><span>1</span> Register🧍🏻</li>
-                <li class="steps"><span>2</span> Post a Blood request🩸 </li>
+                <a href="./post_a_blood_request.html"><li class="steps"><span>2</span> Post a Blood request🩸 </li></a>
                 <li class="steps"><span>3</span> Respond ✅ </li>
                 <li class="steps"><span>4</span> Get notified 📱</li>
                 <li class="steps"><span>5</span> Forever Free 💲❌ </li>
diff --git a/index.css b/index.css
index ed5f31e..fcc0f36 100644
--- a/index.css
+++ b/index.css
@@ -69,6 +69,40 @@ nav img {
     width: 100%;
 }
 
+.request_blood{
+    position: fixed;
+    right: 30px;
+    bottom: 30px;
+    height: 50px;
+    width: 50px;
+    border-radius: 50%;
+    background-color: #EDEDED;
+    box-shadow: 3px 3px 5px black;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 3;
+}
+.request_blood img{
+    height: 40px;
+    width: 40px;
+}
+.request_lable{
+    position: fixed;
+    display: none;
+    right: 100px;
+    bottom: 30px;
+    padding: 10px;
+    background-color: #EDEDED;
+    box-shadow: 3px 3px 5px black;
+    font-family: 'Alegreya Sans SC', sans-serif;
+    font-size: 1.5rem;
+    font-weight: 600;
+    z-index: 3;
+}
+.request_blood:hover ~ .request_lable{
+    display: block;
+}
 .text-box {
     width: 90%;
     color: #fff;
diff --git a/index.html b/index.html
index de9bd2d..f454470 100644
--- a/index.html
+++ b/index.html
@@ -36,6 +36,10 @@ <h1> Start Saving Lives </h1>
         </div>
     </header>
 
+    <div class="request_blood">
+        <a href="./post_a_blood_request.html" target="_blank"><img src="./Images/request_blood.png" alt=""></a>
+    </div>
+    <span class="request_lable">Request A Blood</span>
     <!--ABOUT US -->
 
     <main>
diff --git a/post_a_blood_request.css b/post_a_blood_request.css
new file mode 100644
index 0000000..0edd204
--- /dev/null
+++ b/post_a_blood_request.css
@@ -0,0 +1,306 @@
+
+@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital@1&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Neuton:ital@1&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand+SC&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=NTR&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
+
+
+* {
+    margin: 0px;
+    padding: 0px;
+}
+
+header {
+    background-color: white;
+    color: white;
+    height: 18%;
+    width: 100%;
+    z-index: 10;
+    position: fixed;
+    font-weight: 100;
+}
+
+.header-logo {
+    font-size: 10px;
+    float: left;
+    padding-left: 30px;
+    padding-top: 0px;
+
+}
+
+.header-list ul li a {
+    text-decoration: none;
+    display: block;
+    text-decoration: none;
+    text-transform: uppercase;
+    color: black;
+    font-size: 20px;
+    font-family: 'Raleway', sans-serif;
+    letter-spacing: 2px;
+    font-weight: 600;
+    margin-bottom: 10px;
+    padding: 20px;
+    transition: all ease 0.5s;
+}
+
+.header-list ul li {
+    float: right;
+    padding-left: 30px;
+    padding-top: 30px;
+    list-style: none;
+    padding-right: 40px;
+}
+
+
+header ul li a:hover{
+    background-color:rgba(220,20,60);
+    color: white;
+}
+
+
+.container{
+	position: relative;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+    padding-top: 10%;
+}
+
+.container:after{
+	content: '';
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	top: 0;
+	background: url("img/bg.jpg") no-repeat center;
+	background-size: cover;
+	filter: blur(50px);
+	z-index: -1;
+}
+.contact-box{
+	max-width: 850px;
+	display: grid;
+	grid-template-columns: repeat(2, 1fr);
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+	background-color: #fff;
+	box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.19);
+    padding-right: 10px;
+
+}
+
+.right{
+	background: url(./Images/post_blood_request.jpg) no-repeat center;
+	background-size: contain;
+	height: 100%;
+}
+
+.left{
+	padding: 25px 40px;
+}
+
+h2{
+	position: relative;
+	padding: 0 0 10px;
+	margin-bottom: 10px;
+    font-family: 'Advent Pro', sans-serif;
+}
+
+h2:after{
+	content: '';
+    position: absolute;
+    left: 50%;
+    bottom: 0;
+    transform: translateX(-50%);
+    height: 4px;
+    width: 100px;
+    border-radius: 2px;
+    background-color:  	#008B8B;
+}
+
+.field,#blood_groups{
+    box-sizing: border-box;
+	width: 100%;
+	border: 2px solid rgba(0, 0, 0, 0);
+	outline: none;
+	background-color: rgba(230, 230, 230, 0.6);
+	padding: 0.5rem 1rem;
+	font-size: 1.1rem;
+	margin-bottom: 22px;
+	transition: .3s;
+}
+
+.field:hover{
+	background-color: rgba(0, 0, 0, 0.1);
+}
+
+textarea{
+	min-height: 150px;
+}
+label{
+    font-family: 'Advent Pro', sans-serif;
+    font-weight: 600;
+}
+select{
+    margin-bottom: 15px;
+}
+.btn{
+	width: 100%;
+	padding: 0.5rem 1rem;
+	background-color:#008B8B;
+	color: #fff;
+	font-size: 1.1rem;
+	border: none;
+	outline: none;
+	cursor: pointer;
+	transition: .3s;
+}
+
+.btn:hover{
+    background-color: rgba(72,61,139);
+}
+
+.field:focus{
+    border: 2px solid rgba(30,85,250,0.47);
+    background-color: #fff;
+}
+
+@media screen and (max-width: 880px){
+	.contact-box{
+		grid-template-columns: 1fr;
+	}
+	.left{
+		height: 200px;
+	}
+}
+
+main{
+    background: url(../Images/ug.png);
+}
+
+
+
+/*Footer*/
+.sec {
+    background: black;
+    margin-top: 2%;
+    color: white;
+    height: 200px;
+    padding-bottom: 20px;
+    display: flex;
+    flex-direction: column;
+}
+
+.footer-head {
+    display: flex;
+    justify-content: space-around;
+    padding-top: 4vh;
+}
+
+.bout {
+    position: relative;
+    padding-right: 20px;
+    padding-left: 20px;
+    text-align: center;
+    padding-top: 1vh;
+}
+
+.bout p {
+    color: #777;
+    font-size: 20px;
+    font-weight: 300;
+    padding: 10px;
+    line-height: 20px;
+}
+
+.head {
+    padding-left: 20px;
+    font-family: 'Alegreya Sans SC', sans-serif;
+    font-size: 40px;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+}
+
+.sci li {
+    float: right;
+    text-decoration: none;
+    list-style: none;
+    padding-right: 40px;
+    font-size: 30px;
+}
+
+.socials {
+    display: flex;
+    align-items: center;
+}
+
+.sci li a {
+    color: white;
+}
+
+.sci li a:hover{
+    transform: translateY(-20px);
+    box-shadow: inset-1px -1px 2px rgba(0,0,0,0.2), 2px 24px 10px rgba(0,0,0,0.1);
+}
+
+.sci li:nth-child(1) a:hover{
+
+    color: #3b5998;
+    transform: translateY(-20px);
+
+}
+
+.sci li:nth-child(2) a:hover{
+
+    color: rgba(188, 42, 141);
+    transform: translateY(-20px);
+
+}
+
+.sci li:nth-child(3) a:hover{
+
+    color:#F0E68C;
+    transform: translateY(-20px);
+}
+@media screen and (max-width: 500px) {
+    .head {
+        padding-left: 15px;
+        font-size: 30px;
+        font-weight: 550;
+    }
+
+    .sci li {
+        padding-right: 15px;
+        font-size: 25px;
+    }
+}
+
+@media screen and (max-width: 360px) {
+    .head {
+        padding-left: 7px;
+        font-size: 25px;
+    }
+
+    .sci li {
+        padding-right: 7px;
+        font-size: 20px;
+    }
+
+    .bout p {
+        font-size: 18px;
+    }
+
+    .bout {
+        padding-left: 2px;
+        padding-right: 2px;
+    }
+}
diff --git a/post_a_blood_request.html b/post_a_blood_request.html
new file mode 100644
index 0000000..4a58e89
--- /dev/null
+++ b/post_a_blood_request.html
@@ -0,0 +1,86 @@
+<!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='post_a_blood_request.css'>
+    <link rel="icon" href='./Images/bb_logo(black).png' type="image/png">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
+</head>
+<title>Post A Blood Request</title>
+
+<body>
+
+    <header>
+        <nav>
+            <div class="header-logo"><img src="./Images/bb_logo(black).png"></div>
+            <div class="header-list">
+                <ul>
+                    <li><a href="help.html" target="_blank"> Get Help</a></li>
+                    <li><a href="donate.html">Donate</a></li>
+                    <li><a href="index.html" target="_blank">Volunteer</a></li>
+                    <li><a href="index.html" target="_blank">About Us</a></li>
+                </ul>
+            </div>
+        </nav>
+    </header>
+
+
+
+    <main>
+        <div class="container">
+            <div class="contact-box">
+                <div class="left">
+                    <h2>Post A Blood Request </h2>
+                    <form>
+                        <input type="text" class="field" placeholder="Your Name">
+                        <input type="text" class="field" placeholder="Your Email">
+                        <input type="text" class="field" placeholder="Phone">
+                        <textarea placeholder="Address" class="field"></textarea>
+                        <select name="blood_groups" id="blood_groups">
+                            <option value="" disabled selected>Blood Groups</option>
+                            <option value="A+">A+</option>
+                            <option value="A-">A-</option>
+                            <option value="B+">B+</option>
+                            <option value="B-">B-</option>
+                            <option value="AB+">AB+</option>
+                            <option value="AB-">AB-</option>
+                            <option value="O+">O+</option>
+                            <option value="O-">O-</option>
+                        </select>
+                        <button class="btn">Post</button>
+                    </form>
+                </div>
+                <div class="right"></div>
+            </div>
+        </div>
+    </main>
+
+
+    <div class="sec">
+        <div class="footer-head">
+            <div class="head"> Join Our Cause</div>
+            <div class="socials">
+                <ul class="sci">
+                    <li><a href="https://www.facebook.com/givebloodnhs/" target="_blank"><i
+                                class="fab fa-facebook"></i></a></li>
+                    <li><a href="https://www.instagram.com/indiablooddonation/?hl=en" target="_blank"><i
+                                class="fab fa-instagram"></i></a></li>
+                    <li><a href="http://nbtc.naco.gov.in/" target="_blank"><i class="fas fa-globe"></i></a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="bout">
+            <p>
+                Donating blood or platelets can be intimidating and even scary.
+                Time to put those hesitations and fears aside. Learn from Blood Buddy
+                and platelet donors how simple and easy it is to roll up a sleeve and help save lives.
+            </p>
+        </div>
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file