frontendcafe / cmyk-orange Goto Github PK

en index.html

Hacer un archivo publicacion.html para agregar este form y publicacion.css dentro de la carpeta css (de ser necesario)

Hacer un registro-paso3.thml

Al seleccionar la opción del dropdown debe aparecer encima. Así:

Hacer un archivo pub-paso2.html

Agregar el JS para lograr que las opciones del dropdown aparezcan encima del mismo

Se debe agregar js para saber si estas logueado o no para mostrar este navbar

Desarrollo el metodo para verificar si el usuario está registrado en el sitio

Hacer un archivo registro-paso1.html para agregar este form y registro-paso1.css

-agregar el ícono de atrás
-color de las letras del input sea un poco más oscuras (verificar ese cambio en el figma)
-intentar que al escribir en el input no cambie el color del fondo y las letras sean gris oscrurito (verificar el color en figma)
-agregar espacios entre el form/imagen y el footer
-agregar versión mobile

-verificar la tipografía
-agregar versión mobile
-agregar más espacio entre el título y el navbar

Puede ser un archivo perfil.html

-verificar tipografía
-agregar espacios alrededor del ícono de atrás
-color de las letras del input sea un poco más oscuras (verificar ese cambio en el figma)
-cambiar el navbar por el que tiene botones
-agregar espacios entre el form/imagen y el footer
-cambiar el color del boton y agregar el hover
-agregar versión mobile

-verificar tipografía
-agregar versión mobile

traer la data del firestore.

usar el correo y contraseña del registro-paso1

-verificar la tipografía
-cambiar color al boton y agregar hover
-en los tags: agregar margin a la derecha del icono de cerrar
-agregar versión mobile

-verificar la tipografía
-color de las letras del input sea un poco más oscuras (verificar ese cambio en el figma)
-cambiar color del boton y agregar el hover
-agregar versión mobile

-verificar tamaño de la tipografía
-agregar el ícono de atrás
-verificar tamaño del form
-intentar que al escribir en el input no cambie el color del background
-color de las letras del input sea un poco más oscuras (verificar ese cambio en el figma)
-agregar hover al boton de No tengo cuenta
-verificar tamaño de la imagen
-agregar versión mobile
-agregar espacio entre el form/imagen y el footer

trabajar en Login.html

maquetar form-login con imagen y titulo (sin footer, navbar con y sin menu)

-verificar la tipografía
-agregar el ícono de atrás
-cuando se presione el circulo permita cargar una imagen
-color de las letras del input que sean más ocuras (ver cambio en el figma)
-agregar boton de siguiente con el hover (ver en figma en la seccion de UI kit)
-agregar versión mobile

-verificar la tipografía
-agregar estilos al dropdown
-agregar el ícono de atrás
-verificar tamaño del form
-agregar funcionalidad para que aparezcan los tags debajo del dropdown
-cargar de nuevo la imagen (que la que actual tiene un pequeño error traido del figma)
-intentar que al escribir en el input no cambie el color del fondo y las letras sean gris oscrurito (verificar el color en figma)
-agregar hover al botón (ver en figma en la seccion de UI kit)
-agregar versión mobile
-agregar espacio entre el form y el footer

Agregar el js para que al darle al boton de "Leer más" se aparezca (encima del botón) la info de contacto

registro-finalizado.html

-agregar la versión mobile
-eliminar el margin bottom