-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
192 lines (192 loc) · 10.6 KB
/
home.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
<html>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="file:///C:/Users/miltr/Desktop/Proyecto-Propuesta%20innovadora-por%20Joan%20Riofrio/formato.css"/>
<link rel="icon" type="image/png" href="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\Iconos\Imagen3.png">
<title>CENTURIES</title>
<head>
<div><img id="logo" src="file:///C:/Users/miltr/Desktop/Proyecto-Propuesta%20innovadora-por%20Joan%20Riofrio/logo%20letras.png"/)>
<button class="login"><a href="file:///C:/Users/miltr/Desktop/Proyecto-Propuesta%20innovadora-por%20Joan%20Riofrio/iniciar%20secion/Nueva%20carpeta/index.html"><img src="file:///C:/Users/miltr/Desktop/Proyecto-Propuesta%20innovadora-por%20Joan%20Riofrio/Iconos/iniciar-sesion%20(1).png" width="100"></a></button>
</div>
<meta name="viewport" content="width=divice-width, user-scalable=no, initial-scale=1.0, maximun-scale=1.0, minimun-scale=1">
<div class="pop" id="pop-up">
<div id="cerrar"><a href="javascript:close()"><img src="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\Iconos\cancelar.png"></a></div>
¿Cómo puedo Pagar?<br><br>
Banca virtual<br><br>
<button class="Invi" id="BV"><a target="_blank" href="https://www2.bancodeloja.fin.ec/WebBancaPersonal/Ingreso.htm"><img src="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\Iconos\BancoL.png" width="250px"></a></button><br><br>
O también:<br><br>
<img class="BP"src="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\Iconos\BancoP.png" width="150px"> BANCO PICHINCHA<br>
N°xxxx-xxxx cuenta corriente<br><br>
<button class="salir" id="gracias">LISTO</button>
</div>
<div class="pop1" id="pop-up1">
<div id="cerrar"><button class="salir1" id="OK">OK</button><p>¡Su paquete llegará pronto!</p></div>
<img src="file:///C:/Users/miltr/Desktop/Proyecto-Propuesta%20innovadora-por%20Joan%20Riofrio/Iconos/portada.gif" width="500">
</div>
</head>
<body>
<div id="menu">
<ul class="nav">
<li><a href="file:///C:/Users/miltr/Desktop/Proyecto-Propuesta%20innovadora-por%20Joan%20Riofrio/Subpagina%202/Acercade.html">Acerca de</a></li>
<li><a href="file:///C:/Users/miltr/Desktop/Proyecto-Propuesta%20innovadora-por%20Joan%20Riofrio/Informaci%C3%B3n/Informacion.html">Información</a></li>
<li class="submenu"><a href="#">Productos</a>
<ul>
<li><a href="#">Computadoras</a></li>
<li class="ssm"><a href="#">Audio y Video</a>
<ul>
<li>¡Próximamente!</li>
</ul>
</li>
<li class="ssm"><a href="#">Celulares</a>
<ul>
<li>¡Próximamente!</li>
</ul>
</li>
<li class="ssm"><a href="#">Accsesorios</a>
<ul>
<li>¡Próximamente!</li>
</ul>
</li>
</ul>
</li>
<li class="item-r"><a href="file:///C:/Users/miltr/Desktop/Proyecto-Propuesta%20innovadora-por%20Joan%20Riofrio/subpagina%201/Subpagina.html">Contacto</a></li>
</ul>
</div>
<div class="in-inflex" id="contenido">
<center>Para ti</center>
<section class="home">
<ul class="nav1">
<li class="submenu1"><div class="in-flex"><div id="p1">
<img src="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\productos\Producto 1.jpg" height="132">
Huawei Matebook D 14 - Ordenador Portátil <b>USD500.55</b>
</div></div>
<ul>
<li>
<p>
<b>Huawei Matebook D 14 -</b> Ordenador Portátil de 14" FullHD (AMD Ryzen 5 3500u, 8 GB RAM, 512 GB SSD, Multi-Screen Collaboration, Sensor de Huella, Windows 10 Home), Color Space Gray, Teclado en Español.<br><br>
Básicamente es un ordenador con muy buenas características a un precio récord, y además tiene un aspecto bonito y limpio. Con una construcción de metal y en general la calidad de sus componentes es lo que lo ponen por encima del 90% de los portátiles por el mismo precio.<br><br>
</p>
<button id="boton">Añadir al carrito</button>
<button id="menos">Quitar del carrito</button>
</li>
</ul>
</li>
<li class="submenu1"><div class="in-flex"><div id="p1">
<img src="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\productos\Producto2.jpg" height="132">
Huawei Matebook D 15 - Ordenador Portátil <b>USD500.55</b>
</div></div>
<ul>
<li>
<p>
<b>Huawei Matebook D 15 -</b> Ordenador Portátil de 15.6" FullHD (AMD Ryzen 5 3500u, Multi-Screen Collaboration, 8GB RAM, 256GB SSD. Windows 10 Home), Color Mystic Silver, Teclado en Español<br><br>
Entre la Huawei D 14 y la D 15 la diferencia entre ellos es simplemente las pulgadas de cada uno de estos dispositivos. Básicamente es un ordenador con muy buenas características a un precio récord, y además tiene un aspecto bonito y limpio. Con una construcción de metal y en general la calidad de sus componentes es lo que lo ponen por encima del 90% de los portátiles por el mismo precio.<br><br>
</p>
<button id="boton">Añadir al carrito</button>
<button id="menos" >Quitar del carrito</button>
</li>
</ul>
</li>
<li class="submenu1"><div class="in-flex"><div id="p1">
<img src="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\productos\Producto 3.jpg" height="132">
Lenovo Ideapad 330-15ICH - Ordenador Portátil <b>USD800.43</b>
</div></div>
<ul>
<li>
<p>
<b>Lenovo Ideapad 330-15ICH -</b> Ordenador Portátil 15.6" FullHD (Intel Core i5-8300H, 8GB RAM, 1TB HDD + 128GB SSD, Nvidia GTX1050-2GB, Windows10) Color Negro - Teclado en Español<br><br>
Es el portátil más estándar, más normal es decir aquel que sabes que no te va a fallar para tareas un poco mas demandantes que usar Word, ademas tiene muy buenas especificaciones.<br><br>
<button id="boton" >Añadir al carrito</button>
<button id="menos" >Quitar del carrito</button>
</p>
</li>
</ul>
</li>
<li class="submenu2"><div class="in-flex"><div id="p1">
<img src="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\productos\Producto 4.jpg" height="132">
Lenovo Yoga 530-14ARR - Portátil Táctil Convertible <b>USD625.78</b>
</div></div>
<ul>
<li>
<p>
<b>Lenovo Yoga 530-14ARR -</b> Portátil Táctil Convertible de 14" HD (AMD Ryzen3 2200U, 4GB RAM, 128GB SSD, Windows 10), Color Negro - Teclado en Español.<br><br>
Es un portátil estándar, el cual posee las mejores especificaciones, para un rendimiento más potente, y un precio accesible, ademas se puede transformar en tableta, gracias a su pantalla táctil.<br><br>
<button id="boton" >Añadir al carrito</button>
<button id="menos" >Quitar del carrito</button>
</p>
</li>
</ul>
</li>
<li class="submenu1"><div class="in-flex"><div id="p1">
<img src="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\productos\Producto 5.jpg" height="132">
ASUS VivoBook 14 S433FL-EB180T - Ordenador portátil <b>USD900.48</b>
</div></div>
<ul>
<li>
<p>
<b>ASUS VivoBook 14 S433FL-EB180T -</b> Ordenador portátil de 14" FullHD (Intel Core i7-10510U, 16 GB RAM, 512 GB SSD, GeForce MX250, Windows 10 Home) Colores Verde Gaia y Plata - Teclado en español.<br><br>
El portátil como tal es excelente es potente, es ligero y rápido. Este asus cumple cualquier tarea para la cual la quieras usar más que sobrado y con una buena batería, es la mejor opcion calidad-precio en cuanto a las especificaciones que te ofrece.<br><br>
<button id="boton" >Añadir al carrito</button>
<button id="menos" >Quitar del carrito</button>
</p>
</li>
</ul>
</li>
<li class="submenu1"><div class="in-flex"><div id="p1">
<img src="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\Iconos\agotado.png" height="132">
<b>Lo sentimos, más productus Próximamente...!!</b>
</div></div></li>
</ul>
<div class="in-flex">
<div class="position" id="carrito">
<img src="C:\Users\miltr\Desktop\Proyecto-Propuesta innovadora-por Joan Riofrio\Iconos\carrito-de-compras.png">
<b>Carrito</b>
<p>Desde aqui podra monitorear la cantidad de productos comprados.</p>
<script>
window.onload = function() {
var contador=0;
document.getElementById('boton').onclick = function() {
contador ++;
document.getElementById('mostrar').innerHTML = contador;
}
document.getElementById('menos').onclick = function() {
if(contador <=0){
return;
}
contador--;
document.getElementById('mostrar').innerHTML = contador;
}
document.getElementById('compra').onclick = function() {
if(contador ==0){
alert("Aun no has añadido nada al carrito.");
}else if (contador >=0) {
//document.location.href="https://desktop.github.com/";
document.getElementById('pop-up').style.display="block";
document.getElementById('cerrar').style.display="block";
document.getElementById('gracias').style.display="none";
}
}
document.getElementById('BV').onclick = function() {
document.getElementById('gracias').style.display="block";
document.getElementById('cerrar').style.display="none";
}
document.getElementById('gracias').onclick = function() {
document.getElementById('pop-up').style.display="none";
alert("¡¡Gracias!!");
document.getElementById('pop-up1').style.display="block";
}
document.getElementById('OK').onclick = function() {
document.getElementById('pop-up1').style.display="none";
}
}
function close() {
document.getElementById('pop-up').style.display="none";
alert("Lo sentimos, no se ha podido realizar la compra Virtual, intente con la segunda opción(Banco Pichincha).");
}
</script>
<p>Productos: <span id="mostrar"></span></p>
<center><button type="button" id="compra"name="compra1" onclick="press">Comprar</button></center>
</div>
</div>
</div>
</section>
</body>
</html>