-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (74 loc) · 4.04 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
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
<!DOCTYPE html>
<html lang ="en">
<head>
<!-- Favicon-->
<link rel="shortcut icon" href="resources/img/favicon.ico">
<link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
<link rel="stylesheet" type="text/css" href="vendors/css/grid.css">
<link rel="stylesheet" type="text/css" href="resources/css/style.css">
<!-- Font-->
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;1,300&display=swap" rel="stylesheet">
<!-- Scripts -->
<title> TheBigByte </title>
</head>
<body>
<header>
<nav>
<div class="row">
<div class ="header">
<img src="resources/img/BigByteLogo.png" alt="TheBigByte logo" class="logo">
<h1 class="logo">The Big Byte</h1>
</div>
<ul class="main-nav">
<li> <a href="index.html">Home</a></li>
<li> <a href="about.html">About</a></li>
<li> <a href="recipes/recipes.html">Recipe Categories</a></li>
<li> <a href="#">Sign up</a></li>
</ul>
</div>
</nav>
<div class ="worldfood-text-box">
<h1> Food recipes from all around the world <br>By Team Zylophone</h1>
<a class="btn btn-full" href= "#">Sign up for more delicious recipes curated by us</a>
<a class="btn btn-ghost" href= "recipes/recipes.html">More recipes</a>
</div>
</header>
<section class="section-features">
<div class="row">
<h2> Delicious recipes by Team Zylophone </h2>
<p class= "long-copy">
Hello, We are Team Zylophone, creator of this totally innovative food recipe webpage. We love our food and wanted to share our favorite dishes with you all. My name is Joseph Kim and I'll be going over some of the features and benefits offered by our website! Nonetheless, hope that this recipe page can grow where everyone can share their delicious recipes with one another!
</p>
<script async src="https://cse.google.com/cse.js?cx=d12dc41c1d55fe48f"></script>
<div class="gcse-search"></div>
</div>
<div class ="row">
<div class="col span-1-of-4 box">
<h3>New recipe every day</h3>
<p>
We update more than 500 new recipes everyday! You will never run out of things to try! Asian food? Mexican food? Indian food? we have it all.
</p>
</div>
<div class="col span-1-of-4 box">
<h3>Ready in 20 minutes</h3>
<p>
20 minutes. Only 20 minutes for you to cook each of these recipes once they are prepped. Fast food not fast-food.
</p>
</div>
<div class="col span-1-of-4 box">
<h3>Stay connected</h3>
<p>
Follow your favorite chef-members to stay up to date on their newest recipes! You'll be the first to be notified and attempt to make the recipe yours.
</p>
</div>
<div class="col span-1-of-4 box">
<h3>Become a Pro member</h3>
<p>
Being a Pro BigByte member comes with many perks! Subscribe today at only $9.99/month to access the latest news from The Culinary written by none other
than Gordon Ramsay himself. You'll also have access to millions of videos by pro chefs at the tip of your fingertips!
</p>
</div>
</div>
</section>
</body>
</html>