-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
370 lines (352 loc) · 16.1 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Iportante para SEO-->
<title>ChefVirtual</title>
<!-- Link com a folha de estilo -->
<link rel="stylesheet" href="style.css">
<!-- Iportante para SEO-->
<meta name="descripition" content="Um site dedicado ao ensino de receitas gourmet como você nunca viu.">
<link rel="icon" href="img/logo.png">
</head>
<body>
<!-- Cabeçalho -->
<header>
<div class="ContainerEx FlexMenu">
<div id="logo">
<a href="./index.html"><img src="./img/logo.png" alt="Logo"></a>
</div>
<nav>
<input type="checkbox" id="check">
<label for="check">☰
</label>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="menu-gourmet.html">Menu Gourmet</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
<!-- Destaque -->
<main id="banner">
<div class="ContainerEx">
<h1>Diga Olá</h1>
<h2>Para sua próxima experiência gastronômica</h2>
</div>
</main>
<section>
<div class="container-h">
<div class="conteudo-topo">
<h4> SOBRE A GENTE </h4>
<h2>Você já conhece o ChefVirtual?</h2>
<p>O ChefVirtual é um espaço dedicado à arte da culinária, onde compartilhamos nossa paixão por sabores
autênticos e experiências gastronômicas únicas. Nossas receitas são cuidadosamente elaboradas para
proporcionar momentos de prazer à mesa, combinando ingredientes frescos, técnicas refinadas e uma
pitada
de criatividade. Convidamos você a explorar nosso universo culinário e descobrir novos sabores que
vão
encantar seu paladar.</p>
<a href="./menu-gourmet.html" class="button">Conheça nossas receitas</a>
</div>
<div class="conteudo">
<div class="teste2">
<img src="./img/imagem2.png" alt="Arroz de Bacalhau A
Fugir com Rúcula" class="teste">
</div>
<p>O site oferece uma ampla variedade de receitas gourmet,
desde pratos clássicos refinados até criações
inovadoras. Os visitantes são convidados a explorar
e descobrir novos sabores e técnicas culinárias,
transformando suas refeições em experiências
memoráveis, como este incrível Arroz de Bacalhau "A
Fugir" com Rúcula.</p>
</div>
<div class="conteudo2">
<p>Por outro lado, o Paulista de Legumes com Alga Nori oferece
uma abordagem distinta e exótica para os amantes da culinária.
Com a combinação única de legumes frescos e a delicada textura
da alga nori, esta receita cativa os paladares mais exigentes,
adicionando uma dimensão surpreendente ao universo gastronômico.</p>
<div class="teste2">
<img src="./img/imagem3.png" alt="Arroz de Bacalhau A
Fugir com Rúcula" class="teste">
</div>
</div>
</div>
</section>
<section class="Container-In">
<div class="Texto2">
<h2> INSPIRE-SE! </h2>
<h4> Dê uma olhada nessas receitas... </h4>
</div>
</section>
<!-- Carroussel -->
<section class="Container">
<div class="carousel-container">
<div class="carousel">
<div class="Card">
<img src="./img/imagem2.png" alt="Receita 1">
<div class="card-content">
<h3> PRINCIPAL </h3>
<p>Clássico (sem restrições), Sem
Glúten, Sem Glúten e Sem Lactose,
Sem Lactose</p>
<h2>
ARROZ DE BACALHAU "A
FUGIR" COM RÚCULA
</h2>
<p>Um arroz bem português,
combinado com uma saladinha
refrescante. </p>
<div class="relogio">
<img src="img/relogio1.png" alt="clock">
<p>00:45 </p>
</div>
</div>
</div>
<div class="Card">
<img src="./img/imagem1.png" alt="Receita 1">
<div class="card-content">
<h3> SOBREMESA </h3>
<p>Sem Glúten, Sem Glúten e Sem Lactose, Sem Lactose, Vegano, Vegetariano</p>
<h2>MOUSSE DE MARACUJÁ SEM LEITE</h2>
<p>Uma mousse de maracujá deliciosa, saudável e prática, sem leite condensado, creme de
leite e
ovos. </p>
<div class="relogio">
<img src="img/relogio1.png" alt="clock">
<p>00:25 + tempo para demolhar as
castanhas e gelar o maracujá</p>
</div>
</div>
</div>
<div class="Card">
<img src="./img/imagem3.png" alt="Receita 1">
<div class="card-content">
<h3> PRINCIPAL </h3>
<p>Clássico (sem restrições), Sem Glúten, Sem
Glúten e Sem Lactose, Sem Lactose, Vegano,
Vegetariano</p>
<h2>
CUSCUZ PAULISTA DE LEGUMES
COM ALGA NORI</h2>
<p>Um prato muito típico da cozinha regional
brasileira, só que com um sabor diferente. </p>
<div class="relogio">
<img src="img/relogio1.png" alt="clock">
<p>01:00</p>
</div>
</div>
</div>
<div class="Card">
<img src="./img/imagem4.png" alt="Receita 1">
<div class="card-content">
<h3> SOBREMESA </h3>
<p>Sem Glúten, Sem Glúten e Sem Lactose, Sem Lactose, Vegano, Vegetariano</p>
<h2>MOUSSE DE MARACUJÁ SEM LEITE</h2>
<p>Uma mousse de maracujá deliciosa, saudável e prática, sem leite condensado, creme de
leite e
ovos. </p>
<div class="relogio">
<img src="img/relogio1.png" alt="clock">
<p>00:25 + tempo para demolhar as
castanhas e gelar o maracujá</p>
</div>
</div>
</div>
<div class="Card">
<img src="./img/imagem5.png" alt="Receita 1">
<div class="card-content">
<h3> SOBREMESA </h3>
<p>Sem Glúten, Sem Glúten e Sem Lactose, Sem Lactose, Vegano, Vegetariano</p>
<h2>MOUSSE DE MARACUJÁ SEM LEITE</h2>
<p>Uma mousse de maracujá deliciosa, saudável e prática, sem leite condensado, creme de
leite e
ovos. </p>
<div class="relogio">
<img src="img/relogio1.png" alt="clock">
<p>00:25 + tempo para demolhar as
castanhas e gelar o maracujá</p>
</div>
</div>
</div>
<div class="Card">
<img src="./img/imagem6.png" alt="Receita 1">
<div class="card-content">
<h3> SOBREMESA </h3>
<p>Sem Glúten, Sem Glúten e Sem Lactose, Sem
Lactose, Vegetariano
</p>
<h2>
MASSA CHOUX SEM GLÚTEN E SEM
LACTOSE
</h2>
<p>A tradicional receita francesa, da massa choux,
adaptada sem leite e sem trigo, com
excelentes resultados. </p>
<div class="relogio">
<img src="img/relogio1.png" alt="clock">
<p>01:00 + tempo de esfriar</p>
</div>
</div>
</div>
<div class="Card">
<img src="./img/imagem7.png" alt="Receita 1">
<div class="card-content">
<h3> ACOMPANHAMENTO </h3>
<p>Clássico (sem restrições), Low Carb, Sem
Glúten, Vegetariano
</p>
<h2>
MANTEIGA GHEE
</h2>
<p>Veja como fazer em casa a manteiga ghee -
uma opção saudável e deliciosa para a
preparação de receitas.
</p>
<div class="relogio">
<img src="img/relogio1.png" alt="clock">
<p>00:15 + tempo de esfriar</p>
</div>
</div>
</div>
<div class="Card">
<img src="./img/imagem8.png" alt="Receita 1">
<div class="card-content">
<h3> PRINCIPAL </h3>
<p>Clássico (sem restrições), Sem Lactose</p>
<h2>
BIFE À MILANESA NA AIRFRYER
</h2>
<p>Um bife à milanesa, douradinho e crocante,
sem óleo, na Airfryer.
</p>
<div class="relogio">
<img src="img/relogio1.png" alt="clock">
<p>00:45 + tempo para preparar mais
porções</p>
</div>
</div>
</div>
<div class="Card">
<img src="./img/imagem9.png" alt="Receita 1">
<div class="card-content">
<h3> SOBREMESA </h3>
<p>Clássico (sem restrições), Vegetariano</p>
<h2>
TRUFAS DE LIMÃO E CHOCOLATE</h2>
<p>Um azedinho que contrasta com o chocolate,
muito fáceis de preparar - é só fazer as
bolinhas e depois passar direto no cacau em
pó.
</p>
<div class="relogio">
<img src="img/relogio1.png" alt="clock">
<p>00:45 + tempo de esfriar</p>
</div>
</div>
</div>
<div class="Card">
<img src="./img/imagem10.png" alt="Receita 1">
<div class="card-content">
<h3> SOBREMESA </h3>
<p>Clássico (sem restrições), Vegetariano</p>
<h2>
MAÇÃS ASSADAS COM CANELA E
LIMÃO E CRUMBLE DE GENGIBRE</h2>
<p>A suculência e a doçura das maçãs assadas,
para servir com um delicioso crumble de
gengibre, bem crocante e sequinho</p>
<div class="relogio">
<img src="img/relogio1.png" alt="clock">
<p>1:15</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Parte Mais Vantagens -->
<section class="container ">
<div id="Texto1">
<h2>Mais Vantages</h2>
</div>
</section>
<section class="container ">
<div class="CardVantagem">
<img src="./img/card-home.png" alt="Receita 1">
<div class="texto3">
<h3>Totalmente Grátis</h3>
<p>Planeje e prepare as suas refeições com receitas testadas,
práticas e com a lista de compras de tudo o que vai precisar.
E o melhor: Totalmente Grátis.</p>
</div>
</div>
<div class="CardVantagem">
<img src="./img/card-home2.png" alt="Receita 1">
<div class="texto3">
<h3>Alimentação Saudável</h3>
<p>Tenha em mãos as receitas para montar o seu cardápio e levar
uma vida mais saudável, longe dos produtos ultraprocessados.</p>
</div>
</div>
<div class="CardVantagem">
<img src="./img/card-home3.png" alt="Receita 1">
<div class="texto3">
<h3>Economia de Tempo e Dinheiro</h3>
<p>Gere a lista de compras de suas receitas selecionadas, compre
apenas o que vai preparar. Evite o desperdício e economize.</p>
</div>
</div>
<div class="CardVantagem">
<img src="./img/card-home4.png" alt="Receita 1">
<div class="texto3">
<h3>Receitas para o Tamanho da sua <br> Família</h3>
<p>Ajuste a receita para 2. 4, 6 ou 8 pessoas em um clique!
Faça o mesmo com a lista de compras.</p>
</div>
</div>
<div class="CardVantagem">
<img src="./img/card-home5.png" alt="Receita 1">
<div class="texto3">
<h3>O que Fazer para o Almoço ou <br> Jantar?</h3>
<p>Tenha seu cardápio sempre planejado com as receitas de nossa
plataforma e inclua também suas próprias receitas.</p>
</div>
</div>
<div class="CardVantagem">
<img src="./img/card-home6.png" alt="Receita 1">
<div class="texto3">
<h3>Receitas Testadas e Classificadas <br> por Nutricionistas</h3>
<p>Saia do comum e viva mais saudável com uma alimentação mais
equilibrada e variada. Todas as receitas são testadas e
classificadas pela nossa nutricionista.</p>
</div>
</div>
</section>
<!-- Rodapé -->
<footer>
<div class="Container Flex">
<div id="social">
<a href="http://www.instagram.com/" target="_blank">
<img src="./img/insta.png" alt="instagram"></a>
<a href="http://twitter.com/" target="_blank">
<img src="./img/twitter.png" alt="twitter"></a>
<a href="http://www.linkedin.com/" target="_blank">
<img src="./img/linkedin.png" alt="linkedin"></a>
<a href="http://www.facebook.com/" target="_blank">
<img src="./img/facebook.png" alt="facebook"></a>
</div>
<div id="copyright">
<p>© 2024 - ChefVirtual</p>
</div>
</div>
</footer>
<!-- Topo -->
<a href="#logo" id="topo"><img src="./img/topo1.png" alt="seta topo"></a>
</body>
</html>