-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
57 lines (47 loc) · 1.87 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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Clean Out Your Fridge Recipe App</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<meta name="description" content="A recipe finder app">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous">
</script>
</head>
<body>
<section class = "search-field hidden">
<header>
<h1>Clear Out Your Fridge!</h1>
</header>
<form action = '#' class = 'js-search-form'>
<formset>
<legend>
Have a bunch of ingredients but don't know what to make? Need to eat but don't want to leave your house or order out?
Throw some things you have in your fridge into the seachbar to get a recipe to make!
</legend>
<label for="ingredient-inputs">
<input type='text' placeholder="Items Here!" class="js-query" required aria-label ="search query">
</label>
<button type="submit">Search</button>
</formset>
</form>
</section>
<main role="main" class="js-output" aria-live="assertive">
<section class="result-area">
<section id="vidResult">
<span id="closeButton" aria-label="close">×</span>
</section>
<h2>Recipe Results</h2>
<section class= "search-results-written"></section>
<section class="error-catch"></section>
</section>
</main>
<script src="script.js"></script>
</body>
</html>