-
Notifications
You must be signed in to change notification settings - Fork 0
/
omma.html
119 lines (98 loc) · 5.57 KB
/
omma.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
<!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">
<title>OMMA</title>
<link rel="stylesheet" href="./CSS/style.css">
<link rel="stylesheet" href="./CSS/global.css">
<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=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h3 class="logo"><a href="#"></a></h3>
<img src="./Imagem/logo.png" alt="logo empresa" title="Logo da Empresa" id="logocabeçalho">
</header>
<nav>
<h5 class="Screen-reader-only"></h5>
<ul>
<li><a href="./index.html">Início</a></li>
<li><a href="./receitas.html">Receitas</a></li>
<li><a href="./contato.html">Contato</a></li>
</ul>
</nav>
<main>
<article>
<section class="receita">
<h1>risoto de abóbora</h1>
<picture>
<source media="(max-width: 429px)" srcset="./imagem/risoto.png">
<img src="./Imagem/risoto.png" alt="Imagem de Risoto de abóbora" title="Risoto de abóbora">
</picture>
<ul class="tags">
<li id="tags1">fácil</li>
<li id="tags2">serve 4 pessoas</li>
</ul>
<article class="ingredientes">
<h2>ingredientes</h2>
<p>
1/2 kg de abóbora tipo kabotchá<br>
2 colheres (sopa) de azeite<br>
1 cebola média bem picada<br>
1 dente de alho picado<br>
3 colheres (sopa) de cebolinha verde picada<br>
1/2 xícara (chá) de vinho banco seco<br>
2 xícaras (chá) de arroz arbóreo<br>
2 tabletes de caldo de galinha<br>
1 colher (chá) de ervas finas<br>
1 colher (café) de gengibre<br>
1 folha de louro<br>
2 colheres (sopa) de manteiga sem sal<br>
50 g de queijo parmesão ralado<br>
Salsinha picada a gosto<br>
Pimenta a gosto<br>
</p>
</article>
<article class="video">
<h2>Vídeo</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Mxc3RQE4yAg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</article>
<article class="modo-de-preparo">
<h2>Modo de preparo</h2>
<p>Descasque a abóbora e corte-a em cubinhos pequenos. Reserve. Coloque o azeite em uma panela funda e acrescente a cebola e o alho picados e leve ao fogo baixo até que a cebola e o alho murchem, mexendo sem parar. Adicione a cebolinha verde e a abóbora picada e deixe refogar por uns 3 minutos, mexendo sempre. Adicione o vinho branco e deixe cozinhar por uns 2 minutos. Adicione 2 xícaras de chá de água fervente e os tabletes de caldo de galinha e deixe cozinhar para que a abóbora fique ligeiramente macia, por uns 10 minutos em fogo baixo. Aumente o fogo e acrescente o arroz arbóreo. Mexa bem e deixe levantar fervura. Acrescente as ervas finas, o gengibre e a folha de louro. Diminua a chama do fogão e sempre mexendo vá acrescentando água fervente quanto necessário. Leva em média de 15 a 20 minutos para adquirir o ponto cremoso. Quanto estive al dente acrescente a manteiga e o queijo parmesão ralado. Experimente o sal e acrescente pimenta a gosto. Desligue o fogo e tampe a panela. Deixe descansar por uns 5 minutos. Sirva regado com queijo parmesão ralado e salsinha picada. </p>
</article>
</section>
<aside>
<h4>Receitas relacionadas</h4>
<p>
<li>
<a href="#" id="link-receitas">
<img src="./Imagem/moqueca.png" alt="Imagem de Moquca" title="Moqueca">
<span>Moqueca</span>
</a>
</li>
<li>
<a href="#" id="link-receitas">
<img src="./Imagem/bolo-banana.png" alt="Imagem de Bolo de Banana" title="Bolo de Banana" >
<span>Bolo de banana</span>
</a>
</li>
<li>
<a href="#" id="link-receitas">
<img src="./Imagem/tabule.png" alt="Imagem de Tabule tradicional" title="Tabule tradicional">
<span>Tabule tradicional</span>
</a>
</li>
</p>
</aside>
<article>
</main>
<Footer>
<img src="./Imagem/logo.png" alt="logo empresa" id="logorodape" title="Logo da Empresa">
<p>© 2022 omma - Todos os direitos são de vocês</p>
</Footer>
</body>
</html>