-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
64 lines (55 loc) · 2.71 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
58
59
60
61
62
63
64
<!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 | Home</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">Cocktails 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-info 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="column is-full has-text-centered" id="cocktailSearch">
<p class="control is-expanded mb-4 column is-half container is-max-desktop"> <!-- https://bulma.io/documentation/form/general/ -->
<input id="inputSearch" class="input is rounded is-large" type="text" placeholder="Cocktail Search" />
</p>
<p class="control mb-6">
<button id="searchButton" class="button is-primary"> Search </button>
</p>
</div>
</section>
</main>
<footer class="footer has-background-grey-lighter">
<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/index.js"></script>
</body>
</html>