Portafolio 2022 | HTML y CSS (Flex)

Portafolio construído con HTML y CSS Flexbox, estilo One Page. El proyecto número 19 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Portfolio 2022

DESAFÍOS

Este es un portafolio basado em el proyecto de Devon Stack, tratando de seguir un estilo minimalista y limpio aplicando flexbox para varias secciones del sitio así como para la parte responsiva.

PROCESO

Paleta de colores y estilos

Paleta de colores: FFFFFF 000000 1C1C1C E1A87A

Tipografía:

Mockup (Bosquejo)

Primero hice el bosquejo del sitio em Figma, esto sin duda me ahorra mucho tempo cuando empiezo a construir el sitio.

HTML y CSS

Ahora empiezo a trabajar con la maquetación en HTML para posteriormente trabajar con los estilos.

Sitio web responsivo

Por último queda el sitio para aparatos móviles.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Portfolio 2022

Información técnica

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

 

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