Landing page con Bootstrap

Esta es una landing page sencilla hecha con Bootstrap. El proyecto número 46 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Landing Bootstrap

DESAFÍOS

Inspirada en la plantilla de Bootstrap de Robust. Como te puedes dar cuenta la landing page está dividido en dos columnas, donde se muestra una forma para poner tu correo y del otro lado sólo párrafos de texto.

Tanto los colores como los estilos son llamadas hacia Bootstrap, si puedes ver la estructura del sitio notarás que no tengo ningún archivo de estilos. Sino todo se encuentra dentro del mismo archivo HTML

PROCESO

Paleta de colores y estilos

Paleta de colores: 000000 FFFFFF 0070FA

Tipografía: Roboto de Google Fonts

HTML y CSS

Aquí puedes ver la vista del sitio, previo a llamar a las librerías de Bootstrap.

Este es la vista de la landing page final

Sitio web responsivo

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Landing Bootstrap

Información técnica

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

Recursos

Unsplash

Deja tus comentarios y sugerencias. Esta es una landing page sencilla hecha con Bootstrap.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

100 Sitios Web Challenge 2024

100 Sitios Web Challenge 2024

https://www.youtube.com/watch?v=Pw5nzaXYvJ0 Tabla de Contenidos Introducción ¿Qué es el reto #100sitioswebchallenge? Aprendizajes del 2023 Reglas Conclusión Introducción Estoy emocionada de presentarte un desafío que nos llevará a explorar el fascinante mundo del...