Portafolio con Bootstrap y SASS

Este es un portafolio hecho con Bootstrap y SASS. El proyecto número 51 del reto personal #100sitioswebchallenge.

Puedes visualizar el sitio en: Pro Portfolio

DESAFÍOS

Definitivamente Bootstrap tiene ventajas de ahorrarte mucho tiempo en algunos estilos para tu sitio web. Y con SASS me ayuda a terminar de complementar. Por ejemplo el background de la cabecera en la página de inicio lo llamo dentro de SASS.

PROCESO

Paleta de colores y estilos

Paleta de colores: FFFFFF 000000

Tipografía: Montserrat de Google Fonts

Íconos: Font Awesome

HTML y CSS

Este es el proceso del sitio. Primero hago todo en HTML, y al mismo tiempo voy metiendo las clases de Bootstrap, para terminar con últimos estilos de SASS.

Sitio web responsivo

Esta es la vista del sitio ahora de manera responsiva

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Pro Portfolio

Información técnica

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

Recursos

Font Awesome License

Deja tus comentarios y sugerencias para el portafolio hecho con Bootstrap y SASS.

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