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.
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/07/412-image-1.png?resize=500%2C308&ssl=1)
HTML y CSS
Una vez con el bosquejo listo, se empieza el proceso de maquetación, para posteriormente terminar con los estilos.
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/07/412-image-2.png?resize=500%2C259&ssl=1)
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/07/412-image-3.png?resize=500%2C308&ssl=1)
Sitio web responsivo
Esta es la vista del sitio en móvil.
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/07/412-image-4.png?resize=495%2C920&ssl=1)
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.