🌱 EcoTrend

📖 Sobre a Plataforma

A EcoTrend é uma plataforma de e-commerce sustentável que conecta consumidores conscientes a produtos ecológicos e inovadores.
Nosso objetivo é tornar o consumo mais responsável, oferecendo uma experiência moderna, acessível e envolvente.

Com design responsivo e intuitivo, a plataforma funciona em qualquer dispositivo, permitindo ao usuário:

• Explorar produtos sustentáveis.
• Descobrir informações sobre impacto ambiental.
• Navegar de forma simples e prática.

---

🎯 Objetivos

• Criar um e-commerce funcional e responsivo, baseado em HTML5, CSS3 e Bootstrap 5.
• Aplicar boas práticas de desenvolvimento web (semântica, acessibilidade e responsividade).
• Estruturar o projeto de forma organizada, visando manutenção e evolução futura.
• Unir conceitos de design moderno, tecnologia e sustentabilidade.

---

🖼️ Estrutura e Funcionalidades

Páginas Implementadas

• 🏠 Home (index.html) → Carrossel de destaques + seção de produtos em destaque.
• 🛒 Products (products.html) → Catálogo completo de produtos.
• ℹ️ Our Mission (our-mission.html) → História da plataforma e missão, contato e FAQ.
• 🛒 Shopping Cart (shopping-cart.html) → Carrinho de compras.

Principais Componentes

• Navbar responsiva → Links de navegação com adaptação para mobile.
• Carrossel de Cards → Exibição dinâmica dos produtos em destaque.
• Cards de produtos → Imagem, título, descrição e preço.
• FAQ em estilo Accordion → Organização de perguntas e respostas.
• Rodapé completo, com:
  • Links rápidos de navegação.
  • Políticas da empresa.
  • Redes sociais.
  • Newsletter de inscrição.

---

🛠️ Tecnologias Utilizadas

• HTML5 → Estrutura semântica do conteúdo.
• CSS3 → Estilização customizada e responsividade.
• Bootstrap 5 →
  • Sistema de grid responsivo.
  • Carrossel.
  • Cards.
  • Accordion.
  • Botões estilizados.
• JavaScript (ES6) → Funcionalidades interativas, como LocalStorage para salvar produtos no carrinho.

---

🚀 Como Executar

1. Clone o repositório:

   git clone https://github.com/seu-usuario/ecotrend.git

2. Entre no diretório do projeto.
3. Abra o arquivo index.html no navegador.
4. (Opcional) Utilize a extensão Live Server do VSCode para rodar em ambiente local.

---

Link do GitHub Pages

• https://ulissese.github.io/ecotrend/

📄 Licença

Este projeto foi desenvolvido para fins acadêmicos e pode ser utilizado como base de aprendizado em desenvolvimento web.

---

✨ A EcoTrend não é apenas uma loja virtual — é uma forma de conectar tecnologia, design e sustentabilidade em uma experiência digital completa.