🔗Projeto FreeHair: Site para uso profissional no formato One Page, responsiva, aplicação para diversos tipos de micro, pequenas e médias empresas, com objetivo de divulgar uma marca ou serviço.
| Marcação | Estilização | Programção | Bibliotecas | Utilitários |
|---|---|---|---|---|
| Html | Css | JavaScript | SwipeJS | randomuser.me |
| 5 | 3 | ECMAScript 2018 | ScrollReveal | IconMoon |
📚 Através desse projeto foi possível exercitar o uso da linguagem de marcação HTML e principalmente estilização CSS para organizar as seções e exibir cada uma de forma interativa, e suave conforme a navegação do usuário pela página.
Também usando DOM no JS foi possível desenvolver uma aplicação com funcionalidades de menu de navegação e apresentação de link ativo da seção atual, e com uso de métodos como toggle e classList junto com CSS aprimorar mudanças de estilo quando ocorre o scroll da página.
Além disso foi possível estudar e aplicar as funcionalidades das bibliotecas scrollReveal para aprensetar as seções de modo gradativo conforme o scroll ocorre, e swiper para desenvolver o carrossel de depoimentos que exibe as declarações dos clientes que já utilizaram os serviços.
🔗 Esse desenvolvimento foi realizado em uma maratona de aulas da Rocketseat.
- README.md
- index.html
- /assets
- /css
- reset.css
- style.css
- /icons
- /js
- script.js
- /css
Concluído ✅ Objetivo principal do projeto está finalizado. Mas outras funcionalidades serão adicionadas ao FreeHair.
Possíveis funcionalidades:
- Interface Principal
- Responsividade
- Adicionar localização com Google maps
🎥📷
Para ver o funcionamento é só clicar aqui