Tutorial de Bootstrap 5: Landing Page con Registro Modal

Esta es una Landing Page sencilla maquetada con HTML y estilizada con Bootstrap 5, con un botón que al dar click abre un módulo para mostrar un formulario. El proyecto 90 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Seniors

DESAFÍOS

Para este proyecto tenemos del lado izquierdo dos imágenes con un radius del 50% para hacer las imágenes redondas, y del otro lado tenemos texto incluyendo logo y un botón que abrió un Modal de Bootstrap 5 para mostrar un formulario.

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: Seniors

Información técnica

  • Visual Studio Code
  • HTML5 (Semántico)
  • CSS
  • Bootstrap 5
  • Sitio responsivo
  • Github
  • Netlify

RECURSOS

Pexels

Deja tus comentarios y sugerencias.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado