Projeto PicPro + Kenzie Academy

Sobre o projeto

Projeto desenvolvido para o evento PicPro ministrado pelos instrutores da Kenzie Academy Brasil em parceria com o PicPay.

O objetivo foi criar uma carteira digital da PicPay para gerenciar transações financeiras, com campos de usuário e formas de selecionar pagamento. No projeto tive a chance de aplicar todas as habilidades, princípios e conceitos que aprendi no curso: HTML, CSS e JavaScript, além de noções sobre como estruturar um layout e posicionar elementos com Flexbox.

Layout do projeto

Interaja com o projeto

Github pages

Estrutura de arquivos

• README.md
• index.html
• /css
  • style.css
• /img
  • /layout
• /js
  • script.js

Fonte

• 'Poppins', sans-serif;

Cores

• Verde principal: #4a8864;
• Verde principal escuro: #1F6F54;
• Branco com transparência(borda cabeçalho): rgba(255, 255, 255, 0.4);
• Branco: #fff;
• Preto: #000;
• Preto com transparência(sombra e borda dos boxes): rgba(0, 0, 0, 0.15);
• Cinza claro(fundo de input): #F4F4F4
• Cinza claro 2(borda de input): #D2D2D2;

Sombra

• box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);

Tecnologias utilizadas

• HTML
• CSS
• JavaScript
• Fontes do Google

Referências

• W3Schools referência HTML
• W3Schools referência CSS
• Google Fonts
• Coolors
• Paletton
• W3Schools propriedades CSS no DOM
• MDN lista de eventos

Autoria

Sarah Rúbia de Oliveira Santos

Linkedin: https://www.linkedin.com/in/sarahrubia/
e-mail: sarahrubia22@gmail.com