-
Notifications
You must be signed in to change notification settings - Fork 0
/
applepie.html
140 lines (139 loc) · 6.17 KB
/
applepie.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
<!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]-->
<script>
function save() {
localStorage.setItem("applepie", 'true')
}
window.onload = function() {
var favorite = document.getElementById('favorite');
if(window.localStorage) {
var storage = window.localStorage;
if(storage.getItem('applepie') === 'true') {
favorite.innerHTML = 'Apple pie is one of your favorites';
}
}
}
</script>
</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">
<figure>
<a href="images/products/applepie.jpg" target="_blank"><img src="images/products/applepie.jpg" alt="Apple pie" width="600"></a>
<figcaption>Our world-famous apple pie</figcaption>
</figure>
<p>
<button onclick="save()" type="button">Save as favorite</button>
<span id="favorite"></span>
</p>
<div style="background-color: #f8f4f1; padding: 5px 0px 10px 10px;">
<strong>Price: $12.95</strong>
<h2>Description</h2>
<p>
Bethany received the recipe for this delicious apple pie from her grandmother. At the age of 5,
she was already baking this <em>all-American traditional apple</em> pie at her home.
As the recipe goes a long way back, it contains the most typical ingredients used for so many
years to make this classic even today one of our most popular pies.
</p>
<p>
This pie is available <strong>every day</strong> and comes in two sizes.
<span style="color: #4dcfa8; font-weight: bold;">
You can serve it cold or warm it for 4 minutes in
the microwave to give it an extra touch.</span> Your house will smell just like Bethany's Shop!
</p>
<blockquote>
This recipe has been in our family for generations.
We hope you enjoy this pie as we do - Bethany
</blockquote>
<p>
<small>Note that some ingredients may be dangerous if you have certain allergies. See the
list of ingredients below.</small>
</p>
<p>
<small>Bethany cares about the environment and we try to limit our CO<sub>2</sub> emissions as
much as possible. See our terms page for more info.</small>
</p>
<hr>
<h2>How we make this pie</h2>
<ol>
<li>
First, we combine sugar, flour, and spices. We toss the apples with some lemon juice and add sugar.
</li>
<li>
We then create the bottom crust and fill that with apple mixture. We put some butter on that
then roll remaining crust to fit top of pie.
</li>
<li>
Then we beat the egg whites until we have a foamy mix. That is then brushed over the crust.
We sprinkle some extra sugar.
</li>
<li>
Then the pie goes into the oven at 360º for 35 minutes. When ready, we let it cool on a wire rack.
</li>
</ol>
<ol start="5">
<li>If something goes wrong, we start all over again!</li>
</ol>
<h3>Ingredients</h3>
<ul>
<li>Butter</li>
<li>Eggs</li>
<li>Sugar
<ul>
<li>Regular sugar</li>
<li>Brown sugar</li>
<li>Caster sugar</li>
</ul>
</li>
<li>Flour</li>
<li>Cinnamon</li>
<li>Ginger</li>
<li>Nutmeg</li>
<li>Apples</li>
<li>Lemons</li>
</ul>
</div>
</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>