-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1151 lines (1151 loc) · 84.6 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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!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 = "Recetas sin vueltas te ayuda a planificar tu semana con platos rápidos, fáciles y muy ricos. Elegí tu menú">
<meta name = "keywords" content = "recetas, cocina, comida, rápido, fácil, rico, simple, menú">
<title>Recetas sin vueltas: ¡elegí tu menú!</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=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/bootstrap@5.0.0-beta2/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>
<main>
<div class="galeria">
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/Pizza.jpg" href="url" alt="Pizza de muzzarella">
<div class="galeria__nombre">Pizza de muzzarella</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Pizza de muzarella</h5>
<img class="modal__img" src="img/Pizza.jpg" alt="Pizza de muzzarella">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>500 g. de harina</li>
<li>20 g. de aceite</li>
<li>2 cucharadas de sal</li>
<li>25 g. de levadura</li>
<li>250 ml. de agua templada</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Diluir la levadura en el agua</li>
<li class="modal__li">Volcar un poco de harina en un bowl</li>
<li class="modal__li"> Agregar la sal y el aceite</li>
<li class="modal__li">Incorporar de a poco el agua y el resto de la harina en el recipiente</li>
<li class="modal__li">Amasar hasta obtener una masa pareja, sin grumos</li>
<li class="modal__li">Tapar el bowl con un repasador y dejar descansar la masa por dos horas en un lugar cercano a una fuente de calor</li>
<li class="modal__li">Una vez pasado este tiempo, precalentar el horno a 250 °C</li>
<li class="modal__li">Estirar la masa en una bandeja y agregar una cucharada de salsa</li>
<li class="modal__li">Cocinar la pizza hasta que el fondo de la masa se tueste (entre 6 y 7 min.)</li>
<li class="modal__li">Agregar más salsa y el queso muzzarella y calentar por última vez</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-1"> <!--Modal de Bootstrap dentro del link/ #EXAMPLEMODAL TIENE QUE COINCIDIR CON ID DE PRIMERA LÍNEA DE MODAL-->
<img class= "galeria__img" src="img/canelones.jpg" alt="Canelones de verdura">
<div class="galeria__nombre">Canelones de verdura</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Canelones de verdura</h5>
<img class="modal__img" src="img/canelones.jpg" alt="Canelones de verdura">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>4 huevos</li>
<li>250 de gr. harina</li>
<li>600 de cc. leche fría</li>
<li>30 de gr. manteca</li>
<li>1 pizquita de sal</li>
<li>300 gr. de espinaca</li>
<li>300 gr.de ricota</li>
<li>1/2 taza de queso rallado</li>
<li>1 cebolla</li>
<li>Queso cremoso</li>
<li>Sal, pimienta y nuez moscada</li>
<li>Salsa de tomate</li>
<li>Salsa blanca</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Derretir la manteca. Luego, licuarla junto a los huevos, la harina y la leche hasta que no queden grumos. Sasonar esta mezcla</li>
<li class="modal__li">Dejar la mezcla reposando en la heladera por, al menos, dos horas</li>
<li class="modal__li">Hervir la espinaca, escurrirla y picarla. También rehogar la cebolla y picarla</li>
<li class="modal__li">Mezclar la espinaca con la cebolla, el queso rayado y la ricota. Condimentar la mezcla con sal, pimienta y nuez moscada a gusto</li>
<li class="modal__li">Enmantecar una sartén (si es teflonada mejor) y ajustar la hornalla a fuego medio</li>
<li class="modal__li">Retirar la mezcla de la heladera y agregar medio cucharón sopero para cubrir el fondo de la sartén</li>
<li class="modal__li">Cocinar hasta que los bordes se doren y comienzen a despegarse</li>
<li class="modal__li">Armar el canelón poniendo un poco de espinaca y de queso cremoso en medio del panqueque y enrrollándolo</li>
<li class="modal__li">Precalenatar el horno unos diez minutos a fuego medio</li>
<li class="modal__li">Acomodar los canelones en una fuente y cocinarlos entre 10 y 15 minutos a 200°</li>
<li class="modal__li">Sacarlos del horno, hecharles salsa de tomate y llevarlos nuevamente al horno hasta que se gratinen</li>
<li class="modal__li">Sacarlos otra vez del horno, agregarles salsa blanca y queso rayado y llevarlos nuevamente al horno. Servir cuando queden gratinados a gusto</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href= "url" data-bs-toggle="modal" data-bs-target="#exampleModal-2"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/pan.jpg" alt="Pan casero">
<div class="galeria__nombre">Pan casero</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Pan casero</h5>
<img class="modal__img" src="img/pan.jpg" alt="pan casero">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>1/2 Kg. de harina</li>
<li>6 g. de levadura fresca</li>
<li>1 cda. de sal</li>
<li>375 ml. de agua tibia</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Hacer una corona con harina dentro de un bowl</li>
<li class="modal__li">Disolver la levadura en agua tibia y verterla en el centro de la corona</li>
<li class="modal__li">Agregar la sal en el borde de la corona para que no entre en contacto directo con la levadura</li>
<li class="modal__li">Amasar la mezcla hasta que se haga un engrudo</li>
<li class="modal__li">Una vez que alcanza esta consistencia, hacerle 5 dobleces tomando la masa por un extremo y llevándola hacía su centro</li>
<li class="modal__li">Cubrir la masa con un repasador y dejarla descansar por 15 minutos</li>
<li class="modal__li">Hacerle 5 dobleces más y tapar con papel film. Dejar la masa descansar por, al menos, 12 horas en la heladera</li>
<li class="modal__li">Cubrir la superficie donde se trabajará la masa con harina</li>
<li class="modal__li">Retirar la masa del bowl con cuidado de no romperla</li>
<li class="modal__li">Hacerle 4 dobleces más y formar un bloque con la masa</li>
<li class="modal__li">Cubrir la masa con un repasador y dejarla descansar por media hora</li>
<li class="modal__li">Precalentar el horno a máxima temperatura durante 10 minutos</li>
<li class="modal__li">Hornear la masa a temperatura máxima por 40 minutos. Colocar un recipiente con agua dentro del horno para evitar que la masa se seque</li>
<li class="modal__li">Retirar cuando se dore el pan</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-3"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/hummus.jpg" alt="Hummus">
<div class="galeria__nombre">Hummus</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Hummus</h5>
<img class="modal__img" src="img/hummus.jpg" alt="Hummus">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>300 g. de garbanzos</li>
<li>2 cdas. de tahini</li>
<li>1 diente de ajo</li>
<li>jugo de limón</li>
<li>1 pizca de sal</li>
<li>Comino</li>
<li>Aceite de oliva</li>
<li>Pimentón dulce</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Verte los garbanzos dentro de la licuadora</li>
<li class="modal__li">Agregarles dos cucharadas de tahini, media cucharada de limón, una pizca de sal, comino a gusto y el diente de ajo picado</li>
<li class="modal__li">Triturar la mezcla hasta obtener la textura deseada</li>
<li class="modal__li">Volcar la mezcla en un recipiente y ponerle pimentón dulce más el aceite de oliva en la superficie</li>
<li class="modal__li">Conservar en la heladera</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href= "url" data-bs-toggle="modal" data-bs-target="#exampleModal-4"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/jamonyqueso.jpg" alt="Tarta de jamón y queso">
<div class="galeria__nombre">Tarta de jamón y queso</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Tarta de jamón y queso</h5>
<img class="modal__img" src="img/jamonyqueso.jpg" alt="Tarta de jamón y queso">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>200 g. de jamón cocido</li>
<li>200 g. de queso en fetas</li>
<li>3 huevos</li>
<li>200 g. de queso crema</li>
<li>2 tapas para tarta</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Cortar en cuadraditos el jamón y el queso y depositar en un bowl. Mezclar bien</li>
<li class="modal__li">Agregarle a la preparación los huevos sin batir y el queso crema. Revolver para que se integren los ingredientes</li>
<li class="modal__li">Rellenar la tarta y hacerle el repulgue (se puede optar por cocinarla sin la tapa superior para consumir menos masa)</li>
<li class="modal__li">Cocinarla a 200 ° entre 20 y 25 minutos. Retirar cuando se dore la masa</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="receta6.html" data-bs-toggle="modal" data-bs-target="#exampleModal-5"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/tallarines.jpg" alt="Tallarines con salsa bolognesa">
<div class="galeria__nombre">Tallarines </div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-5" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Tallarines</h5>
<img class="modal__img" src="img/tallarines.jpg" alt="Tallarines con salsa bolognesa">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<p>*Las cantidades son por comensal</p>
<li>100 g. de harina 0000</li>
<li>1 cda. de aceite</li>
<li>1 huevo</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Depositar la harina en un recipiente. Agregarle los huevos sin batir y mezclar los ingredientes poco a poco con ayuda de un tenedor</li>
<li class="modal__li">Agregar el aceite y seguir mezclando hasta formar un engrudo</li>
<li class="modal__li">Seguir amasando en una superficie plana hasta obtener una masa sin grumos y dejar reposar media hora</li>
<li class="modal__li">Cortar un trozo de la masa y estirarlo con el palo de amasar hasta que quede bien fina. Luego, dejar reposar 10 minutos</li>
<li class="modal__li">Enrollar la masa y cortarla desde un extremo según el grosor deseado de los tallarines</li>
<li class="modal__li">Colocar los tallarines sobre una bandeja y separarlos con los dedos</li>
<li class="modal__li">Hervirlos por 3 o 4 minutos y servir</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-6"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/zapallitos.jpg" alt="Tarta de zapallitos">
<div class="galeria__nombre">Tarta de zapallitos</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-6" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Tarta de zapallitos</h5>
<img class="modal__img" src="img/zapallitos.jpg" alt="Tarta de zapallitos">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>1 Kg. de zapallitos</li>
<li>200 g. de queso crema o crema de leche</li>
<li>2 huevos</li>
<li>2 tapas para tarta</li>
<li>250 g. de queso cremoso</li>
<li>Queso rayado a gusto</li>
<li>Una pizca de sal y pimienta</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Pelar los zapallitos y cortarlos en cubos</li>
<li class="modal__li">Agregarles una pizca de pimienta y sal</li>
<li class="modal__li">Cocinarlos en el horno a 200° entre 20 y 25 minutos hasta que queden tiernos</li>
<li class="modal__li">Desahcerse del líquido que despiden al cocinarse y que queda en la bandeja</li>
<li class="modal__li">Volcarlos en un bowl y agregarles el queso crema o la crema de leche y los 2 huevos sin batir</li>
<li class="modal__li">Mezclar bien los ingredientes para que se integren</li>
<li class="modal__li">Agregarle queso rayado a la mezcla y revolver bien</li>
<li class="modal__li">Colocar el relleno sobre una tapa y agregarle bastoncitos de queso cremoso. Cubrir con la otra tapa y hacer el repulgue (se puede optar por cocinarla sin la tapa superior para consumir menos masa)</li>
<li class="modal__li">Cocinarla a 200 ° entre 20 y 25 minutos. Retirar cuando se dore la masa</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-7"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/atun.jpg" alt="Tarta de atún">
<div class="galeria__nombre">Tarta de atún</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-7" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Tarta de atún</h5>
<img class="modal__img" src="img/atun.jpg" alt="Tarta de atún">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>2 latas de atún</li>
<li>1 cebolla</li>
<li>1 morrón verde</li>
<li>1 morrón rojo</li>
<li>2 huevos</li>
<li> 2 tapas para tarta</li>
<li>Queso rayado a gusto</li>
<li>Sal y pimienta</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Picar la cebolla y el morrón y sofreírlos. Sasonar con sal y pimienta a gusto</li>
<li class="modal__li">Una vez que se doren, retirar del fuego y depositar en un bowl</li>
<li class="modal__li">Escurrir el atún</li>
<li class="modal__li">Mezclar el atún con la cebolla y el morrón</li>
<li class="modal__li">Agregarle a la preparación los huevos sin batir y mezclar bien</li>
<li class="modal__li">Depositar el relleno sobre la masa y hecharle por encima la cantidad de queso rayado deseada</li>
<li class="modal__li">Tapar la tarta y acerle el repulgue </li>
<li class="modal__li">Cocinarla a 200 ° entre 20 y 25 minutos. Retirar cuando se dore la masa</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-8"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/tortilla.jpg" alt="Tortilla de papas">
<div class="galeria__nombre">Tortilla de papas</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-8" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Tortilla de papa</h5>
<img class="modal__img" src="img/tortilla.jpg" alt="Tortilla de papa">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>4 papas medianas</li>
<li>1 cebolla grande o 2 medianas (debe ser la mitad de la papa en cantidad)</li>
<li>8 huevos</li>
<li>Aceite de girasol</li>
<li>Un diente de ajo</li>
<li>Sal y pimienta a gusto</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Cortar las papas en finas láminas (3 mm aproximadamente)</li>
<li class="modal__li">Freir las papas a fuego medio con la sartén tapada durante 10 minutos. Una vez que están tiernas, retirar y escurrir</li>
<li class="modal__li">Cortar la cebolla en juliana y freirla durante 10 minutos a fuego medio. A mitad del tiempo, agregar el ajo cortado en finas láminas. Retirar cuando se doren y escurrir</li>
<li class="modal__li">Romper los huevos uno por uno en un recipiente auxiliar. A medida que se nota su buen estado, agregar a un bowl principal. Batirlos un poco sin que se aireen mucho</li>
<li class="modal__li">Agregarle a los huevos las papas, las cebollas y el ajo. Mezclar bien para que se integren los ingredientes</li>
<li class="modal__li">Volcar la preparación en una sartén (debe quedar al menos 1 cm de entre la tortilla y el borde de la sartén para poder maniobrar)</li>
<li class="modal__li">Cocinar a fuego alto hasta que coagule el huevo. Luego bajar el fuego al mínimo y tapar. Se pueden hechar unas gotas de aceite en los bordes de la sartén para que no se pegue la tortilla</li>
<li class="modal__li">Cuando los bordes comiencen a despegarse, dar vuelta la tortilla con la ayuda de un plato y cocinar la parte que falta uno o dos minutos más</li>
<li class="modal__li">Retirar la tortilla con la ayuda del plato y servir</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-9"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/pascualina.jpg" alt="Pascualina">
<div class="galeria__nombre">Pascualina</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-9" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Pascualina</h5>
<img class="modal__img" src="img/pascualina.jpg" alt="Pascualina">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>500 g. de harina</li>
<li>3 huevos</li>
<li>1 pizca de sal</li>
<li>200 cc de agua fría</li>
<li>Aceite de oliva</li>
<li>Sal</li>
<li>Pimienta</li>
<li>Nuez moscada</li>
<li>Ají molido</li>
<li>Cáscara de limón rayada</li>
<li>Cebolla</li>
<li>Morrón colorado</li>
<li>Queso rayado</li>
<li>Pan rayado</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Agregarle a la harina un huevo, un chorrito de aceite, sal y el agua</li>
<li class="modal__li">Amasar hasta obtener un bollo sin grumos y dejar reposando</li>
<li class="modal__li">Lavar bien la acelga, quitarle las pencas y cocinar al vapor por uno o dos minutos</li>
<li class="modal__li">Sofreir el ajo, la cebolla y el morrón. Sasonarlos. Cocinar hasta que la cebolla se dore para acentuar su sabor</li>
<li class="modal__li">Picar la acelga y mezclarla con la cebolla, el morrón y el ajo. Dejar reposar el relleno hasta que se enfríe. Luego, agregarle un huevo para que ligue</li>
<li class="modal__li">Mezclar bien los ingredientes y agregar un puñado de queso rayado. También sasonar con nuez moscada y ají molido y agregar la cáscara de limón</li>
<li class="modal__li">Para que no se humedesca la masa, mezclar el pan rayado con el queso y depositar sobre la tapa. Arriba colocarle el relleno y desparramar trozos de huevo duro. Tapar y hacer el repulgue</li>
<li class="modal__li">Cocinar a fuego máximo entre 15 y 20 minutos</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-10"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/ñoquis.jpg" alt="Ñoquis de papa">
<div class="galeria__nombre">Ñoquis de papa</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-10" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Ñoquis de papa</h5>
<img class="modal__img" src="img/ñoquis.jpg" alt="Ñoquis de papa">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>300 gr. de harina 0000</li>
<li>1 kg de papa negra</li>
<li>1 huevo</li>
<li>Sal</li>
<li>Pimienta</li>
<li>Nuez moscada</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Limpiar las papas y ponerlas a hervir con cáscara para que no absorban tanta agua. Se les puede hacer un corte antes de hervirlas para que después sea más fácil pelarlas</li>
<li class="modal__li">Hacer un puré de papas y, mientras sigue caliente, agregar el huevo. También sasonar con la sal, la pimienta y la nuez moscada</li>
<li class="modal__li">Mezclar bien e incorporar la harina. Hay que lograr una masa uniforme y no hay que trabajarla mucho para que no queden duros los ñoquis</li>
<li class="modal__li">Formar tiras con la masa y cortarlas en pequeños trozos. Pasarlos por una ñoquera o tenedor para obtener los ñoquis</li>
<li class="modal__li">Hervirlos y retirarlos cuando empiecen a flotar</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-11"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/sopa.jpg" alt="sopa de verduras">
<div class="galeria__nombre">Sopa de verduras</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-11" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Sopa de verduras</h5>
<img class="modal__img" src="img/sopa.jpg" alt="Sopa de verduras">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>1 zanahoria</li>
<li>1 cebolla chica</li>
<li>1 trozo de zapallo</li>
<li>1 cabecita de puerro</li>
<li>1 tomate maduro</li>
<li>Hojas de apio cortadas en trozos</li>
<li>1/2 Lt. de agua</li>
<li>1/2 Lt. de leche</li>
<li>1 caldo de gallina</li>
<li>Sal</li>
<li>Pimienta</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Licuar la zanahoria, la cebolla, la papa, el zapallo, el puerro, el tomate y las hojas de apio</li>
<li class="modal__li">Agregar el agua y el caldo sal y pimienta a gusto</li>
<li class="modal__li">Verter el licuado en una cacerola y agregar la leche. Dejar hervir por 15 minutos</li>
<li class="modal__li">Servir en cazuelas individuales</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-12"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/Hamburguesasv.jpg" alt="Hamburguesas veganas">
<div class="galeria__nombre">Hamburguesas veganas</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-12" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Hamburguesas veganas</h5>
<img class="modal__img" src="img/Hamburguesasv.jpg" alt="Hamburguesas veganas">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>1 cebolla</li>
<li>1 diente de ajo</li>
<li>400 g. de lentejas</li>
<li>1 zanahoria</li>
<li>Aceite de oliva</li>
<li>Cilantro</li>
<li>Sal</li>
<li>Pimentón en polvo</li>
<li>Harina a gusto</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Hervir las lentejas y escurrirlas</li>
<li class="modal__li">Cortar la cebolla en cuadraditos pequeños y el ajo en finas láminas</li>
<li class="modal__li">Freír la cebolla en aceite de oliva y luego agregarle el ajo. Retirar cuando se doren</li>
<li class="modal__li">Agregarle a las lentejas la cebolla, el ajo, la zanahoria rayada y también cilantro, sal y pimentón a gusto</li>
<li class="modal__li">Mezclar bien los ingredientes y pisarlos. Luego ir agregándole harina y continuar mezclando hasta formar un puré</li>
<li class="modal__li">Armar las hamburguesas. Se pueden cocinar a la plancha, a la sartén o al horno</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-13"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/ARROZWOK.jpg" alt="Arroz al wok con vegetales">
<div class="galeria__nombre">Arroz al wok</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-13" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Arroz al wok</h5>
<img class="modal__img" src="img/ARROZWOK.jpg" alt="Arroz al wok con vegetales">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>Aceite de oliva</li>
<li>1 diente de ajo</li>
<li>Cebolla de verdeo a gusto</li>
<li>1 zanahoria</li>
<li>1 lata de arvejas</li>
<li>5 huevos</li>
<li>Arroz con uno o dos días de preparación</li>
<li>Salsa de soja</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Picar el ajo y la cebolla de verdeo. Apartar para usar más adelante</li>
<li class="modal__li">Cortar las zanahorias en bastoncitos bien finos y lavar las arvejas</li>
<li class="modal__li">Batir los huevos</li>
<li class="modal__li">Verter un chorrito de aceite de oliva en la sartén o wok y poner a cocinar los huevos. Romperlos con una espátula mientras se cocinan. Una vez listos, depositar en un recipiente auxiliar para usar más adelante</li>
<li class="modal__li">Verter un poco más de aceite y cocinar el ajo</li>
<li class="modal__li">Cuando se dore un poco, volcar las verduras y cocinarlas</li>
<li class="modal__li">Luego, agregar el arroz blanco previamente cocido. Se debe mezclar bien con las verduras</li>
<li class="modal__li">Agregar a la preparación los huevos y revolver para que todos los ingredientes se integren</li>
<li class="modal__li">Agregar la salsa de soja a gusto (la salsa de soja contiene mucho sodio por lo que no se recomienda sasonar este plato con otro ingrediente adicional)</li>
<li class="modal__li">Agregarle, por último, la cebolla de verdeo. Revolver para que se mezcle bien con el resto de los ingredientes y servir</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-14"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/zapallitosrellenos.jpg" alt="Zapallitos rellenos con carne">
<div class="galeria__nombre">Zapallitos rellenos</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-14" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Zapallitos rellenos</h5>
<img class="modal__img" src="img/zapallitosrellenos.jpg" alt="Zapallitos rellenos con carne">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>1/4 Kg. de carne picada</li>
<li>1 cebolla</li>
<li>1 morrón</li>
<li>1 diente de ajo</li>
<li>250 g. de queso cremoso</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Picar la cebolla, el morrón y el diente de ajo</li>
<li class="modal__li">Sofreir la cebolla en aceite de oliva, agregar el morrón y el ajo</li>
<li class="modal__li">Esperar a que la cebolla se ponga transparente e incorporar la carne picada. Revolver para que todos los ingredientes se integren bien. Cocinar de 15 a 20 min. y dejar reposar.</li>
<li class="modal__li">Lavar bien los zapallitos y hervirlos por 10 min. No deben quedar muy tiernos. Retirar y dejar enfriar</li>
<li class="modal__li">Luego, cortar el zapallito por la mitad y ahuecarlo con una cuchara. Mezclar bien la pulpa con el relleno.</li>
<li class="modal__li">Rellenar los zapallitos con esta mezcla y cubrirlos con un trocito de queso cremoso. Cocinarlos hasta que se gratine el queso y servir</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-15"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/tahini.jpg" alt="Tahini">
<div class="galeria__nombre">Tahini</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-15" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Tahini</h5>
<img class="modal__img" src="img/tahini.jpg" alt="tahini">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>20 g. de semillas de sésamo</li>
<li>Aceite de oliva</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Tostar las semillas por 2 minutos en una sartén a fuego bajo</li>
<li class="modal__li">Agregar dos cucharadas de aceite de oliva a las semillas y triturarlas hasta que casi no queden grumos</li>
<li class="modal__li">Agregarle a la mezcla dos cucharadas más y seguir triturando hasta que no queden grumos</li>
<li class="modal__li">Guardar en un recipiente de vidrio con tapa en la heladera</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-16"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/masa.jpg" alt="Masa para tarta">
<div class="galeria__nombre">Masa para tarta</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-16" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Masa para tarta</h5>
<img class="modal__img" src="img/masa.jpg" alt="Masa para tarta">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>2 tazas de harina</li>
<li>1/2 taza de agua fría</li>
<li>1/4 taza de aceite</li>
<li>1 pizca de sal</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Hechar la harina en un bowl</li>
<li class="modal__li">Agregarle el agua, el aceite y la sal</li>
<li class="modal__li">Mezclar y luego amasar hasta obtener una masa uniforme</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-17"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/sblanca.jfif" alt="Salsa blanca">
<div class="galeria__nombre">Salsa blanca</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-17" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Salsa blanca</h5>
<img class="modal__img" src="img/sblanca.jfif" alt="Salsa blanca">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">
<li>45 g. de manteca</li>
<li>45 g. de harina</li>
<li>1/2 L. de leche</li>
<li>Sal</li>
<li>Pimienta</li>
<li>Nuez moscada</li>
</ul>
</div>
<div class="modal-body">
<strong>Pasos</strong>
<ol class="modal__ol">
<li class="modal__li">Calentar la leche a fuego mínimo</li>
<li class="modal__li">Calentar la manteca a fuego mínimo y agregarle la harina. Remover la harina constantemente hasta que se cocine</li>
<li class="modal__li">Sin dejar de revolver, agregar la leche caliente</li>
<li class="modal__li">Cuando empieza a burbujear, sasonarla a gusto</li>
<li class="modal__li">Luego, bajar a fuego mínimo y cocinar por 3 minutos más antes de retirarla del fuego</li>
</ol>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="modal__boton" type="button">Descargar</button>
<a class="modal__link" href="misemana.html"><button class="modal__boton" type="button">Agregar a Mi semana</button></a>
</div>
</div>
</div>
</div>
<!--Fin modal-->
<div class="galeria__Recetas">
<a class= "galeria__link" target="_self" href="url" data-bs-toggle="modal" data-bs-target="#exampleModal-18"> <!--Se le agrega el 'data-bs-toggle="modal" data-bs-target="#exampleModal"' de Bootstrap al link-->
<img class= "galeria__img" src="img/bolognesa.jpeg" alt="Salsa bolognesa">
<div class="galeria__nombre">Salsa bolognesa</div>
</a>
</div>
<!-- Modal Se agrega debajo de bloque de foto + nombre receta-->
<div class="modal fade" id="exampleModal-18" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!--EL NOMBRE DEL ID DE ESTA LÍNEA TIENE QUE COINCIDIR CON EL NOMBRE DEL "DATA-BS-TARGET" DEL LINK-->
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<h5 class="modal-title" id="exampleModalLabel">Salsa bolognesa</h5>
<img class="modal__img" src="img/bolognesa.jpeg" alt="Salsa bolognesa">
</div>
<div class="modal-body">
<strong>Ingredientes</strong>
<ul class="modal__ul">