FocusDev - Soluções que conectam!

Projeto de landing page com autenticação para a empresa fictícia FocusDev, especializada no desenvolvimento de soluções digitais que conectam pessoas, negócios e oportunidades.

📝 Requisitos do Projeto

Funcionais

• Logo da empresa "FocusDev - Soluções que conectam!", usada na interface e autenticação.
• Tela de login (autenticação) com validação de formulário.
• Redirecionamento para página principal após login bem-sucedido.
• Página principal com estrutura semântica (header, nav, sidebar, main, footer).
• Navegação com ícones (menu: Quem somos, Serviços, Soluções, Contato).
• Botão de “Sair” que retorna à tela de login.

Não-funcionais

• Interface moderna e amigável.
• Design mobile-first.
• Totalmente responsivo.
• Acessibilidade nível AA.

🧱 Tecnologias Utilizadas

• HTML5
• CSS3
• JavaScript

📂 Estrutura do Projeto

📁 focusdev-website
├── .vscode/
├── assets/
│   ├── brand/           → Logo, paleta de cores, tipografia
│   ├── icons/           → Ícones de navegação
│   └── img/             → Imagens diversas
├── ui/
├── css/
├── js/
├── home.html            → Página principal
├── index.html           → Tela de login
├── LICENSE
└── README.md

📐 Convenções

• CSS: metodologia BEM
• Commits: padrão Conventional Commits

📌 Protótipo

🔗 Acessar no Figma

🔑 Para acessar

• E-mail: admin@focusdev.com
• Senha: fOcusDev123

🧑‍💻 Autor

@RegianaCruz