-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (131 loc) · 5.4 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>Paladare Pizzaria</title>
<link rel="stylesheet" href="icons/material.css">
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/estilos.css">
</head>
<body>
<div class="topo-fixo z-depth-1">
<div class="valign-wrapper red darken-4 white-text">
<h5 class="titulo">Pizzaria</h5>
<div>
<i data-activates="submenu" data-gutter="5" data-contrainwidth="false"
class="material-icons waves-effect waves-light waves-circle dropdown-button">more_vert</i>
</div>
<ul class="dropdown-content" id="submenu">
<li> <a class="black-text acao-limpar">Limpar</a></li>
</ul>
</div>
<ul class="tabs red darken-1">
<li class="tab">
<a href="#pizzas"
class="white-text waves-effect waves-light">
Pizzas
</a>
</li>
<li class="tab">
<a href="#bebidas"
class="white-text waves-effect waves-light">
Bebidas
</a>
</li>
</ul>
</div>
<div id="pizzas" class="section">
<h6 class="container brown-text"><strong>Tradicionais
<span id="preco-tradicional" style="float:right;">R$ 36,00</span></strong>
</h6>
<div class="collection">
<a class="collection-item waves-effect black-text">Calabresa</a>
<a class="collection-item waves-effect black-text">Frango com catupiry</a>
<a class="collection-item waves-effect black-text">Mexicana</a>
<a class="collection-item waves-effect black-text">Mussarela</a>
<a class="collection-item waves-effect black-text">Portuguesa</a>
</div>
<h6 class="container brown-text"><strong>Especiais
<span id="preco-especial" style="float:right;">R$ 44,00</span></strong>
</h6>
<div class="collection">
<a class="collection-item waves-effect black-text">A moda da casa</a>
<a class="collection-item waves-effect black-text">Bacon</a>
<a class="collection-item waves-effect black-text">Estrogonofe</a>
<a class="collection-item waves-effect black-text">Filé mignon</a>
<a class="collection-item waves-effect black-text">Frango e palmito</a>
</div>
<h6 class="container brown-text"><strong>Doces
<span id="preco-doces" style="float:right;">R$ 40,00</span></strong>
</h6>
<div class="collection">
<a class="collection-item waves-effect black-text">Abacaxi e leite condensado</a>
<a class="collection-item waves-effect black-text">Banana e canela</a>
<a class="collection-item waves-effect black-text">Brigadeiro</a>
<a class="collection-item waves-effect black-text">Chocolate branco</a>
<a class="collection-item waves-effect black-text">Romeu e julieta</a>
</div>
</div>
<div id="bebidas" class="section">
<h6 class="container brown-text"><strong>Refrigerantes (2L)</strong></h6>
<div class="collection">
<a class="collection-item waves-effect black-text">Baré</a>
<a class="collection-item waves-effect black-text">Fanta Laranja</a>
<a class="collection-item waves-effect black-text">Guaraná Antartica</a>
<a class="collection-item waves-effect black-text">Coca Cola</a>
<a class="collection-item waves-effect black-text">Soda Limonada</a>
</div>
<h6 class="container brown-text"><strong>Sucos (1L)</strong></h6>
<div class="collection">
<a class="collection-item waves-effect black-text">Abacaxi</a>
<a class="collection-item waves-effect black-text">Maracujá</a>
<a class="collection-item waves-effect black-text">Morango</a>
<a class="collection-item waves-effect black-text">Laranja</a>
<a class="collection-item waves-effect black-text">Uva</a>
</div>
<blockquote id="total" style="display: none;">0</blockquote>
</div>
<div class="fixed-action-btn">
<a href="#confirmacao" id="confirmar" class="btn-floating btn-large waves-effect waves-light modal-trigger">
<i class="material-icons">done</i>
</a>
</div>
<div class="modal modal-fixed-footer" id="confirmacao">
<div class="modal-content">
<h5>Resumo do pedido</h5>
<input type="number" class="validate" placeholder="Número da mesa" id="numero-mesa">
<blockquote id="resumo"></blockquote>
<div class="container">
<div class="row">
<div class="col s12" style="text-align: center;">
<strong>Total: R$ <span id="total-pedido"></span></strong>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="modal-fixed-footer">
<div class="container">
<div class="row">
<div class="col s5">
<button class="btn waves-effect waves-light modal-close acao-finalizar">
Pedir
</button>
</div>
<div class="col s6">
<button class="btn-flat grey lighten-2 waves-effect waves-red modal-close">
Cancelar
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="cordova.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/materialize.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>