-
Notifications
You must be signed in to change notification settings - Fork 0
/
demographics.html
90 lines (77 loc) · 3.92 KB
/
demographics.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
<!DOCTYPE html>
<html>
<body style="width:1000px;margin-left:auto;margin-right:auto; border-style: solid; border-width: 1px; padding-top: 20px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 20px;">
<!--<pre>
<h1 align = center><b><font face="Colonna MT" font color="purpal" font size="28">H E A R T R I S K C A L C U L A T E R</h1></b></font>
</pre>
<hr size ="5" width="80%" color="blue">
<hr size ="4" height="80%" color="silver">-->
<img src="images.png" alt="images" align="right">
<h1><font color="#17a8c1">HEART RISK CALCULATER</font></h1>
<h2><font color="#22cc36">DEMOGRAPHICS</font></h2>
<form><hr size="5" color="#22cc36"><hr style="border: 3px solid transparent;">
<div style=" height:80px;
width: 100%;">
<div style=" float:left;
width: 50%;"
>
<img src="age 400x400.png" alt="Age" style="width:100px;height:100px;"><br>
<b style="font-size:20px;">Age</b> <br><br> <input type="text" name="Age" id="Age" maxlength="2" style="border: 1px solid #d86131;
border-radius: 7px; width: 80px; height:40px; font-size:20px; color: #d86131; text-align:center; letter-spacing: 3px;"/> Years<br><br><br>
<img src="Gender.png" alt="Gender" style="width:100px;height:100px;"><br>
<b style="font-size:20px;">Gender</b> <br><br> <input name="sex" type="radio" id="1" value=""> Male
<input name="sex" type="radio" value="female" id="2"> Female<br><br><br>
</div>
<div style=" float:right;
width: 50%;"
>
<img src="height 400x400.png" alt="height" style="width:100px;height:100px;"><br>
<b style="font-size:20px;">Height</b> <br><br> <input type="text" name="Height" id="Height" maxlength="4" style="border: 1px solid #72d129;
border-radius: 7px; width: 80px; height:40px; font-size:20px; color: #72d129; text-align:center; letter-spacing: 3px;"/> Meters<br><br><br>
<img src="weight 400x400.png" alt="weight" style="width:100px;height:100px;"><br>
<b style="font-size:20px;">Weight</b> <br><br> <input type="text" name="Weight" id="Weight" maxlength="3" style="border: 1px solid #1eafc9;
border-radius: 7px; width: 80px; height:40px; font-size:20px; color: #1eafc9; text-align:center; letter-spacing: 3px;"/> Kilo Grames<br><br><br>
</div>
<div style=" float:left;
width: 50%;"
>
<img src="blood presure 400x400.png" alt="blood presure" style="width:100px;height:100px;"><br>
<b style="font-size:20px;">Your Systolic Blood Pressure:</b> <br><br> <input type="text" name="Systolic" id="Systolic" maxlength="3" placeholder="80 - 210+" style="border: 1px solid #ad0810;
border-radius: 7px; width: 120px; height:40px; font-size:20px; color: #ad0810; text-align:center; letter-spacing: 3px;"/> mm Hg<br><br><br>
</div>
<div style=" float:right;
width: 50%;"
>
<img src="blood presure 400x400.png" alt="blood presure" style="width:100px;height:100px;"><br>
<b style="font-size:20px;">Your Diastolic Blood Pressure:</b> <br><br> <input type="text" name="Diastolic" id="Diastolic" maxlength="3" placeholder="50 - 120+" style="border: 1px solid #ad0810;
border-radius: 7px; width: 120px; height:40px; font-size:20px; color: #ad0810; text-align:center; letter-spacing: 3px;"/> mm Hg<br><br><br>
</div>
</div>
<div style="width: 100%; height=20px;">
<button type="button" onclick="validation();" style="background-color:#d61111;
-moz-border-radius:21px;
-webkit-border-radius:21px;
border-radius:21px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Courier New;
font-size:23px;
font-weight:bold;
padding:21px 46px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;" >NEXT >></button>
</div>
<!--
<p>Your Body Mass Index (BMI) is: <!--<b id="p"></b></p>-- <input type="text" id="p" value="" maxlength="3" />
<p>Your BMI category is: <b id="p1"></b></p>
<p>YOUR CURRENT HEART RISK CATEGORY: <b id="b"></b></p>
<img src="doctors.jpg" alt="doctors" style="width:800px;height:300px;">
-->
<script type="text/javascript" src="h1js.js"></script>
</form>
</body>
</html>