Sitio One Page Construído con SASS  – Pasta

Este es un sitio estilo One Page maquetado con HTML y estilizado con CSS usando el pre-procesador SASS. El proyecto 43 del reto #100sitioswebchallenge

Puedes visualizar el sitio en: Pasta

DESAFÍOS

Estos son los primero ejercicios del año para seguir practicando el uso del pre-procesador SASS. Para este ejercicio me inspiré en el diseño de arshakirpk.

PROCESO

Paleta de colores y estilos

Paleta de colores: F8F9FB 4D4D4D 677C28

Tipografía:

Montserrat de Google Fonts

Mockup (Bosquejo)

Este es el bosquejo del proyecto

HTML y CSS

Primero empiezo la maquetación con HTML, para terminar con los estilos CSS por medio del pre-procesador SASS.

Sitio web responsivo

Por último este es el sitio de manera responsiva

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Pasta

Información técnica

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

Recursos

Unsplash

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