-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacto.html
407 lines (387 loc) · 15 KB
/
contacto.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
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Formulario de contacto - Prensa del Plata</title>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Kalam:wght@700&family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="assets/css/contacto.css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<!-- FAVICON PARA TODOS LOS DISPOSITIVOS -->
<link
rel="apple-touch-icon-precomposed"
sizes="57x57"
href="assets/img/favicon/apple-touch-icon-57x57.png"
/>
<link
rel="apple-touch-icon-precomposed"
sizes="114x114"
href="assets/img/favicon/apple-touch-icon-114x114.png"
/>
<link
rel="apple-touch-icon-precomposed"
sizes="72x72"
href="assets/img/favicon/apple-touch-icon-72x72.png"
/>
<link
rel="apple-touch-icon-precomposed"
sizes="144x144"
href="assets/img/favicon/apple-touch-icon-144x144.png"
/>
<link
rel="apple-touch-icon-precomposed"
sizes="60x60"
href="assets/img/favicon/apple-touch-icon-60x60.png"
/>
<link
rel="apple-touch-icon-precomposed"
sizes="120x120"
href="assets/img/favicon/apple-touch-icon-120x120.png"
/>
<link
rel="apple-touch-icon-precomposed"
sizes="76x76"
href="assets/img/favicon/apple-touch-icon-76x76.png"
/>
<link
rel="apple-touch-icon-precomposed"
sizes="152x152"
href="assets/img/favicon/apple-touch-icon-152x152.png"
/>
<link
rel="icon"
type="image/png"
href="assets/img/favicon/favicon-196x196.png"
sizes="196x196"
/>
<link
rel="icon"
type="image/png"
href="assets/img/favicon/favicon-96x96.png"
sizes="96x96"
/>
<link
rel="icon"
type="image/png"
href="assets/img/favicon/favicon-32x32.png"
sizes="32x32"
/>
<link
rel="icon"
type="image/png"
href="assets/img/favicon/favicon-16x16.png"
sizes="16x16"
/>
<link
rel="icon"
type="image/png"
href="assets/img/favicon/favicon-128.png"
sizes="128x128"
/>
<meta name="application-name" content=" " />
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta
name="msapplication-TileImage"
content="assets/img/favicon/mstile-144x144.png"
/>
<meta
name="msapplication-square70x70logo"
content="assets/img/favicon/mstile-70x70.png"
/>
<meta
name="msapplication-square150x150logo"
content="assets/img/favicon/mstile-150x150.png"
/>
<meta
name="msapplication-wide310x150logo"
content="assets/img/favicon/mstile-310x150.png"
/>
<meta
name="msapplication-square310x310logo"
content="assets/img/favicon/mstile-310x310.png"
/>
</head>
<body>
<div class="contenedor">
<div class="header">
<div class="logo">
<a href="./"><img src="assets/img/logo.png" alt="logo" /></a>
</div>
<div class="slogan">
<h2>Anunciantes</h2>
</div>
</div>
<main class="contenido">
<section class="sectionForm">
<div class="form-container">
<div class="form-title-block">
<h3>¿Por qué anunciar en nuestro sitio web?</h3>
<br />
<p>
<i>
Publicitar en nuestro sitio web es una gran ventaja para tu
negocio. Al hacerlo, tu marca se presenta a una audiencia
específica y comprometida. Además, nuestros visitantes ya
están interesados en los productos o servicios que ofreces,
por lo que hay una mayor probabilidad de que tus anuncios
generen conversiones y ventas. En resumen, publicitar en
nuestro sitio web es una excelente manera de llegar a una
audiencia relevante y obtener un mayor retorno de inversión
para tu negocio.</i
>
</p>
<br />
<h3>¿Querés anunciar en nuestro sitio web?</h3>
<p>
Déjanos tus datos y te contactaremos a través
de uno de nuestros
representantes.
</p>
</div>
<form id="formulario">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="row">
<div class="group col-6">
<input type="text" name="nombre" id="nombre" placeholder=" " />
<label>Nombre *</label>
<div id="validacion-nombre" class="error-form">
<b>Ingrese un nombre</b>
</div>
</div>
<div class="group col-6">
<input type="text" name="apellido" id="apellido" placeholder=" "/>
<label>Apellido *</label>
<div id="validacion-apellido" class="error-form">
<b>Ingrese un apellido</b>
</div>
</div>
<div class="group col">
<input type="text" name="email" id="email" placeholder=" "/>
<label>Email *</label>
<div id="validacion-email-invalido" class="error-form">
<b>El e-mail es inválido</b>
</div>
</div>
</div>
<div class="group col">
<input
type="text"
name="telefono"
id="telefono"
maxlength="10"
placeholder=" "
/>
<label>Celular de contacto *</label>
<div id="validacion-telefono-invalido" class="error-form">
<b>El número es incorrecto</b>
</div>
<div>Ej. 1130450000</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 mx-auto">
<div class="group col">
<div class="label-right-block">
¿En qué horario preferís que te llamemos?
</div>
<select id="horario" name="horario">
<option selected="" disabled="">Elegir horario...</option>
<option value="9-12">9 a 12hs</option>
<option value="12-15">12 a 15hs</option>
<option value="15-18">15 a 18hs</option>
<option value="18-21">18 a 21hs</option>
<option value="Todos">En cualquier horario</option>
</select>
<div id="validacion-horario-invalido" class="error-form">
<b>Elige un horario</b>
</div>
</div>
<div class="group col">
<select id="genero" name="genero">
<option selected="" disabled="">Género *</option>
<option value="Mujer">Femenino</option>
<option value="Hombre">Masculino</option>
<option value="Otro">Otro</option>
</select>
<div id="validacion-genero-invalido" class="error-form">
<b>Elige un género</b>
</div>
</div>
</div>
</div>
<div class="required-fields"><i>* Campos obligatorios</i></div>
<div class="text-center">
<div class="spinner-border text-success" id="envioSpinner">
<span class="sr-only">Procesando...</span>
</div>
<button type="submit" id="botonEnvio" class="btn btn-primary">
Contáctame ahora
</button>
</div>
</form>
<div
id="envio-error"
class="error-form text-center mt-4 text-danger"
>
<b
>Hubo un inconveniente al enviar la información. Intente
nuevamente o pruebe más tarde.</b
>
</div>
<div class="msj msj-ok">
<span
><p><b>Enviado</b></p>
En breve nos contactaremos con usted. Mientras, si tenés alguna
duda o querés leer más, visita:
<a href="#" target="_blank">“Preguntas frecuentes”</a></span
>
</div>
</div>
</section>
<div class="preg-frecuentes container">
<div class="preg-frecuentes__imgs"></div>
<div class="preg-frecuentes__descrip">
<div class="video">
<iframe src="https://www.youtube.com/embed/ljB5JIRev_U?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
<article>
<h5>
¿Cómo puedo saber si mi anuncio está generando resultados en tu
sitio web?
</h5>
<p>
Puedes hacer seguimiento a tus anuncios a través de herramientas
de análisis y seguimiento, como Google Analytics. Además,
ofrecemos métricas de rendimiento de tus anuncios para que
puedas evaluar su efectividad y realizar ajustes según sea
necesario.
</p>
</article>
<article>
<h5>
¿Puedo personalizar la ubicación y el formato de mi anuncio en
tu sitio web?
</h5>
<p>
Sí, ofrecemos opciones de personalización de anuncios para que
puedas elegir la ubicación y el formato que mejor se adapte a
tus necesidades y objetivos de marketing.
</p>
</article>
<article>
<h5>
¿Cómo puedo saber si mi anuncio cumple con los estándares y
políticas publicitarias de tu sitio web?
</h5>
<p>
Antes de publicar cualquier anuncio, realizamos una revisión
para asegurarnos de que cumpla con nuestras políticas y
estándares publicitarios. Si tienes alguna duda o inquietud
sobre tus anuncios, nuestro equipo de soporte está disponible
para ayudarte y responder a tus preguntas.
</p>
</article>
<hr class="separador-gris" />
<article class="mt-4">
<p class="no-margin">
¿Dudas?
<a rel="noopener noreferrer" href="#" target="_blank"
>Consultá las Preguntas Frecuentes</a
>
</p>
</article>
</div>
</div>
</main>
<footer class="final">
<div class="contenido">
<div class="sobre nosotros">
<img src="assets/img/logo.png" alt="" />
<p class="no-margin">
Prensa del Plata es una empresa de periodismo nacida en Buenos
Aires. Hoy en día, Prensa del Plata es una de las empresas de
periodismo más importantes del país. A través de su sitio web y
sus redes sociales, la empresa sigue contando las historias que
importan y llevando la información a todos los rincones del país.
</p>
<ul class="sobre redes list-unstyled">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-youtube"></i></a>
</li>
</ul>
</div>
<div class="sobre enlaces">
<h2>Enlaces rápidos</h2>
<ul class="list-unstyled">
<li class="nav-item"><a href="./">Inicio</a></li>
<li class="nav-item"><a href="#">Nacionales</a></li>
<li class="nav-item"><a href="#">Deportes</a></li>
<li class="nav-item"><a href="#">Tecnología</a></li>
<li class="nav-item"><a href="#">Internacionales</a></li>
</ul>
</div>
<div class="sobre contacto">
<h2>Información de contacto</h2>
<ul class="info list-unstyled">
<li>
<span
><i class="fa fa-phone"></i>
<a href="tel:123456789">+549110543345</a></span
>
</li>
<li>
<span
><i class="fa fa-map-marker"></i>
<a href="#"> Nro. 820 - La Plata - Pcia. de Bs. As.</a>
</span>
</li>
<li>
<span
><i class="fa fa-comment-o"></i>
<a href="./contacto.html">¿Cómo anunciar?</a>
</span>
</li>
</ul>
</div>
<div class="copyrightext">
<p class="no-margin">
© 2023 Prensa Del Plata - Todos los derechos reservados
</p>
<p class="no-margin">Términos y condiciones - Privacidad</p>
</div>
</div>
<a href="#top"
><button class="ir-al-inicio" title="Ir arriba">
<i class="fa fa-angle-up"></i></button
></a>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script src="assets/js/contacto.js"></script>
</body>
</html>