Portafolio de 3 Páginas con HTML y CSS (Flex)

Este es un portafolio sencillo de 3 páginas o secciones, maquetado con HTML y estilizado con CSS. El proyecto 13 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Portfolio Simple  

DESAFÍOS

Para hacer este proyecto me basé en el portafolio de Adam Matt, me gusto el estilo minimalista y simple de hacer un portafolio y basado en eso hice mi próprio bosquejo.

PROCESO

Paleta de colores y estilos

Paleta de colores: 1F2038 F3F4F6 000000

Tipografía:

Raleway de Google Fonts

Mockup (Bosquejo)

Aquí el bosquejo hecho en Figma

HTML y CSS

Y ahora empieza la maquetación en HTML para posteriormente trabajar con los estilos y lograr el resultado final.

Sitio web responsivo

Para terminar dejamos el sitio de manera responsiva.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Portfolio Simple

Información técnica

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

Recursos

Unsplash

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