-
Notifications
You must be signed in to change notification settings - Fork 0
/
Home.html
188 lines (175 loc) · 8.17 KB
/
Home.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" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="Styles/main.css" />
<link rel="stylesheet" href="Styles/forHome.css" />
<link rel="shortcut icon" href="logoT!.png" type="image/x-icon" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap');
</style>
<title>TuttoAmore - Restaurante de comida tradicional italiana</title>
</head>
<body>
<header>
<div class="header" id="header">
<a href="main.html">
<h1>Tutto<span>Am<b>♥</b>re!</span>
<p>Restaurante italiano</p>
</h1>
</a>
<a href="main.html">
<img src="logoT!.png" alt="logo" id="logo">
</a>
<button class="headerSidebar" onclick="toggleSidebar()">☰</button>
<div class="navigation" id="navigation">
<button class="headerSidebar" onclick="toggleSidebar()">×</button>
<a class="headerlink" href="#">Sobre</a>
<a class="headerlink" href="https://wa.me/5199732280">Contato</a>
<a class="headerlink" href="#menu">Menu</a>
<a class="headerlink" href="#order">Peça agora</a>
</div>
</div>
</header>
<div tabindex="0" onclick="closeSidebar()" class="sidebar">
<main>
<div id="menu">
<h1 id="menuHead">Um Menu de Qualidade</h1>
<h3 class="type">Entradas</h3>
<article class="food">
<div class="name">Bruschetta Tradicional</div>
<div class="ingredientes">
Fatias de pão italiano torrado com tomates frescos, manjericão e azeite de oliva
</div>
<div class="price"><b>R$</b>15,00</div>
</article>
<article class="food">
<div class="name">Insalata Caprese</div>
<div class="ingredientes">
Salada de tomate, muçarela de búfala, manjericão e azeitonas
</div>
<div class="price"><b>R$</b>18,00</div>
</article>
<article class="food last">
<div class="name">Polenta Frita</div>
<div class="ingredientes">
Polenta frita com queijo parmesão e molho de tomate
</div>
<div class="price"><b>R$</b>16,00</div>
</article>
<h3 class="type">Pratos Principais</h3>
<article class="food">
<div class="name">Spaghetti à Carbonara</div>
<div class="ingredientes">
Spaghetti com molho cremoso de queijo parmesão, pancetta e ovo
</div>
<div class="price"><b>R$</b>25,00</div>
</article>
<article class="food">
<div class="name">Risoto de Funghi</div>
<div class="ingredientes">
Risoto cremoso de cogumelos porcini e champignon
</div>
<div class="price"><b>R$</b>28,00</div>
</article>
<article class="food last">
<div class="name">Lasanha à Bolonhesa</div>
<div class="ingredientes">
Camadas de massa fresca intercaladas com molho bolonhesa e queijo
</div>
<div class="price"><b>R$</b>22,00</div>
</article>
<h3 class="type">Pizzas</h3>
<article class="food">
<div class="name">Pizza Margherita</div>
<div class="ingredientes">
Molho de tomate, muçarela de búfala, tomate fresco e manjericão
</div>
<div class="price"><b>R$</b>30,00</div>
</article>
<article class="food">
<div class="name">Pizza Pepperoni</div>
<div class="ingredientes">
Molho de tomate, muçarela e pepperoni picante
</div>
<div class="price"><b>R$</b>32,00</div>
</article>
<article class="food last">
<div class="name">Pizza Quattro Stagioni</div>
<div class="ingredientes">
Molho de tomate, muçarela, presunto, cogumelos, alcachofras e azeitonas
</div>
<div class="price"><b>R$</b>35,00</div>
</article>
<h3 id="AllUCanEat">Rodízio:</h3>
<p class="freeFood">
Inclui uma variedade de pizzas, massas e sobremesas por um preço fixo de R$ 50,00 por pessoa.
</p>
<h3 class="type">Sobremesas</h3>
<article class="food">
<div class="name">Tiramisù</div>
<div class="ingredientes">
Clássica sobremesa italiana de camadas de biscoitos de champanhe, queijo mascarpone e café
</div>
<div class="price"><b>R$</b>15,00</div>
</article>
<article class="food">
<div class="name">Cannoli Siciliano</div>
<div class="ingredientes">
Massa crocante recheada com creme de ricota, chocolate e frutas cristalizadas
</div>
<div class="price"><b>R$</b>12,00</div>
</article>
<article class="food last">
<div class="name">Panna Cotta</div>
<div class="ingredientes">
Sobremesa de creme de leite com calda de frutas vermelhas
</div>
<div class="price"><b>R$</b>10,00</div>
</article>
<div id="menuEnd"></div>
</div>
</main>
<section id="order">
<h1>Agende uma Mesa</h1>
<form>
<div class="formInfo">
<fieldset>
<div>
<label for="name">Nome</label> <br>
<input type="text" id="name" name="name" required placeholder="Nome" />
</div>
<div>
<label for="email">E-mail ou Telefone</label> <br>
<input type="email" id="email" name="email" required placeholder="E-mail ou Telefone" />
</div>
</fieldset>
<fieldset>
<div>
<label for="people">Quantidade</label> <br>
<select name="people" id="people">
<option value="1">1 Pessoa</option>
<option value="2">2 Pessoas</option>
<option value="3">3 Pessoas</option>
<option value="4">4 Pessoas</option>
<option value="5">5 Pessoas</option>
<option value="6">6 Pessoas</option>
</select>
</div>
<div>
<label for="diaHora">Data e Hora</label> <br>
<input type="datetime-local" name="diaHora" id="diaHora" required />
</div>
</fieldset>
</div>
<button type="submit" class="orderBtn">Confirmar</button>
</form>
<a href="delivery.html"><button class="orderBtn delivery">Peça delivery</button></a>
</section>
<footer>
TuttoAmore © 2024 - <a href="https://github.com/GuilhermeFranG">Gui_FranG</a>
</footer>
</body>
<script src="javaScripts/sidebar.js"></script>
</html>