Portafolio sencillo de 3 páginas con Flex

Cómo hacer un sitio sencillo de 3 páginas con Flex. El proyecto 12 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Katherine

DESAFÍOS

Fue interesante estar jugando con una ilustración en 3D para la portada del sitio, creo que le da una visualización distinta.

PROCESO

Paleta de colores y estilos

Paleta de colores: F0BBA2 EDCABA 000000

Tipografía:

Mockup (Bosquejo)

HTML y CSS

Empiezo a hacer el sitio con HTML y posteriormente con estilos incluyendo Flex.

Sitio web responsivo

Vista del sitio para móviles

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Katherine

Información técnica

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

Recursos

Freepik

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