forked from Group-5-Project-1/ProjectOne
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmyRecipes.html
136 lines (108 loc) · 4.21 KB
/
myRecipes.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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Recipe Search</title>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- jquery cdn -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="assets/css/materialize.min.css" media="screen,projection" />
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- firebase cdn -->
<script src="https://www.gstatic.com/firebasejs/5.5.0/firebase.js"></script>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="https://fonts.googleapis.com/css?family=Alegreya+SC:900|Cinzel:700|Vollkorn:900" rel="stylesheet">
<!-- Materialize Icon Link-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Favicon Link-->
<link rel="icon" href="assets/images/favicon.ico">
</head>
<body>
<nav class="green" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="index.html" class="brand-logo">REC
<img src="assets/images/fork.png">PEZE</a>
<ul class="right hide-on-med-and-down">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="myRecipes.html">My Recipes</a>
</li>
</ul>
<!-- Side Nav -->
<ul id="nav-mobile" class="sidenav">
<hr>
<li>
<a href="index.html">Home</a>
<hr>
</li>
<li>
<a href="myRecipes.html">My Recipes</a>
<hr>
</li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger">
<i class="material-icons">menu</i>
</a>
</div>
</nav>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br>
<br>
<h1 class="header center green-text ">My Saved Recipes</h1>
<br>
<br>
</div>
</div>
<!-- First BG Image -->
<div class="parallax">
<img id="bg1" src="assets/images/forsavedpage.jpg" alt="Unsplashed">
</div>
</div>
<!-- Display Saved Recipes -->
<div class="container carousel-container">
<div id="display-collection" class="carousel carousel-slider center">
</div>
</div>
<!-- Added Modal -->
<div id="modal"></div>
<!-- Bottom BG Image-->
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
</div>
<div class="parallax">
<img id="bg2" src="assets/images/savedbottom.jpg" alt="Unsplashed">
</div>
</div>
<!-- Correct Footer-->
<ul class="foot">
<li id="copy"><a href="#">© 2018 Copyright Created By:</a></li>
<li id="person"><a href="https://github.com/AAgnew">Alicia Agnew</a></li>
<li id="person"><a href="https://github.com/ngl4">Binh Cindy Lam</a></li>
<li id="person"><a href="https://github.com/memisgulden">Gulden Rose Memis</a></li>
<li id="person"><a href="https://github.com/mneuber55">Matthew Neuber</a></li>
</ul>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="assets/js.materialize/materialize.js"></script>
<script src="assets/js.materialize/init.js"></script>
<!-- collection.js -->
<script src="assets/javascript/collection.js"></script>
</body>
</html>