Esta es una Landing Page diseñada para la industria de Bienes Raíces, simulando la apertura de un edificio. El proyecto 82 parte del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Apartment
DESAFÍOS
Esta landing page quise poner un formulario de manera horizontal y construirlo muy sencillo. Al mismo tiempo quise darle un efecto distinto lo cual se logra al darle un margin negativo al módulo del formulario para subirlo y ponerlo sobre el background del showcase.
PROCESO
Paleta de colores y estilos
Colores
- Uso de colores Bootstrap 5 predeterminados (Light, dark)
- Otros (#1C405A)
Tipografía
- Uso de font predeterminado de Bootstrap 5: Native Font Stack
Mockup (Bosquejo)
Este es el proceso inicial del proyecto donde se construye el bosquejo.
HTML y CSS (Bootstrap)
El proceso de HTML y CSS con Bootstrap es simultaneo.
Sitio web responsivo
Vista del sitio web de manera responsivo
Publicación del sitio
Consulta el código del sitio en: Github
Puedes visualizar el sitio en: Apartment
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS
- Bootstrap 5
- Sitio responsivo
- Github
- Netlify
RECURSOS
Unsplash
Deja tus comentarios y sugerencias.