Maratona de Programação 6: Lista de Contatos

Projeto desenvolvido na parte 6 da maratona de programação da Kenzie Academy Brasil.

Ferramentas

1. Instalação do VS Code no Windows
2. Como utilizar o codepen e o VSCode

Checkpoints

1. Introdução ao HTML
2. Introdução ao CSS
3. Introdução ao Javascript

O Projeto

Estrutura de arquivos

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

Fonte

• 'Quicksand', sans-serif;

Cores

• Azul principal: #162b7b;
• Branco: #ffffff;
• Branco principal com transparência: hsl(0deg 0% 100% / 90%);
• Azul principal com transparência: hsl(228deg 70% 28% / 10%);
• Vermelho: #de4b09;
• Vermelho com transparência: hsl(0deg 95% 44% / 5%);

Sombra

• box-shadow: 3px 3px 14px -14px #4f4f4f

Layout

• Layout

Referências

• w3schools lista de tags
• Google Fonts
• w3schools - css
• CSS tricks flexbox
• w3schools - js
• Introdução CSS BEM
• CSS BEM