Meteora

Overview

Este repositório contém o código-fonte do site "Meteora", que foi desenvolvido a partir de um wireframe utilizando o framework Bootstrap. O site exibe informações sobre a marca Meteora, seus produtos e facilidades oferecidas aos clientes. Além disso, foi implementado o uso do DOM para mostrar as informações na página sem repetir muito código.

Tecnologias utilizadas

O site foi construído utilizando as seguintes tecnologias:

• HTML5: A linguagem de marcação utilizada para estruturar o conteúdo da página.
• CSS3 (Bootstrap): Utilizado para estilizar a página e torná-la responsiva em diferentes tamanhos de tela.
• JavaScript (Vanilla): Utilizado para implementar funcionalidades interativas na página e realizar a manipulação do DOM.

Estrutura do site

O site é composto por várias seções, incluindo:

1. Navbar: Uma barra de navegação superior que permite ao usuário acessar diferentes páginas do site.
2. Carousel: Um componente de carrossel que exibe imagens e informações sobre a coleção atemporal.
3. Busca por categoria: Uma seção que exibe diferentes categorias de produtos disponíveis na loja.
4. Produtos em destaque: Uma seção que mostra alguns produtos em destaque na loja.
5. Facilidades: Uma seção que destaca algumas facilidades oferecidas aos clientes, como pagamento via PIX, troca grátis e sustentabilidade.
6. Formulário de cadastro: Um formulário onde os usuários podem se cadastrar para receber novidades e promoções por e-mail.
7. Rodapé: Uma seção de rodapé que exibe informações sobre o desenvolvimento do site.

Modal de mais detalhes

Foi implementado um modal no site que permite ao usuário visualizar mais detalhes sobre um produto específico. Ao clicar em um botão "Ver mais" em um card de produto, o modal é aberto e exibe informações adicionais, como cores disponíveis e tamanhos disponíveis. Essa funcionalidade aprimora a experiência do usuário ao fornecer informações detalhadas sem sair da página principal.

Vitrine.Dev