-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathingresoreceta.html
167 lines (167 loc) · 13.6 KB
/
ingresoreceta.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
<!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 compartir tu receta con todo el mundo completando estos simples campos">
<meta name = "keywords" content = "recetas, compartir, campos, foto, título, ingredientes, pasos, términos, condiciones">
<title>Completá este simple formulario y compartí tu receta con todo el mundo</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/bootstrap@5.0.0-beta2/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>Completá los siguientes datos y compartí tu receta</h1>
<main>
<div class="formulario">
<form method="get">
<div class= "contenido">
<div class="col-md-12 formulario-contacto__correo formulario__margen">
<label for="exampleInputEmail1" class="form-label">Correo electrónico</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="ejemplo@ejemplo.com" aria-describedby="emailHelp" required>
<div id="emailHelp" class="form-text">Nunca compartiremos tu dirección de correo electrónico</div>
</div>
<div class="col-md-12 formulario-contacto__label formulario__margen">
<label for="validationServer02" class="form-label">Título de la receta</label>
<input type="text" class="form-control" id="validationServer02" maxlenght="50" placeholder="Ingresa el título de tu receta" required>
</div>
<div class="col-md-12 formulario-contacto__label formulario__margen">
<label for="validationServer02" class="form-label">Agregá los ingredientes de tu receta</label>
<input type="text" class="form-control" id="validationServer02" maxlenght="50" placeholder="Ej. 500 g. de harina" required>
</div>
<div class="formulario__agregar formulario__margen">
<button class="formulario__boton2" type="submit" value="Ingrediente">Agregar un ingrediente</button>
</div>
<br>
<div class="col-md-12 form-floating formulario__margen">
<p>Describí brevemente los pasos</p>
<textarea class="form-control" id="floatingTextarea2" maxlength="250" style="height: 5rem"></textarea>
<label for="floatingTextarea2"></label>
</div>
<div class="formulario__agregar formulario__margen">
<button class="formulario__boton2" type="submit" value="Paso">Agregar un paso</button>
</div>
<div>
<p>Podés subir una foto de tu receta</p>
<input class="formulario__foto col-md-12 form-floating" type="file" id="formFile">
</div>
<br>
<br>
</div>
<div class="formulario__checkbox">
<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 info@recetassinvueltas.com. 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>
<br>
<br>
<div class="col-md-3 col-sm-6 col-12 boton_enviarBorrar">
<button class="formulario__boton2" type="submit" value="Enviar">Enviar</button>
<button class="formulario__boton2" type="reset" value="Borrar">Borrar</button>
</div>
</form>
</div>
</main>
<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 de hacer 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>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
</body>
</html>