-
Notifications
You must be signed in to change notification settings - Fork 1
/
04_Favourites.html
80 lines (69 loc) · 3.45 KB
/
04_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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Receipe Finder | Favourites</title>
<!-- Link to BULMA's CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="stylesheet" type="text/css" href="./Assets/css/style.css">
</head>
<body class="has-navbar-fixed-top hero is-fullheight">
<header class="hero">
<section class="container is-max-desktop">
<h1 class="title is-1 has-text-centered">Cocktail Diversifier</h1>
</section>
<nav class="navbar is-justify-content-space-between" role="navigation" aria-label="main navigation">
<form class="ml-3" action="./index.html">
<input class="button is-dark is-light is-outlined" type="submit" value="HOME"/>
</form>
<a class="mr-3 is-size-4" href="./04_Favourites.html">My Favourites</a>
</nav>
<section class="hero is-success has-text-centered">
<div class="hero-body"> <!-- https://bulma.io/documentation/layout/hero/ -->
<p class="subtitle">
Tired of figuring out whatto cook try our lateste cooking and recipe find to make your lives Easy ...
we are here to help. Don’t forget to save your favorites by clicking ❤️ for your next visit.
</p>
</div>
</section>
</header>
<main>
<section class="columns"> <!-- https://bulma.io/documentation/columns/sizes/ -->
<div class="tile is-parent is-4"><!-- https://bulma.io/documentation/layout/tiles/ -->
<div class="tile is-child box">
<figure class="image is-256x256"> <!-- https://bulma.io/documentation/elements/image/ -->
<img src="./Assets/images/images_01.png" alt="a glass of the classic Martini with an olive as the signature cocktails">
</figure>
</div>
</div>
<div class="tile is-vertical is-parent is-4">
<div class="tile is-child box has-text-centered">
<p class="title"><strong>My Favourites ❤️</strong></p>
<ul class="favourites">
</ul>
</div>
<button class="clearBtn">Clear</button>
</div>
<div class="tile is-parent is-4">
<div class="tile is-child box">
<figure class="image is-256x256"> <!-- https://bulma.io/documentation/elements/image/ -->
<img src="./Assets/images/images_01.png" alt="a glass of the classic Martini with an olive as the signature cocktails">
</figure>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong>TASTYT</strong> by <a href="">Jikebo Kakways, Kishan Gosrani and Yi-Tsun Chen</a>. The source code is licensed
<a href="https://bulma.io/">BULMA</a>
</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="./Assets/js/04_Favourites.js"></script>
</body>
</html>