-
Notifications
You must be signed in to change notification settings - Fork 2
/
applecrisp.htm
112 lines (99 loc) · 5.6 KB
/
applecrisp.htm
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
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Online Recipes</a>
<form class="navbar-form" action ="/searchproducts" method="get" role="form">
<div class="input-group">
<input type="searchtext" name="query" class="form-control" placeholder="Search">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</form>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Buy Video CD's!</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false"><i class="fa fa-user-circle" aria-hidden="true"></i> Account<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Help</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Log Out</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="container">
<div class="row">
<div class="thumbnail">
<div class="caption">
<h3><label for="brand"> Apple Crisp Recipe: </label> <label id="idBrand" > </label></h3>
<img src="http://res.cloudinary.com/kkbigdata/image/upload/v1493132236/apple_crisp_t22uyq.jpg" alt="..." align = "center">
</div>
<!--</div> -->
<form class="getProductDetails" method="get" action="http://127.0.0.1:8081/process_get">
<div style="display:none;" id="productInfo"><%= productInfo %></div>
<table id="pageTable">
<table id="pageTable">
<tr>
<td>
<div id="recipeDetails">
<table id="recipeTable">
<tr>
<td id="productImgTD" width="35%"> </td>
<td>
<label for="name"><b> Recipe Name: </b></label> <label id="idName" > Apple Crisp </label>
<br><br>
<label for="regprice" style=" font-weight: bold;"> Approx Expense: $ </label> <label id="idPrice" style="color:#cc0000"> 15 </label>
<br><br>
<label for="cookingtime" style=" font-weight: bold;" > Cooking time: </label><label id="idCooktime" > 30 minutes </label>
<br><br>
<label for="serves" style=" font-weight: bold;"> Serves: </label><label id="idserves" > 4 people </label>
<br><br>
<label for="rating" style=" font-weight: bold;"> Customer Rating: </label><label id="idRating" > 5 star </label>
<br><br>
<label for="modelnumber" style=" font-weight: bold;"> Ingredients: </label><label id="idModel" > 1 cup sliced Apple - 2 tbsp Brown Sugar - 1/8 tsp Cinnamon - 1/2 cup rolled Oats - scoop Vanilla Protein Powder - tbsp Walnut pieces - Dash of Cinnamon - 1/4 cup Organic Honey - 1/2 cup Low-fat Greek Yogurt.</label>
<br><br><br>
<label for="modelnumber" style=" font-weight: bold;"> Directions: </label>
<label id="idModel" > "Preheat the oven to 350 degrees F. Slice apples and place in a bag or bowl with 1 tbsp brown sugar and cinnamon, stirring to coat. Place apples in a small baking dish. Combine oats, protein powder, walnut pieces, cinnamon, and 1 tbsp brown sugar. Once combined, drizzle honey over the oat mixture and stir to coat. Spoon mixture over the apples in the baking dish. Bake apples for about 20 minutes. When apple crisp is done, allow it to cool for five minutes and then top with Greek yogurt."</label>
<br><br><br>
</td>
</tr>
</table>
</td></tr>
</div>
</table>
</form>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
</body>
</html>