EF-TECH - Soluções em Cloud Computing

Website institucional da EF-TECH, empresa especializada em soluções de cloud computing.

🚀 Sobre o Projeto

Este é um website estático desenvolvido para apresentar os serviços da EF-TECH, focando em performance, segurança e acessibilidade. O site é otimizado para GitHub Pages e não requer processamento server-side.

🌟 Características

• Design Responsivo: Adaptado para dispositivos móveis, tablets e desktops
• Acessibilidade: Implementado seguindo as melhores práticas de acessibilidade web (WCAG)
• Performance: Carregamento rápido sem dependências externas
• Sem Dependências: Todo o código é auto-contido (HTML, CSS e JavaScript vanilla)
• GitHub Pages Ready: Pronto para deploy imediato no GitHub Pages

📁 Estrutura do Projeto

/
├── index.html          # Página principal
├── styles.css          # Estilos CSS
├── script.js           # Funcionalidades interativas
└── README.md           # Este arquivo

🛠️ Tecnologias Utilizadas

• HTML5: Estrutura semântica
• CSS3: Estilização com Flexbox e variáveis CSS
• JavaScript (Vanilla): Funcionalidades interativas sem frameworks

🌐 Deploy no GitHub Pages

Configuração Automática

1. Acesse as configurações do repositório no GitHub
2. Vá para Settings > Pages
3. Em Source, selecione a branch main (ou master)
4. Selecione a pasta / (root)
5. Clique em Save

O site estará disponível em: https://[seu-usuario].github.io/[nome-do-repositorio]/

Verificação

Após o deploy, verifique:

• ✅ Todos os links funcionam corretamente
• ✅ Imagens e recursos carregam adequadamente
• ✅ O site é responsivo em diferentes dispositivos
• ✅ Links externos abrem em novas abas

🧪 Testes

O projeto inclui testes unitários e testes baseados em propriedades:

# Instalar dependências (apenas para desenvolvimento/testes)
bun install

# Executar todos os testes
bun test

# Executar testes específicos
bun test tests/unit/
bun test tests/properties/

♿ Acessibilidade

O site implementa as seguintes funcionalidades de acessibilidade:

• Navegação por teclado: Todos os elementos interativos são acessíveis via teclado
• Skip link: Link para pular direto ao conteúdo principal
• ARIA labels: Atributos ARIA apropriados para leitores de tela
• Hierarquia de cabeçalhos: Estrutura semântica adequada
• Contraste de cores: Alto contraste para melhor legibilidade
• Focus visível: Indicadores visuais claros para navegação por teclado

📱 Responsividade

O site é otimizado para os seguintes breakpoints:

• Mobile: < 768px
• Tablet: 768px - 1023px
• Desktop: ≥ 1024px

🌍 Navegadores Suportados

• Chrome (últimas 2 versões)
• Firefox (últimas 2 versões)
• Safari (últimas 2 versões)
• Edge (últimas 2 versões)

📄 Licença

© 2024 EF-TECH. Todos os direitos reservados.

📞 Contato

• Email: contato@eftech.com.br
• GitHub: github.com/eftechcombr
• Suporte: glpi.eftech.com.br
• YouTube: @eftechcombr