-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproducts.html
245 lines (245 loc) · 16.1 KB
/
products.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
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!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">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/products/main.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/control.css">
<link rel="stylesheet" href="icofont/icofont.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400&display=swap" rel="stylesheet">
<title>Productos</title>
</head>
<body>
<header>
<div class="header--container">
<a class="header--link--container" href="index.html"><img class="header--icon" src="assets/Logo.png" alt=""></a>
<div class="header--container--flex">
<form action="" class="header--form">
<input type="text" class="header--input" placeholder="¿Qué deseas buscar?">
<button class="header--form--button"><i class="icofont-ui-search"></i></button>
</form>
<button class="header--button" onclick="window.location.href='login.html'">Login</button>
</div>
</div>
</header>
<main>
<div class="main--products">
<p class="main--title">Todos los productos</p>
<button class="main--products--button" onclick="window.location.href='addItem.html'">Agregar artículo</button>
</div>
<div class="main--starwars">
<div class="main--starwars--contenedor">
<div class="main--starwars--producto">
<img src="assets/Star Wars/Star-Wars Producto 1.png" alt="Cabeza de Storm Trooper">
<p class="main--producto--titulo">Cabeza Storm Trooper</p>
<p class="main--producto--precio">$350.00</p>
<p class="main--descripcion">
Este producto es una cabeza hueca del personaje Storm Trooper, perteneciente a la saga de películas Star Wars.
</p>
<button class="main--producto--link--starwars main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--starwars--producto">
<img src="assets/Star Wars/Star-Wars Producto 2.png" alt="Cabeza de Storm Trooper">
<p class="main--producto--titulo">Figura de Darth Vader</p>
<p class="main--producto--precio">$500.00</p>
<p class="main--descripcion">
Este producto es una figura de LEGO a cuerpo completo del personaje Dart Vader, perteneciente a la saga de películas Star Wars.
</p>
<button class="main--producto--link--starwars main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--starwars--producto">
<img src="assets/Star Wars/Star-Wars Producto 3.png" alt="Poster de Yoda">
<p class="main--producto--titulo">Poster</p>
<p class="main--producto--precio">$150.00</p>
<p class="main--descripcion">
Este producto es un póster alusivo al personaje Yoda perteneciente a la saga de películas de fantasía espacial Star Wars.
</p>
<button class="main--producto--link--starwars main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--starwars--producto">
<img src="assets/Star Wars/Star-Wars Producto 4.png" alt="Figura de Storm Trooper">
<p class="main--producto--titulo">Figura Storm Trooper</p>
<p class="main--producto--precio">$700.00</p>
<p class="main--descripcion">
Este producto es una figura de cuerpo completo a escala del personaje Storm Trooper, perteneciente a la saga de películas Star Wars.
</p>
<button class="main--producto--link--starwars main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--starwars--producto">
<img src="assets/Star Wars/Star-Wars Producto 5.png" alt="Figura de Grogu">
<p class="main--producto--titulo">Figura de Grogu</p>
<p class="main--producto--precio">$350.00</p>
<p class="main--descripcion">
Este producto se trata de una figura a escala de cuerpo completo del personaje Grogu, coprotagonista de la serie The Mandalorian, perteneciente a su vez al universo de Star Wars.
</p>
<button class="main--producto--link--starwars main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--starwars--producto">
<img src="assets/Star Wars/Star-Wars Producto 6.png" alt="Figura de Kylo Ren">
<p class="main--producto--titulo">Figura de Kylo Ren</p>
<p class="main--producto--precio">$750.00</p>
<p class="main--descripcion">
Este producto se trata de una figura coleccionable de cuerpo completo a escala del personaje Kylo Ren perteneciente a la tercera trilogía de la saga de películas de Star Wars.
</p>
<button class="main--producto--link--starwars main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
</div>
</div>
<div class="main--consoles">
<div class="main--consoles--contenedor">
<div class="main--consoles--producto">
<img src="assets/Consolas/Consolas Producto 1.png" alt="Control Xbox ONE">
<p class="main--producto--titulo">XBOX ONE</p>
<p class="main--producto--precio">$5000.00</p>
<p class="main--descripcion">
Control inalámbrico para jugar videojuegos en la consola de Microsoft Xbox ONE. No incluye baterías.
</p>
<button class="main--producto--link--consoles main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--consoles--producto">
<img src="assets/Consolas/Consolas Producto 2.png" alt="Consola PlayStation 5">
<p class="main--producto--titulo">PlayStation 5</p>
<p class="main--producto--precio">$5000.00</p>
<p class="main--descripcion">
Consola para jugar videojuegos Sony PlayStation 5, versión digital. No incluye juegos digitales.
</p>
<button class="main--producto--link--consoles main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--consoles--producto">
<img src="assets/Consolas/Consolas Producto 3.png" alt="Consola NES">
<p class="main--producto--titulo">NES</p>
<p class="main--producto--precio">$2500.00</p>
<p class="main--descripcion">
Consola para jugar videojuegos Nintendo Entertainment System (NES). Incluye dos controles y un juego dentro del catálogo disponible.
</p>
<button class="main--producto--link--consoles main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--consoles--producto">
<img src="assets/Consolas/Consolas Producto 4.png" alt="Joycons">
<p class="main--producto--titulo">Joycons</p>
<p class="main--producto--precio">$500.00</p>
<p class="main--descripcion">
Controles tipo Joycon para la consola Nintendo Switch, incluyen calcomanías decorativas de Splatoon.
</p>
<button class="main--producto--link--consoles main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--consoles--producto">
<img src="assets/Consolas/Consolas Producto 5.png" alt="XBOX Series X">
<p class="main--producto--titulo">XBOX Series X</p>
<p class="main--producto--precio">$10000.00</p>
<p class="main--descripcion">
Consola para jugar videojuegos Microsoft XBOX Series X. Incluye un código para el videojuego Elden Ring.
</p>
<button class="main--producto--link--consoles main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--consoles--producto">
<img src="assets/Consolas/Consolas Producto 6.png" alt="Consola Genérica">
<p class="main--producto--titulo">Genérica</p>
<p class="main--producto--precio">$50.00</p>
<p class="main--descripcion">
Consola de videojuegos genérica que incluye 25 juegos clásicos como Tetris o Snake.
</p>
<button class="main--producto--link--consoles main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
</div>
</div>
<div class="main--diversos">
<div class="main--diversos--contenedor">
<div class="main--diversos--producto">
<img src="assets/Diversos/Diversos Producto 1.png" alt="Playera Nintendo">
<p class="main--producto--titulo">Playera</p>
<p class="main--producto--precio">$270.00</p>
<p class="main--descripcion">
Playera con diseño de Nintendo. Disponible en todas las tallas.
</p>
<button class="main--producto--link--diversos main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--diversos--producto">
<img src="assets/Diversos/Diversos Producto 2.png" alt="Playera Atari">
<p class="main--producto--titulo">Playera</p>
<p class="main--producto--precio">$270.00</p>
<p class="main--descripcion">
Playera con diseño de Atari. Disponible en todas las tallas.
</p>
<button class="main--producto--link--diversos main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--diversos--producto">
<img src="assets/Diversos/Diversos Producto 3.png" alt="Despertador">
<p class="main--producto--titulo">Despertador</p>
<p class="main--producto--precio">$700.00</p>
<p class="main--descripcion">
Despertador temático con amplia categoría de tonos despertadores de videojuegos clásicos.
</p>
<button class="main--producto--link--diversos main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--diversos--producto">
<img src="assets/Diversos/Diversos Producto 4.png" alt="Lentes VR">
<p class="main--producto--titulo">Lentes VR</p>
<p class="main--producto--precio">$3500.00</p>
<p class="main--descripcion">
Sumérgete en la tecnología del VR, adéntrate y conoce el potencial que tiene este tipo de accesorios. Incluye una variedad de entornos de prueba para exprimir al máximo todas sus funcionalidades.
</p>
<button class="main--producto--link--diversos main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--diversos--producto">
<img src="assets/Diversos/Diversos Producto 5.png" alt="Peluche">
<p class="main--producto--titulo">Peluche Pikachu</p>
<p class="main--producto--precio">$700.00</p>
<p class="main--descripcion">
Peluche del personaje Pikachu perteneciente al universo de Pokemón. Viene en varios tamaños.
</p>
<button class="main--producto--link--diversos main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
<div class="main--diversos--producto">
<img src="assets/Diversos/Diversos Producto 6.png" alt="Figura de Sonica">
<p class="main--producto--titulo">Figura Sonic</p>
<p class="main--producto--precio">$850.00</p>
<p class="main--descripcion">
Figura conmemoratiiva del 30 aniversario del personaje Sonic The Hedgehog perteneciente a SEGA.
</p>
<button class="main--producto--link--diversos main--producto--link" onclick="window.location.href='singleProduct.html';">Ver detalles</button>
</div>
</div>
</div>
</main>
<footer>
<div class="footer--sections">
<section class="footer--logo">
<a href="index.html"><img class="header--icon" src="assets/Logo.png" alt=""></a>
</section>
<section class="footer--links">
<ul class="footer--list">
<li class="footer--list--element"><a class="footer--list--element--link" href="">Quienes somos</a></li>
<li class="footer--list--element"><a class="footer--list--element--link" href="">Política de privacidad</a></li>
<li class="footer--list--element"><a class="footer--list--element--link" href="">Programa de fidelidad</a></li>
<li class="footer--list--element"><a class="footer--list--element--link" href="">Nuestras Tiendas</a></li>
<li class="footer--list--element"><a class="footer--list--element--link" href="">Quiero ser franquiciado</a></li>
<li class="footer--list--element"><a class="footer--list--element--link" href="">Anúncie aquí</a></li>
</ul>
</section>
<section class="footer--form--container">
<p class="footer-form--title">Hable con nosotros</p>
<form class="footer--form" action="">
<input class="footer--form--input" type="text" placeholder="Nombre">
<input class="footer--form--input" type="text" placeholder="Escribe un mensaje">
<button class="footer--form--submit">Enviar mensaje</button>
</form>
</section>
</div>
<div class="footer--container">
<p class="footer--text">Desarrollado por Norbert Nava</p>
<p class="footer--text">2022</p>
</div>
</footer>
<script src="js/verificarUser.js"></script>
<script src="js/createArticle.js"></script>
<script src="js/details.js"></script>
</body>
</html>