-
Notifications
You must be signed in to change notification settings - Fork 0
/
tips.html
227 lines (227 loc) · 20.1 KB
/
tips.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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name ="author" content = "Ana Laura Cavagnaro">
<meta name = "description" content = "Estos tips pueden mejorar la calidad de tus platos. Conocé más acerca de la gastronomía y la nutrición">
<meta name = "keywords" content = "gastronomía, nutrición, alimentación, saber, conocer, mejorar, calidad, platos">
<title>Consejos útiles para mejorar la alimentación</title>
<link rel= "icon" href="img/icono.png">
<link rel= "stylesheet" href="estilo.css">
<link href="https://fonts.googleapis.com/css2?family=Bad+Script&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
</head>
<body class= "body__fondo2">
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-gradient">
<div class="container-fluid">
<div class="icono animate__animated animate__rubberBand"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarScroll">
<ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll" style="--bs-scroll-height: 100px;">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href=index.html>Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contacto.html">Contacto</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarScrollingDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Más
</a>
<ul class="dropdown-menu" aria-labelledby="navbarScrollingDropdown">
<li><a class="dropdown-item" href="misemana.html">Mi semana</a></li>
<li><a class="dropdown-item" href="ingresoreceta.html">Ingresá tu receta</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="tips.html">Tips rápidos</a></li>
</ul>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Búsqueda" aria-label="Search">
<button class="boton" type="submit">Buscar</button>
</form>
</div>
</div>
</nav>
</header>
<br>
<br>
<h1>¡Tips rápidos de cocina!</h1>
<h2>Estos consejos te van a servir para mejorar tus platos y hacer rendir tus comidas</h2>
<main>
<div class="acordion" id="accordionFlushExample"> <!--acordión de Bootstrap-->
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingOne">
<!--el Nro de botón sirve para el color y coincide con ID--> <button class="acordion__boton1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Hojas verdes</h4>
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Las verduras de hojas verdes rinden más y conservan todos sus nutrientes si, una vez bien lavadas, se las pone a cocinar <strong>sin agua</strong> en una cacerola tapada entre 6 u 8 minutos.</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingTwo">
<!--el Nro de botón sirve para el color y coincide con ID--> <button class="acordion__boton2 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Choclos</h4>
</button>
</h2>
<div id="flush-collapseTwo" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Los choclos no deben hervir más de 10 minutos para que resulten tiernos. Pasado ese tiempo, el almidón que contienen endurece los granos.</p>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingThree">
<!--el Nro de botón sirve para el color y coincide con ID--> <button class="acordion__boton3 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Vinagre</h4>
</button>
</h2>
<div id="flush-collapseThree" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Se debe dejar las verduras sumergidas en un litro de agua con dos cucharadas de vinagre blanco para eliminar bacterias e higenizarlas en profundidad.</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingFour">
<!--el Nro de botón sirve para el color y coincide con ID--> <button class="acordion__boton4 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Verduras congeladas</h4>
</button>
</h2>
<div id="flush-collapseFour" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingFour" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Las verduras congeladas que vienen empaquetadas en bolsas o cajas deben cocinarse sin descongelar antes.</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingFive">
<!--el Nro de botón sirve para el color y coincide con ID--> <button class="acordion__boton5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFive" aria-expanded="false" aria-controls="flush-collapseFive"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Bizcochuelos</h4>
</button>
</h2>
<div id="flush-collapseFive" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingFive" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Los bizcochuelos pueden conservarse en la heladera durante 15 días en una bolsa de polietileno o tupper. En el freezer, hasta 5 meses.</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingSix">
<!--el Nro de botón sirve para el color y coincide con ID--> <button class="acordion__boton6 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseSix" aria-expanded="false" aria-controls="flush-collapseSix"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Sobras de fideos</h4>
</button>
</h2>
<div id="flush-collapseSix" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingSix" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Las sobras de fideos se pueden conservar en la heladera rociados con aceite y cubiertos con papel film. Para calentarlos, hay que rociarlos con agua caliente y llevarlos al horno a temperatura baja. Otra opción es calentarlos en una sartén o cacerola a fuego lento.</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingSeven"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<!--el Nro de botón sirve para el color y coincide con ID--> <button class="acordion__boton7 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseSeven" aria-expanded="false" aria-controls="flush-collapseSeven">
<h4>Bananas</h4>
</button>
</h2>
<div id="flush-collapseSeven" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingSeven" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Las bananas muy maduras se pueden aprovechar haciéndolas puré. Para cada 1/2 del puré se deben agregar 1/2 Kg. de azúcar y el jugo de 1/2 limón. La preparación debe cocinarse a fuego medio hasta obtener un dulce.</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingEight">
<!--el Nro de botón sirve para el color y coincide con ID--> <button class="acordion__boton8 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseEight" aria-expanded="false" aria-controls="flush-collapseEight"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Papas</h4>
</button>
</h2>
<div id="flush-collapseEight" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingEight" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Las papas se pueden tener listas en la heladera para hervir, freír u hornear. Se deben pelar y rociar con jugo de limón. Se conservan en una bolsa de polietileno perforada.</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingNine">
<!--el Nro de botón sirve para el color y coincide con ID--> <button class="acordion__boton9 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseNine" aria-expanded="false" aria-controls="flush-collapseNine"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Frutas cítricas</h4>
</button>
</h2>
<div id="flush-collapseNine" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingNine" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Las frutas cítricas deben ser exprimidas en el mismo momento en que se quiere utilizar su jugo. El jugo no debe guardarse en la heladera porque después de 15 minutos pierde sus vitaminas.</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingNine">
<!--el Nro de botón sirve para el color y coincide con ID--><button class="acordion__boton10 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTen" aria-expanded="false" aria-controls="flush-collapse"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Tahini</h4>
</button>
</h2>
<div id="flush-collapseTen" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingNine" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> El tahini se conserva tapado en la heladera. Sirve para hacer hummus y como adherezo para ensaladas.</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingNine">
<!--el Nro de botón sirve para el color y coincide con ID--><button class="acordion__boton11 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseEleven" aria-expanded="false" aria-controls="flush-collapse"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Cebolla</h4>
</button>
</h2>
<div id="flush-collapseEleven" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingNine" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Para que no se irriten los ojos al cortar una cebolla, colocar una servilleta de papel mojada al lado de la tabla. Ésta absorberá los gases que despide la cebolla</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingNine">
<!--el Nro de botón sirve para el color y coincide con ID--><button class="acordion__boton12 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwelve" aria-expanded="false" aria-controls="flush-collapse"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Pan</h4>
</button>
</h2>
<div id="flush-collapseTwelve" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingNine" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p"> Cuando se hace pan casero, el doblez que se le hace a la masa sirve para quitar el exedente de Co2 de la levadura</p>
</div>
</div>
<div class="accordion-item">
<h2 class="acordion__titulo" id="flush-headingNine">
<!--el Nro de botón sirve para el color y coincide con ID--><button class="acordion__boton13 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse13" aria-expanded="false" aria-controls="flush-collapse"> <!--EL NOMBRE DEL "DATA-BS-TARGET" DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL DEL ID DE LA LÍNEA COMENTADA ABAJO-->
<h4>Arroz</h4>
</button>
</h2>
<div id="flush-collapse13" class="accordion-collapse collapse cuerpo" aria-labelledby="flush-headingNine" data-bs-parent="#accordionFlushExample"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL button-->
<p class= "acordion__p">El arroz blanco sin condimentar se puede reciclar uno o dos días después de cocido haciéndolo al wok</p>
</div>
</div>
</div> <!--ACÁ TERMINA EL ACORDEÓN. AGREGAR ACORDION ITEM ARRIBA DE ESTE DIV-->
</main>
<footer>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<div class="footerInfo">
<p class="footer__p" >Recetas fáciles y rápidas con ingredientes que vas a encontrar en cualquier tienda</p>
</div>
<div class="socialMedia">
<div class="socialMediaIcono">
<a target = "_self" href= "contacto.html"><img src="img/contacto.png" alt="Contacto"></a>
</div>
<div class="socialMediaIcono">
<a target = "_self" href= "url" class="socialMediaIcono"><img class="socialMediaIcono" src="img/twitter.png" alt="Twitter"></a>
</div>
<div class="socialMediaIcono">
<a target = "_self" href= "url" class="socialMediaIcono"><img class="socialMediaIcono" src="img/instagram.png"alt="Instagram"></a>
</div>
</div>
<div class="mapa-de-sitio">
<p class="mapa-de-sitio__titulo">Mapa de sitio</p>
<ul class="mapa-de-sitio">
<a class="mapa-de-sitio__link" href="index.html"><li class="mapa-de-sitio__encabezado--enlace">Inicio</li></a>
<a class="mapa-de-sitio__link" href="contacto.html"><li class="mapa-de-sitio__encabezado--enlace">Contacto</li></a>
<li class="mapa-de-sitio__encabezado">Más</li>
<a class="mapa-de-sitio__link" href="misemana.html"><li class="mapa-de-sitio__submenu">Mi semana</li></a>
<a class="mapa-de-sitio__link" href="ingresoreceta.html"><li class="mapa-de-sitio__submenu">Ingresá tu receta</li></a>
<a class="mapa-de-sitio__link" href="tips.html"><li class="mapa-de-sitio__submenu">Tips rápidos</li></a>
</ul>
</div>
</footer>
</section>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
</body>
</html>