Construção de uma pagina de treinamento

---

---

Objetivo: Desenvolver uma página da web responsiva e interativa para hospedar e apresentar os cursos,  permitindo aos usuários visualizar e se inscrever em aulas e módulos. Descrição do Layout: * Cabeçalho: Logotipo no canto superior esquerdo, menu de navegação, e um campo de pesquisa no canto superior direito. * Banner Principal: Imagem de destaque com o título do curso atual (ex: "CSI 2024"), slogan motivador e botão "Inscreva-se agora". * Seção de Aulas Semanais: Cards horizontais que mostram as aulas mais recentes com miniaturas atraentes, títulos, e uma breve descrição. Deve incluir botões para assistir e opções para filtrar por ano. * Módulos do Curso: Uma grade ou carrossel de cards destacando módulos temáticos específicos (ex: "Fundamentos da Criptografia", "Análise de Risco", etc.), Cada um com uma imagem representativa e um resumo curto. Funcionalidades: * Filtro Dinâmico: Permitir aos usuários filtrar aulas e módulos por categoria e dificuldade. * Cadastro e Inscrição: Integração com um sistema de gerenciamento de aprendizagem para cadastro, inscrição em cursos, e acompanhamento do progresso. * Responsividade: O design deve se adaptar a diferentes tamanhos de tela, incluindo tablets e smartphones. Tecnologias Sugeridas: * Frontend: HTML5, CSS3 (com frameworks como Bootstrap para responsividade), JavaScript (com frameworks como React ou Vue.js para interatividade). * Backend: PHP ou Node.js, dependendo da preferência do desenvolvedor e dos requisitos do sistema de gerenciamento de aprendizagem. * Banco de Dados: MySQL ou MongoDB, dependendo da estrutura de dados. Observações: * A pagina inicial da pagina é apenas uma tela de login e métodos de recuperação de senha * Precisa ter uma forma automatizada de publicação das aulas * Todas as aulas precisam ter opções para adicionar titulo e subtítulo e  um espaço para comentários * O player da aula precisa ficar centralizado e na lateral demonstrar as aulas ainda disponíveis no modulo Para exemplificar anexei um exemplo que imagino Prazo: A ser determinado com base no escopo do trabalho e na disponibilidade do desenvolvedor. Orçamento: Negociável, com base nas taxas do mercado e na complexidade do projeto.Category: IT & ProgrammingSubcategory: Web developmentWhat is the scope of the project?: Medium-sized changeIs this a project or a position?: ProjectI currently have: I have specificationsRequired availability: As neededAPI Integrations: Other (Other APIs)Roles needed: Developer, Design a landing page

Keyword: Vue.js

Price: $250.0

Secondary Price: $500.0

JavaScript MySQL PHP API CSS HTML Responsive Web Design