-
Notifications
You must be signed in to change notification settings - Fork 0
/
results.html
80 lines (63 loc) · 2.34 KB
/
results.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
<!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;"
onload="calculation()"
>
<img src="images.png" alt="images" align="right">
<h1><font color="#17a8c1">HEART RISK CALCULATER</font></h1>
<h2><font color="#131ba3">YOUR RESULTS</font></h2>
<hr size="5" color="#131ba3"><hr style="border: 3px solid transparent;">
<div style=" height:80%;
width: 100%;">
<div style=" float:left;
width: 20%;"
>
<img src="index.jpg" width="100%" height="100%"/><p></p>
<form><hr style="border: 52px solid transparent;">
</div>
<div style=" float:right;
width: 78%;"
>
<p style="font-size:20px; ">Your Body Mass Index (BMI) Is:</p>
<input type="text" id="bmi" maxlength="3" style="border: 1px solid #0e8c23;
border-radius: 7px; width: 65px; height:40px; font-size:20px; text-align:center; letter-spacing: 3px; color: #0e8c23;"/>
<p style="font-size:20px; ">Your Body Mass Index (BMI) Category Is:</p>
<input type="text" id="bmic" style="border: 1px solid #0e8c23;
border-radius: 7px; width: 190px; height:40px; font-size:20px; text-align:center; text-transform: uppercase; letter-spacing: 3px; color: #0e8c23;"/><p></p>
<form><hr style="border: 13px solid transparent;">
</div>
<div style=" float:left;
width: 20%;"
>
<img src="index1.jpg" width="100%" height="100%"/>
</div>
<div style=" float:right;
width: 78%;"
>
<p style="font-size:20px; ">Your Heart Risk Category Is:</p>
<input type="text" id="b" style="border: 1px solid #c44479;
border-radius: 7px; width: 150px; height:40px; font-size:20px; text-align:center; text-transform: uppercase; letter-spacing: 3px; color: #c44479;"/>
<form><hr style="border: 22px solid transparent;">
</div>
</div>
<div style="width: 100%; height=20%;">
<button type="button" onclick="location.href = 'index.html';" 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;" >EXIT</button>
</div>
<script type="text/javascript" src="results.js"></script>
</body>
</html>