-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAssignment1.html
103 lines (100 loc) · 3.41 KB
/
Assignment1.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
<!DOCTYPE html>
<html>
<head>
<!--
COMP 125 - Summer 2019
Client-Side Web Development
Joanne Filloti
BMR Calculator - Assignment 1
Estimate Web Page
Author: Tiago Franco Finotti #301041366
Date: May 27th 2019
Filename: Assignment1.html
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>BMR Calculator - Assignment 1</title>
<link rel="stylesheet" media="screen and (max-device-width: 999px)" href="Assignment1StylesMobile.css" />
<link rel="stylesheet" media="screen and (min-device-width: 1000px)" href="Assignment1Styles.css" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="BMRie.css" />
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Mr+Bedfort' rel='stylesheet' type='text/css' />
<script src="modernizr.custom.05819.js"></script>
</head>
<body>
<div id="container">
<header>
<h1>
<img src="images/banner.jpg" alt="BMR Calculator Banner" width="342" height="196" />BMR Calculator
</h1>
</header>
<nav>
<ul>
<li><a href="#">Home Page</a></li>
<li id="currentpage"><a href="#">Imperial BMR Calculator</a></li>
<li><a href="Assignment1Metric.html">Metric BMR Calculator</a></li>
</ul>
</nav>
<article>
<h2>Imperial BMR Calculator</h2>
<p>The Harris–Benedict equation (also called the Harris-Benedict principle) is a method used to estimate an individual's basal metabolic rate (BMR).
The estimated BMR value may be multiplied by a number that corresponds to the individual's activity level; the resulting number is the approximate daily kilocalorie intake to maintain current body weight.
The Harris–Benedict equation may be used to assist weight loss — by reducing kilocalorie intake number below the estimated maintenance intake of the equation.
</p>
<form id="estimateform">
<fieldset>
<legend><span>Personal</span></legend>
<input type="number" min="15" max="80" id="age" tabindex="1" />
<label for="age">
<p>Age</p>
<p>15 - 80</p>
</label>
<input type="number" min="0" id="weight" tabindex="3" />
<label for="weight">
<p>Weight - lb</p>
</label>
<input type="number" min="0" id="heightFT" tabindex="5" />
<label for="heightFT">
<p>Height - ft</p>
</label>
<input type="number" min="0" max="11" id="heightIN" tabindex="7" />
<label for="heightIN">
<p>in</p>
</label>
<select name="gender" id="gender" tabindex="9">
<option value="1">Male
</option>
<option value="2">Female
</option>
</select>
<label for="gender">
<p>Gender</p>
</label>
</fieldset>
<fieldset>
<legend><span>Activity</span></legend>
<select name="activity" id="activity" tabindex="11">
<option value="1">Sedentary or light activity
</option>
<option value="2">Active or moderately active
</option>
<option value="3">Vigoursly active
</option>
</select>
<label for="activity">
<p>Physical Activity Level</p>
</label>
</fieldset>
</form>
</article>
<aside>
<p>BMR = <span id="estimate"></span></p>
</aside>
<footer>
<p> © Copyright Tiago Franco Finotti • COMP 125 - Summer 2019</p>
</footer>
</div>
<script src="Assignment1.js"></script>
</body>
</html>