-
Notifications
You must be signed in to change notification settings - Fork 0
/
nutrition.html
58 lines (54 loc) · 2.99 KB
/
nutrition.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
<!DOCTYPE html>
<html>
<head>
<title> Nutrition </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Karina Kozarova">
<link rel="stylesheet" type="text/css" href="style/zoom.css">
<link rel="stylesheet" type="text/css" href="style/cool_button.css">
<link rel="stylesheet" type="text/css" href="style/nutrition.css">
<link href="https://fonts.googleapis.com/css?family=Bellefair" rel="stylesheet">
<link rel="stylesheet" href="style/navbar.css">
<link rel="stylesheet" href="style/nut.css">
</head>
<body>
<div id="navbar">
<a href = ""> <div class="zoom" style = "font-size: 150%;">HealthCalcMe</div> </a>
<div style="float: right;">
<a href="./empty_page_with_navbar.html"> <div class="zoom">LANDING PAGE</div></a>
<a href="./shop.html"><div class="zoom">SHOP</div></a>
<a href="./calculators.html"><div class="zoom">CALCULATORS</div></a>
<a href = "./nutrition.html"><div class="zoom"> NUTRITION </div></a>
</div>
</div>
<img src="./resources/fit.jpg">
<div class="contain">
<div class="rower">
<div class="column">
<h2>Eating
<a href="eating.html" class="cool_button"> View Details</a>
</h2>
<p>
A healthy diet is one that helps to maintain or improve overall health. A healthy diet provides the body with essential nutrition: fluid, adequate amino acids from protein, essential fatty acids, vitamins, minerals, fibre and adequate calories.
</p>
</div>
<div class="column">
<h2> Training <a href="training.html" class="cool_button"> View Details</a></h2>
<p>
Sports performance training is training that takes your sport, in-season and post-season demands, frequent injuries, and energy systems used into consideration. Based upon these guidelines a 12 month program is made which includes intensities, durations, frequency, and rest days or weeks.
</p>
</div>
<div class="column">
<h2>Sleeping
<a href="sleeping.html" class="cool_button"> View Details</a>
</h2>
<p>
You know that sleep is vital to your physical and mental health. But, how can you tell whether you’re truly sleeping well? Especially if you work shifts, your sleep probably does not look exactly like other peoples’ sleep. It can be hard to measure your sleep patterns against those of the people around you.
</p>
</div>
</div> <hr>
</div>
<script src="./scripts/navbar.js"></script>
</body>
</html>