-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
275 lines (238 loc) · 13 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
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
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="SmallCakeko">
<meta name="keywords" content="Smallcakeko, keko, Cakeko, productos para diseñadores, Tableta Digitalizadora Wacom, Tableta Digitalizadora Huion, MacBook, Laptop Lenovo, Marcadores Prismacolor, Marcadores Copic, Rapidógrafos Artline, Rapidógrafos Rotring, Lápices de Grafito Faber-Castell, Lápices de Grafito Staedtler, Bitácora de Dibujo Strathmore, Bitácora de Dibujo Canson, Papel Opalina, Papel Acuarela, Mouse Ergonómico Logitech, Teclado Mecánico RGB Corsair, Bisturí de Corte X-Acto, Tijeras de Precisión Fiskars, Adobe Creative Cloud, CorelDRAW, Impresora 3D Ender 3 Pro, Filamento PLA, Plantillas UI/UX Design, diseño gráfico, papelería profesional, herramientas de dibujo, tecnología para diseño, impresión 3D, diseño de plantillas, software para diseño">
<meta name="description" content="Explora nuestro e-commerce para diseñadores, donde encontrarás productos de alta calidad como tabletas digitalizadoras, laptops, marcadores, rapidógrafos, papelería especializada, herramientas de dibujo, impresoras 3D, filamentos PLA, plantillas UI/UX, y paquetes de software creativo. Todo lo que necesitas para llevar tus proyectos al siguiente nivel.">
<link rel="shortcut icon" href="img/logo1.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="styles_css/style_index.css">
<link
href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&family=Macondo+Swash+Caps&display=swap"
rel="stylesheet">
<title>ArtBoard</title>
<script src="javascripts_js/verificarSesion.js" defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="css/animate.css">
</head>
<body>
<header class="sticky-top">
<div class="container">
<div class="row align-items-center">
<div class="logo col-lg-4 col-md-4 col-sm-12 text-center text-md-start">
<img class="logoimg" src="img/logo2.png" alt=""> ArtBoard
</div>
<nav class="col-lg-4 col-md-4 d-none d-md-flex justify-content-center">
<a href="#">
Inicio
</a>
<a href="#conocenos">
Conócenos
</a>
<a href="#tienda">
Tienda
</a>
<a href="#contactanos">
Contáctanos
</a>
</nav>
<div class="search-login col-lg-4 col-md-4 col-sm-12 d-flex justify-content-end">
<div class="InputContainer">
<input placeholder="Search" id="inputs" class="inputs" name="text" type="text" autocomplete="off" />
<label class="labelforsearch" for="inputs">
<svg class="searchIcon" viewBox="0 0 512 512">
<path
d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z">
</path>
</svg>
</label>
</div>
<a href="#" id="userIconLink">
<img class="usericon" src="img/usericon.png" alt="">
</a>
</div>
</div>
</div>
</header>
<section class="hero d-flex align-items-center justify-content-center wow animate__animated animate__fadeIn" >
<div class="container d-flex align-items-center justify-content-center">
<div class="row d-flex align-items-center justify-content-center">
<div class="col">
<h1 style=" font-weight: bolder;">
Herramientas Creativas al alcance de tu mano.
</h1>
<p>
Aquí encontrarás todo lo que necesitas para tus proyectos de diseño.
</p>
<a href="tienda.html">
<button class="buttonhero">
<span class="text">Quiero ver más</span>
<span class="icon">></span>
</button>
</a>
</div>
<div class="col d-flex justify-content-center">
<img src="img/imagen1.png" style="border: 1px solid #ffffff; width: 65%;" alt="">
</div>
</div>
</div>
</section>
<section class="about d-flex align-items-center justify-content-center wow animate__animated animate__fadeIn" id="conocenos">
<div class="container d-flex align-items-center justify-content-center">
<div class="row d-flex align-items-center justify-content-center">
<div class="col-4 d-flex align-items-center">
<img class="img-fluid" src="img/imagen2.png"
style="border: 1px solid #ffffff; width: 80%; height: auto;" alt="">
</div>
<div class="col-8">
<h1 style="font-weight: bolder;">
Conócenos
</h1>
<p>
En ArtBoard, estamos dedicados a ofrecerte los mejores recursos y herramientas para potenciar tu
creatividad. Nuestro equipo de apasionados diseñadores y desarrolladores trabaja constantemente
para traerte productos y colaboraciones de alta calidad que
te ayuden a llevar tus proyectos al siguiente nivel.
<br>
<br> Para eso te garantizamos:
</p>
<div class="row features">
<div class="col">
<h3>
<img src="img/ver.png" alt=""> Alta Calidad
</h3>
<p>
Nos aseguramos de los más altos estándares de calidad para potenciar tu creatividad.
</p>
</div>
<div class="col">
<h3>
<img src="img/cam.png" alt=""> Entrega Rápida
</h3>
<p>
Servicio de entrega rápida, confiable y con el producto en perfectas condiciones.
</p>
</div>
</div>
<br>
<a href="form.html">
<p style="font-size: 12px;">Si quieres ser parte de nosotros, no dudes presionar aquí, wink
(｡•̀ᴗ-)✧
</p>
</a>
</div>
</div>
</div>
</section>
<section class="shop d-flex align-items-center justify-content-center" id="tienda">
<div class="container">
<div class="row">
<div class="col">
<h1 style="font-weight: bolder;">
Tienda
</h1>
</div>
<div class="col d-flex align-items-center justify-content-end">
<a href="tienda.html" style="text-align: right;">
Ver todos >>>
</a>
</div>
</div>
<div class="products row d-flex align-items-center justify-content-center">
</div>
</div>
</section>
<section class="contact py-5 d-flex align-items-center justify-content-center" id="contactanos">
<div class="container">
<h1 class="text-center fw-bold wow animate__animated animate__fadeIn">Contáctanos</h1>
<p class="text-center wow animate__animated animate__fadeIn">¡Nos encantaría saber de ti!
<br>Si tienes alguna pregunta, sugerencia o comentario, no dudes en ponerte en contacto con nosotros.
</p>
<div class="row justify-content-center infocontatrow">
<div class="col-md-5 d-flex align-items-center mb-4">
<img alt="Ana Rodríguez sitting on a couch in a modern room" src="img/imagen7.png"
class="profile-img img-fluid rounded-circle me-3 wow animate__animated animate__fadeInLeft">
<div class="card-content">
<h2>Ana Rodríguez</h2>
<h3>Cofundadora y CEO</h3>
<div class="contact-info">
<img src="img/gmail.png" alt="" class="ciizq">
<span>ana.rodriguez@artboard.com</span>
</div>
<div class="contact-info">
<img src="img/telefono.png" alt="" class="ciizq">
<span>+57 315 865 9452</span>
</div>
<div class="contact-info">
<img src="img/in.png" alt="" class="ciizq">
<span>Ana Rodríguezzzz</span>
</div>
</div>
</div>
<div class="col-md-5 d-flex align-items-center mb-4">
<div class="card-content text-end me-3">
<h2>Lucía Fernandez</h2>
<h3>Directora Creativa</h3>
<div class="contact-info">
<span>lucia.fernandez@artboard.com</span>
<img src="img/gmail.png" alt="" class="cider">
</div>
<div class="contact-info">
<span>+57 315 239 0482</span>
<img src="img/telefono.png" alt="" class="cider">
</div>
<div class="contact-info">
<span>Lucy Fernandez</span>
<img src="img/in.png" alt="" class="cider">
</div>
</div>
<img alt="Lucía Fernandez standing in front of tall grass holding a green bag"
src="img/imagen8.png" class="profile-img img-fluid rounded-circle wow animate__animated animate__fadeInRight">
</div>
</div>
<p class="text-center mt-4">O si gustas, envíanos un formulario, <a href="form.html">aquí.</a></p>
</div>
</section>
<footer>
<div class="footer">
<div class="left">
<div class="logofooter">
<a href="index.html" style="color: white !important;">
<img class="logoimg" src="img/logo1.png" alt=""> ArtBoard</a>
</div>
</div>
<div class="center">
<p>Herramientas Creativas al alcance de tu mano.</p>
<div class="social-icons">
<a href="#"><img src="img/instagram.png" alt=""></a>
<a href="#"><img src="img/facebook.png" alt="" class="imgtikita"></a>
<a href="#"><img src="img/tiktok.png" alt=""></a>
<a href="#"><img src="img/youtube.png" alt="" class="imgtikita"></a>
</div>
</div>
<div class="right" style="font-family: Macondo Swash Caps" , cursive; ">
<a href=" #"><span style="color: white;">Volver Arriba</span></a>
<i class="fas fa-caret-up "></i>
</div>
</div>
<div class="copyright " style="text-align: center; ">
© 2024 ArtBoard Inc.
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js "
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz "
crossorigin="anonymous "></script>
<script>
new WOW().init();
</script>
<script src="js/wow.min.js"></script>
<script src="javascripts_js/data.js"></script>
<script src="javascripts_js/indexcards.js"></script>
<script src="javascripts_js/index.js"></script>
</body>
</html>