Maquetación de blog para video juegos

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.

     

       

         

       

     

     


     

       

         

         

       

     

     

   

     

       

         

           

             

             

                Adventure

               

Lorem ipsum dolor

             

           

         

         

           

             

             

                Action

               

Lorem ipsum dolor

             

           

         

          

           

             

             

                Mistery

               

Lorem ipsum dolor

             

           

         

       

      

   

   

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

Font Awesome License

Illustrations

Este es el sitio maquetado con bootstrap y sass simulando un blog para video juegos. ¿Tú cómo construirías este sitio?

Share