-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
94 lines (91 loc) · 4.03 KB
/
Copy pathindex.html
File metadata and controls
94 lines (91 loc) · 4.03 KB
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
<!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>uHost</title>
<link rel="shortcut icon" href="../favicon.png">
<link rel="stylesheet" href="../food.css">
<link rel="stylesheet" href="packages.css">
</head>
<body>
<div class="backdrop"></div>
<div class="background"></div>
<header class="main-header">
<div>
<button class="toggle-button">
<span class="toggle-button__bar"></span>
<span class="toggle-button__bar"></span>
<span class="toggle-button__bar"></span>
</button>
<a href="../index.html" class="main-header__brand">
<img src="../images/uhost-icon.png">
</a>
</div>
<nav class="main-nav">
<ul class="main-nav__items">
<li class="main-nav__item">
<a href="index.html">How It Works</a>
</li>
<li class="main-nav__item">
<a href="../customers/index.html">Customers</a>
</li>
<li class="main-nav__item main-nav__item--cta">
<a href="../start-hosting/index.html">Contact Us!</a>
</li>
</ul>
</nav>
</header>
<nav class="mobile-nav">
<ul class="mobile-nav__items">
<li class="mobile-nav__item">
<a href="index.html">How It Works</a>
</li>
<li class="mobile-nav__item">
<a href="../customers/index.html">Customers</a>
</li>
<li class="mobile-nav__item mobile-nav__item--cta">
<a href="../start-hosting/index.html">Contact Us!</a>
</li>
</ul>
</nav>
<main>
<section class="package" id="plus">
<a href="#">
<h1 class="package__title">Choose Your Meals</h1>
<h2 class="package__subtitle">Our plans are affordably priced so you and your family can enjoy delicious home-cooked meals - without breaking the bank. Cooking with Blue Apron lets you spend more quality time at home, and less money on expensive restaurants and takeout</h2>
<p class="package__info">Select your favorites from a weekly menu of easy-to-follow recipes</p>
</a>
</section>
<section class="package" id="free">
<a href="#">
<h1 class="package__title">Receive Your Ingredient</h1>
<h2 class="package__subtitle">Skip the line at the grocery store and get fresh, perfectly portioned ingredients delivered right to your door. This means less food waste, less prep time, and no more stress trying to figure out what to have for dinner each Day!</h2>
<p class="package__info">Get fresh, seasonal ingredients delivered straight to your door</p>
</a>
</section>
<div class="clearfix"></div>
<section class="package" id="premium">
<a href="#">
<h1 class="package__title">Enjoy Incredible Dinners</h1>
<h2 class="package__subtitle">You don't have to be a chef to cook restaurant-quality meals at home, and you also don't have to spend all night in the kitchen. Our recipes are designed for home cooks of all skill levels - and many of our recipes take just 30 minutes or less to prepare. </h2>
<p class="package__info">Enjoy delicious, unforgettable meals cooked from scratch.</p>
</a>
</section>
</main>
<footer class="main-footer">
<nav>
<ul class="main-footer__links">
<li class="main-footer__link">
<a href="#">Support</a>
</li>
<li class="main-footer__link">
<a href="#">Terms of Use</a>
</li>
</ul>
</nav>
</footer>
<script src="../food.js"></script>
</body>
</html>