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?

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Landing Page para Negocio

Landing Page para Negocio

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 Esta es una landing page para el lanzamiento de un nuevo producto o servicio, construído con HTML y...

Una Landing Page Sencilla

Una Landing Page Sencilla

https://www.youtube.com/watch?v=AotDOfaKss0 Tabla de Contenidos Introducción Desafíos Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información Técnica Recursos Introducción Esta es una landing page para el lanzamiento de un...

Página Estilo One Page

Página Estilo One Page

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 es una página web estilo One Page, la cuál está maquetada con HTML y estilizada con CSS, este...