Diseño de Landing Page con Bootstrap 5

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

Tipografía

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.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio web One Page con navegación fija

Sitio web One Page con navegación fija

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este es un sitio web estilo One Page maquetado con HTML y estilizado con CSS con una navegación fija....