-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathpopup.html
49 lines (45 loc) · 1.79 KB
/
popup.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
<html>
<head>
<title>CoWin Slots</title>
<script src="popup.js"></script>
<link rel="stylesheet" href="popup.css">
</head>
<body>
<div id="banner">
<img src="media/icons/vaccine.ico" width="26px" height="26px" style="padding: 5px; margin-left:4px;" />
<h2 id="main-heading">Vaccine Slot Notifier</h1>
</div>
<div>
<div>
<div class="section">
<div class="heading">
<h4 id="title" class="label create">Check vaccine slots availability</h4>
<h4 id="info" class="label view">Vaccine slots are currently being checked for pin:</h4>
</div>
<div class="inputBox">
<input id="pin" type="text" name="pincode" value="" title="pincode" placeholder="Enter your pincode" />
</div>
</div>
<div class="section" id="ageSelector">
<div class="heading">
<h4 class="label create">Select your age group:</h4>
<h4 class="label view" id="ageDisplay">Selected age group:</h4>
</div>
<div class="radiogroup" style="display: flex;">
<div>
<input type="radio" class="radiobtn" id="18plus" value="18">
<label class="label">18-44 years</label>
</div>
<div>
<input type="radio" class="radiobtn" value="45" id="45plus">
<label class="label">45+ years</label>
</div>
</div>
</div>
</div>
<div style="margin-top: 11px; margin-right: 5px;">
<button id="submit" class="btn-primary">Submit</button>
</div>
</div>
</body>
</html>