Haz Un Portafolio Sencillo con HTML y CSS (Flex)

Este es un portafolio estilo One Page, el cuál está maquetado con HTML y estilizado con CSS (Flex). Este es el proyecto 11 del reto personal #100sitioswebchallenge.

Puedes visualizar el sitio en: Portfolio Minimalist

DESAFÍOS

Para este proyecto me basé en este template de NicePage, quise recrear un poco el background donde una mitad es un color y otra mitad otro. Realmente a veces sólo con buscar estilos en Google es como logras encontrar este tipo de referencias para los estilos.

PROCESO

Paleta de colores y estilos

Paleta de colores: 1F2038 F2F2F2 FFFFFF

Tipografía:

Poppins 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 Minimalist

Información técnica

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

Recursos

Pexels

 

Unplash

Deja tus comentarios y sugerencias.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio Web de Boda – Dark Mode

Sitio Web de Boda – Dark Mode

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 sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...

Sitio Web de Boda

Sitio Web de Boda

Tabla de contenidos Introducción Proceso Paleta de colores y estilos Bosquejo HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de...

Sitio de Vestido de Novias – Pink

Sitio de Vestido de Novias – Pink

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 sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...