-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathorders.html
88 lines (84 loc) · 3.49 KB
/
orders.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Your description goes here">
<meta name="keywords" content="one, two, three">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/9346d5df99.js" crossorigin="anonymous"></script>
<title>Order pickup: Idyll Cafe & Bakery</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap" rel="stylesheet">
<!-- external CSS link -->
<link rel="stylesheet" href="css/reset.css">
<!-- change above to reset -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<!-- burger menu, dropdown in desktop, full screen in mobile -->
<input type="checkbox" id="burgerInput" class="mobile">
<label id="burgerMenu" for="burgerInput" class="mobile">
<nav class="mobile wrapper">
<a id='goBack' href="index.html">Return home</a>
<a id='goNew' href="index.html#new">New this month</a> <!--featured below-->
<a id='goReview' href="index.html#reviews">Reviews</a>
<a id='goAbout' href="gallery.html">Our pastries</a>
<!--contact-->
<h3 class="mini">Contact</h3>
<span>(212) 000-0000</span>
<span>41X E 12 St</span>
<span> New York, NY 10009</span>
<span>[email protected]</span>
</nav>
</label>
<div class="overlay"></div>
</header>
<section id="hero" class="order wrapper">
<section id="name" class="wrapper">
<span>idyll Cafe & Bakery</span>
</section>
<section class="wrapper">
<h1>Order pickup</h1>
</section>
</section>
<section class="wrapper">
<main class="wrapper list">
<h2>Menu</h2>
<ul id="itemList">
<li class="wrapper">
<span>Item</span>
<section class="wrapper">
<span>Price</span>
<span>Select</span>
</section>
</li>
</ul>
</main>
<section > <!--subsection-->
<section id="summary" class="wrapper">
<h2>Order Summary</h2>
<ul class="wrapper"></ul>
<button id="sumUp" class="cta">Update order</button>
<button id="checkout" class="cta disabled">Checkout</button>
</section>
<section class="wrapper"> <!--fine print-->
<p>All items shown here can also be ordered on location, while several items, including our selection of teas, coffees, and drinks, must be ordered or consumed on location at the cafe.</p>
<p>For orders larger than the dropdown options, please give us a call during our opening hours at least 48 hours in advance.</p>
<small>*Taxes and other charges may apply and will be calculated prior to order confirmation.</small>
</section>
</section>
</section>
<footer class="wrapper">
<ul class="wrapper social">
<li><a href="##" aria-label="Instagram page"><i class="fa-brands fa-instagram" tabindex="0"></i></a></li>
<li><a href="##" aria-label="Facebook page"><i class="fa-brands fa-facebook-f" tabindex="0"></i></a></li>
<li><a href="##" aria-label="Twitter page"><i class="fa-brands fa-twitter" tabindex="0"></i></a></li>
</ul>
<p>Idyll Cafe | Built by Least Common Multiple</p>
</footer>
<script type="text/javascript" src="js/orders.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>