Diseño Web Moderno: Landing Page con Bootstrap y Formulario

Landing Page maquetada con HTML y estilizada con clases de Bootstrap y CSS, con formulario. El proyecto 89 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Dev Academy

DESAFÍOS

En este ejercicio podemos ver el logo en la parte superior izquierda de la landing page, y después dividir en dos el showcase donde tenemos texto de un lado y del otro lado un módulo para el 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: Dev Academy

Información técnica

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

RECURSOS

Deja tus comentarios y sugerencias.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Landing Page para Negocio

Landing Page para Negocio

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 Esta es una landing page para el lanzamiento de un nuevo producto o servicio, construído con HTML y...

Una Landing Page Sencilla

Una Landing Page Sencilla

https://www.youtube.com/watch?v=AotDOfaKss0 Tabla de Contenidos Introducción Desafíos Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información Técnica Recursos Introducción Esta es una landing page para el lanzamiento de un...

Página Estilo One Page

Página Estilo One Page

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 una página web estilo One Page, la cuál está maquetada con HTML y estilizada con CSS, este...