forked from luiesa/GlycemicIndex
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (57 loc) · 2.01 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<title>Glycemic Index</title>
</head>
<body>
<div class="myheader">
<h1>Check GLYCEMIC INDEX of foods of your choice</h1>
</div>
<div class="col-md-12">
<div class = "mainContainer">
<div class="leftContainer">
<p><span>Just type name of food you'd like to check in here...</span>
<span class = "arrow"><img src="redArrow.gif" alt="arrow" /></span>
</p>
<p><span class = "foodPhoto"><img src="cakeMonster.gif" alt="cake picture" /></span></p>
</div>
<div class = "centerContainer">
<div class="input-container">
<!-- <div class="col-md-12"> -->
<div class="input-group input-group-lg has-feedback">
<span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>
<input type="text" class="form-control" placeholder="..." id="textInput">
</div>
<!-- </div> -->
</div>
<div class="results-container">
<!-- <div class="col-md-12"> -->
<div class="well">
<div id="results"></div>
</div>
<!-- </div> -->
</div>
</div>
<div class="rightContainer">
<p><span class = "greenDot">....</span>Green means this food has LOW glycemic index, and will not cause
substancial increase in your blood sugar.</p>
<p><span class = "orangeDot">....</span>Orange means this food has MEDIUM glycemic index, it will cause some increase in your blood sugar,
but within safe limits. It still can be consumed as long as it's with moderation.</p>
<p><span class = "redDot">....</span>Red means this food has HIGH glycemic index. It will cause significcant increase in your blood sugar.
It is likely to lead to obesity and diabetes.
</p>
</div>
</div>
</div>
<script src="gindex.js"></script>
<div class="container footer">
<div>
<p>This site does NOT provide professional nutrition advice of any kind.
Please consult your doctor before making any decisions regarding your diet.</p>
</div>
</div>
</body>
</html>