-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (140 loc) · 9 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
<!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,caseras,saludables,fáciles">
<meta name="description" content="El blog de Cele es un blog de cocina, con recetas faciles, ricas y saludables">
<meta name="author" content="Celeste Cancio">
<title>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" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<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>
<!--Header-->
<header class="page-header header container-fluid">
<div class="description">
<h1>Bienvenidos al blog de Cele!</h1>
<p>Acá vas a encontrar recetas dulces y saladas rápidas para hacer, caracterizadas por lo ricas y fáciles que son,
con ingredientes que generalmente tenés en casa. <br><br><b>Y la mejor parte...? Comés rico mientras comés sano ;)</b></p>
<!--Modal button-->
<button type="button" class="btn btn-outline-secondary btn-lg" data-bs-toggle="modal" data-bs-target="#infoModal">Quiero saber más</button>
</div>
</header>
<!--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>
<!--Modal-->
<div class="modal fade" id="infoModal" tabindex="-1" aria-labelledby="infoModal" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header border-0">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body text-center pb-5">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-7 presentacionBlog">
<h2>Inicios del blog</h2>
<p>Me gusta mucho cocinar, y sobretodo inventar recetas. Muchas quedan ricas, muchas son altamente aprobadas por
mis comensales, y muchas las como yo sola por la convicción de hacerme cargo de mis inventos.</p>
<p>Con las recetas que salen bien, decidí hacer este blog para ponerlas al alcance de algún otro o alguna
otra aficionada a comer sano, cocinar rápido y fácil, y entretenerse un rato mientras lo hace. Con respecto a
las que no salen tan bien, les voy a dar una que otra vuelta de tuerca antes de subirlas.</p>
<p>Espero que disfruten las ideas que acá comparto!</p>
</div>
<div class="col-5 imagenPreparacion">
<img src="./Imágenes/preparacion.jpg" class="img-fluid" alt="preparacion"/>
</div>
</div>
<div class="row align-items-center">
<div class="col-4 imagenLele ">
<img src="./Imágenes/yo.jpg" class="img-fluid " alt="autora"/>
</div>
<div class="col-8 presentacionLele">
<h2>Sobre mí</h2>
<p>Mi primer hobby es cocinar. Cada vez que tengo un rato libre, o incluso cuando no lo tengo, pero tengo ganas de comer
algo rico, me lavo las manos y empiezo a inventar una receta. Esto pasa bastante seguido, ya que mi segundo hobby es
comer. Y como me gusta comer sano pero también comer rico (si sos de los que piensan que no es posible ambas cosas, en este blog
vas a ver que sí), me invento mis propias recetas con los ingredientes que voy eligiendo según antojo o a veces
simplemente según disponibilidad en la cocina.</p>
<p>¿Dónde aprendí a cocinar, como para animarme a inventar recetas? Viendo a mi mamá, a mis hermanas, a mi abuela del
corazón... acompañando, mirando, agregando la harina cuidadosamente alternada con la leche, mezclando y sobretodo,
probando.</p>
<p>Un detalle que no les dije: soy vegetariana y evito la harina de trigo refinada... listo, no pueden decir que no avisé!</p>
<p>Ahora sí... A cocinar!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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>