diff --git a/Active_Donor.php b/Active_Donor.php
new file mode 100644
index 0000000..7e1a05b
--- /dev/null
+++ b/Active_Donor.php
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<link rel="stylesheet" type="text/css" href="css\D_reg.css" />
+	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script>
+		function getsubdist(val) {
+		$.ajax({
+		type: "POST",
+		url: "php/get_subdist.php",
+		data:'pas_id='+val,
+		success: function(data){
+			$("#subdist").html(data);
+		}
+		});
+	}
+	</script>
+	<style>
+
+	</style>
+</head>
+<body>
+<?php require("Navbar.php"); ?> 
+
+<form action="/action_page.php">
+  <div class="container">
+    <h1>Active Donors</h1>
+	<label for="email"><b>Choose Blood Bank</b></label>
+		<div >
+		<select onChange="getsubdist(this.value);"  name="dist" id="dist" class="form-control" >
+			<option value="">District</option>
+			<?php $query =mysqli_query($con,"SELECT * FROM district");
+			while($row=mysqli_fetch_array($query))
+			{ ?>
+				<option value="<?php echo $row['dt_id'];?>"><?php echo $row['dt_name'];?></option>
+				<?php
+				}
+				?>
+		</select>
+		<select onChange="getbank(this.value);" name="subdist" id="subdist" class="form-control">
+				<option value="">Sub District:</option>
+		</select>
+		<!-- <select>
+			<option value="">Blood Bank:</option>
+		</select> -->
+	</div>
+
+	<div class="middle"><p>Count</p>
+            <div class="circlecontainer">
+                <div class="circle">A+</div></a>
+            </div>
+            <div class="circlecontainer">
+                <div class="circle">B+ </div></a>
+            </div>
+            <div class="circlecontainer">
+                <div class="circle">A- </div></a>
+            </div>
+            <div class="circlecontainer">
+               <div class="circle">B- </div></a>
+			</div>
+			<div class="circlecontainer">
+                <div class="circle">AB+ </div></a>
+            </div>
+            <div class="circlecontainer">
+                <div class="circle">AB- </div></a>
+            </div>
+            <div class="circlecontainer">
+                <div class="circle">O+ </div></a>
+            </div>
+            <div class="circlecontainer">
+                <div class="circle">O+ </div></a>
+            </div>
+            
+        </div>
+  </div>
+  
+</form>
+
+</body>
+</html>
