https://github.com/alanborgesdev/ecommerce-syntaxwear
https://github.com/alanborgesdev/ecommerce-syntaxwear
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/alanborgesdev/ecommerce-syntaxwear
- Owner: alanborgesdev
- Created: 2025-10-25T14:57:34.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-10-25T16:15:21.000Z (8 months ago)
- Last Synced: 2025-10-25T18:15:36.473Z (8 months ago)
- Language: HTML
- Size: 1000 Bytes
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SyntaxWear
SyntaxWear é um projeto de e-commerce de página única para uma loja de tênis e sneakers online. O projeto foi desenvolvido utilizando apenas HTML e CSS, com foco em um design moderno e responsivo.
## Visão Geral
O site apresenta um layout limpo e atraente, com as seguintes seções:
* **Cabeçalho:** Navegação fixa com links para as categorias de produtos, informações da loja e conta do usuário.
* **Hero:** Uma seção de destaque com uma imagem de fundo e chamadas para ação.
* **Categorias de Produtos:** Cards que representam as diferentes categorias de tênis disponíveis.
* **Grid de Produtos:** Um layout de grid para exibir os produtos em destaque.
* **Rodapé:** Informações de contato, links de navegação e um formulário de inscrição para newsletter.
## Tecnologias Utilizadas
* **HTML5:** Para a estrutura semântica do site.
* **CSS3:** Para estilização, layout e responsividade.
* **Flexbox:** Utilizado para alinhar e distribuir os elementos de forma flexível.
* **Grid Layout:** Para criar o layout complexo da grade de produtos.
* **Media Queries:** Para garantir que o site seja totalmente responsivo em diferentes dispositivos.
## Estrutura do Projeto
O projeto está organizado da seguinte forma:
```
ecommerce-syntaxwear/
├── css/
│ ├── base.css
│ ├── reset.css
│ ├── variables.css
│ └── components/
│ ├── footer.css
│ ├── header.css
│ ├── hero.css
│ ├── product-category.css
│ └── product-grid.css
├── images/
│ ├── banners/
│ ├── favicons/
│ ├── icons/
│ ├── logo/
│ └── products/
├── index.html
└── README.md
```
## Como Abrir o Site
Para visualizar o site, basta abrir o arquivo `index.html` em seu navegador de preferência.
1. Clone o repositório:
```bash
git clone https://github.com/alanborgesdev/ecommerce-syntaxwear.git
```
2. Navegue até o diretório do projeto:
```bash
cd ecommerce-syntaxwear
```
3. Abra o arquivo `index.html` no navegador.
## Contribuição
Contribuições são bem-vindas! Se você tiver alguma sugestão ou melhoria, sinta-se à vontade para abrir uma issue ou enviar um pull request.