E-commerce 🛒

Print 01	Print 02
Print 03	Print 04

Teste por este link: ❗ ❗

https://diogolcarvalho.github.io/projeto-eCommerce/

Explicação JS ⌨️

Tanto o nav e o footer estão incluídos no javascript, para a reutilização nas outras páginas do projeto, como a página de erro e a de produto.

Basta incluir no HTML a tag com a class correta.

O efeito da passagem de produtos é através dos botões. Ao clicar no nxtBtn é adicionado ao .product-container (div que segura os produtos) um número, que aumenta o scroll lateral e ao clicar no preBtn é removido.

Detalhes nos comentários. Mas basicamente, é adicionar e remover a class da div e colocar como background.

Criando esse efeito:

Mesmo efeito de adicionar e remover a class.

Criando esse efeito:

Detalhes a mencionar ❗

O projeto tem quatro páginas, a principal, a página de erro, de produtos e de pesquisa.

Obrigado pela atenção ❗

• Projeto a continuar depois ⏳ com novas funcionalidades;
• Possíveis melhorias na Responsividade;
• Inspirado em Modern Web.