search

Formate-con-Altia / valida.me

Validar formularios
GNU General Public License v3.0
3 stars 8 forks source link

Crear la landing page #9

Open omiras opened 2 years ago

omiras commented 2 years ago

Objetivo y análisis

Crear una landing page según el diseño Figma

  1. Crear un partials para header y footer. Entendemos header como el menú de navegación con el logo (usar bootstrap 5 para que en viewports de móvil se convierta en menú hamburguer). Entendemos footer como la zona azul con el texto "Validame 2022".
  2. Creación del fichero de estilos compartidos main.css
    • variables CSS para los colores definidos en Figma
    • por ejemplo estilos para sombrear los inputs
  3. Incorporación del logo y el favicon
  4. Quitar iconos redes sociales
  5. Pensar si hay alguna manera de poner una sección equipo acorde al tamaño o poner información loremipsum (ficticia); y pensar un buen copy más adelante.
  6. Recordad que las imágenes son un recurso estático. Deben ir dentro de "public"
  7. Página creación de formulario (forms/index.ejs)
  8. Página rellenar formulario (forms/id.ejs)
omiras commented 2 years ago

https://www.figma.com/file/so4zBEOdRV7JkNRWhmJl21/Validame?node-id=51%3A45

AlexPortas commented 2 years ago

.imgSection {
width: 50%; display: block; margin: 0 auto; } en el section borrar los espacios en blanco y poner esta clase en img

AlexPortas commented 2 years ago

Ahora tuve 20 min y aproveche para subir algunas cosas. Arregle la section que habia hecho mal pero aun tenemos que ver para hacer responsive. También cree el footer en partials. Cree en public una carpeta css (para organizar) Y empece la section de la imagen.

omiras commented 2 years ago

En la cabecera poner TODAS estas opciones: