-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (134 loc) · 5.85 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>FoodCamp</title>
<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="shortcut icon" type="image/x-icon" href="media/Group_18.png">
</head>
<body>
<header>
<h1>FoodCamp</h1>
<p>Sua comida em 6 minutos</p>
</header>
<main>
<h1>
Primeiro, seu prato
</h1>
<div>
<ul>
<li onclick="refactorSelected(event,'lunch');">
<figure><img src="media/562561.webp" alt="miojo de carne"></figure>
<strong>Miojo de Carne</strong>
<p>Macarrão Instantâneo, sabor carne</p>
<div><strong>R$ </strong><strong class="preco">1.80</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
<li onclick="refactorSelected(event,'lunch');">
<figure><img src="media/15856597208888_zoom.jpg" alt="miojo de picanha"></figure>
<strong>Miojo de Picanha</strong>
<p>Macarrão Instantâneo, sabor picanha</p>
<div><strong>R$ </strong><strong class="preco">1.90</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
<li onclick="refactorSelected(event,'lunch');">
<figure><img src="media/8780_20171106150821_thumb_8780_MacarraoInstantaneoLamenNissinMiojoBacon85g.jpg"
alt="miojo de bacon"></figure>
<strong>Miojo de Bacon</strong>
<p>Macarrão Instantâneo, sabor Bacon</p>
<div><strong>R$ </strong><strong class="preco">1.70</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
<li onclick="refactorSelected(event,'lunch');">
<figure><img src="media/nissin_lamem_alho_2020.png" alt="miojo de camarão com alho"></figure>
<strong>Miojo de Camarão com Alho</strong>
<p>Macarrão Instantâneo, sabor camarão com alho</p>
<div><strong>R$ </strong><strong class="preco">1.60</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
</ul>
</div>
<h1>
Agora, sua bebida
</h1>
<div>
<ul>
<li onclick="refactorSelected(event,'drink');">
<figure><img src="media/8606.jpg" alt="corote de menta"></figure>
<strong>Corote de Menta</strong>
<p>Corote de sabor, sabor menta</p>
<div><strong>R$ </strong><strong class="preco">5.40</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
<li onclick="refactorSelected(event,'drink');">
<figure><img src="media/915386.jpg" alt="corote de blueberry"></figure>
<strong>Corote Azul</strong>
<p>Corote de sabor, sabor blueberry</p>
<div><strong>R$ </strong><strong class="preco">5.30</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
<li onclick="refactorSelected(event,'drink');">
<figure><img src="media/download.jpg" alt="corote de limão"></figure>
<strong>Corote de Limão</strong>
<p>Corote de sabor, sabor limão</p>
<div><strong>R$ </strong><strong class="preco">5.20</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
<li onclick="refactorSelected(event,'drink');">
<figure><img src="media/download (1).jpg" alt="corote de maracujá"></figure>
<strong>Corote de Maracujá</strong>
<p>Corote de sabor, sabor maracujá</p>
<div><strong>R$ </strong><strong class="preco">5.10</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
</ul>
</div>
<h1>
Por fim, sua sobremesa
</h1>
<div>
<ul>
<li onclick="refactorSelected(event,'dessert');">
<figure><img src="media/cherrypop-cereja-pro-400x461.png" alt="cherry pop original"></figure>
<strong>Cherry Pop Original</strong>
<p>Pirulito Cherry Pop, sabor cereja</p>
<div><strong>R$ </strong><strong class="preco">0.25</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
<li onclick="refactorSelected(event,'dessert');">
<figure><img src="media/cherrypop-framboesa-pro-400x461.png" alt="cherry pop framboesa"></figure>
<strong>Cherry Pop Framboesa</strong>
<p>Pirulito Cherry Pop, sabor framboesa</p>
<div><strong>R$ </strong><strong class="preco">0.35</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
<li onclick="refactorSelected(event,'dessert');">
<figure><img src="media/cherrypop-macaverde-pro-400x461.png" alt="cherry pop maçã verde"></figure>
<strong>Cherry Pop Maçã Verde</strong>
<p>Pirulito Cherry Pop, sabor maçã verde</p>
<div><strong>R$ </strong><strong class="preco">0.45</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
<li onclick="refactorSelected(event,'dessert');">
<figure><img src="media/cherrypop-morango-pro-400x461.png" alt="cherry pop morango"></figure>
<strong>Cherry Pop Morango</strong>
<p>Pirulito Cherry Pop, sabor morango</p>
<div><strong>R$ </strong><strong class="preco">0.55</strong></div>
<ion-icon name="checkmark-circle"></ion-icon>
</li>
</ul>
</div>
</main>
<footer>
<button disabled onclick="goWpp();">
Selecione os 3 itens<br>para fechar o pedido
</button>
</footer>
<script src="script.js"></script>
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
</body>
</html>