-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrecetasSaladas.html
187 lines (187 loc) · 11.7 KB
/
recetasSaladas.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="recetas saladas,caseras,saludables,fáciles">
<meta name="description" content="Recetas saladas fáciles, ricas y saludables">
<meta name="author" content="Celeste Cancio">
<title>Recetas saladas - El blog de Cele</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<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=Crete+Round&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<!--Nav bar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<div class="container-fluid">
<a class="navbar-brand navbar-custom" href="suscribite.html">
<img src="./Imágenes/cucharaMadera.png" alt="cuchara" width="30" height="24" class="d-inline-block align-text-top">
<span>Lele's blog</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Inicio</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Recetas dulces</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="meriendas.html">Desayunos y meriendas</a></li>
<li><a class="dropdown-item" href="postres.html">Postres</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="sinTacc.html">Sin TACC</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="recetasSaladas.html">Recetas saladas</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Ingrediente" aria-level="Search">
<button class="btn btn-outline-secondary" type="submit">Buscar</button>
</form>
</div>
</div>
</nav>
<!--Contenido-->
<div class="container-fluid recipes text-center">
<div class="row p-5">
<div class="col">
<h1>Recetas saladas</h1>
<p>Ideales para picoteo a cualquier hora ;)</p>
</div>
</div>
<!--Cards-->
<div class="row p-3 justify-content-around">
<div class="col">
<div class="card bg-image border border-5" style="width: 18rem; background-image: url('./Imágenes/bizcochitos.jpg');background-size: cover;">
<div class="card-body">
<h5 class="card-title">Bizcochitos de aceite</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#bizcochitos" class="btn btn-outline-light">Quiero bizcochitos</a>
</div>
</div>
</div>
<div class="col">
<div class="card bg-image border border-5" style="width: 18rem; background-image: url('./Imágenes/tablitas.jpg');background-size: cover;">
<div class="card-body">
<h5 class="card-title">Tablitas integrales</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#tablitas" class="btn btn-outline-light">Quiero tablitas</a>
</div>
</div>
</div>
</div>
<!--Recetas-->
<div class="row p-5" id="bizcochitos">
<div class="col">
<h2>Bizcochitos de aceite</h2>
<p>Mezclá <b>50 ml de agua bien caliente</b> con <b>80 ml aceite </b>.
Poné <b>220g de harina leudante </b> en un bol, agregá <b>1 cucharada de sal</b> e incorporá los líquidos: <b>50 ml de agua
bien caliente</b> mezclada con <b>80 ml aceite.</b></p>
<p><b>Uní sin amasar.</b></p>
<p>Vas a ver que la masa tiende a separarse (es normal). Poné la masa sobre la mesa enharinada, espolvoreá con harina y aplastá con las manos.
Doblá en 3 partes, aplaná con las manos y volvé a espolvorear con harina.
Repetí la operación de los dobleces dos veces más.</p>
<p>Estirá, cortá dírculos pequeños, pinchalos y horneá sobre asadera seca, a fuego fuerte hasta que estén levemente doradas.</p>
<p><b>Ideas extra: </b>Son muy sabrosas de por sí, pero si preferís saborizarlas, le podés agregar orégano (como las de la foto)
o algún condimento que te guste. Otra opción (que la convierte en agridulce) es mojarlos apenas con agua y espolvorearle
azúcar por arriba antes de meter al horno.</p>
</div>
<div class="col p-5">
<div id="carouselExampleFade" class="carousel slide carousel-fade border border-5" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./Imágenes/bizcochitos.jpg" class="d-block w-100" alt="bizcochitos 1">
</div>
<div class="carousel-item">
<img src="./Imágenes/bizcochitos1.JPG" class="d-block w-100" alt="bizcochitos 2">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
<div class="row p-5" id="tablitas">
<div class="col">
<h2>Tablitas integrales</h2>
<p>Primero poné <b> 3/4 taza de harina integral </b> en forma de corona en la mesada, o en un bowl si no te gusta enhastrar
manos y mesada. Agregale <b> 1 cucharadita de sal </b>, <b> 2 cucharadas de aceite</b> y<b> 1/3 taza de agua tibia</b>.</p> </p>
<p><b>Optativos: orégano, ajo en polvo, ají molido, pimentón, provenzal deshidratada, cebolla deshidratada...</b></p>
<p>Mezclá hasta obtener una masa lisa y que no se pegue en las manos. Estirá y cortá en tiritas.</p>
<p><b>Optativos para espolvorearle por arriba: semillas de sésamo o la que te guste, queso rallado o alguuunos granitos de sal gruesa</b></p>
<p>Llevá a horno medio/fuerte por aproximadamente 10 minutos o hasta que estén doraditas por abajo. <b>No te pases que cambian
de tablita a cartón en 5 segundos.</b></p>
<p>Si las encontrás muy secas, la próxima podés poner una parte de harina de trigo refinada (o cualquier otra) para darle suavidad. Pero
por lo pronto para salvar las que tenés, hacé un hummus, un queso untable saborizado con cebollita de verdeo o una mayonesa
de zanahoria, y...</p>
<p>A comer!</p>
</div>
<div class="col p-5">
<div id="carouselExampleFade" class="carousel slide carousel-fade border border-5" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./Imágenes/tablitas.jpg" class="d-block w-100" alt="tablitas 1">
</div>
<div class="carousel-item">
<img src="./Imágenes/tablitas1.jpg" class="d-block w-100" alt="tablitas 2">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
</div>
<!--Footer -->
<footer class="bg-dark text-white fixed-bottom">
<!-- Grid container -->
<div class="container-fluid">
<!-- Section: Social media -->
<section class="m-2">
<a class="btn btn-outline-secondary btn-floating m-1" href="https://www.facebook.com/celeste.c.vitale" target=”_blank” role="button"
><i class="fab fa-facebook-f"></i
></a>
<a class="btn btn-outline-secondary btn-floating m-1" href="#!" target=”_blank” role="button"
><i class="fab fa-twitter"></i
></a>
<a class="btn btn-outline-secondary btn-floating m-1" href="https://www.instagram.com/celee.chelu" target=”_blank” role="button"
><i class="fab fa-instagram"></i
></a>
<a class="btn btn-outline-secondary btn-floating m-1" href="https://www.linkedin.com/in/m-celeste-cancio-vitale" target=”_blank” role="button"
><i class="fab fa-linkedin-in"></i
></a>
<a class="btn btn-outline-secondary btn-floating m-1" href="https://github.com/CelesteCancio" target=”_blank” role="button"
><i class="fab fa-github"></i
></a>
</section>
</div>
<!-- Copyright -->
<div class="text-center" style="background-color: rgba(0, 0, 0, 0.2);">
<small>Copyright © Lele's blog</small>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>