link: https://marcoreliog.github.io/Dariuz-Store/
Este projeto foi iniciado originalmente em 2023 como parte de um interesse pessoal. Na época, a proposta era criar uma landing page simples para um marketplace fictício, com foco em HTML, CSS e estrutura básica de navegação. Durante o primeiro semestre de 2025, decidi revisitar e expandir a ideia, tornando a Dariuz Store um projeto mais completo, com funcionalidades reais de navegação entre páginas, interação com JavaScript, organização visual aprimorada e uma simulação de finalização de compra.
- HTML5
- CSS3 (com Bootstrap 5.3.3 para responsividade e componentes)
- JavaScript Vanilla (para animações e comportamento da interface)
- Google Fonts (Nunito)
- Font Awesome e ícones Bootstrap (opcional)
📁 dariuz-store/
├── index.html # Página principal da loja
├── style.css # Estilos customizados
├── script.js # JS para interações como scroll, menu e destaque de seção
├── finalizar-compra.html # Página de simulação de finalização de compra
├── produto-airmax.html # Página individual do produto Air Max
├── produto-jordan.html # Página individual do produto Air Jordan
├── produto-yeezy.html # Página individual do produto Yeezy Boost
├── produto-puma.html # Página individual do produto Puma RS-X- ✅ Layout responsivo com Bootstrap
- ✅ Navegação suave entre seções (scroll suave)
- ✅ Destaque de menu conforme rolagem da página
- ✅ Seções de produtos com links para páginas detalhadas
- ✅ Páginas de produto com seleção de cor e numeração
- ✅ Formulário de simulação de frete por CEP
- ✅ Botão de compra que leva à página de finalização
- ✅ Formulário de simulação de dados para compra
- ✅ Estilo moderno, escuro e elegante
- 2023: Início do projeto com uma landing page básica
- 2025: Revisão e ampliação do projeto com páginas secundárias, interatividade em JS, estrutura de checkout e refinamento visual
Marco Aurélio Gonçalves de Souza
Aluno de Engenharia de Computação @ UFMG
Email: marcoaureliogcs@gmail.com
LinkedIn: www.linkedin.com/in/marcoaureliogoncalvess
Este projeto é fictício e feito exclusivamente para fins acadêmicos. Nenhum produto está à venda.
Sinta-se à vontade para utilizar este projeto como base para o seu próprio portfólio ou estudos!