-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
203 lines (174 loc) · 8.45 KB
/
index.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
<!DOCTYPE html>
<html lang="es">
<head>
<title> Recetario</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Roboto:ital,wght@0,100;1,300&display=swap" rel="stylesheet">
<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=Montserrat&family=Roboto:ital,wght@0,100;1,300&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<a name="top"> </a>
<header>
</header>
<div class="ms-0 m-0">
<nav class="navbar navbar-expand-lg navbar-light nav-primera "> <!--saque el bg- light para darle el color q quiero y agregue la clase nav-primera para darle estilo en css-->
<div class="container-fluid ">
<a class="navbar-brand " href=""><img src="imagen/logo1.jpg" alt="Logo" width="50%"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-start" id="navbarNav"> <!--agrego justify-->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Principal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pagina/recursos.html">Nutricion</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pagina/contactos.html">Contacto</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="informacion">
<h3>Lemon Pie</h3>
<h4>¿Cuál es la historia del Lemon Pie?</h4>
</div>
<div class="container" style="display: flex;flex-wrap:wrap" >
<div style="flex: 1;">
<a href="archivo.html"> <img class="img-fluid rounded mx-auto d-block w-100" src="imagen/lemon pie6.jpg" alt="Foto de Lemon pie"></a>
<a href="pagina/recursos.html">
<button type="button" class="btn btn-dark">
Audio/video
<i class="bi bi-arrow-right-circle"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
</svg>
</button>
</a>
<div class="car-body" >
</div>
</div>
<div style="flex:1;">
<div class="texto2">
<div>
<p>La historia de la tarta Lemon Pie es compleja, y los historiadores no se ponen de acuerdo sobre sus
inicios.<br>
Cuando alguien optó por rellenar una base de hojaldre con crema pastelera con sabor a limón, parece que se
ideó la técnica básica. Incluso la mayoría de los pasteles y tartas de limón, independientemente de dónde
se hagan, empiezan así.<br>
Es un postre popular en Europa desde la Edad Media, cuando los huevos y la leche eran razonablemente
baratos y estaban ampliamente disponibles, mientras que el azúcar lo estaba a partir del siglo XII.<br>
Según algunos historiadores,<strong> Elizabeth Goodwell</strong> , una cocinera estadounidense de Filadelfia,
escribió la primer receta de tarta de limón con base de hojaldre y relleno de crema pastelera de limón en
1806.<br>
<strong>¡Dicho todo esto, pasemos a lo importante !... </strong>
Les dejo aquí la receta mas rica de Lemon
pie.</p>
</div>
</div>
</div>
</p>
</div>
</div>
<div class="container d-flex justify-content-around ">
<div class="card m-auto mt-5" style="width: 16rem">
<div class="card-header lh-1">
<strong>Ingredientes para la masa</strong>
</div>
<img src="imagen/masa3.jpg" class="card-img top img-fluid " alt="masa">
<div class="card-body">
<p class="card-text lh-1 ">A este tipo de masa se la llama masa quebrada</p>
</div>
<ul class="list-group list-group-item lh-1">
<li class="list-group-item">Harina 0000 300 gr</li>
<li class="list-group-item">Manteca 200 gr</li>
<li class="list-group-item">Azúcar 100 gr</li>
<li class="list-group-item">Yema 1 unidad</li>
<li class="list-group-item">Sal, una pizca</li>
</ul>
</div>
<div class="card m-auto mt-5" style="width: 15rem;">
<div class="card-header lh-1">
<strong> Ingredientes para el relleno</strong>
</div>
<img src="imagen/crema de limon7.jpg" class="card-img top img-fluid " alt="crema de limon">
<div class="card-body ">
<p class="card-text lh-1"> Suave, sedosa, ácida y siempre deliciosa</p>
</div>
<ul class="list-group list-group-item lh-1">
<li class="list-group-item">Leche 1/2 litro</li>
<li class="list-group-item">Manteca 1 cda</li>
<li class="list-group-item">Azúcar 200 gr</li>
<li class="list-group-item">Yemas 4 unidades</li>
<li class="list-group-item">Almidón de maíz 60 gr</li>
<li class="list-group-item">Ralladura de limón</li>
<li class="list-group-item">Jugo de limón 200 cc</li>
</ul>
</div>
<div class="card m-auto mt-5" style="width: 15rem;">
<div class="card-header lh-1">
<strong> Ingredientes para la cobertura</strong>
</div>
<img src="imagen/merengue italiano5.jpg" class="card-img-top img-fluid" alt="merengue italiano">
<div class="card-body">
<p class="card-text lh-1">El merengue italiano es una preparación dulce que podemos emplear como base de muchos
postres y golosinas. En esta tarta es "el rey".</p>
</div>
<ul class="list-group list-group-item lh-1">
<li class="list-group-item">Claras 5 unidades</li>
<li class="list-group-item">Azúcar 300 gr</li>
<li class="list-group-item">Agua 100 cc</li>
<li class="list-group-item">unas gotas de jugo de limón</li>
</ul>
</div>
</div>
</div>
<div><h5>Procedimiento</h5></div>
<div class="flex-conteiner">
<div class="parte1">
<p><b>Para la masa</b></p>
<ol>
<li> Batir la manteca pomada con el azúcar.</li>
<li> Agregar la yema y la esencia de vainilla.</li>
<li> Una vez que esté bien emulsionado agregar la harina.</li>
<li>Unir sin amasar y llevar al frio.</li>
<li> Estirar la masa y forrar un molde desmontable. Pincharla con un tenedor y cocinarla por 15 minutos a horno
moderado hasta que esté cocida totalmente.</li>
</ol>
</div>
<div class="parte2">
<p><b>Para el relleno</b></p>
<ol>
<li> Calentar la leche con la mitad del azúcar.</li>
<li> En un bowl mezclar el resto del azúcar con el almidón de maíz, mezclar e incorporar las yemas, el
jugo y la ralladura de limón.</li>
<li> Agregar la leche caliente y hervir por un minuto sin dejar de revolver. Retirar del fuego.</li>
<li> Agregar la manteca y tapar con un film en contacto.</li>
<li>Una vez que se enfríe la crema cubrir la masa de tarta.</li>
<li> Hacer un merengue italiano con las claras sobrantes y cubrir la crema.</li>
<li>Sopletear y listo!</li>
</ol>
</div>
</div>
<footer>
<a href="mailto:[email protected]">Contáctame</a>
<a href="#top">Ir al inicio de página</a>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>