-
Notifications
You must be signed in to change notification settings - Fork 2
/
bakedfrenchtoast.htm
112 lines (99 loc) · 5.49 KB
/
bakedfrenchtoast.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"> Baked French Toast Recipe: </label> <label id="idBrand" > </label></h3>
<img src="http://res.cloudinary.com/kkbigdata/image/upload/v1493132236/Baked_French_Toast_wsbtyy.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" > Baked French Toast </label>
<br><br>
<label for="regprice" style=" font-weight: bold;"> Approx Expense: $ </label> <label id="idPrice" style="color:#cc0000"> 20 </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" > 4 star </label>
<br><br>
<label for="modelnumber" style=" font-weight: bold;"> Ingredients: </label><label id="idModel" > 6 slices Ezekiel Bread - 6 large Eggs - 1/2 cup Low-fat Geek Yogurt - 1 1/2 cups Milk - 2 tbsp Sugar - 1 tsp Vanilla Extract - 1 tsp Maple Extract - 1/2 cup Pecans</label>
<br><br><br>
<label for="modelnumber" style=" font-weight: bold;"> Directions: </label>
<label id="idModel" > Preheat the oven to 350 degrees F. Lay bread slices in a shallow baking dish. Make sure they do not over lap. In a bowl, whisk together eggs, Greek yogurt, milk, sugar, and extracts until well combined. Pour egg mixture over the bread slices, making sure they are fully coated. Top bread with pecans and then cover baking dish with foil. Bake for 25 minutes and then serve with sugar-free maple syrup.</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>