-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathmenu-pie.html
146 lines (132 loc) · 7.11 KB
/
menu-pie.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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!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>3 Guys Pizza n Pies</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<link rel="stylesheet" href="./public/stylesheets/style.css">
</head>
<body id="body-main" class="background-three">
<header>
<nav class="navbar">
<a href="./index.html"><img id="logo" src="./public/images/likemeat-CbNAuxSZTFo-unsplash.jpg"
alt="a pizza cut into 3 weird pieces" width="90" height="75"></a>
<h1>3 Guys Pizza-n-Pies</h1>
<div>
<a class="btn btn-dark" href="./menu-page.html">Menu</a>
<a class="btn btn-dark" href="./register-page.html">Login / Register</a>
</div>
</nav>
</header>
<div class="container">
<div class="container flex justify-content-center">
<div class="row no-gutters margin-five">
<div class="col">
<div class="card menu-card" style="width: 300px;">
<div class="card-body">
<h5 class="card-title">Pumpkin Pie</h5>
<p class="card-text">Enjoy the dense, smooth, and almost fruity, starchy-sweet flavor of the
pumpkin blending with
the brown sugar sweetness combining with a whiff of sweet fragrance from cinnamon and
nutmeg,
while the ginger and cloves help set off the richness of this North American original
pie.
</p>
<a id="30" class="btn btn-dark product-btn" value="30">Whole</a>
<a id="31" class="btn btn-dark product-btn" value="31">Slice</a>
</div>
</div>
</div>
</div>
<div class="row no-gutters margin-five">
<div class="col">
<div class="card menu-card" style="width: 300px;">
<div class="card-body">
<h5 class="card-title">Pecan Pie</h5>
<p class="card-text">Crunchy pecans surrounded by a sweet, rich, and sticky filling in a
flaky
pie crust. Comes with a side of home made whipped cream.</p>
<a id="32" class="btn btn-dark product-btn" value="32">Whole</a>
<a id="33" class="btn btn-dark product-btn" value="33">Slice</a>
</div>
</div>
</div>
</div>
<div class="row no-gutters margin-five">
<div class="col">
<div class="card menu-card" style="width: 300px;">
<div class="card-body">
<h5 class="card-title">Apple Pie</h5>
<p class="card-text">Our double-crusted apple pies are made fresh daily using only the
freshest
tart Wisconsin apples and cinnamon. Finished by drizzling the crispy, flaky crust with
caramel.</p>
<a id="34" class="btn btn-dark product-btn" value="34">Whole</a>
<a id="35" class="btn btn-dark product-btn" value="35">Slice</a>
</div>
</div>
</div>
</div>
<div class="row no-gutters margin-five">
<div class="col">
<div class="card menu-card" style="width: 300px;">
<div class="card-body">
<h5 class="card-title">Key Lime Pie</h5>
<p class="card-text">This pie starts with a graham-cracker crust. It is then filled with a
yellow custard containing key lime juice. It comes with a side of our home made whipped
cream to top it off.</p>
<a id="36" class="btn btn-dark product-btn" value="36">Whole</a>
<a id="37" class="btn btn-dark product-btn" value="37">Slice</a>
</div>
</div>
</div>
</div>
<div class="row no-gutters margin-five">
<div class="col">
<div class="card menu-card" style="width: 300px;">
<div class="card-body">
<h5 class="card-title">French Silk Pie</h5>
<p class="card-text">Our French Silk Pie features a cookie crust, rich and creamy chocolate
filling, and is topped with homemade whipped cream and chocolate shavings.</p>
<a id="38" class="btn btn-dark product-btn" value="38">Whole</a>
<a id="39" class="btn btn-dark product-btn" value="39">Slice</a>
</div>
</div>
</div>
</div>
<div class="row no-gutters margin-five">
<div class="col">
<div class="card menu-card" style="width: 300px;">
<div class="card-body">
<h5 class="card-title">Pie of the Week</h5>
<p class="card-text">Ask us about our weekly pie choice.</p>
<a id="40" class="btn btn-dark product-btn" value="40">Whole</a>
<a id="41" class="btn btn-dark product-btn" value="41">Slice</a>
</div>
</div>
</div>
</div>
</div>
<div class=" row justify-content-center">
<a class="btn btn-dark order-nav-btn margin-thirty" href="./menu-pizza.html">Previous Page</a>
<a class="btn btn-dark order-nav-btn margin-thirty review-order-btn" href="./cart-page.html">Review Order</a>
</div>
</div>
<footer id="footer">
<img src="./public/images/likemeat-CbNAuxSZTFo-unsplash.jpg" alt="a pizza cut into 3 weird pieces" width="140"
height="125">
<h4>
Thanks for visiting!
</h4>
</footer>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
crossorigin="anonymous"></script>
</body>
</html>