-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproductos.html
130 lines (80 loc) · 4.09 KB
/
productos.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
<!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="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@300;400;600;700;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/productos.css">
<title>Alura-Geek</title>
</head>
<body>
<header class="header contenedor">
<a href="./index.html" class="header_logo">
<img src="./img/Logo.png" alt="logotipo" class="header_logo-img" height="50px" width="150px">
</a>
<div class="header_barra">
<div class="header_barra-buscar">
<input class="header_barra-buscador" type="text" id="buscador" placeholder="¿Que deseas buscar?"
maxlength="50">
<svg xmlns="http://www.w3.org/2000/svg" id="buscar" class="icon icon-tabler icon-tabler-search"
width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a2a2a2" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<circle cx="10" cy="10" r="7" />
<line x1="21" y1="21" x2="15" y2="15" />
</svg>
</div>
<a class="btn-login" id="btn-login"></a>
</div>
</header>
<main class="contenedor-productos">
<section class="productos_listado contenedor">
<div class="resultado-busqueda contenedor" id="resultado-busqueda" style="margin: 0 auto 2rem auto;"></div>
<div class="productos_listado-barra">
<h2 class="productos_listado-titulo">Todos los productos</h2>
<a class="btn-azul" id="agregar-producto">Inicia sesión para agregar o eliminar productos</a>
</div>
<div class="productos">
<!--Aqui se insertan los productos desde JS-->
</div>
</section>
</main>
<section class="bg-azul">
<div class="contenedor inferior">
<div class="inferior_navegacion">
<img src="./img/Logo.png" alt="logo alurageek" class="inferior_logo">
<nav class="navegacion">
<a href="#" class="navegacion-enlace">Quienes somos</a>
<a href="#" class="navegacion-enlace">Política de privacidad</a>
<a href="#" class="navegacion-enlace">Programa de fidelidad</a>
<a href="#" class="navegacion-enlace">Nuestras Tiendas</a>
<a href="#" class="navegacion-enlace">Quiero una franquicia</a>
<a href="#" class="navegacion-enlace">Vender aquí</a>
</nav>
</div>
<form class="formulario" data-form-footer>
<h3 class="formulario_titulo">Hable con nosotros</h3>
<div class="contenedor-errores"></div>
<div class="contenedor_input">
<input class="input" type="text" placeholder="Nombre" id="nombre">
<label class="input-label" for="nombre">Nombre</label>
</div>
<textarea class="textarea" name="mensaje" id="textarea" cols="30" rows="5"
placeholder="Escribe tu mensaje"></textarea>
<input type="submit" value="Enviar mensaje" class="btn-azul" id="enviar-mensaje">
</form>
</div>
</section>
<footer class="footer contenedor">
<p class="footer-heading">Desarrollado por Daniel Posadas Rangel <span id="footer-fecha"></span></p>
</footer>
<script type="module" src="./controllers/verTodo-controller.js"></script>
<script type="module" src="./services/sesion-services.js"></script>
<script src="./js/app.js"></script>
</body>
</html>