Este es el sitio maquetado con bootstrap y sass simulando un blog para video juegos. El proyecto sesenta y tres del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Videogame blog
DESAFÍOS
Para hacer este sitio me basé en la plantilla Desilog. En la sección de inicio del sitio, la cabecera está dividida por 4 secciones distintas. Hasta arriba está la cabecera que contiene un banner de publicidad rectangular, posteriormente está la fila donde se encuentra el logo y buscador, después el menú de navegación del sitio y por último la sección de showcase, donde se encuentran los artículos principales del sitio.
Aquí puedes ver en html con sus respectivos llamados a las clases de bootstrap para visualizar toda la sección de la cabecera.
PROCESO
Paleta de colores y estilos
Paleta de colores: FB4F14 F6F7F9
Tipografía: Nunito de Google Fonts
Íconos: Font Awesome
HTML y CSS
Esta es la vista del sitio antes de llamar a las clases de bootstrap.
Y aquí la exploración dentro del sitio una vez terminado
Sitio web responsivo
La vista del sitio de manera responsiva en aparatos móviles.
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Videogame blog
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS (Bootstrap, SASS)
- Sitio responsivo
- Github
- Netlify
Recursos
Illustrations
- Video Game Illustrations Post
- Creative Outpouring
- Mark Molchan
- Marie Bergeron
- Bruce Yan
- Wes Talbott
- Anton Lundin
- Jorge Ferreira
- Damian Santamaria
Este es el sitio maquetado con bootstrap y sass simulando un blog para video juegos. ¿Tú cómo construirías este sitio?
