-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathGreta.html
210 lines (172 loc) · 10.3 KB
/
Greta.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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nourishing Women | Greta Thunberg</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="Recipe-Style.css">
<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=Castoro+Titling&family=Manrope:wght@300&family=Playfair+Display:ital,wght@0,400;1,500&display=swap"
rel="stylesheet">
</head>
<body>
<div class="Top">
<button type="button" class="Home-Button"onclick="location.href='index.html'" >Home</button>
<h1 class="Title">Nourishing Women</h1>
<button type="button" class="Women-Button" onclick="location.href='Women.html'">Women</button>
<button type="button" class="Submit-Button" onclick="location.href='Coming-Soon.html'">Wine</button>
<button type="button" class="Submit-Button" onclick="location.href='Submit.html'">Submit</button>
</div>
<div class="Home-Image">
<img src="./Smaller Images/Recipies-10.jpeg" class="img-fluid" alt="Responsive image">
<a href="#Intro-Title"> <input type="image" name="More" src="./Images/Arrow.png" width=5%
href="#Intro-Title"></a>
</div>
<div id="Intro-Title">
Chocolate Chip Cookie
</div>
<div id="Intro">
Just as Greta Thunberg has fearlessly spoken up for the planet, these Chocolate Chip Cookies combine classic
flavors and a sustainable twist. The rich chocolate morsels represent the sweetness of her message, while the
mindful choice of organic and ethically sourced ingredients reflects her dedication to a more sustainable
future.
<br><br>
As you mix the dough and the aroma of freshly baked cookies fills the air, let it remind you of Greta's call for
global change. Each bite of these warm and gooey treats is a small reminder that every action, no matter how
seemingly insignificant, can contribute to a more sustainable world.
<br><br>
Just as Greta's words have sparked a global movement, these Chocolate Chip Cookies invite you to indulge in a
moment of sweetness and reflect on the power of collective action. Share them with loved ones, sparking
conversations about the importance of environmental stewardship and inspiring others to make a difference.
</div>
<div id="Recipe">
<div class="Ingredients">
<h1 class="Ingredients-Title">Ingredients</h1>
<p>
<h5>Makes 12</h5>
<br><br>
100g granulated sugar
<br><br>
165g brown sugar, packed
<br><br>
1 teaspoon salt
<br><br>
115ml unsalted butter, melted
<br><br>
1 egg
<br><br>
1 teaspoon vanilla extract
<br><br>
155g all-purpose flour
<br><br>
½ teaspoon baking soda
<br><br>
110g milk chocolate chunks
<br><br>
100g dark chocolate chunk
</p>
</div>
<div class="Method">
<h1 class="Method-Title">Method</h1>
<p>
<h5>Step One</h5>
In a large bowl, whisk together the sugars, salt, and butter until a paste forms with no lumps.
<br><br><br><h5>Step Two</h5>
Whisk in the egg and vanilla, beating until light ribbons fall off the whisk and remain for a short while before falling back into the mixture.
<br><br><br><h5>Step Three</h5>
Sift in the flour and baking soda, then fold the mixture with a spatula (Be careful not to overmix, which would cause the gluten in the flour to toughen resulting in cakier cookies).
<br><br><br><h5>Step Four</h5>
Fold in the chocolate chunks, then chill the dough for at least 30 minutes. For a more intense toffee-like flavor and deeper color, chill the dough overnight. The longer the dough rests, the more complex its flavor will be.
<br><br><br><h5>Step Five</h5>
Preheat oven to 350°F (180°C). Line a baking sheet with parchment paper.
<br><br><br><h5>Step Six</h5>
Scoop the dough with an ice-cream scoop onto a parchment paper-lined baking sheet, leaving at least 4 inches (10 cm) of space between cookies and 2 inches (5 cm) of space from the edges of the pan so that the cookies can spread evenly.
<br><br><br><h5>Step Seven</h5>
Bake for 12-15 minutes, or until the edges have started to barely brown.
</p>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-md-12">
<div class="card "
style="background-color: #F3F7F0; border: 0; padding-left: 10%; padding-right: 10%; padding-bottom: 5%; ">
<div class="card-body p-4">
<div class="card mb-4">
<div class="card-body">
<p>I'm always looking for healthy options, and this recipe delivered! It was packed with
nutritious ingredients without compromising on taste. This is definitely going to be a
go-to recipe for me. Thanks for sharing!</p>
<div class="d-flex justify-content-between">
<div class="d-flex flex-row align-items-center">
<img src="https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(4).webp" alt="avatar"
width="25" height="25" />
<p class="small mb-0 ms-2">Martha</p>
</div>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-body">
<p>I'm a vegetarian, and it's often hard to find exciting recipes. But this one was a
winner! The combination of flavors was absolutely delightful, and I appreciated the
vegetarian-friendly twist. Can't wait to make it again.</p>
<div class="d-flex justify-content-between">
<div class="d-flex flex-row align-items-center">
<img src="https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(32).webp" alt="avatar"
width="25" height="25" />
<p class="small mb-0 ms-2">Johny</p>
</div>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-body">
<p>This recipe is a keeper! I made it for a dinner party, and my guests couldn't stop raving
about it. The presentation was impressive, and the taste was out of this world. I'll be
sharing this recipe with everyone I know!</p>
<div class="d-flex justify-content-between">
<div class="d-flex flex-row align-items-center">
<img src="https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(31).webp" alt="avatar"
width="25" height="25" />
<p class="small mb-0 ms-2">Mary Kate</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<p>I've been searching for a recipe that would satisfy my sweet tooth without being overly
indulgent, and this one hit the mark! The texture and flavor were perfect, and I loved
that it used healthier alternatives. I'll be making this dessert on repeat!</p>
<div class="d-flex justify-content-between">
<div class="d-flex flex-row align-items-center">
<img src="https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(32).webp" alt="avatar"
width="25" height="25" />
<p class="small mb-0 ms-2">Johny</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="Footer">
<h1 class="Footer-Title">Nourishing Women</h1>
<button type="button" class="Women-Button" onclick="location.href='Women.html'">Women</button>
<button type="button" class="Submit-Button" onclick="location.href='Submit.html'">Submit</button>
<button type="button" class="Submit-Button" onclick="location.href='Coming-Soon.html'">Instagram</button>
<button type="button" class="Submit-Button" onclick="location.href='Coming-Soon.html'">Facebook</button>
<button type="button" class="Submit-Button" onclick="location.href='Coming-Soon.html'">Twitter</button>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
</body>
</html>