---

Treine.me

Página única de plataforma de treinos, desenvolvida com HTML5 e CSS3.

---

🎯 Objetivo

Projeto de estudo para praticar:

• HTML5 semântico
• CSS3 com variáveis customizadas
• CSS Nesting
• Flexbox para layouts
• Organização modular de arquivos CSS
• Pseudo-classes

Estrutura da Página

• Header com logo e navegação principal
• Main com título, descrição e call-to-action
• Footer com informações de contato
• Elementos decorativos para melhor experiência visual

Tecnologias

• HTML5 - Estrutura semântica
• CSS3 - Estilização e layout

Estrutura do Projeto

treine-me/
├── assets/
│   ├── icons/          # Ícones SVG
│   └── images/         # Imagens da aplicação
├── styles/
│   ├── global.css      # Variáveis e estilos globais
│   ├── header.css      # Estilos do cabeçalho
│   ├── main.css        # Estilos do conteúdo principal
│   ├── index.css       # Importação dos estilos
│   └── footer.css      # Estilos do rodapé
├── index.html          # Página principal
└── README.md          # Este arquivo

📚 Aprendizados

Este projeto foi desenvolvido como parte dos estudos de front-end, focando em:

• Boas práticas de organização: Separação responsável dos arquivos CSS por componente
• CSS Moderno: Aplicação de recursos como nesting e variáveis customizadas
• Semântica HTML5: Uso correto das tags para melhor acessibilidade e SEO
• Design System: Consistência visual através de variáveis e padrões definidos