-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (159 loc) · 7.04 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
<!DOCTYPE html>
<html lang="es>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles/style.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon">
<title>Tech Paraná</title>
</head>
<body>
<header>
<div class="logo">
<a href="#"><img src="assets/logo.png" alt="Logo de Tech Paraná"></a>
</div>
<nav>
<ul>
<li><a href="/#servicios">Servicios</a></li>
<li><a href="/#productos">Productos</a></li>
<li><a href="/#contacto">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<section id="banner">
<div class="container_banner">
<div class="sobre_nosotros">
<h1>¡Bienvenido!</h1>
<p>
"¡Encontraste lo que buscabas! Somos tu proveedor de confianza para insumos de computadoras.
Desde cables hasta periféricos, ofrecemos productos de calidad a precios competitivos.
Nuestra amplia gama de productos garantiza que encuentres todo lo que necesitas para mantener
tu tecnología funcionando sin problemas. ¡Confia en nosotros para tus necesidades informáticas!"
</p>
</div>
<div class="nosotros_img">
<img src="assets/nosotros.png" alt="Imagen del equipo de trabajo">
</div>
</div>
</section>
<section id="servicios">
<div class="contenedor_categorias">
<a href="#">
<div class="categoria">
<img src="assets/insumos.png" alt="Imagen de cartuchos de impresion">
<h3>Insumos</h3>
</div>
</a>
<a href="#">
<div class="categoria">
<img src="assets/arma-tu-pc.png" alt="Imagen de computadora">
<h3>Arma tu PC</h3>
</div>
</a>
<a href="#">
<div class="categoria">
<img src="assets/servicio-tecnico.png" alt="Imagen de herramientas">
<h3>Servicio Tecnico</h3>
</div>
</a>
</div>
</section>
<hr>
<section id="productos">
<h2>Los mejores productos para vos</h2>
<div class="contenedor_tarjetas">
<div class="tarjeta">
<img src="assets/notebook.png" alt="Imagen de Notebook">
<h3>Notebook Asus Ryzen 3 3250u 8gb Ssd 256gb 15.6 1 Color Azul</h3>
<p>
$707.999
</p>
<a href="#"><i class='bx bxs-cart'></i><p>Agregar al Carrito</p></a>
</div>
<div class="tarjeta">
<img src="assets/playstation-5.png" alt="Imagen de PLaystation 5">
<h3>Sony Playstation 5 Slim Digital 1tb Con Spiderman 2</h3>
<p>
$1.200.000
</p>
<a href="#"><i class='bx bxs-cart'></i><p>Agregar al Carrito</p></a>
</div>
<div class="tarjeta">
<img src="assets/iphone-15.png" alt="Imagen de iphone 14">
<h3>Apple iPhone 14 (256 GB) - Blanco estelar - Distribuidor Autorizado</h3>
<p>
$3.497.799
</p>
<a href="#"><i class='bx bxs-cart'></i><p>Agregar al Carrito</p></a>
</div>
<div class="tarjeta">
<img src="assets/disco-ssd-WD.png" alt="Imagen de disco SSD Western Digital">
<h3>Disco sólido interno Western Digital WD Green WDS240G1G0A 240GB</h3>
<p>
$36.625
</p>
<a href="#"><i class='bx bxs-cart'></i><p>Agregar al Carrito</p></a>
</div>
<div class="tarjeta">
<img src="assets/teclado.png" alt="Imagen teclado HyperX RGB">
<h3>Teclado gamer HyperX Alloy Origins Core QWERTY inglés US negro RGB</h3>
<p>
$143.909
</p>
<a href="#"><i class='bx bxs-cart'></i><p>Agregar al Carrito</p></a>
</div>
<div class="tarjeta">
<img src="assets/cartucho-epson.png" alt="Cartucho de impresion Epson">
<h3>Cartucho Original Epson 297 Xp-431 Xp-231 T297120-al Negro</h3>
<p>
$30.000
</p>
<a href="#"><i class='bx bxs-cart'></i><p>Agregar al Carrito</p></a>
</div>
</div>
</section>
<hr>
<section id="contacto">
<h2>Contacto</h2>
<div class="contenedor_form">
<form action="https://formsubmit.co/filodidacter@gmail.com" method="POST">
<div>
<label for="nombre">
Nombre
</label>
<input type="text" name="nombre" placeholder="Escriba su nombre" required>
</div>
<div>
<label for="correo">Correo</label>
<input type="email" name="email" placeholder="Escriba su correo" required>
</div>
<div>
<label for="mensaje">Mensaje</label>
<textarea name="textarea" rows="10" cols="50" placeholder="Escriba su mensaje" required></textarea>
</div>
<button type="submit">ENVIAR</button>
</form>
</div>
<div class="skewed-container">
<div class="skewed"></div>
<div class="content">
</div>
</div>
</section>
</main>
<footer>
<div class="redes">
<h3>Contacto</h3>
<address>
<a href="mailto:mimail@gmail.com"><i class='bx bxs-envelope'></i><span>mimail@gmail.com</span></a>
</address>
<a href="tel:123456"><i class='bx bxs-phone' ></i><span>123456</span></a>
</div>
<div class="wsp">
<a href="https://api.whatsapp.com/send?phone=123456" target="_blank"><i class='bx bxl-whatsapp'></i></a>
</div>
</footer>
</body>
</html>