Una Landing Page Sencilla

Tabla de Contenidos

Introducción

Esta es una landing page para el lanzamiento de un nuevo producto o servicio, construído con HTML y CSS. El proyecto 12 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: LP Sencilla

Desafíos

Quería hacer una landing page muy sencilla como referencia futura para cuando se está contruyendo el sitio web de un producto o servicios y quieres empezar con la colección de correos, para futuros clientes interesados.

Proceso

Paleta de colore y estilos

Paleta de colores: #FFFFFF #096C00

Tipografía: 

Mockup (Bosquejo)

Para el bosquejo, uso Figma.

HTML y CSS

Una vez con el bosquejo listo, se empieza el proceso de maquetación, para posteriormente terminar con los estilos.

Sitio web responsivo

Esta es la vista del sitio en móvil.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: LP Sencilla

Información Técnica

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

Recursos

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....