-
Notifications
You must be signed in to change notification settings - Fork 0
/
makeupstar.html
201 lines (163 loc) · 6.63 KB
/
makeupstar.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
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Makeup Star and Sky</title>
</head>
<body>
<header>
<h1>STAR & SKY - Makeup since 2022</h1>
</header>
<section>
<img src="STAR.jpg" alt="logo Makeup"/>
<h2>MENÚ</h2>
<h3>Tipos de bases</h3>
<ul>
<li>Crema</li>
<li>Polvo</li>
<li>Líquida</li>
</ul>
<h3>Paleta de sombras</h3>
<ul>
<li>Sombras de bolsillo</li>
<li>Sombras de 40 tonos</li>
<li>Sombras de 60 tonos</li>
<li>Sombras de 90 tonos</li>
<li>Sombras de brillos</li>
<li>Sombras fosforescentes</li>
</ul>
<h3>Labiales</h3>
<ul>
<li>Labial Matte</li>
<li>Gloss</li>
<li>Líquido Matte</li>
</ul>
<h3>Máscara de pestañas</h3>
<ul>
<li>Color negro</li>
<li>Transparente</li>
<li>Otro color</li>
</ul>
<h3>Eyelashes</h3>
<ul>
<li>Paquete de 10</li>
<li>Paquete de 5</li>
<li>Paquete de 3</li>
</ul>
</section>
<hr>
<section>
<h2>UBICACIÓN</h2>
<h3>Sucursales</h3>
<table>
<!-- <hr> agrega una linea dibujada -->
<hr>
<!-- th es el header y td es table data -->
<tr>
<th>Nombre</th>
<th>Ubicación</th>
<th>Horarios</th>
</tr>
<tr>
<td><b>Coyoacan</b></td>
<!-- <b></b> es para poner negritas -->
<td><a href="https://goo.gl/maps/K2cyeqeG4Qgh927p9" target="blank"> Centro de Coyoacan</a></td>
<td>Lunes a Viernes de 9:00am a 5:00pm</td>
</tr>
<tr>
<td>Centro</td>
<td><a href="https://goo.gl/maps/YHKoqqGLWV1rqyhL7" target="blank">Plaza Izazaga 38</a></td>
<td>Lunes a Sábado de 9:00am a 6:00pm</td>
</tr>
<tr>
<td>Roma Norte</td>
<td><a href="https://goo.gl/maps/9Q1VMqh7eo16yAea9" target="blank"> Cotorritos Cibeles </a></td>
<td>Lunes a Viernes de 10:00am a 5:00pm</td>
</tr>
</table>
</section>
<hr>
<section>
<h2>PEDIDOS EN LÍNEA</h2>
<h2>Realiza tu pedidos aquí!!!!</h2>
<h2>Selecciona tus productos</h2>
<form action="">
<h3>Tipos de bases</h3>
<input type="checkbox" id="Crema" name="Crema" value="Crema">
<label for="Crema">Crema</label>
<!-- agregar id y name a todos para que el javascript lo lea -->
<input type="number" id="CremaNumber" name="CremaNumber" placeholder="¿Cuántos?">
<br>
<input type="checkbox" id="Liquida" name="Liquida" value="Liquida">
<label for="Liquida">Liquida</label>
<input type="number" placeholder="¿Cuántos?">
<br>
<input type="checkbox" id="Polvo" name="Polvo" value="Polvo">
<label for="Polvo">Polvo</label>
<input type="number" placeholder="¿Cuántos?">
<h3>Paleta de Sombras</h3>
<input type="checkbox" id="Sombras de bolsillo" name="Sombras de bolsillo" value="Sombras de bolsillo">
<label for="Sombras de bolsillo">Sombras de bolsillo</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="topping2" name="topping2" value="sombras">
<label for="topping2">Sombras de 40 tonos</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="Sombras de 40 tonos" name="Sombras de 40 tonos" value="Sombras de 40 tonos">
<label for="Sombras de 40 tonos">Sombras de 60 tonos</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="Sombras de 90 tonos" name="Sombras de 90 tonos" value="Sombras de 90 tonos">
<label for="Sombras de 90 tonos">Sombras de 90 tonos</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="Sombras de brillos" name="Sombras de brillos" value="Sombras de brillos">
<label for="Sombras de brillos">Sombras de brillos</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="topping6" name="topping6" value="sombras">
<label for="topping6">Sombras fosforescentes</label>
<input type="number" placeholder="¿Cuántos?"><br>
<h3>Labiales</h3>
<input type="checkbox" id="topping1" name="topping1" value="Labiales">
<label for="topping1">Labial Matte</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="topping2" name="topping2" value="Labiales">
<label for="topping2">Gloss</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="topping3" name="topping3" value="Labiales">
<label for="topping3">Líquido Matte</label>
<input type="number" placeholder="¿Cuántos?">
<h3>Máscara de pestañas</h3>
<input type="checkbox" id="topping1" name="topping1" value="pestañas">
<label for="topping1">Color negro</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="topping2" name="topping2" value="pestañas">
<label for="topping2">Transparente</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="topping3" name="topping3" value="pestañas">
<label for="topping3">Otro color</label>
<input type="number" placeholder="¿Cuántos?">
<h3>Eyelashes</h3>
<input type="checkbox" id="topping1" name="topping1" value="Eyelashes">
<label for="topping1">Paquete de 10</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="topping2" name="topping2" value="Eyelashes">
<label for="topping2">Paquete de 5</label>
<input type="number" placeholder="¿Cuántos?"><br>
<input type="checkbox" id="topping3" name="topping3" value="Eyelashes">
<label for="topping3">Paquete de 3</label>
<input type="number" placeholder="¿Cuántos?">
<br><br>
<label for="Nombre">Nombre:</label>
<input type="text" id="Nombre" name="Nombre" placeholder="¿Cómo te llamas?">
<br><br>
<label for="Teléfono">Teléfono</label>
<input type="text" id="Teléfono" name="Teléfono" placeholder="¿Cuál es tu número?">
<br><br>
<label for="Direcció">Dirección</label>
<input type="text" id="Direcció" name="Direcció" placeholder="¿Cuál es tu dirección?">
<br><br>
<bUtton type="submit">ENVIAR PEDIDO</bUtton>
</form>
</section>
</body>
</html>