Resumo

Modificar visualização dos produtos para modelo padrão de e-commerce(DataGrid).

Detalhamento

Modificar a forma de visualização para mostrar os produtos em um "Grid", de forma a facilitar a navegação do usuário.

Deve-se ter do lado esquerdo um menu com as categorias dos produtos;
Na parte superior da tela, deve-se ter um "carrocel" com os produtos em promoção de forma bem destacada;
Na parte central deve mostrar um grid com a foto de cada produto e com as informações principais do mesmo.
Em cada página devem conter 20 produtos no máximo, sendo 4 produtos por linha;
Deve-se criar o grid em modo responsivo para otimizar a exibição para diferentes tamanhos de tela;