Landing page informativa

Criação de uma microsite de página única responsive contendo conteúdos estáticos, áreas de conteúdo expansível e dois formulários de contacto. Será fornecido um PDF com o resultado final pretendido, em desktop e mobile, um guia de estilos, todos os elementos gráficos necessários e um descrito do comportamento pretendido. A página deverá ser implementada em HTML com recursos apenas a bibliotecas javascript bastante comuns no mercado (Vue.js, JQuery, ...). esta página deverá ter as seguintes áreas/componentes: 1. banner de topo (com o texto definido e botões de acção) 2. imagem/esquema de ícones no conteúdo/ secção descritiva 3. título e texto (com algumas frase em destaque, formatadas com uma cor específica) 4. 2º banner de marketing (por enquanto não está previsto mas deixar preparado para permitir ter texto e/ou botões nesta secção) 5. secção de destaque com 4 áreas/menus » o conteúdo apresentado por baixo desta secção varia de acordo com a área/menu que selecionamos. Quando carregamos/expandimos um dos primeiros dois menus desta secção (formulário agendamento e fale connosco), abre uma "área" por baixo com o conteúdo da secção. Quando carregamos sobre um dos últimos dois menus desta secção (etapas instalação e conheça o INOVMETER), em vez de fazer abrir uma secção por baixo com o conteúdo, deverá fazer scroll down para a área correspondente a essa área Nos formulários os campos "Freguesias" só deverão listar as freguesias aderentes, não irá listar as que ainda não estão disponíveis. Os formulários existentes deverão enviar emails para um endereço definido (cada formulário deverá ter um endereço específico) 6. imagem etapas instalação 7. imagem conheça o INOVMETER 8. perguntas frequentes (para ver a resposta a uma pergunta basta expandir o nó) 9. banner/rodapé com informação de contacto (terá a imagem de fundo definida na maquete, com texto e botão para visualizar os dados de contacto)