O projeto foi pensado para mostrar a equipe da clínica Muzy, os tratamentos e conseguir entrar em contato. Utilizei linguagens simples e eficientes como Html para a estruturação, css para a estilização, e javascript para as funcionalidades. No campo de formulário utilizei o FormSubmit para a captação desses emails. Somente esse foi o script externo utilizado em toda a aplicação.
- Por utilizar linguagens Simples, para uma aplicação desse nível o código acaba sendo um pouco complexo, mas com a utilização de ferramentas como gulp esses problemas foram sanados.
- Imagens com uma variação de cor não muito específica, durante o design encontrei problemas com as imagens da página Equipe que estavam com uma coloração meio estranha, mas com a ferramenta de edição de imagem do próprio figma conseguir resolver.
- Um back-end proprio para o envio de email.
Modificações no script de animação ao scroll.- Melhorias nas imagens da página Equipe
- Node / Npm
git clone https://github.com/KaikSelhorst/muzy.git
Abra o repositorio baixado no seu Editor de codigo Vscode, SublimeText, etc...
npm install
Esta automatização esta sendo feita com gulp,ele vai automatiza o js e css!
Os comandos basico para o funcionamento são:
Comando para Desenvolvimento
gulp
Comando para produção(commit):
gulp build
Caso não queira utilizar o gulp, basta mudar as seguintes linhas:
JavaScript
<script src="./main.js"></script>
<!--Para-->
<script type='module' src="./script/script.js"></script>
Css
<link rel="stylesheet" href="/style.min.css" />
<!--Para-->
<link rel="stylesheet" href="/style/style.css" />
Feito isso Divirta-se.