-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfavourites.html
119 lines (95 loc) · 4.77 KB
/
favourites.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Font awesome library -->
<script src="https://kit.fontawesome.com/af8f003157.js" crossorigin="anonymous"></script>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<!-- favicon -->
<link rel="icon" type="image/png" href="./images/favicon.png" />
<!-- custom css -->
<link rel="stylesheet" href="./CSS/favourites.css">
<!-- title -->
<title>ChefRef-Your Favourites</title>
</head>
<body>
<!-- Bootstrap nav-bar -->
<header>
<div class="bg-dark collapse" id="navbarHeader" >
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 py-4">
<h4 class="text-white">About</h4>
<p class="text-muted">This webpage has created for the cook inside everyone who just loves
to try new things without any fear of failure.There are some awesome foods, ingredients
and their recipes listed in our page along with the youtube lectures from our world
class chefs.ChefRef is the ultimate reference destination for any cook in the world.
</p>
</div>
<div class="col-sm-4 offset-md-1 py-4">
<h4 class="text-white">Navigation</h4>
<ul class="list-unstyled">
<li><a href="./index.html" class="text-white">Home</a>
</li>
<li><a href="./search.html" class="text-white">Search By Name</a>
</li>
<li><a href="./favourites.html" class="text-white">Your Favourites</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar navbar-dark bg-dark shadow-sm">
<div class="container">
<a href="#" class="navbar-brand d-flex align-items-center">
<i class="fas fa-utensils mx-2"></i>
<strong>ChefRef</strong>
</a>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
</header>
<!-- BootStrap Card template -->
<main>
<div class="album py-5 bg-light">
<div class="container">
<h1>Your Favourites</h1>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3 cards-container my-4">
<!-- card it is added by index.js -->
</div>
</div>
</div>
</main>
<!--BootStrap footer -->
<footer class="text-muted py-5">
<div class="container">
<p class="float-end mb-1">
<a href="#">Back to top</a>
</p>
<p class="float-end mb-1 mx-3">
<a href="./index.html">Home</a>
</p>
<p class="mb-1">ChefRef is © github</p>
<p class="mb-0"> <a href="https://github.com/suriyaaap13" target="_blank">Visit My Github Profile</a> get the <a
href="https://github.com/suriyaaap13/ChefRef" target="_blank">source code</a> here.</p>
</div>
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script>
-->
<!-- custom js file -->
<script src="./JS/favourite.js"></script>
</body>
</html>