forked from FORodrigues97/trabalho-ipm
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (119 loc) · 6.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!-- Invisible -->
<div class="overflow-menu">
<button onClick="buttonOverflowClicked()">Filtro</button>
<button onClick="buttonOverflowClicked()">Filtro</button>
</div>
<div class="customization-menu">
<i class="fas fa-times fa-3x close-button" onClick="closeCustomization()"></i>
<h1>Customizar</h1>
</div>
<!-- Visible -->
<div class="grid-container">
<div class="navbar">
<img src="img/logo.png" alt="Logotipo">
<i id="waiter-ico" onClick="callWaiter()" class="fas fa-user-circle fa-3x"></i>
<i id="menu-ico" onClick="displayMenu()" class="fas fa-ellipsis-v fa-3x"></i>
</div>
<div class="tabs">
<button class="tablinks" onclick="openTab(event, 'Promoções')">Promoções</button>
<button class="tablinks" onclick="openTab(event, 'Pizzas')" id="defaultOpen">Pizzas</button>
<button class="tablinks" onclick="openTab(event, 'Bebidas')">Bebidas</button>
<button class="tablinks" onclick="openTab(event, 'Sobremesas')">Sobremesas</button>
</div>
<div class="menu">
<div id="Pizzas" class="tabcontent">
<div class="lista-items">
<button id="QuatroEstações" onClick="addToCart('quatro-estacoes')">
<p style="font-size:140%"><b>Quatro Estações,</b> <span class="price">9</span> <img src="img/pizza_quatro_estacoes.jpg" alt="Quatro estações" align="left"></p>
<p>Preparada em quatro secções com diversos ingredientes, com cada secção representando uma estação do ano. Neste caso alcachofras, tomate, cogumelos e presunto.
<br>
</p>
</button>
<button id="QuatroQueijos" onClick="addToCart('quatro-queijos')">
<p style="font-size:140%"><b>Quatro Queijos, </b> <span class="price">9</span> <img src="img/quatro_queijos.jpg" alt="Pizza Quatro Queijos" align="left"></p>
<p>Preparada em quatro secções diferentes: queijo mozzarella, queijo azul, queijo de cabra e parmesão.
<br>
</p>
</button>
<button id="PizzaFrango" onClick="addToCart('frango')">
<p style="font-size:140%"><b>Pizza de frango,</b> <span class="price">9</span> <img src="img/pizza_frango.jpg" alt="Pizza de Frango" align="left"></p>
<p>Queijo mozzarella e frango.
<br>
</p>
</button>
<button id="PizzaPresunto" onClick="addToCart('presunto')">
<p style="font-size:140%"><b>Pizza de Presunto,</b> <span class="price">9</span> <img src="img/presunto.jpg" alt="Pizza de Presunto" align="left"></p>
<p>Queijo mozzarella e presunto.
<br> </p>
</button>
<button id="PizzaCarbonara" onClick="addToCart('carbonara')">
<p style="font-size:140%"><b>Pizza Carbonara,</b> <span class="price">9</span> <img src="img/carbonara.jpg" alt="Pizza Carbonara" align="left"></p>
<p>Queijo mozzarella, bacon, molho carbonara e oregãos.
<br>
</p>
</button>
</div>
</div>
<div id="Bebidas" class="tabcontent">
<div class="lista-items">
<button id="agua" onClick="addToCart('agua')">
<p style="font-size:140%"><b>Água,</b> <span class="price">1.5</span> <img src="img/water_bottle.jpg" alt="Garrafa de Agua" align="left"></p>
<p></p>
</button>
<button id="sevenup" onClick="addToCart('sevenup')">
<p style="font-size:140%"><b>7UP,</b> <span class="price">1.5</span> <img src="img/7up.jpg" alt="7up" align="left"></p>
<p></p>
</button>
<button id="coca-cola" onClick="addToCart('coca-cola')">
<p style="font-size:140%"><b>Coca-Cola,</b> <span class="price">1.5</span> <img src="img/coca_cola.jpg" alt="Coca-Cola" align="left"></p>
<p></p>
</button>
<button id="fanta" onClick="addToCart('fanta')">
<p style="font-size:140%"><b>Fanta,</b> <span class="price">1.5</span> <img src="img/fanta.jpg" alt="Fanta" align="left"></p>
<p></p>
</button>
<button id="pepsi" onClick="addToCart('pepsi')">
<p style="font-size:140%"><b>Pepsi,</b> <span class="price">1.5</span> <img src="img/pepsi.jpg" alt="Pepsi" align="left"></p>
<p></p>
</button>
</div>
</div>
<div id="Sobremesas" class="tabcontent">
<div class="lista-items">
<button id="brigadeiro" onClick="addToCart('brigadeiro')">
<p style="font-size:140%"><b>Brigadeiro,</b> <span class="price">2</span> <img src="img/brigadeiro.jpg" alt="Fatia de brigadeiro" align="left"></p>
<p></p>
</button>
<button id="gelado-morango" onClick="addToCart('gelado-morango')">
<p style="font-size:140%"><b>Gelado de morango,</b> <span class="price">2</span> <img src="img/gelado_morango.jpg" alt="Gelado de morango" align="left"></p>
<p></p>
</button>
<button id="mousse-chocolate" onClick="addToCart('mousse-chocolate')">
<p style="font-size:140%"><b>Mousse de chocolate,</b> <span class="price">2</span> <img src="img/mousse.jpg" alt="Mousse de chocolate" align="left"></p>
<p></p>
</button>
<button id="salada-fruta" onClick="addToCart('salada-fruta')">
<p style="font-size:140%"><b>Salada de fruta,</b> <span class="price">2</span> <img src="img/salada_de_frutas.jpg" alt="Salada de frutas" align="left"></p>
<p></p>
</button>
</div>
</div>
</div>
<div id="cart" class="cart">
</div>
<div class="total">
Total a pagar:
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
</body>
</html>