-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacto.html
151 lines (151 loc) · 11.9 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name ="author" content = "Ana Laura Cavagnaro">
<meta name = "description" content = "Podés escribirnos y responderemos a tu consulta">
<meta name = "keywords" content = "recetas, cocina, contacto, nombre, apellido, país, newsletter">
<title>Completá el formulario para contactarte con nosotros</title>
<link rel= "icon" href="img/icono.png">
<link rel= "stylesheet" href="estilo.css">
<link href="https://fonts.googleapis.com/css2?family=Bad+Script&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100&display=swap" rel="stylesheet">
<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/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
</head>
<body class="body__fondo2">
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-gradient">
<div class="container-fluid">
<div class="icono animate__animated animate__rubberBand"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarScroll">
<ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll" style="--bs-scroll-height: 100px;">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href=index.html>Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contacto.html">Contacto</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarScrollingDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Más
</a>
<ul class="dropdown-menu" aria-labelledby="navbarScrollingDropdown">
<li><a class="dropdown-item" href="misemana.html">Mi semana</a></li>
<li><a class="dropdown-item" href="ingresoreceta.html">Ingresá tu receta</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="tips.html">Tips rápidos</a></li>
</ul>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Búsqueda" aria-label="Search">
<button class="boton" type="submit">Buscar</button>
</form>
</div>
</div>
</nav>
</header>
<br>
<br>
<h1>Podés escribirnos. ¡Esperamos tu mensaje!</h1>
<main>
<div class="formulario-contacto">
<form class="row g-3">
<div class="col-md-4 formulario-contacto__label">
<label for="validationServer01" class="form-label">Nombre</label>
<input type="text" class="form-control" id="validationServer01" placeholder="Nombre" required>
</div>
<div class="col-md-4 formulario-contacto__label">
<label for="validationServer02" class="form-label">Apellido</label>
<input type="text" class="form-control" id="validationServer02" placeholder="Apellido" required>
</div>
<div class="mb-3 formulario-contacto__correo">
<label for="exampleInputEmail1" class="form-label">Correo electrónico</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="[email protected]" aria-describedby="emailHelp" required>
<div id="emailHelp" class="form-text">Nunca compartiremos tu dirección de correo electrónico</div>
</div>
<div class="form-floating">
<textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea2" style="height: 100px"></textarea>
<label for="floatingTextarea2">Mensaje</label>
</div>
<div class="col-12">
<div class="form-check">
<input type="checkbox" name="acepta" value="1"/>
<label> Estoy de acuerdo con los <a href="url" data-bs-toggle="modal" data-bs-target="#exampleModal">términos y condiciones</a> </label>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<h5 class="modal-title" id="exampleModalLabel">Términos y condiciones</h5>
</div>
<div class="modal-body">
<p class="modal-body__p">Recetas sin vueltas cumple con la Ley 25.326 sobre protección de datos personales. Ello implica que la recopilación de datos personales que efectúa lo realiza a los fines para los cuales el Usuario suscribe cada formulario.
El Usuario entiende y acepta que Recetas sin vueltas podrá enviarle correos electrónicos al completar el presente formulario para brindarle información atinente al evento por el cual el Usuario se ha comunicado y/o toda aquella actividad e información que tenga alguna relación con el mismo.
Recetas sin vueltas informa que los datos que el Usuario proporcione mediante el presente formulario pueden ser utilizados para fines estadísticos que ayuden a mejorar la gestión interna del sitio. Esta investigación se realiza en base a datos agregados que no permiten una identificación personal de los usuarios.
Recetas sin vueltas mantendrá absoluta confidencialidad de los datos personales brindados por los usuarios. Esa información se archiva en sus servidores con criterios estrictos de seguridad.
Los usuarios son responsables de los datos personales que compartan o proporcionen a Recetas sin vueltas, los que deberán ser correctos, estar completos y los que deberán mantener actualizados, pudiendo rectificarlos en caso de que sean incorrectos o solicitar su eliminación en caso de no estar obligados a conservarlos por imperativo legal o por razones legítimas de la actividad o servicios, salvo solicitudes improcedentes o vejatorias que, pongan en riesgo la privacidad de terceros, que resulten inviables o para la legislación local no exija derecho de acceso. Recetas sin vueltas conservará sus Datos Personales durante el período de tiempo necesario para cumplir los fines para los que han sido recopilados, salvo que la ley exija o permita conservarlos durante un período de tiempo más largo.
Los Usuarios podrán enviarnos solicitudes de acceso, rectificación y/o eliminación de sus Datos Personales a nuestra dirección de correo electrónico [email protected]. Recetas sin vueltas no recopila, utiliza ni divulga de forma intencionada datos sensibles de los usuarios. En caso de que un usuario se contacte con Recetas sin vueltas a fin de acceder, rectificar o eliminar sus Datos Personales, tomaremos las medidas razonables para actualizar, modificar, rectificar o eliminarlos.
Dadas las condiciones de seguridad que ofrece hoy Internet, se debe tener presente que siempre que se divulgue voluntariamente información personal en línea, ésta puede ser recogida y utilizada por otros. Por lo tanto, si bien Recetas sin vueltas pone el mayor esfuerzo por proteger la información personal, no será responsable por la difusión de los datos personales de los Usuarios por fuentes ajenas a ésta ni será responsable por los daños y perjuicios que la misma genere.</p>
</div>
<div class="modal-footer">
<button class="modal__boton" type="button" data-bs-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<div class="invalid-feedback">
Aceptar los términos y condiciones para continuar
</div>
</div>
</div>
<div class="col-12">
<button class="contacto__boton" type="submit">Enviar</button>
<button class="contacto__boton" type="dismiss">Borrar</button>
</div>
</form>
</div>
</main>
<section>
<footer>
<div class="icono"><a class="navbar-brand" target="_self" href="index.html">
<img src="img/icono.png"></a>
</div>
<div class="footerInfo">
<p class="footer__p">Recetas fáciles y rápidas con ingredientes que vas a encontrar en cualquier tienda</p>
</div>
<div class="socialMedia">
<div class="socialMediaIcono">
<a target = "_self" href= "contacto.html"><img src="img/contacto.png" alt="Contacto"></a>
</div>
<div class="socialMediaIcono">
<a target = "_self" href= "url" class="socialMediaIcono"><img class="socialMediaIcono" src="img/twitter.png" alt="Twitter"></a>
</div>
<div class="socialMediaIcono">
<a target = "_self" href= "url" class="socialMediaIcono"><img class="socialMediaIcono" src="img/instagram.png"alt="Instagram"></a>
</div>
</div>
<div class="mapa-de-sitio">
<p class="mapa-de-sitio__titulo">Mapa de sitio</p>
<ul class="mapa-de-sitio">
<a class="mapa-de-sitio__link" href="index.html"><li class="mapa-de-sitio__encabezado--enlace">Inicio</li></a>
<a class="mapa-de-sitio__link" href="contacto.html"><li class="mapa-de-sitio__encabezado--enlace">Contacto</li></a>
<li class="mapa-de-sitio__encabezado">Más</li>
<a class="mapa-de-sitio__link" href="misemana.html"><li class="mapa-de-sitio__submenu">Mi semana</li></a>
<a class="mapa-de-sitio__link" href="ingresoreceta.html"><li class="mapa-de-sitio__submenu">Ingresá tu receta</li></a>
<a class="mapa-de-sitio__link" href="tips.html"><li class="mapa-de-sitio__submenu">Tips rápidos</li></a>
</ul>
</div>
</footer>
</section>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
</body>
</html>