-
Notifications
You must be signed in to change notification settings - Fork 0
/
pieoverview.html
141 lines (141 loc) · 6.26 KB
/
pieoverview.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Welcome to Bethany's Pie Shop!</title>
<meta name="author" content="Bethany's Pie Shop" />
<meta name="description" content="Store front for Bethany's Pie Shop" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="icon" href="favicon.png" type="image/png">
<link rel="stylesheet" href="styles.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<header id="mainheader">
<nav>
<!-- <img src="images/pie.png" height="55"/> -->
<ul>
<li><img src="images/cake.svg" height="55"/></li>
<li><a href="index.html">Home</a></li>
<li><a href="pieoverview.html">All pies</a></li>
</ul>
</nav>
</header>
<div style="width:1000px;margin-left: auto;margin-right:auto;">
<aside id="leftmenu">
<a href="index.html"><img src="images/bethanylogo.png"></a>
<header>
<h4 style="text-align: center;">Browse our pies</h4>
</header>
<ul>
<li><a href="pieoverview.html">All pies</a></li>
<li><a href="cheesecakes.html">Cheese cakes</a></li>
<li><a href="fruitpies.html">Fruit pies</a></li>
<li><a href="seasonalpies.html">Seasonal pies</a></li>
<li><a href="#promos">Promotions</a></li>
</ul>
<input type="search" class="searchbox" placeholder="Search our store">
</aside>
<main id="main">
<table>
<caption>Our delicious selection of pies for you to enjoy!</caption>
<thead>
<tr>
<th>Image</th>
<th>Pie name</th>
<th>Description</th>
<th>Price</th>
<th>Details</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="images/products/cheesecakesmall.jpg" width="100" /></td>
<td>Cheese cake</td>
<td>Plain cheese cake. Plain pleasure.</td>
<td>$12.95</td>
<td><a href="cheesecakes.html">View details</a></td>
</tr>
<tr>
<td><img src="images/products/applepiesmall.jpg" width="100" /></td>
<td>Apple pie</td>
<td>Our famous apple pie.</td>
<td>$14.95</td>
<td><a href="applepie.html">View details</a></td>
</tr>
<tr>
<td><img src="images/products/cranberrypiesmall.jpg" width="100"></td>
<td>Cranberry pie</td>
<td>A Christmas favorite</td>
<td>$18.95</td>
<td>View details</td>
</tr>
<tr>
<td><img src="images/products/cherrypiesmall.jpg" width="100"></td>
<td>Cherry pie</td>
<td>A summer classic!</td>
<td>$18.95</td>
<td><a href="">View details</a></td>
</tr>
<tr>
<td><img src="images/products/peachpiesmall.jpg" width="100"></td>
<td>Peach pie</td>
<td>Sweet as peach</td>
<td>$18.95</td>
<td><a href="">View details</a></td>
</tr>
<tr>
<td><img src="images/products/pumpkinpiesmall.jpg" width="100"></td>
<td>Pumpkin pie</td>
<td>Our Halloween favorite</td>
<td>$18.95</td>
<td><a href="">View details</a></td>
</tr>
<tr>
<td><img src="images/products/christmasapplepiesmall.jpg" width="100"></td>
<td>Christmas apple pie</td>
<td>Happy holidays with this pie!</td>
<td>$19.95</td>
<td><a href="">View details</a></td>
</tr>
<tr>
<td><img src="images/products/blueberrycheesecakesmall.jpg" width="100"></td>
<td>Blueberry cheese cake</td>
<td>You'll love it!</td>
<td>$17.95</td>
<td><a href="">View details</a></td>
</tr>
<tr>
<td><img src="images/products/rhubarbpiesmall.jpg" width="100"></td>
<td>Rhubarb Pie</td>
<td>My God, so sweet!</td>
<td>$21.95</td>
<td><a href="">View details</a></td>
</tr>
<tr>
<td><img src="images/products/strawberrypiesmall.jpg" width="100"></td>
<td>Strawberry Pie</td>
<td>Our delicious strawberry pie!</td>
<td>$18.95</td>
<td><a href="">View details</a></td>
</tr>
<tr>
<td><img src="images/products/strawberrycheesecakesmall.jpg" width="100"></td>
<td>Strawberry Cheese Cake</td>
<td>One of the best cheese cakes you'll ever find!</td>
<td>$18.95</td>
<td><a href="">View details</a></td>
</tr>
</tbody>
</table>
</main>
<footer>
<p>Our address is <address>Bethany's Pie Shop - Bakery Street 555 Brussels Belgium</address></p>
<small>2023 Bethany's Pie Shop - All rights reserved</small>
</footer>
</div>
</body>
</html>