-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
97 lines (79 loc) · 3.68 KB
/
contact.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="prefetch" as="document"
href="https://epok.buenosaires.gob.ar/getGeoLayer/?categoria=contenedores_verdes&formato=geojson&srid=4326">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" href="css/styles.css" media="screen" type="text/css">
<link rel="shortcut icon" href="icons/favicon.ico" type="image/x-icon" />
<script src="js/jquery-3.6.1.js"></script>
<title>Proyecto Reliquia</title>
</head>
<body>
<header>
<a href="index.html" id="logo"><img src="icons/leaf-icon.png" alt="logo">PROYECTO RELIQUIA</a>
<nav>
<a class="botonNav" href="index.html"><b>Inicio</b></a>
<a class="botonNav" href="aboutUs.html"><b>Nostros</b></a>
<a class="botonNav" href="greenSpots.html"><b>Puntos Verdes</b></a>
<a class="botonNav" href="contact.html"><b>Contacto</b></a>
</nav>
</header>
<aside>
<h2>Acercanos tu consulta</h2>
<ul id="inquietud">
<li>Si vivís en departamento con encargado o sos una empresa, oficina o comercio con una gran generación de
residuos reciclables, podés entregárselos a los recuperadores urbanos que pasan por tu cuadra.
</li><br>
<li>Si necesitás más información sobre nuestro programa de incentivos.
</li><br>
<li>Para aportar tus ideas o inquietudes.
</li><br>
<li>Para solicitar capacitaciones en tu escuela o barrio.
</li>
</ul>
</aside>
<main>
<form id="contacto" action="https://formspree.io/f/mwkznydy" method="POST" onsubmit="return validacion();">
<!-- https://formspree.io/f/mwkznydy -->
<!-- [email protected] -->
<label for="Fullname">
<input type="text" id="Fullname" name="Fullname" size="20" minlength="7" maxlength="30" autocomplete="off"
required="true" placeholder="solo letras" />
<b>Nombre Completo</b>
</label>
<label for="Email">
<input type="email" id="Email" name="Email" size="20" minlength="8" maxlength="30" autocomplete="on"
pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" required="true" placeholder="[email protected]" />
<b>Email</b>
<br><span id="emailOK"></span>
</label>
<label id="msg" for="Msg">
<span id="contador"></span>
<textarea name="textarea" id="Msg" form="contacto" spellcheck="ture" required="true"
minlength="10" maxlength="200" autocomplete="off""
placeholder="Escriba su consulta aquí..."></textarea>
</label>
<div id="contacto-btn">
<button id="send" type="submit">Enviar</button>
<button id="reset" type="reset">Borrar</button>
</div>
</form>
</main>
<footer>
<a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer"><img class="fab facebook"
src="./icons/facebook.png"></a>
<a href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer"><img class="fab instagram"
src="icons/instagram.png"></a>
<a href="https://chat.whatsapp.com/BiaPEpimmAbAiAVhz3EZm9" target="_blank" rel="noopener noreferrer"><img
class="fab whatsapp" src="icons/whatsapp.png"></a>
<a href="https://t.me/+5491134038784" target="_blank" rel="noopener noreferrer"><img class="fab telegram"
src="icons/telegram.png"></a>
</footer>
</body>
<script src="js/contacto.js"></script>
</html>