-
Notifications
You must be signed in to change notification settings - Fork 0
/
recipe.html
109 lines (102 loc) · 4.45 KB
/
recipe.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title> Chef's Cabinet</title>
<!--bootstrap file-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Firebase -->
<script src="https://www.gstatic.com/firebasejs/4.11.0/firebase.js"></script>
<!-- JQuery -->
<script src="https://code.jquery.com/jquery.js"></script>
<!--css-->
<link rel="stylesheet" href="assets/css/style.css">
<header id="masthead">
<div class="container">
<a href="index.html" id="logo">Chef's Cabinet </a>
<nav>
<a href="index.html">Home</a>
<a href="recipe.html?q=breakfast">Breakfast</a>
<a href="recipe.html?q=lunch">Lunch</a>
<a href="recipe.html?q=dinner">Dinner</a>
<a href="recipe.html?q=fish">Pescatarian</a>
<a href="recipe.html?q=vegan">Vegan</a>
<a href="recipe.html?q=dessert">Dessert</a>
<a href="resteraunts.html">Restaurants</a>
</nav>
</div>
</header>
</head>
<body>
<!-- Overall Bootstrap Grid -->
<div class="container">
<!-- Jumbotron with Title -->
<div class="jumbotron">
<h1 class="text-center"><strong>The Good Stuff!</strong></h1>
<h4 class="text-center"></h4>
<hr>
<div class="text-center">
<form action="recipe.html" method="GET" id="recipe-form">
<label for="recipe-input">What are you hungry for?:</label>
<input type="text" name="q" class="form-control" id="recipe-input">
<br>
<input id="search-recipes" type="submit" value="Search">
</form>
<br>
<br>
<form action="resteraunts.html" method="GET" id="restaurant-form">
<label for="search"><strong>Don't feel like cooking?:</strong></label>
<!-- <input type="text" name="q" class="form-control" id="recipe-input"> -->
<br>
<input type="submit" id="search-restaurants" value="Eaterys Near You">
</form>
</div>
</div>
<div>
<div class="col-lg-8">
<!-- Image Col-->
<div class="panel panel-default">
<div class="panel-food">
<h3 class="panel text-center">Food Results</h3>
</div>
<div class="panel">
<div class="text-center" id="results">
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<!-- Google Place-->
<div class="panel panel-default">
<h3 class="panel-header text-center">Type in a Food choice for Nearby Restaurants </h3>
<div class="panel text-center">
<p id="requiredField"> Required fields are marked with <span style="color: red">*</span></p>
<div class="text-center nearbySearchBox" id="results">
<form>
<h5>Restaurant Search <span style="color: red">*</span></h5>
<input type="text" required name="place" class="place-control" id="place-input">
<h5>Zip Code <span style="color: red">*</span></h5>
<input type="text" required name="place" class="place-control" id="zipCode">
<br>
<input id="search-locations" type="submit" value="Search">
</form>
</div>
</div>
<div class="panel-place">
</div>
</div>
</div>
</div>
</div>
<a href="#" id="back-to-top" title="Back to top">↑</a>
<footer>
Created By: <br>
<a>Kevin Beeler</a> *
<a>Marton Kondray</a> *
<a>Michael Wrobel</a>
<br>
Copyright 2018
</footer>
<div class="container">
<!--javaScript-->
<script src="assets/javascript/game.js"></script>
</html>