-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
146 lines (131 loc) · 7.46 KB
/
index.html
File metadata and controls
146 lines (131 loc) · 7.46 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/stylePrincipal.css">
<title>BitCook</title>
</head>
<body>
<div class="contenedor-principal">
<header class="contenedor-header">
<a href="index.html">
<img class="logo" src="./assets/logo_bitcook.png" alt="Logo BitCook">
</a>
<a class="link-encabezado" href="./views/formulario.html">Envia Tú Receta...</a>
<button class="btn-activar-modo-oscuro"><img class="img-modoOscuro" src="./assets/luna.svg" alt="Boton modo Oscuro"></button>
</header>
<main class="main">
<div class="contenedor-imagen-principal">
<img class="imagen-principal" src="./assets/imagenPrincipal.jpg" alt="Imagen Principal">
<div class="contenedor-texto-imagen">
<h1>BITCOOK!!</h1>
<h2>El Lugar Donde Tus <br> Recetas Se Hacen Realidad</h2>
</div>
</div>
<section class="contenedor-cards">
<h2 class="titulo-principal">Nuestras Mejores Recetas</h2>
<a href="./views/vistaEnsaladaDeQuinoa.html"class="card1">
<article class="card1 cardGeneral">
<figure class="contenedor-imagen-card"><img class="imagen-card" src="./assets/ensalada.jpg" alt="Ensalada de Quinoa y Kale con Vinagreta de Mango y Lima"></figure>
<div class="contenedor-titulo-card">
<h2 class="titulo-card">Ensalada de Quinoa y Kale con Vinagreta de Mango y Lima</h2>
</div>
<div class="contenedor-info-card">
<ul class="lista-tiempo-preparacion-card">
<li class="tiempo-total">Tiempo Total: 30 minutos</li>
<li>Preparación: 15 minutos</li>
<li>Cocción: 15 minutos</li>
</ul>
</div>
</article>
</a>
<a href="./views/vistaHamburguesaDeQuinoa.html" class="card2">
<article class="card2 cardGeneral">
<figure class="contenedor-imagen-card"><img class="imagen-card" src="./assets/HamburguesaDeQuinoaYGarbanzos.jpeg" alt="Hamburguesa de Quinoa y Garbanzos"></figure>
<div class="contenedor-titulo-card">
<h2 class="titulo-card">Hamburguesa de Quinoa y Garbanzos</h2>
</div>
<div class="contenedor-info-card">
<ul class="lista-tiempo-preparacion-card">
<li class="tiempo-total">Tiempo Total: 30 minutos</li>
<li>Preparación: 15 minutos</li>
<li>Cocción: 15 minutos</li>
</ul>
</div>
</article>
</a>
<a href="./views/vistaTacosDeColiflor.html"class="card3">
<article class="card3 cardGeneral">
<figure class="contenedor-imagen-card"><img class="imagen-card imagen-rotativa" src="./assets/tacosColiflor.webp" alt="Tacos de Coliflor con Salsa de Aguacate y Cilantro"></figure>
<div class="contenedor-titulo-card">
<h2 class="titulo-card">Tacos de Coliflor con Salsa de Aguacate y Cilantro</h2>
</div>
<div class="contenedor-info-card">
<ul class="lista-tiempo-preparacion-card">
<li class="tiempo-total">Tiempo Total: 40 minutos</li>
<li>Preparación: 15 minutos</li>
<li>Cocción: 25 minutos</li>
</ul>
</div>
</article>
</a>
<a href="./views/vistaRamenDePollo.html" class="card4">
<article class="card4 cardGeneral">
<figure class="contenedor-imagen-card"><img class="imagen-card imagen-rotativa" src="./assets/ramenConPollo.jpeg" alt="Ramen de Pollo con Jengibre y Ajo"></figure>
<div class="contenedor-titulo-card">
<h2 class="titulo-card">Ramen de Pollo con Jengibre y Ajo</h2>
</div>
<div class="contenedor-info-card">
<ul class="lista-tiempo-preparacion-card">
<li class="tiempo-total">Tiempo Total: 40 minutos</li>
<li>Preparación: 15 minutos</li>
<li>Cocción: 25 minutos</li>
</ul>
</div>
</article>
</a>
<a href="./views/vistaPastaDeCalabacin.html" class="card5">
<article class="card5 cardGeneral">
<figure class="contenedor-imagen-card"><img class="imagen-card" src="./assets/espaguetis.jpeg" alt="Pasta de Calabacín con Pesto de Albahaca y Almendras"></figure>
<div class="contenedor-titulo-card">
<h2 class="titulo-card">Pasta de Calabacín con Pesto de Albahaca y Almendras</h2>
</div>
<div class="contenedor-info-card">
<ul class="lista-tiempo-preparacion-card">
<li class="tiempo-total">Tiempo Total: 20 minutos</li>
<li>Preparación: 15 minutos</li>
<li>Cocción: 5 minutos</li>
</ul>
</div>
</article>
</a>
<a href="./views/vistaRisottoDeBetabel.html" class="card6">
<article class="card6 cardGeneral">
<figure class="contenedor-imagen-card"><img class="imagen-card" src="./assets/RisottoDeBetabelYQuesoDeCabra.jpeg" alt="Risotto de Betabel y Queso de Cabra"></figure>
<div class="contenedor-titulo-card">
<h2 class="titulo-card">Risotto de Betabel y Queso de Cabra</h2>
</div>
<div class="contenedor-info-card">
<ul class="lista-tiempo-preparacion-card">
<li class="tiempo-total">Tiempo Total: 50 minutos</li>
<li>Preparación: 15 minutos</li>
<li>Cocción: 35 minutos</li>
</ul>
</div>
</article>
</a>
</section>
</main>
<footer>
<div class="contenido-footer">
<a href="index.html">
<img class="logo" src="./assets/logo_bitcook.png" alt="Logo BitCook">
</a>
<img class="img-copyright" src="./assets/copyright.png" alt="Copyright">
</div>
</footer>
</div>
<script src="./js/script.js"></script>
</body>
</html>