Portafolio de 4 secciones | HTML & CSS (Flex)

Este es un portafolio para presentar tus proyectos hecho con HTML y CSS (Flex). El tercer proyecto del año, parte del reto personal #100sitioswebchallenge.

Puedes visualizar el sitio en: Portfolio Web II

DESAFÍOS

Quise crear un portafolio minimalista y tratar de tenerlo lo más sencillo posible. Diría que la sección de About, me tomó tiempo buscar la manera de hacer esas separaciones con Flex. Pero creo que al final lo logré separar cómo lo había pensado.

PROCESO

Paleta de colores y estilos

Paleta de colores: FFFFFF 000000

Tipografía:

Poppins de Google Fonts

Mockup (Bosquejo)

Empiezo el bosquejo en Figma, de esta manera creo  la idea y realmente en el camino puede que cambien algunos detalles.

HTML y CSS

Esta es la vista del proceso a la hora de construir el sitio, primero maqueto la portada con HTML.

Y posteriormente empiezo a darle los estilos necesarios con CSS.

Sitio web responsivo

Por último me aseguro que el sitio pueda ser visible en móviles.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Portfolio Web II

Información técnica

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

Recursos

Pexels

Deja tus comentarios y sugerencias.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio web One Page con navegación fija

Sitio web One Page con navegación fija

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 un sitio web estilo One Page maquetado con HTML y estilizado con CSS con una navegación fija....