-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
188 lines (122 loc) · 5.7 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<title> Restaurante e pizzaria - Coral </title>
<!-- Minha folha de estilo css -->
<link rel="stylesheet" type="text/css" href= "style.css">
<!-- Site responsivo -->
<meta name="viewport" content="widht=device-width, initial-scale=1">
</head>
<body>
<header> <!--- início do cabeçalho --->
<figure>
<img class="logo" src="logo_restaurante.jpg" alt="logotipo Valentinis">
</figure>
<nav>
<ul>
<li> <a href="#index.html"> home </a> </li>
<li> <a href="#conheca"> conheça </a> </li>
<li> <a href="#cardapio"> cardápio </a> </li>
<li> <a href="#reservas"> Reserva </a> </li>
</ul>
</nav>
</header> <!-- Fim do cabeçalho -->
<section class="img_total">
<!-- Início imagem fullscreen -->
<div class="overlay">
<h1> Venha conhecer os sabores Mineiros! </h1>
<h3> Restaurante temático em Belo Horizonte. </h3>
<a class="botao" href="#"> Conheça </a>
</div>
</section>
<!-- Fim imagem fullscreen -->
<section class= "conheca"> <!-- Inicio da seção CONHECA -->
<a name="conheca"></a> <!-- link âncora seção conheça -->
<h1> A Culinária Mineira é "bão demais da conta!" </h1>
<p>
Feijão tropeiro, Frango com quiabo e angu, Frango ao molho pardo,
Arroz com pequi, Mexido, Fígado com jiló, Pão de queijo, Goiabada,
Doce de leite, Doce de mamão, são alguns exemplos da nossa rica culinária.
</p>
<hr>
<ul class="fotos_conheca">
<li class="ft_pequena" style= "background-image: url(comida_01.jpg)"></li>
<li class="ft_grande" style= "background-image: url(comida_02.jpg)"></li>
<li class="ft_grande" style= "background-image: url(comida_03.jpg)"></li>
<li class="ft_pequena" style= "background-image: url(comida_04.jpg)"></li>
<li class="ft_pequena" style= "background-image: url(comida_05.jpg)"></li>
<li class="ft_grande" style= "background-image: url(comida_06.jpg)"></li>
</ul>
</section> <!-- Fim da seção CONHECA -->
<section class="cardapio"> <!-- inicio seção CARDAPIO -->
<a name="cardapio"></a> <!-- link âncora seção cardapio -->
<h1> Conheça o nosso cardápio Mineiro </h1>
<p> O nosso cardápio foi cuidadosamente elaborado e separado
em três segmentos , proporcionando um verdadeiro banquete
regado a comida típica mineira e bebidas tradicionais.
</p>
<hr>
<div class="div_cardapio">
<div class="div_item">
<img class="icon" src="comida.png">
<h1> Comida Mineira </h1>
<p>São pratos típicos que agradam a todos de
todos os lugares. Comida no fogão a lenha em
um ambiente agradável.
</p>
</div>
<div class="div_item">
<img class="icon" src="bebidas.png">
<h1> Bebidas tradicionais </h1>
<p> Em nosso cardápio contamos com diversas
marcas de refrigerantes. não deixe de
experimentar o nosso famoso suco de jabuticaba.
</p>
</div>
<div class="div_item">
<img class="icon" src="doces.png">
<h1> Doces e Quitutes </h1>
<p> É de "comer agradecendo a deus, de tão bão
que é!" Além dos quitutes como o doce de leite e
o pão de queijo, venha saborear o tradicional
doce de abóbora.
</p>
</div>
</div>
</section> <!-- Fim da seção CARDÁPIO -->
<section class="reservas"> <!--início RESERVAS-->
<a name="reservas"></a> <!-- link âncora seção reservas -->
<h1> Programe sua reserva!</h1>
<h3>
envie seu e-mail e receba as informações de como
reservar o seu cantinho no nosso restaurante.
</h3>
<form>
<input type="text" placeholder=" seu Email"> </input>
<button> <a href="#"> Enviar </a> </button>
</form>
</section> <!--Fim RESERVAS-->
<footer> <!-- Início do RODAPÉ -->
<div class="direito">
<p> Todos os direitos reservados | 2021 <br>
As informações e textos são meramente <br>
ilustrativos, não contemplando a veracidade <br>
dos fatos. Todas as imagens foram retiradas <br>
da internet. "Atividade prática acadêmica". <br>
Websigner: Guilherme Ladeira
</p>
</div>
<div>
<figure>
<img class="social" src="midias.png" alt=" Redes sociais">
</figure>
</div>
<div>
<figure>
<img class="logo_rodape" src="logo_restaurante_rodape.jpg" alt=" Valentinis restaurantes">
</figure>
</div>
</footer> <!-- Fim do RODAPÉ -->
</body>
</html>