💻 Web Site SkyPage Empresa 💻

Clique Aqui para ir ao Site

📋 Sobre

Site institucional da SkyPage, desenvolvido com HTML, CSS e JavaScript puro. Um projeto simples e elegante para apresentar os serviços da empresa.

🛠️ Tecnologias

• HTML5
• CSS3
• JavaScript
• Font Awesome (ícones)

📁 Estrutura do Projeto

✨ Funcionalidades

• Menu responsivo
• Animações simples
• Navegação suave
• Cards de serviços

🎨 Design

• Cores principais:
  • Azul escuro: #2c3e50
  • Azul claro: #3498db
  • Vermelho: #e74c3c

📱 Responsividade

• Desktop
• Tablet
• Celular

🚀 Como usar

1. Baixe ou clone o projeto
2. Abra o arquivo index.html no navegador

👨‍💻 Desenvolvido por

SkyPage - Desenvolvimento Web

🎨 Features

Design

• Layout responsivo
• Animações suaves
• Paleta de cores profissional:
  • Primária: #2c3e50
  • Secundária: #3498db
  • Destaque: #e74c3c
  • Texto: #333
  • Fundo claro: #f5f6fa

Funcionalidades

1. Menu Responsivo

   • Menu hamburguer para dispositivos móveis
   • Navegação suave entre seções

2. Animações

   • Efeitos de fade-in nos elementos
   • Animações ao scroll
   • Transições suaves nos cards de serviços

3. Seções

   • Hero com mensagem de impacto
   • Sobre a empresa
   • Serviços oferecidos
   • Área de contato
   • Política de privacidade

🔧 Instalação

1. Clone o repositório
2. Abra o arquivo index.html em seu navegador

📱 Responsividade

O site é totalmente responsivo e se adapta aos seguintes dispositivos:

• Desktops
• Tablets
• Smartphones

🎯 Seções do Site

Header

• Logo da empresa
• Menu de navegação
• Versão mobile com menu hamburguer

Hero Section

• Título principal animado
• Subtítulos com fade-in
• Botão CTA (Call to Action)

Sobre

• Apresentação da empresa
• Missão e valores
• Proposta de valor

Serviços

• Cards interativos
• Ícones ilustrativos
• Descrições dos serviços

Contato

• Chamada para ação
• Informações de contato

Footer

• Logo
• Links importantes
• Informações adicionais

⚙️ Performance

• Otimização de imagens
• Código limpo e organizado
• Carregamento otimizado
• Animações suaves

🔒 Segurança

• Política de privacidade implementada

• Termos de uso claros

• Proteção de dados dos usuários

• 🔗 Links

• GitHub

• LinkedIn

• Instagram

---

Desenvolvido com ❤️ por Bruno Henrique