-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
187 lines (181 loc) · 10.7 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./css/style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="icon" href="icono.jpg">
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Compras Online</title>
<script src="https://kit.fontawesome.com/eb496ab1a0.js" crossorigin="anonymous"></script>
</head>
<body>
<nav class=" bg-dark border-bottom border-body" data-bs-theme="dark">
<nav class="navbar navbar-expand-lg bg-body-tertiary ">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<img src="icono.jpg" class="img-thumbnail" width="90" alt="...">
<a class="navbar-brand" href="index.html"> TekoWave</a>
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Inicio</a>
<li class="nav-item">
<a class="nav-link" href="login.html">Iniciar Sesión</a>
</li>
</ul>
<span id="divisas-navbar" class="text-light mx-auto"></span>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="buscar" aria-label="buscar">
<button class="btn btn-outline-success" type="submit">Buscar</button>
</form>
<a href="compras.html" class="btn btn-outline-secondary me-2 button">
<i class="fas fa-shopping-cart"></i> Carrito <span id="num_cart" class="badge bg-secondary"></span>
</a>
</div>
</div>
</nav>
</nav>
<div id="carouselExampleCaptions" class="carousel slide">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="ca1.jpg" class="d-block w-100" height="500" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Samsung</h5>
<p>celulares samsung ultimos modelos con 12 cuotas sin interés.</p>
</div>
</div>
<div class="carousel-item">
<img src="ca8.jpg" class="d-block w-100" height="500" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>notebook HP</h5>
<p>notebook ideales para oficinas.</p>
</div>
</div>
<div class="carousel-item">
<img src="ca6.png" class="d-block w-100" height="500" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Microondas marca Electron</h5>
<p>Microondas con buena capacidad y de excelente marca.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="card-group mb-2">
<div class="card mb-2">
<img src="ca2.jpg" class="card-img-top tarjeta" alt="...">
<div class="card-body mb-2">
<h5 > <li><a class="dropdown-item" href="desc_TV1.html">Smart TV Marca '''Premier </a></li></h5>
<p class="card-text">Nuestro televisor Smart combina elegancia y funcionalidad, permitiéndote acceder fácilmente a tus aplicaciones favoritas de streaming, redes sociales y contenido en línea, todo desde la comodidad de tu sala de estar.</p>
</div>
</div>
<div class="card mb-2">
<img src="ca3.jpg" class="card-img-top tarjeta" alt="...">
<div class="card-body mb-2">
<h5><li><a class="dropdown-item" href="desc_TV2.html">Smart TV Marca Samsung</a></li> </h5>
<p class="card-text">Experimenta el entretenimiento en su mejor momento con nuestro televisor Smart, que cuenta con tecnología de inteligencia artificial para recomendaciones personalizadas, control por voz y una interfaz intuitiva que se adapta a tus preferencias.</p>
</div>
</div>
<div class="card mb-2">
<img src="ca6.png" class="card-img-top tarjeta" alt="...">
<div class="card-body mb-2">
<h5><li><a class="dropdown-item" href="desc_Micro1.html">Microondas Marca HP </a></li> </h5>
<p class="card-text">Simplifica tu vida en la cocina con nuestro microondas de diseño compacto y elegante, ideal para calentar comidas rápidamente y cocinar deliciosos platos en cuestión de minutos.</p>
</div>
</div>
</div>
<div class="card-group mb-2">
<div class="card mb-2">
<img src="ca9.jpg" class="card-img-top tarjeta" alt="...">
<div class="card-body mb-2">
<h5> <li><a class="dropdown-item" href="desc_Micro2.html">Microondas marca Panasonic </a> </li> </h5>
<p class="card-text">Nuestro microondas ofrece una combinación perfecta de rendimiento y conveniencia, con funciones preprogramadas para calentar, descongelar y cocinar una variedad de alimentos con un simple toque de botón.</p>
</div>
</div>
<div class="card mb-2">
<img src="ca10.jpg" class="card-img-top tarjeta" alt="...">
<div class="card-body mb-2">
<h5><li><a class="dropdown-item" href="desc_Cell1.html">Iphone 14 Pro Max </a></li></h5>
<p class="card-text">Descubre la potencia de la innovación en la palma de tu mano con nuestro celular, que cuenta con una pantalla de alta resolución, cámaras de calidad profesional y un rendimiento fluido para satisfacer todas tus necesidades digitales.</p>
</div>
</div>
<div class="card mb-2">
<img src="ca11.jpg" class="card-img-top tarjeta" alt="...">
<div class="card-body mb-2">
<h5><li><a class="dropdown-item" href="desc_Cell2.html">Motorola E 22 </a></li></h5>
<p class="card-text">Explora un mundo de posibilidades con nuestro celular, que te brinda acceso instantáneo a aplicaciones, juegos y contenido multimedia, además de características de seguridad mejoradas para proteger tu privacidad y datos personales.</p>
</div>
</div>
</div>
<div class="card-group mb-2">
<div class="card mb-2">
<img src="ca7.png" class="card-img-top tarjeta" alt="...">
<div class="card-body mb-2">
<h5 ><li><a class="dropdown-item" href="desc_Pc1.html">PC Marca Samsung </a></li></h5>
<p class="card-text">Descubre la versatilidad y la fiabilidad de nuestra PC todo en uno, que combina un diseño elegante con un rendimiento excepcional. Desde el entretenimiento hasta la productividad, esta computadora ofrece una experiencia informática completa en un paquete compacto y conveniente. This content is a little bit longer.</p>
</div>
</div>
<div class="card mb-2">
<img src="ca13.png" class="card-img-top tarjeta" alt="...">
<div class="card-body mb-2">
<h5 > <li><a class="dropdown-item" href="desc_Pc2.html">PC Gamer Marca Xpg </a></li></h5>
<p class="card-text">Haz que cada jugada cuente con nuestra PC Gamer personalizable, diseñada para adaptarse a tus preferencias y necesidades únicas. Desde el diseño de la torre hasta los componentes internos, esta máquina te permite construir la plataforma de gaming perfecta para alcanzar la victoria en tus juegos favoritos.</p>
</div>
</div>
<div class="card mb-2">
<img src="ca14.png" class="card-img-top tarjeta" alt="...">
<div class="card-body mb-2">
<h5><li><a class="dropdown-item" href="desc_Pc3.html">Notebook Marca Acer </a></li></h5>
<p class="card-text">Transforma tu manera de trabajar y crear con nuestro notebook, equipado con herramientas intuitivas y un diseño ergonómico que te permite ser más productivo y creativo, ya sea en la oficina, en casa o en movimiento.</p>
</div>
</div>
</div>
<footer class="pie-pagina">
<div class="grupo-1">
<div class="box">
<figure>
<a href="#">
<img src="icono.jpg" alt="...">
</a>
</figure>
</div>
<div class="box">
<h2>SOBRE NOSOTROS</h2>
<p>Nos Ubicamos en Av. Mall #1002, Providencia</p>
<p>CONTACTOS: </p>
<p>numero: 2 3948 0193 </p>
<p>Email: [email protected]</p>
</div>
<div class="box">
<h2>SIGUENOS</h2>
<div class="red-social">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-youtube"></a>
</div>
</div>
</div>
<div class="grupo-2">
<small>© 2023 <b>TekoWave</b> - Todos los Derechos Reservados.</small>
</div>
</footer>
<script src="index.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>