-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathsearch.html
134 lines (123 loc) · 6.98 KB
/
search.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="theme-color" content="#d2190b">
<title> Find Donors </title>
<link rel="stylesheet" href="w3.css">
<link rel="icon" href="favicon.png">
<style>
/* stop to select */
body{-webkit-user-select:none;-moz-user-select:-moz-none;
-ms-user-select:none;user-select:none}
.w3-input {
width: 95%;
}
li { border-bottom-left-radius: 10px; }
</style>
</head>
<body oncontextmenu="return false">
<div class="w3-row">
<div class="w3-col s12 m6 l4">
<form class="w3-container w3-card-4 w3-white w3-padding w3-margin" style="border-radius: 8px; border:1px solid black;">
<h2 class="w3-center w3-text-black"> Search Donor </h2>
<h4> Choose Blood Group </h4>
<select class="w3-select w3-border w3-light-grey" name="bloodgroup">
<option value="A+">A+</option>
<option value="A-">A-</option>
<option value="B+" selected>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>
<h4>Choose state * </h4>
<select name="state" class="w3-select w3-border w3-light-grey">
<option value="Andhra Pradesh">Andhra Pradesh</option>
<option value="Andaman and Nicobar Islands">Andaman and Nicobar Islands</option>
<option value="Arunachal Pradesh">Arunachal Pradesh</option>
<option value="Assam">Assam</option>
<option value="Bihar">Bihar</option>
<option value="Chandigarh">Chandigarh</option>
<option value="Chhattisgarh">Chhattisgarh</option>
<option value="Dadar and Nagar Haveli">Dadar and Nagar Haveli</option>
<option value="Daman and Diu">Daman and Diu</option>
<option value="Delhi" selected>Delhi</option>
<option value="Lakshadweep">Lakshadweep</option>
<option value="Puducherry">Puducherry</option>
<option value="Goa">Goa</option>
<option value="Gujarat">Gujarat</option>
<option value="Haryana">Haryana</option>
<option value="Himachal Pradesh">Himachal Pradesh</option>
<option value="Jammu and Kashmir">Jammu and Kashmir</option>
<option value="Jharkhand">Jharkhand</option>
<option value="Karnataka">Karnataka</option>
<option value="Kerala">Kerala</option>
<option value="Madhya Pradesh">Madhya Pradesh</option>
<option value="Maharashtra">Maharashtra</option>
<option value="Manipur">Manipur</option>
<option value="Meghalaya">Meghalaya</option>
<option value="Mizoram">Mizoram</option>
<option value="Nagaland">Nagaland</option>
<option value="Odisha">Odisha</option>
<option value="Punjab">Punjab</option>
<option value="Rajasthan">Rajasthan</option>
<option value="Sikkim">Sikkim</option>
<option value="Tamil Nadu">Tamil Nadu</option>
<option value="Telangana">Telangana</option>
<option value="Tripura">Tripura</option>
<option value="Uttar Pradesh">Uttar Pradesh</option>
<option value="Uttarakhand">Uttarakhand</option>
<option value="West Bengal">West Bengal</option>
</select>
<h4>City </h4>
<input class="w3-input w3-light-grey w3-border" type="text">
<h4> Pincode</h4>
<input class="w3-input w3-light-grey w3-border" type="text"><br>
<button type="button" class="w3-button w3-blue w3-border w3-hover-red w3-round">Search</button>
<br>
</form>
</div>
<!-- col second donors list -->
<div class="w3-col s12 m6 l8">
<ul class="w3-container w3-card-4 w3-white w3-margin w3-padding" style="border-radius: 8px; border:1px solid black;list-style: none">
<li class="w3-bar w3-blue w3-margin">
<img src="favicon.png" class="w3-bar-item w3-circle" style="width:85px">
<div class="w3-bar-item">
<span class="w3-large">Abhijeet Sharma (B+)</span><br>
<span> Malad Mumbai 400061 Maharashtra </span><br>
<span class="w3-border w3-red w3-button w3-round"> call +91 9004869069 </span>
</div>
</li>
<li class="w3-bar w3-blue w3-margin">
<img src="favicon.png" class="w3-bar-item w3-circle" style="width:85px">
<div class="w3-bar-item">
<span class="w3-large">Abhijeet Sharma (B+)</span><br>
<span> Malad Mumbai 400061 Maharashtra </span><br>
<span class="w3-border w3-red w3-button w3-round"> call +91 9004869069 </span>
</div>
</li>
<li class="w3-bar w3-blue w3-margin">
<img src="favicon.png" class="w3-bar-item w3-circle" style="width:85px">
<div class="w3-bar-item">
<span class="w3-large">Abhijeet Sharma (B+)</span><br>
<span> Malad Mumbai 400061 Maharashtra </span><br>
<span class="w3-border w3-red w3-button w3-round"> call +91 9004869069 </span>
</div>
</li>
<li class="w3-bar w3-blue w3-margin">
<img src="favicon.png" class="w3-bar-item w3-circle" style="width:85px">
<div class="w3-bar-item">
<span class="w3-large">Abhijeet Sharma (B+)</span><br>
<span> Malad Mumbai 400061 Maharashtra </span><br>
<span class="w3-border w3-red w3-button w3-round"> call +91 9004869069 </span>
</div>
</li>
</ul>
</div>
</div>
</body>
</html>