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:
- Playfair Display de Google Fonts para el título
- Montserrat de Google Fonts para el cuerpo del formulario
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
Unsplash
Deja tus comentarios y sugerencias para esta forma de registro para boletín llamado Suits, hecho con HTML y SASS
