-
Notifications
You must be signed in to change notification settings - Fork 1
/
03_Detail.html
56 lines (48 loc) · 2.21 KB
/
03_Detail.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
<!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 | Details</title>
<!-- Link to BULMA's CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/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-link 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" id="detail_card"> <!-- https://bulma.io/documentation/columns/sizes/ -->
<!-- https://bulma.io/documentation/layout/tiles/ -->
</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/03_Detail.js"></script>
</body>
</html>