Este projeto é uma plataforma de aprendizado online. A interface permite que os alunos naveguem entre os métodos e aulas disponíveis, com uma visualização interativa e moderna.
Estrutura do Projeto DASHBOARD: Pasta principal do aluno, onde os métodos e aulas são exibidos. CSS: Pasta com arquivos de estilos que define a aparência da página e do dashboard. scripts.js: Um Simples código JavaScript que controla a interação do usuário, como a expansão e recolhimento das aulas.
Como Usar Baixe ou clone o repositório para a sua máquina.
Estrutura de Arquivos:
Certifique-se de que os arquivos dashrural.html, dashsustentavel.html e dashtecnologias estão na pasta DASHBOARD. Na pasta CSS certifique que styles.css e styles_dashboard.css estão na mesma pasta. Inclua as imagens necessárias (como logo.png e perfil.png) na mesma pasta ou em uma subpasta conforme referenciado no código. Abra os arquivos na pasta dashboard no seu navegador de preferência para visualizar a página onde as aulas são encontradas.
Navegue pela interface:
Clique na seta ao lado de cada método para expandir ou recolher as aulas. Marque as aulas como concluídas usando as caixas de seleção. Dentro das aulas use o perfil com imagem perfil.png para retornar a pagina principal do site index.html. Em um dispositivo mobile vá até o final da pagina para estar alternando entre as aulas. Requisitos Um navegador moderno (Chrome, Firefox, Edge, etc.). Não há necessidade de instalar dependências adicionais. Personalização Métodos e Aulas: Para adicionar ou modificar métodos e aulas, edite os arquivos na pasta DASHBOARD. Estilos: Para alterar a aparência, edite os arquivos na pasta CSS. Funcionalidades: Para modificar as interações, edite o arquivo scripts.js.