-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdietControl.html
59 lines (55 loc) · 2.37 KB
/
dietControl.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
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<title>Daily Intake Tracker</title>
<link rel="stylesheet" href="style_tr.css">
</head>
<body>
<div class="heading">
<h1><span>Are you ready to take the first step to a healthier life?</span></h1>
</div>
<p></p>
<div>
<table>
<tr>
<td><center><a href="glos.html">Glossary</a></center></td>
<td><center><a href="calc.html">Calculate your BMR</a></center></td>
<td><center>Tracker</center></td>
<td><center><a href="sugg.html">Suggestions</a></center></td>
</tr>
</table>
</div>
<p></p>
<aside>
<h2>Remember</h2>
<p>The amount of energy you need each day to maintain your weight depends on your age, gender, height, weight and physical activity level.</p>
<p>Women probably shouldn't eat less than 1200cal/day on average and men 1500cal/day for nutritional reasons; unless they are under the watch of a medical professional.</p>
<p>It's important to remember that the Daily Intake tracker is just that - a tracker. The DI values should be used as a guide to help you make informed choices about the foods you eat.</p>
<p>If you are unsure of how to interpret this information, consult a dietitian or your GP for your own personalised advice and guidance.</p>
</aside>
<article>
<label for="food">Food intake for today:</label>
<input id="food" type="text" placeholder="">
<br><label for="carb">Carbs:</label>
<input id="carb" type="number" placeholder="">
<label for="fat">Fats:</label>
<input id="fat" type="number" placeholder="">
<label for="pro">Proteins:</label>
<input id="pro" type="number" placeholder="">
<button class="add" style="position: absolute; left: 700px;">Add to list</button>
<button class="sum" style="position: absolute; right: 450px;">Diet Summary</button>
</article>
<section style="position: relative; top: 0px;">
<p class="moral">Keeping a track of your daily intake can help you make important decisions regarding your meals.</p>
<p class="moral2">To find out how many calories you need per day, calculate your BMR.</p>
<p class="moral4"></p><p class="alert1"></p>
<p class="moral3"></p><p class="alert2"></p>
</section>
<label for="gBmr">Your BMR:</label>
<input id="gBmr" type="number" placeholder="" width="100px">
<p class="alert3"></p>
<p class="totcal">Total Calories=0</p>
<script src="script.js"></script>
</body>
</html>