diff --git a/Css-Files/bloodstyle.css b/Css-Files/bloodstyle.css
index dc998bba..b12974c6 100644
--- a/Css-Files/bloodstyle.css
+++ b/Css-Files/bloodstyle.css
@@ -664,4 +664,60 @@ padding-top: 3rem;
text-align: center;
padding: 1rem 0.5rem 2rem 0.5rem;
}
- }
\ No newline at end of file
+ }
+ /*Popup Blood list*/
+ .popup {
+ display: none;
+ position: fixed;
+ z-index: 1000;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ background-color: rgba(0,0,0,0.4);
+}
+
+.popup-content {
+ background-color: #fefefe;
+ margin: 15% auto;
+ padding: 20px;
+ border: 1px solid #888;
+ width: 80%;
+ max-width: 600px;
+}
+
+.close {
+ color: #aaa;
+ float: right;
+ font-size: 28px;
+ font-weight: bold;
+ cursor: pointer;
+}
+
+.close:hover,
+.close:focus {
+ color: black;
+ text-decoration: none;
+ cursor: pointer;
+}
+
+.popup-content h2, .popup-content h3 {
+ color: #4bb6b7;
+ padding: 10px 0;
+ margin: 0;
+}
+
+.popup-content .list {
+ padding-left: 20px;
+}
+
+.popup-content .list p {
+ margin: 5px 0;
+}
+
+.popup-content strong {
+ display: block;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
\ No newline at end of file
diff --git a/Html-Files/blood.html b/Html-Files/blood.html
index 14b86ba2..7f0a4d2e 100644
--- a/Html-Files/blood.html
+++ b/Html-Files/blood.html
@@ -53,7 +53,7 @@
A+
liters
- Get List
+ Get List
@@ -207,10 +207,12 @@ RAPIDOC Newsletter
-
-
-
-
+
+
diff --git a/Html-Files/list.html b/Html-Files/list.html
deleted file mode 100644
index 0f5026bd..00000000
--- a/Html-Files/list.html
+++ /dev/null
@@ -1,730 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Blood Bank
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Top Donors to India
-
-
-
-
-
-
-