Sitio One Page con Flex utilizando Bootstrap

Este es un sitio estilo One Page con Flex utilizando sólo Bootstrap. Sitio 45 para del proyecto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Workflow

DESAFÍOS

Completamente hecho con Bootstrap, me permite jugar con los colores y la estructura. En varias de las secciones verán como se dividen las columnas, y esto es gracias a las clases Row y Col, que básicamente son clases que llaman a los estilos de Flex de CSS.

PROCESO

Paleta de colores y estilos

Paleta de colores: 000000 FFFFFF

Tipografía: Roboto de Google Fonts

Íconos: Font Awesome

Mockup (Bosquejo)

Para este proyecto no hice bosquejo brinqué directamente a la maquetación. Basado en el Tema Service.

HTML y CSS

Esta es la vista del sitio antes de agregar la librería de clases de Bootstrap.

Una vez activa la librería de Bootstrap, todas las clases se llaman por medio de HTML.

Sitio web responsivo

Esta es la vista responsiva, la cuál no necesita trabajo extra, ya que la responsividad está incluido en las clases Bootstrap.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Workflow

Información técnica

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

Recursos

Font Awesome License

Unsplash

• Jesus Kiteque

 

Este fue un sitio estilo One Page con Flex utilizando sólo Bootstrap. Deja tus comentarios y sugerencias.