One Page com tema de medicina, com objetivo de divulgar serviços e tratamentos médicos, layout único e concentração das informações em um mesmo ambiente. O objetivo principal é trazer dinamismo e agilidade para a navegação do usuário.
Esse projeto foi possível exercitar o conceito de Mobile First usando unidades de medidas relativas no CSS. Também com o uso do JavaScript foi interessante trabalhar a funcionalidade de link ativo, para indicar no menu qual seção está ativa no momento que ocorre o evento Scroll, além de acrescentar outras funcionalidades como mudanças de estilização no header adicionando e removendo classes. E o uso de biblioteca ScrollReveal para proporcionar rolagem suave e uma navegação agradável para o usuário.. Trabalhar com funcionalidades como toggle para ter alternância no menu. Trabalhar padronização no CSS e no HTML para ter mais eficiência no desenvolvimento, e também trabalhar a divisão de tarefas para cada funcionalidade criada no JS.. Esse projeto OnePage apesar de simples, proporcionou muito aprendizado de diferentes maneiras...
- HTML
- CSS
- JavaScript
- Biblioteca (ScrollReveal)
- README.md
- index.html
- /assets
- /css
- reset.css
- style.css
- /img
- /js
- script.js
- /css
Concluído ✔️ Objetivo principal do projeto DoctorCare está finalizado.
Possíveis funcionalidades:
- Interface Principal
- Seções de divulgação do serviço
- Menu de navegação
- Responsividade
- Indicador de seção ativa