Criar um Site

O projeto consiste na elaboração do layout, html e css de três páginas. Nenhum desenvolvimento server side é necessário. O desenvolvimento client side em javascript, quando necessário e pertinente ao funcionamento dos componentes do layout, deverá acompanhar o html. A empresa já possui marca definida e manual de identidade visual a ser seguida e será entregue no início do projeto. As páginas são: Página de login * Criar página de login, sem conteúdo, apenas cabeçalho, rodapé e box de login no centro, bem clean. * Devem ser informados email e senha e haver botão de executar o login. * Deve prever um box para mensagem de erro no caso de falha de login. * Deve haver duas opções abaixo da caixa, uma para registrar-se e outra para recuperar senha. Página principal * Menu principal com 4 opções dispostas em uma barra vertical alinhada a esquerda. * As opções devem ser compostas de ícone + texto. Será necessário criar os ícones. * As opções são: Principal (pode ser um ícone de home ou algo que remeta ao início), Processos, Atividades, Configurações * A página deve ter um cabeçalho estreito, com a marca da empresa, uma caixa de busca e um botão de sair. * A página não deve ter rodapé. * O resto do espaço deverá ser ocupado pelo conteúdo quando selecionada alguma opção do menu. Página de processos * A página deve possuir uma pequena faixa superior para indicar que a página exibida refere-se a processos. * Devem ser dispostos caixas, no estilo dos Google Cards, com cada processo. * Cada caixa deve conter: * * Um cabeçalho com nome do processo, em maior destaque. * Uma descrição do processo. * Um corpo com os seguintes campos: * * Total de processos * Total de atividades * Cada campo deve ser expresso pelo conjunto de um ícone que representa o campo e um valor (quantidade). * Um rodapé com logotipo e noma da empresa. * Um botão de "inserir" (um sinal de + no estilo do google material design) * Os cards devem ser dispostos em grupos que possuem cada um um nome e que podem ser "fechados" ou "abertos", ocultando ou exibindo seu conteúdo.