Forma de registro para boletín – Suits

Esta es una forma de registro para boletín llamado Suits, hecho con HTML y SASS. El sitio número 25 del reto personal #100sitioswebchallenge.

Puedes visualizar el sitio en: Suits

DESAFÍOS

Uma landing page sencilla donde se puede visualizar que se divide em columnas, hechas con estilo CSS.

#suits {

  display: grid;

  grid-template-columns: 1fr 1fr;

PROCESO

Paleta de colores y estilos

Paleta de colores: 153F4C FFFFFF

Tipografía:

Font awesome para los íconos de social media

Mockup (Bosquejo)

El bosquejo lo hice con la ayuda de Figma, al inicio quería tener dos imágenes en la landing page, pero al final lo limpié para que sólo quedara una sola imagen.

HTML y CSS

Con VS Code como mi editor trabajé en la maquetación del sitio, primero con HTML para después trabajar con los estilos por medio de SASS como preprocesador de CSS.

Y así el sitio final queda listo

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Suits

Información técnica

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

Recursos

Font Awesome License

Unsplash

Deja tus comentarios y sugerencias para esta forma de registro para boletín llamado Suits, hecho con HTML y SASS

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