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

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