-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (142 loc) · 5.73 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0" />
<title>SWEETSTACKS</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/header.css" />
<link rel="stylesheet" href="css/footer.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="shortcut icon" href="img/logo.svg" type="image/x-icon">
</head>
<body>
<header class="Encabezado">
<a href="index.html"><img class="logo"
src="img/logo.svg"
alt /></a>
<nav class="menu">
<ul>
<li><a href="index.html">Acerca de</a></li>
<li><a href="html/recetas.html">Recetas</a></li>
<li><a href="html/contacto.html">Contactanos</a></li>
</ul>
</nav>
</header>
<main class="main">
<div class="test">
<div class="principal-container">
<h1 class="titlo">Biembenido a SWEETSTACKS</h1>
<h2 class="subtitulo">¿Qué Hacemos?</h2>
<section class="container">
<!-- <img class="img_gourmet" src="img/gourmet.webp" alt="img_gourmet" /> -->
<img class src="img/banner.webp" alt="img_gourmet" />
<p class="descripcion_gourmet">
En nuestra página web de recetas, encontrarás una amplia variedad
de
opciones culinarias que te inspirarán a preparar comidas
deliciosas
y saludables. Ofrecemos recetas detalladas que van desde platos
principales beneficiosos hasta opciones rápidas y fáciles para el
día.
</p>
<div class="expo_recetas">
<button onclick="window.location.href='html/recetas.html'">
Explorar mas recetas
</button>
</div>
</section>
<!--<section class="container">
<p class="descripcion_panaderia">
En nuestra página web de recetas de repostería, te ofrecemos una
deliciosa selección de postres y dulces que harán que cualquier
ocasión sea especial. Desde cupcakes decorados con hermosos glaseados,
hasta esponjosos panqueques y pasteles, aquí encontrarás recetas que
son tanto visualmente atractivas como irresistibles al paladar.Ya seas
amante de los cupcakes creativos o de los pancakes caseros para el
desayuno, cada receta está diseñada para que sigas los pasos
fácilmente, con ingredientes comunes y técnicas sencillas. Además, te
proporcionamos consejos para personalizar tus creaciones con
decoraciones únicas y cómo conseguir la textura perfecta en cada
bocado. Si buscas impresionar con tus habilidades de repostería o
simplemente disfrutar de un dulce casero, este es el lugar para ti.
¡Deja volar tu creatividad y endulza tu día!
</p>
<img class="img_panaderia" src="img/panaderia.webp" alt="" />
</section>-->
<!-- <section>
<div class="expo_recetas">
<button>Explorar mas recetas</button>
</div>
</section> -->
</div>
</div>
<div id="test"
class="test">
<h3 class="destaque_titulo">Testimonios</h3>
<section class="section_testimonios">
<div class="testimonial">
<img class="img_test"
src="img/Ana_M..webp"
alt="Testimonio 1" />
<p>
"Estas recetas me ayudaron a mejorar mis habilidades en la cocina.
¡Los platillos son increíbles!"
</p>
<p>María P.</p>
</div>
<div class="testimonial">
<img class="img_test"
src="img/Juan_P..webp"
alt="Testimonio 2" />
<p>
"Gracias a sus recetas, he podido sorprender a mi familia con
postres deliciosos."
</p>
<p>Carlos L.</p>
</div>
<div class="testimonial">
<img class="img_test"
src="img/Maria_L.webp"
alt="Testimonio 1" />
<p>
"Siempre había pensado que cocinar comidas deliciosas era
complicado, pero gracias a estas recetas, logró sorprender a mi
familia con platos increíbles."
</p>
<p>María P.</p>
</div>
</section>
</div>
<section class="banner">
<h3>Suscribete a nuestro boletin de recetas!!</h3>
<label id="labelEmail" for="email">Recibe las mejores recetas
directamente en tu correo cada semana</label>
<form action class="form_group">
<!-- <p>recibe las mejores recetas directamente en tu correo cada -->
<!-- semana</p> -->
<!-- <label id="labelEmail" for="email">Recibe las mejores recetas directamente en tu correo cada semana</label> -->
<input type="email" name="email" id="email"
placeholder="Escribe tu email" required>
<button class type="submit">Suscribete Ahora</button>
</form>
</section>
</main>
<footer class="footer">
<nav class="pie">
<ul>
<!-- <li><a href="#">Privacidad</a></li> -->
<!-- <li><a href="#">Terminos y Condiciones</a></li> -->
<!-- <li><a href="#">Trabaja con nosotros</a></li> -->
<li><a href="#">Cookies</a></li>
<li><a href="#">Accesibilidad</a></li>
<li><a href="#">Ayuda</a></li>
</ul>
</nav>
<p>© 2024 SWEETSTACKS. Todos los derechos reservados.</p>
<p>Desarrollado por:</p>
</footer>
</body>
</html>